finish personal page
This commit is contained in:
@@ -45,7 +45,14 @@
|
|||||||
<h6>Heading Level 6</h6>
|
<h6>Heading Level 6</h6>
|
||||||
<hr />
|
<hr />
|
||||||
<h5>Blockquote</h5>
|
<h5>Blockquote</h5>
|
||||||
<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.</blockquote>
|
<blockquote>Fringilla nisl.
|
||||||
|
Donec accumsan interdum nisi, quis tincidunt felis
|
||||||
|
sagittis eget tempus euismod. Vestibulum ante ipsum
|
||||||
|
primis in faucibus vestibulum. Blandit adipiscing eu
|
||||||
|
felis iaculis volutpat ac adipiscing accumsan
|
||||||
|
faucibus. Vestibulum ante ipsum primis in faucibus
|
||||||
|
lorem ipsum dolor sit amet nullam adipiscing eu
|
||||||
|
felis.</blockquote>
|
||||||
<h5>Preformatted</h5>
|
<h5>Preformatted</h5>
|
||||||
<pre><code>i = 0;
|
<pre><code>i = 0;
|
||||||
|
|
||||||
@@ -308,6 +315,38 @@
|
|||||||
</form>
|
</form>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<!-- Three -->
|
||||||
|
<section id="three" class="main special">
|
||||||
|
<div class="container">
|
||||||
|
<span class="image fit primary"><img src="images/pic02.jpg" alt="" /></span>
|
||||||
|
<div class="content">
|
||||||
|
<header class="major">
|
||||||
|
<h2>Stuff I do</h2>
|
||||||
|
</header>
|
||||||
|
<p>Consequat sed ultricies rutrum. Sed adipiscing eu amet interdum lorem blandit vis ac commodo aliquet vulputate.</p>
|
||||||
|
<ul class="icons-grid">
|
||||||
|
<li>
|
||||||
|
<span class="icon major fa-camera-retro"></span>
|
||||||
|
<h3>Magna Etiam</h3>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="icon major fa-pencil"></span>
|
||||||
|
<h3>Lorem Ipsum</h3>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="icon major fa-code"></span>
|
||||||
|
<h3>Nulla Tempus</h3>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="icon major fa-coffee"></span>
|
||||||
|
<h3>Sed Feugiat</h3>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<a href="#footer" class="goto-next scrolly">Next</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h4>Image</h4>
|
<h4>Image</h4>
|
||||||
<h5>Fit</h5>
|
<h5>Fit</h5>
|
||||||
|
|||||||
205
html/index.html
205
html/index.html
@@ -6,7 +6,7 @@
|
|||||||
-->
|
-->
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Wolfang Torres's personal page</title>
|
<title>Wolfang Torres</title>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
|
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
|
||||||
@@ -23,69 +23,172 @@
|
|||||||
<p>Freelancer Programmer, Mechatronics Engineer, Cisco CCNA</p>
|
<p>Freelancer Programmer, Mechatronics Engineer, Cisco CCNA</p>
|
||||||
</header>
|
</header>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<ul class="actions">
|
<div class="row">
|
||||||
<li><a href="#one" class="button special scrolly">Begin</a></li>
|
<div class="6u 12u$(small)">
|
||||||
</ul>
|
<ul class="actions vertical">
|
||||||
|
<li><a href="#datasheet" class="button scrolly">Datasheet</a></li>
|
||||||
|
<li><a href="#log" class="button scrolly">Log</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="6u 12u$(small)">
|
||||||
|
<ul class="actions vertical">
|
||||||
|
<li><a href="#reference" class="button scrolly">Reference</a></li>
|
||||||
|
<li><a href="#footer" class="button scrolly">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- One -->
|
<!-- datasheet -->
|
||||||
<section id="one" class="main special">
|
<section id="datasheet" class="main">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<span class="image fit primary"><img src="images/pic01.jpg" alt="" /></span>
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<header class="major">
|
<header class="major">
|
||||||
<h2>Who I am</h2>
|
<h2>Datasheet</h2>
|
||||||
</header>
|
</header>
|
||||||
<p>Aliquam ante ac id. Adipiscing interdum lorem praesent fusce pellentesque arcu feugiat. Consequat sed ultricies rutrum. Sed adipiscing eu amet interdum lorem blandit vis ac commodo aliquet integer vulputate phasellus lorem ipsum dolor lorem magna consequat sed etiam adipiscing interdum.</p>
|
<div class="row">
|
||||||
|
<div class="12u 12u$(medium)">
|
||||||
|
<h5>Description</h5>
|
||||||
|
<p>
|
||||||
|
A Mechatronics Engineer student and self-taught
|
||||||
|
Programmer, experienced in developing
|
||||||
|
Administrative Software
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="6u 12u$(medium)">
|
||||||
|
<h5>Features</h5>
|
||||||
|
<ul class="alt">
|
||||||
|
<li>Fast and eager learner</li>
|
||||||
|
<li>Dedicated and Energetic</li>
|
||||||
|
<li>Works well in teams</li>
|
||||||
|
<li>Responsible and motivated</li>
|
||||||
|
</ul>
|
||||||
|
<h5>Applications</h5>
|
||||||
|
<ol>
|
||||||
|
<li>Python lover, both in Desktop and Server</li>
|
||||||
|
<li>Web enthusiat, HTML, CSS, XML, XSL...</li>
|
||||||
|
<li>Games Dev. for Haxeflixel, AS3 and the like</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
<div class="6u 12u$(medium)">
|
||||||
|
<h5>Schematics</h5>
|
||||||
|
<span class="image fit">
|
||||||
|
<img src="images/schematics.jpg" alt="schematics" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="12u 12u$(medium)">
|
||||||
|
<h5>Extras</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Electronics and Robotics, love to make stuff in my workshop</li>
|
||||||
|
<li>Linux PowerUser, and general Open-Source lover</li>
|
||||||
|
<li>Have my own dedicated WebServer! (refurbished old pc)</li>
|
||||||
|
<li>Very Experienced in Networking, Cisco Certified CCNA</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a href="#two" class="goto-next scrolly">Next</a>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Two -->
|
<!-- Reference -->
|
||||||
<section id="two" class="main special">
|
<section id="reference" class="main">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<span class="image fit primary"><img src="images/pic02.jpg" alt="" /></span>
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<header class="major">
|
<header class="major">
|
||||||
<h2>Stuff I do</h2>
|
<h2>Quick Reference Data</h2>
|
||||||
</header>
|
</header>
|
||||||
<p>Consequat sed ultricies rutrum. Sed adipiscing eu amet interdum lorem blandit vis ac commodo aliquet vulputate.</p>
|
<div class="table-wrapper">
|
||||||
<ul class="icons-grid">
|
<table>
|
||||||
<li>
|
<thead>
|
||||||
<span class="icon major fa-camera-retro"></span>
|
<tr>
|
||||||
<h3>Magna Etiam</h3>
|
<th>Parameter</th>
|
||||||
</li>
|
<th>Value</th>
|
||||||
<li>
|
</tr>
|
||||||
<span class="icon major fa-pencil"></span>
|
</thead>
|
||||||
<h3>Lorem Ipsum</h3>
|
<tbody>
|
||||||
</li>
|
<tr>
|
||||||
<li>
|
<td>Name</td>
|
||||||
<span class="icon major fa-code"></span>
|
<td>Wolfang Alfredo Torres González</td>
|
||||||
<h3>Nulla Tempus</h3>
|
</tr>
|
||||||
</li>
|
<tr>
|
||||||
<li>
|
<td>Birth Date</td>
|
||||||
<span class="icon major fa-coffee"></span>
|
<td>May 25, 1995</td>
|
||||||
<h3>Sed Feugiat</h3>
|
</tr>
|
||||||
</li>
|
<tr>
|
||||||
</ul>
|
<td>Location</td>
|
||||||
|
<td>Maracaibo, Zulia, Venezuela</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Time Settings</td>
|
||||||
|
<td>TMZ -4:30, Available anytime</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Languages</td>
|
||||||
|
<td>Spanish, English, Portuguese (learning)</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a href="#three" class="goto-next scrolly">Next</a>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Three -->
|
<!-- log -->
|
||||||
<section id="three" class="main special">
|
<section id="log" class="main">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<span class="image fit primary"><img src="images/pic03.jpg" alt="" /></span>
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<header class="major">
|
<header class="major">
|
||||||
<h2>One more thing</h2>
|
<h2>Log of Activities</h2>
|
||||||
</header>
|
</header>
|
||||||
<p>Aliquam ante ac id. Adipiscing interdum lorem praesent fusce pellentesque arcu feugiat. Consequat sed ultricies rutrum. Sed adipiscing eu amet interdum lorem blandit vis ac commodo aliquet integer vulputate phasellus lorem ipsum dolor lorem magna consequat sed etiam adipiscing interdum.</p>
|
<p>
|
||||||
|
<span class="image left">
|
||||||
|
<img src="images/sahm.ico" alt="" />
|
||||||
|
</span>
|
||||||
|
<h5>SAHM</h5>
|
||||||
|
A minimalist and simple to use sistem for the creation
|
||||||
|
and administration of medical records, developed in
|
||||||
|
Python3 and MySQL. It allow medical staff without
|
||||||
|
familiarity with computers to easily read and store
|
||||||
|
the medical information of their patients and print
|
||||||
|
their indications.
|
||||||
|
</p>
|
||||||
|
<div class="12u">
|
||||||
|
<span class="image fit"><img src="images/sahm01.jpg" alt="" /></span>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<span class="image right">
|
||||||
|
<img src="images/scet.ico" alt="" />
|
||||||
|
</span>
|
||||||
|
<h5>SCET</h5>
|
||||||
|
A nice looking tool to administer the workings of
|
||||||
|
any kind of workshop, it can control incoming products
|
||||||
|
for repair an maintenance, which technicians works on
|
||||||
|
them, with tools and resources are used and where
|
||||||
|
are they stored, developed in Python3 and MySQL.
|
||||||
|
</p>
|
||||||
|
<div class="12u">
|
||||||
|
<span class="image fit"><img src="images/scet01.jpg" alt="" /></span>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<span class="image left">
|
||||||
|
<img src="images/calabozo.png" alt="" />
|
||||||
|
</span>
|
||||||
|
<h5><a href="http://www.newgrounds.com/portal/view/664563">Calabozo</a></h5>
|
||||||
|
A small flash game about being sad inside of a dungeon,
|
||||||
|
build in a couple of days using AS3 and flixel.
|
||||||
|
</p>
|
||||||
|
<div class="row uniform 50%">
|
||||||
|
<div class="12u"><span class="image fit"><img src="images/calabozo01.jpg" alt="" /></span></div>
|
||||||
|
<div class="4u"><span class="image fit"><img src="images/calabozo03.jpg" alt="" /></span></div>
|
||||||
|
<div class="4u"><span class="image fit"><img src="images/calabozo02.jpg" alt="" /></span></div>
|
||||||
|
<div class="4u"><span class="image fit"><img src="images/calabozo04.jpg" alt="" /></span></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a href="#footer" class="goto-next scrolly">Next</a>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@@ -94,11 +197,19 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<header class="major">
|
<header class="major">
|
||||||
<h2>Get in touch</h2>
|
<h2>Get in touch</h2>
|
||||||
|
<ul class="icons">
|
||||||
|
<li><a href="https://www.linkedin.com/in/wolfang-torres/" class="icon alt fa-linkedin"><span class="label">Linkedin</span></a></li>
|
||||||
|
<li><a href="https://www.facebook.com/wolfangalfredo.torresgonzalez" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li>
|
||||||
|
<li><a href="https://bitbucket.org/WolfangT/" class="icon alt fa-bitbucket"><span class="label">Bitbucket</span></a></li>
|
||||||
|
<li><a href="https://github.com/WolfangT" class="icon alt fa-github"><span class="label">Github</span></a></li>
|
||||||
|
<li><a href="mailto:wolfang.torres@ciim.com.ve" class="icon alt fa-envelope"><span class="label">Email</span></a></li>
|
||||||
|
</ul>
|
||||||
</header>
|
</header>
|
||||||
<form method="post" action="#">
|
<form method="post" action="https://formspree.io/wolfang.torres@ciim.com.ve">
|
||||||
<div class="row uniform">
|
<div class="row uniform">
|
||||||
|
<input type="hidden" name="_language" value="es" />
|
||||||
<div class="6u 12u$(xsmall)"><input type="text" name="name" id="name" placeholder="Name" /></div>
|
<div class="6u 12u$(xsmall)"><input type="text" name="name" id="name" placeholder="Name" /></div>
|
||||||
<div class="6u$ 12u$(xsmall)"><input type="email" name="email" id="email" placeholder="Email" /></div>
|
<div class="6u$ 12u$(xsmall)"><input type="email" name="_replyto" id="email" placeholder="Email" /></div>
|
||||||
<div class="12u$"><textarea name="message" id="message" placeholder="Message" rows="4"></textarea></div>
|
<div class="12u$"><textarea name="message" id="message" placeholder="Message" rows="4"></textarea></div>
|
||||||
<div class="12u$">
|
<div class="12u$">
|
||||||
<ul class="actions">
|
<ul class="actions">
|
||||||
@@ -109,15 +220,9 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<footer>
|
||||||
<ul class="icons">
|
|
||||||
<li><a href="#" class="icon alt fa-twitter"><span class="label">Twitter</span></a></li>
|
|
||||||
<li><a href="#" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li>
|
|
||||||
<li><a href="#" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>
|
|
||||||
<li><a href="#" class="icon alt fa-dribbble"><span class="label">Dribbble</span></a></li>
|
|
||||||
<li><a href="#" class="icon alt fa-envelope"><span class="label">Email</span></a></li>
|
|
||||||
</ul>
|
|
||||||
<ul class="copyright">
|
<ul class="copyright">
|
||||||
<li>© Untitled</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li><li>Demo Images: <a href="http://unsplash.com">Unsplash</a></li>
|
<li>© Wolfang Torres</li>
|
||||||
|
<li>Original design: <a href="http://html5up.net">HTML5 UP</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</footer>
|
</footer>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
Reference in New Issue
Block a user