wolfang/wolfang.info.ve
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finish personal page

Browse Source
This commit is contained in:
wolfang alfredo torres gonzalez
2017-07-01 22:11:48 -04:00
parent 519cb9ee50
commit 0f381a57d6
2 changed files with 195 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
html/example.html
View File

@@ -45,7 +45,14 @@
<h6>Heading Level 6</h6>
<hr />
<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>
<pre><code>i = 0;
@@ -308,6 +315,38 @@
</form>
</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>
<h4>Image</h4>
<h5>Fit</h5>

229
html/index.html
View File

@@ -6,7 +6,7 @@
-->
<html>
<head>
<title>Wolfang Torres's personal page</title>
<title>Wolfang Torres</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[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>
</header>
<div class="container">
<ul class="actions">
<li><a href="#one" class="button special scrolly">Begin</a></li>
<div class="row">
<div class="6u 12u$(small)">
<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>
</section>
<!-- One -->
<section id="one" class="main special">
<div class="container">
<span class="image fit primary"><img src="images/pic01.jpg" alt="" /></span>
<div class="content">
<header class="major">
<h2>Who I am</h2>
</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>
<a href="#two" class="goto-next scrolly">Next</a>
</div>
</section>
<!-- Two -->
<section id="two" 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>
<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>
<a href="#three" class="goto-next scrolly">Next</a>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="main special">
<!-- datasheet -->
<section id="datasheet" class="main">
<div class="container">
<span class="image fit primary"><img src="images/pic03.jpg" alt="" /></span>
<div class="content">
<header class="major">
<h2>One more thing</h2>
<h2>Datasheet</h2>
</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>
</section>
<!-- Reference -->
<section id="reference" class="main">
<div class="container">
<div class="content">
<header class="major">
<h2>Quick Reference Data</h2>
</header>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Parameter</th>
<th>Value</th>
</tr>
</thead>
<tbody>
<tr>
<td>Name</td>
<td>Wolfang Alfredo Torres González</td>
</tr>
<tr>
<td>Birth Date</td>
<td>May 25, 1995</td>
</tr>
<tr>
<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>
</section>
<!-- log -->
<section id="log" class="main">
<div class="container">
<div class="content">
<header class="major">
<h2>Log of Activities</h2>
</header>
<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>
<a href="#footer" class="goto-next scrolly">Next</a>
</div>
</section>
@@ -94,11 +197,19 @@
<div class="container">
<header class="major">
<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>
<form method="post" action="#">
<form method="post" action="https://formspree.io/wolfang.torres@ciim.com.ve">
<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="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$">
<ul class="actions">
@@ -109,15 +220,9 @@
</form>
</div>
<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">
<li>&copy; 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>&copy; Wolfang Torres</li>
<li>Original design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</section>