60 lines
2.4 KiB
HTML
60 lines
2.4 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">
|
|
<link rel="stylesheet" href="/Styles/images.css">
|
|
<script src="/Scripts/index.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<h1 class="title">Hi, my name is Teo! <span id="hi"> </span></h1>
|
|
</div>
|
|
<a href="/index.html">
|
|
<img src="/Images/Spanish.png" class="flag hidden">
|
|
<img src="/Images/English.png" class="flag shown">
|
|
</a>
|
|
<div id="contentDivider"></div>
|
|
<div id="imageTeo">Insertar imágen</div>
|
|
<div id="texto">
|
|
<p class="apartado" id="sobreMi"> About me:</p>
|
|
<p class="puntosSobreMi">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet orci eu ante volutpat suscipit.
|
|
</p>
|
|
<p class="apartado" id="techStack"> Tech stack:</p>
|
|
<p class="puntosTech">
|
|
Sed hendrerit nisl ut felis fermentum, sit amet facilisis dui luctus.
|
|
</p>
|
|
</div>
|
|
<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>
|
|
<!--/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> |