301 lines
11 KiB
HTML
301 lines
11 KiB
HTML
<!DOCTYPE HTML>
|
|
<!--
|
|
Highlights by HTML5 UP
|
|
html5up.net | @ajlkn
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
-->
|
|
<html>
|
|
<head>
|
|
<title>Wolfang Torres</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
|
<link rel="stylesheet" href="assets/css/main.css" />
|
|
</head>
|
|
<body class="is-preload">
|
|
|
|
<!-- Header -->
|
|
<section id="header">
|
|
<header class="major">
|
|
<h1>Wolfang Torres</h1>
|
|
<p>Freelancer Programmer, Mechatronics Engineer, Cisco CCNA</p>
|
|
</header>
|
|
<div class="container">
|
|
<ul class="actions special">
|
|
<li><a href="#datasheet" class="button fit small special scrolly">Datasheet</a></li>
|
|
<li><a href="#log" class="button fit small special scrolly">Log</a></li>
|
|
<li><a href="#footer" class="button fit small special scrolly">Contact</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 solid major fa-camera-retro"></span>
|
|
<h3>Magna Etiam</h3>
|
|
</li>
|
|
<li>
|
|
<span class="icon solid major fa-pencil-alt"></span>
|
|
<h3>Lorem Ipsum</h3>
|
|
</li>
|
|
<li>
|
|
<span class="icon solid major fa-code"></span>
|
|
<h3>Nulla Tempus</h3>
|
|
</li>
|
|
<li>
|
|
<span class="icon solid major fa-coffee"></span>
|
|
<h3>Sed Feugiat</h3>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<a href="#three" class="goto-next scrolly">Next</a>
|
|
</div>
|
|
</section> -->
|
|
|
|
<!-- Three
|
|
<section id="three" class="main special">
|
|
<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>
|
|
</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="#footer" class="goto-next scrolly">Next</a>
|
|
</div>
|
|
</section> -->
|
|
|
|
<!-- datasheet -->
|
|
<section id="datasheet" class="main special">
|
|
<div class="container">
|
|
<span class="image fit primary"><img src="images/img01.jpg" alt="" /></span>
|
|
<div class="content">
|
|
<header class="major">
|
|
<h2>Datasheet</h2>
|
|
</header>
|
|
<h5>Description</h5>
|
|
<p>
|
|
A Mechatronics Engineer student and self-taught Freelancer Programmer, experienced in developing Administrative Software. You can also read my
|
|
<a href="resume.pdf">Resume</a>.
|
|
</p>
|
|
<h5>Schematics</h5>
|
|
<span class="image fit">
|
|
<img src="images/schematics.jpg" alt="schematics" />
|
|
</span>
|
|
<div class="row">
|
|
<div class="col-6 col-12-medium">
|
|
<h5>Applications</h5>
|
|
<ul class="alt">
|
|
<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>
|
|
</ou>
|
|
</div>
|
|
<div class="col-6 col-12-medium">
|
|
<h5>Features</h5>
|
|
<ul>
|
|
<li>Fast and eager learner</li>
|
|
<li>Dedicated to solve problems in elegant way</li>
|
|
<li>Works well in teams</li>
|
|
<li>Full familiarity with git, jenkins, and others DevOps</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-12-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 special">
|
|
<div class="container">
|
|
<span class="image fit primary"><img src="images/img02.jpg" alt="" /></span>
|
|
<div class="content">
|
|
<header class="major">
|
|
<h2>Quick Reference Data</h2>
|
|
</header>
|
|
<ul class="icons-grid">
|
|
<li>
|
|
<span class="icon solid major fa-bolt"></span>
|
|
<h3>Electrical Engineer</h3>
|
|
</li>
|
|
<li>
|
|
<span class="icon solid major fa-robot"></span>
|
|
<h3>Robotics and 3D Printing</h3>
|
|
</li>
|
|
<li>
|
|
<span class="icon solid major fa-code"></span>
|
|
<h3>Software Developer</h3>
|
|
</li>
|
|
<li>
|
|
<span class="icon solid major fa-server"></span>
|
|
<h3>DevOps and Sysadmin</h3>
|
|
</li>
|
|
</ul>
|
|
<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>VET: UTC-4:30, Available anytime</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Languages</td>
|
|
<td>Spanish, English, Portuguese (learning)</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Other Languages</td>
|
|
<td>
|
|
Python, HaxeFlixel, MySQL, HTML, CSS, JavaScript, XML, XSLT, Django, Flask, Linux, Bluemix, Gnome, PostgreSQL, SQL Server, ActionScript 3, Java, C, C++/CLI, Flixel, Tkinter, GTK3+, Arduino, FreeCAD...
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- log -->
|
|
<section id="log" class="main special">
|
|
<div class="container">
|
|
<span class="image fit primary"><img src="images/img03.jpg" alt="" /></span>
|
|
<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 system 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 control 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>
|
|
</section>
|
|
|
|
|
|
<!-- Footer -->
|
|
<section id="footer">
|
|
<div class="container">
|
|
<header class="major">
|
|
<h2>Get in touch</h2>
|
|
</header>
|
|
<form method="POST" action="https://formspree.io/f/mjvdgdov">
|
|
<div class="row gtr-uniform">
|
|
<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Name" /></div>
|
|
<div class="col-6 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Email" /></div>
|
|
<div class="col-12"><textarea name="message" id="message" placeholder="Message" rows="4"></textarea></div>
|
|
<div class="col-12">
|
|
<ul class="actions special">
|
|
<li><input type="submit" value="Send Message" class="primary" /></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<footer>
|
|
<ul class="icons">
|
|
<li><a href="https://www.linkedin.com/in/wolfang-torres/" class="icon brands alt fa-linkedin"><span class="label">Linkedin</span></a></li>
|
|
<li><a href="https://bitbucket.org/WolfangT/" class="icon brands alt fa-bitbucket"><span class="label">Bitbucket</span></a></li>
|
|
<li><a href="https://github.com/WolfangT" class="icon brands alt fa-github"><span class="label">Github</span></a></li>
|
|
<li><a href="https://www.paypal.me/WolfangTorres" class="icon brands alt fa-paypal"><span class="label">Paypal</span></a></li>
|
|
<li><a href="mailto:wolfang.torres@gmail.com" class="icon solid alt fa-envelope"><span class="label">Email</span></a></li>
|
|
</ul>
|
|
<ul class="copyright">
|
|
<li>©2023 Wolfang Torres</li>
|
|
<li>Original design: <a href="http://html5up.net">HTML5 UP</a></li>
|
|
</ul>
|
|
</footer>
|
|
</section>
|
|
|
|
<!-- Scripts -->
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script src="assets/js/jquery.scrollex.min.js"></script>
|
|
<script src="assets/js/jquery.scrolly.min.js"></script>
|
|
<script src="assets/js/browser.min.js"></script>
|
|
<script src="assets/js/breakpoints.min.js"></script>
|
|
<script src="assets/js/util.js"></script>
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
</body>
|
|
</html> |