Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save byron-perez/ff167099c10f54af90a8416a3d29d230 to your computer and use it in GitHub Desktop.
Save byron-perez/ff167099c10f54af90a8416a3d29d230 to your computer and use it in GitHub Desktop.
Página de Presentación
<!DOCTYPE html>
<html>
<head>
<title>Bio</title>
<STYLE>
H1 { font-size: 400%; margin-bottom: 0ex; margin-top: 1.5ex; padding-left: 0.21em;
color: #440099; text-align: center; }
/*border-bottom: thick solid #6600cc; }*/
TH { text-align: left; vertical-align: top; padding-right: 1em; }
</STYLE>
<STYLE>BODY { font-family: 'Gentium Book Basic', Cambria, Georgia, serif; margin: 20px; }
H1 { font-variant: small-caps; font-size: 250%; text-shadow: 2px 2px 2px #aaa; text-align: center; }
H1 + H2 { text-align: center; }
H1 + H2.section { text-align: left; }
/*#663399, #6600cc*/
A:link { color: #440099; text-decoration: none; }
A:visited { color: #440099; text-decoration: none; }
A:hover { background-color: #440099; color: #dacceb; }
A:active { background-color: black; color: #dddddd; }
.purplebox, .section { background-color: #440099; color: white;
padding: 1ex 1em; font-weight: bold; clear: both; }
.purplebox { font-size: large; }
.purplebox A:link, .section A:link { color: yellow; }
.purplebox A:visited, .section A:visited { color: yellow; }
.purplebox A:hover, .section A:hover { background-color: yellow; color: #440099; }
.section { text-transform: uppercase; padding: 0.5ex 0.5em; }
/* border: solid; */
/* border-top: solid; border-bottom: solid; */
/* color: #663399; */
/* background-color: #dddddd; } */
.small { font-size: smaller; text-transform: none; }
.preview { margin-bottom: 1ex; clear: right; }
.description { padding-left: 2em; }
.stackpreview { display: inline-block; margin: 3ex 1em; padding: 4px;
clear: both; text-align: center; background-color: #dacceb;
vertical-align: top; }
/* margin: 2ex 0.5em; padding: 0.4ex 0.5em; */
.stackpreview P { margin-top: 0em; }
.stackpreview P + P, .stackpreview DIV + P { margin-bottom: 0.5em; }
.image A IMG, .image A TABLE { border: #440099 solid 4px; position: relative; left: -4px; top: -4px; }
.image A:hover IMG, .image A:hover TABLE { border-color: #dacceb; opacity: 0.5; }
.image A:hover { background-color: inherit; }
.heading { font-size: x-large; font-weight: bold; }
.caption { font-style: italic; }
.float { float: right; margin: 1.5ex 0em 1.5ex 1.5em; text-align: center; }
/* rotate.js */
.rotate-container { position: relative; }
.rotate-me { display: none; }
</STYLE>
</head>
<body>
<h1>Pérez Byron</h1>
<div class="purplebox" style="text-align: center;">
Albañilería
&nbsp;•&nbsp;
Computer&nbsp;Science
&nbsp;•&nbsp;
Algoritmos
&nbsp;•&nbsp;
Programación
<!--<br>-->
&nbsp;•&nbsp;
<a title="Algorithms Group" href="http://theory.csail.mit.edu/groups/algorithms.html">Algorithms</a>
</div>
<h2 class="section">Datos Personales</h2>
<table class="vcard" id="edemaine" border="0">
<tbody><tr>
<th>Nombre:
</th><td class="fn n"><span class="given-name">Byron</span> <span class="additional-name">.R</span> <span class="family-name">Pérez</span>
</td></tr><tr>
<th>Cédula:
</th><td><span class="fn n" href="mailto:edemaine@mit.edu">1723749501</span>
</td></tr><tr style="display: none">
<th>URL:
</th><td><a class="url" href="http://erikdemaine.org/">http://erikdemaine.org/</a>
</td></tr><tr>
<th>Tecnologías que utilizado:
</th><td>Java, Python, C, Mysql, Postgres, SQLite, Html, javascript
</td></tr></tbody></table>
<div class="stackpreview" style="width: 300px; height: 457px;">
<p class="image">
<a href="131derivativetable.pdf"><img width="300" height="300" src="hacker.jpg" alt="Excerpt from CV"></a>
</p><p class="heading">
<a href="131derivativetable.pdf">Curriculum Vitæ</a>
</p><p class="caption">Last updated
Jun 06, 2017.
</p></div>
<h2 class="section">Contacto</h2>
<b>Nombre: </b> Byron R. Pérez <br>
<b>Correo Electrónico:</b> byronrpv_rckr@hotmail.com <br>
<b>Teléfono: </b> (+1) 617-253-6871<br>
Quito, Pichincha<br>
Ecuador<br>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment