Skip to content

Instantly share code, notes, and snippets.

@juliettech13

juliettech13/div-html-workshop.html

Last active July 28, 2019 23:02
Show Gist options
  • Save juliettech13/c305d34ee88d6f06f4ec2e34bd024cd8 to your computer and use it in GitHub Desktop.
Save juliettech13/c305d34ee88d6f06f4ec2e34bd024cd8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
div-html-workshop.html
<body>
<div id="banner">
<img src="images/img.png" alt="{ tu_nombre }" class='my-img'>
<h1>{ TU_NOMBRE [tu_emoji_favorito 🤪] }</h1>
<h4>{ la_linea_que_mas_se_lee} </h4>
<a href="mailto:{ [email protected] }">Contáctame</a>
</div>
<ul class="social-media white-box">
<li><a href="#">Twitter</i></a></li>
<li><a href="#">Instagram</a></li>
<li><a href="#">Medium</a></li>
<li><a href="#">GitHub</a></li>
</ul>
<div class="intro white-box">
<p>{ intro_sobre_ti }</p>
</div>
<div class="boxes white-box">
<ul class="box-list">
<li class="box">
<img src="images/giphy.gif" alt="code" class="gif">
<div class="box-text">
<a href="#" class='highlight'>software</a>
</div>
</li>
<li class="box">
<img src="images/writing.gif" alt="writer" class="gif">
<div class="box-text">
<a href="#" class='highlight'>writer</a>
</div>
</li>
<li class="box">
<img src="images/travel.gif" alt="travel" class="gif">
<div class="box-text">
<a href="#" class='highlight'>travel</a>
</div>
</li>
</ul>
</div>
<div class="footer">
<p>Esta página fue hecha con amor 💙 por <a href="https://www.github.com/{ tu_username }">{ tu_nombre }</a>.</p>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment