59 lines
2.5 KiB
HTML
59 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>T_Royale</title>
|
|
<link rel="icon" href="favicon.png" type="image/png">
|
|
<link rel="stylesheet" href="/Styles/index.css">
|
|
<link rel="stylesheet" href="/Styles/fonts.css">
|
|
<link rel="stylesheet" href="/Styles/sideBar.css">
|
|
<link rel="stylesheet" href="/Styles/languageSelector.css">
|
|
<link rel="stylesheet" href="/Styles/generic.css">
|
|
<script src="/Scripts/index.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<h1 class="title">¡Hola, mi nombre es Teo! <span id="hi"> </span></h1>
|
|
</div>
|
|
<a href="/index_en.html">
|
|
<img src="/Images/Spanish.png" class="flag shown">
|
|
<img src="/Images/English.png" class="flag hidden">
|
|
</a>
|
|
<div id="contentDivider"></div>
|
|
<!--Texto de prueba-->
|
|
<div id="texto">
|
|
<p class="apartado" id="sobreMi"> Sobre mí:</p>
|
|
<p class="puntosSobreMi">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet orci eu ante volutpat suscipit. Quisque vestibulum, leo nec cursus aliquet, velit magna varius nisi, a tincidunt mi ligula id lorem. Morbi aliquet nulla sit amet urna gravida, et tincidunt ante viverra. Fusce sed orci a metus convallis ullamcorper.
|
|
</p>
|
|
<p class="apartado" id="techStack"> Tecnologías:</p>
|
|
<p class="puntosTech">
|
|
Sed hendrerit nisl ut felis fermentum, sit amet facilisis dui luctus.
|
|
</p>
|
|
<div id="techDescription">
|
|
Prueba1: Este es un lenguaje
|
|
</div>
|
|
<div id="techIcons">
|
|
<img src="https://skillicons.dev/icons?i=arduino&theme=dark" class="techIcon" id="inoTechIcon">
|
|
<img src="https://skillicons.dev/icons?i=c&theme=dark" class="techIcon" id="cTechIcon">
|
|
<img src="https://skillicons.dev/icons?i=git&theme=dark" class="techIcon" id="gitTechIcon">
|
|
<img src="https://skillicons.dev/icons?i=linux&theme=light" class="techIcon" id="linuxTechIcon">
|
|
<img src="https://skillicons.dev/icons?i=raspberrypi&theme=light" class="techIcon" id="rpiTechIcon">
|
|
</div>
|
|
</div>
|
|
<!--/Texto de prueba/-->
|
|
<!--Barra lateral-->
|
|
<div id="leftBar">
|
|
<a href="https://discord.bio/T_Royale">
|
|
<img src="https://skillicons.dev/icons?i=discord&theme=dark" class="leftBar_icon" id="Discord"/>
|
|
</a>
|
|
<a href="https://github.com/T-Royale">
|
|
<img src="https://skillicons.dev/icons?i=github&theme=dark" class="leftBar_icon" id="GitHub"/>
|
|
</a>
|
|
<a href="mailto:teomoralesvelasco@icloud.com?subject=Hola, quiero contactarte">
|
|
<img src="https://skillicons.dev/icons?i=gmail&theme=dark" class="leftBar_icon" id="Gmail"/>
|
|
</a>
|
|
</div>
|
|
<!--/Barra lateral/-->
|
|
</body>
|
|
</html> |