Commit ef9e63f2 by Silvia Barrientos

tarea

parents
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Torneo</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
<h1>Lista de Participantes del BootCamp008</h1>
</header>
<main>
<table class="tabla_estilo">
<tbody>
<tr class="cabecera">
<td><p>Bootcampers</p></td>
<td><p>Correos Electronicos</p></td>
<td><p>Colegio</p></td>
<td><p>Año Graduación</p></td>
<td><p>Link</p></td>
</tr>
<tr>
<td>Silvia Barrientos</td>
<td>alejandrabarrientos@gmail.com</td>
<td>Saturio Rios</td>
<td>2017</td>
<td><a href="perfiles/silvia.html">Info Personal</a></td>
</tr>
<tr>
<td>Cristhian Ortellado</td>
<td>breideworld@gmail.com</td>
<td>Saturio Rios</td>
<td>2017</td>
<td><a href="perfiles/cristhian.html">Info Personal</a></td>
</tr>
<tr>
<td>José Figueredo</td>
<td>sebaafigueredo@gmail.com</td>
<td>CTN</td>
<td>2016</td>
<td><a href="perfiles/jose.html">Info Personal</a></td>
</tr>
<tr>
<td>Nicolas Chamorro</td>
<td>nicochamrro77@gmail.com</td>
<td>CKS</td>
<td>2013</td>
<td><a href="perfiles/nicolas.html">Info Personal</a></td>
</tr>
<tr>
<td>Alexis Ortiz</td>
<td>ortiz.alexis2014.3.1@gmail.com</td>
<td>San Jose</td>
<td>2017</td>
<td><a href="perfiles/alexis.html">Info Personal</a></td>
</tr>
<tr>
<td>Vanesa Saldivar</td>
<td>vanesa.saldivar89@gmail.com</td>
<td>CTN</td>
<td>2014</td>
<td><a href="perfiles/vanesa.html">Info Personal</a></td>
</tr>
<tr>
<td>Rodolfo Aranda</td>
<td>fitoaranda96@fpuna.edu.py</td>
<td>San Cristobal</td>
<td>2015</td>
<td><a href="perfiles/rodolfo.html">Info Personal</a></td>
</tr>
<tr>
<td>Matias Sosa</td>
<td>fuxesosa@gmail.com</td>
<td>CTN</td>
<td>2015</td>
<td><a href="perfiles/matiasS.html">Info Personal</a></td>
</tr>
<tr>
<td>Matias Ferreira</td>
<td>matias.ferreira.151093@gmail.com</td>
<td>CTN</td>
<td>2010</td>
<td><a href="perfiles/matiasF.html">Info Personal</a></td>
</tr>
<tr>
<td>Jhosue Lopez Gamarra</td>
<td>jhosu11@gmail.com</td>
<td>CKS</td>
<td>2012</td>
<td><a href="perfiles/jhosue.html">Info Personal</a></td>
</tr>
<tr>
<td>Sandra Petersen</td>
<td>petersen@roshka.com</td>
<td>San Jose</td>
<td>2010</td>
<td><a href="perfiles/sandra.html">Info Personal</a></td>
</tr>
<tr>
<td>Cecilia Brusquetti</td>
<td>cecibrusquetti99@gmail.com</td>
<td>Cristo Rey</td>
<td>2014</td>
<td><a href="perfiles/cecilia.html">Info Personal</a></td>
</tr>
<tr>
<td>Antonella Duarte</td>
<td>laduarte@roshka.com</td>
<td>CTN</td>
<td>2013</td>
<td><a href="perfiles/antonella.html">Info Personal</a></td>
</tr>
<tr>
<td>Osmar Grance</td>
<td>osgran@gmail.com</td>
<td>San Jose</td>
<td>2015</td>
<td><a href="perfiles/osmar.html">Info Personal</a></td>
</tr>
<tr>
<td>Liz Ortiz</td>
<td>liz.ortiz03@outlook.com</td>
<td>CTN</td>
<td>2010</td>
<td><a href="perfiles/liz.html">Info Personal</a></td>
</tr>
<tr>
<td>Enrique Franco</td>
<td>franco_enrique@outlook.com</td>
<td>CKS</td>
<td>2010</td>
<td><a href="perfiles/enrique.html">Info Personal</a></td>
</tr>
<tr>
<td>Jorge Nicolas Giucich</td>
<td>jorgenicolasgiucich.com</td>
<td>San Cristobal</td>
<td>2015</td>
<td><a href="perfiles/jorge.html">Info Personal</a></td>
</tr>
</tbody>
</table>
</main>
</body>
</html>
header {
display: flex;
background-color: teal;
background-size: cover;
height: 60px;
margin: -8px;
}
h1{
text-align: center;
color: white;
margin: 10px;
}
h2{
text-align: left;
color: black;
margin: 0;
}
.imagen {
width: 450px;
margin: 0;
}
img {
width: 400px;
height: 500px;
margin-top: 20px;
}
p {
margin-top: 5px;
font-size: 20px;
text-align: justify;
}
.contenedor {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 10px;
margin-top: 40px;
margin-left: 50px;
}
.biografia {
width: 500px;
margin-top: 20px;
margin-left: -100px;
}
\ No newline at end of file
.tabla_estilo {
width: 100%;
border-spacing: 0;
margin-top: 20px;
}
.cabecera {
background-color: teal;
}
td {
border: 1px solid #292929;
padding: 5px;
text-align: left;
font-size: 15px;
}
a {
text-decoration: none;
}
h1{
text-align: center;
color: white;
margin: 10px;
}
header {
display: flex;
background-color: teal;
background-size: cover;
height: 60px;
margin: -8px;
}
p {
margin: 0;
color: white;
font-size: 20px;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Alexis Ortiz</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicos.jpg" alt="Chicos">
</div>
<div class="biografia">
<h2>Alexis Ortiz</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Antonella Duarte</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicas.jpg" alt="Chicas">
</div>
<div class="biografia">
<h2>Antonella Duarte</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cecilia Brusquetti</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicas.jpg" alt="Chicas">
</div>
<div class="biografia">
<h2>Cecilia Brusquetti</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cristhian Ortellado</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicos.jpg" alt="Chicos">
</div>
<div class="biografia">
<h2>Cristhian Ortellado</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Enrique Franco</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicos.jpg" alt="Chicos">
</div>
<div class="biografia">
<h2>Enrique Franco</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Jhosue Lopez Gamarra</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicos.jpg" alt="Chicos">
</div>
<div class="biografia">
<h2>Jhosue Lopez Gamarra</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Jorge Nicolas Giucich</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicos.jpg" alt="Chicos">
</div>
<div class="biografia">
<h2>Jorge Nicolas Giucich</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>José Figueredo</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicos.jpg" alt="Chicos">
</div>
<div class="biografia">
<h2>José Figueredo</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Liz Ortiz</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicas.jpg" alt="Chicas">
</div>
<div class="biografia">
<h2>Liz Ortiz</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Matias Ferreira</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicos.jpg" alt="Chicos">
</div>
<div class="biografia">
<h2>Matias Ferreira</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Matias Sosa</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicos.jpg" alt="Chicos">
</div>
<div class="biografia">
<h2>Matias Sosa</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Nicolas Chamorro</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicos.jpg" alt="Chicos">
</div>
<div class="biografia">
<h2>Nicolas Chamorro</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Osmar Grance</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicos.jpg" alt="Chicos">
</div>
<div class="biografia">
<h2>Osmar Grance</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Rodolfo Aranda</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicos.jpg" alt="Chicos">
</div>
<div class="biografia">
<h2>Rodolfo Aranda</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sandra Petersen</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicas.jpg" alt="Chicas">
</div>
<div class="biografia">
<h2>Sandra Petersen</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Silvia Barrientos</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicas.jpg" alt="Chicas">
</div>
<div class="biografia">
<h2>Silvia Barrientos</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vanesa Saldivar</title>
<link rel="stylesheet" href="../css/perfiles.css">
</head>
<body>
<header>
<h1>Participante del BootCamp008</h1>
</header>
<main class="contenedor">
<div class="imagen">
<img src="../img/chicas.jpg" alt="Chicas">
</div>
<div class="biografia">
<h2>Vanesa Saldivar</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
</p>
</div>
</main>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hola</title>
<link rel="shortcut icon" href="icono.ico">
</head>
<body>
<h1>Hola</h1>
</body>
</html>
\ No newline at end of file
.tabla_estilo {
width: 1000px;
border-top: 1px solid #292929;
border-left: 1px solid #292929;
border-right: 1px solid #292929;
margin: 60px 120px;
border-spacing: 0;
}
.cabecera {
background-color: #fafafa;
}
th {
border-bottom: 1px solid #292929;
padding: 5px;
}
.equipos {
text-align: left;
background-color: #fafafa;
}
h1 {
text-align: center;
color: white;
margin: 30px 250px;
}
header {
display: flex;
background-color: #000000;
background-size: cover;
height: 100px;
margin: -8px;
}
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Torneo</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>Tabla de Posiciones del Torneo Paraguayo</h1>
</header>
<main>
<table class="tabla_estilo">
<thead>
<tr class="cabecera">
<th>Equipos</th>
<th>Partidos Jugados</th>
<th>Partidos Ganados</th>
<th>Partidos Perdidos</th>
<th>Partidos Empatados</th>
<th>Goles a Favor</th>
<th>Goles en Contra</th>
</tr>
</thead>
<tbody>
<tr >
<th class="equipos">Cerro Porteño</th>
<th>17</th>
<th>12</th>
<th>2</th>
<th>3</th>
<th>29</th>
<th>11</th>
</tr>
<tr>
<th class="equipos">Libertad</th>
<th>17</th>
<th>10</th>
<th>4</th>
<th>3</th>
<th>32</th>
<th>20</th>
</tr>
<tr>
<th class="equipos">Olimpia</th>
<th>17</th>
<th>9</th>
<th>3</th>
<th>5</th>
<th>34</th>
<th>17</th>
</tr>
<tr>
<th class="equipos">Guarani</th>
<th>17</th>
<th>8</th>
<th>3</th>
<th>6</th>
<th>23</th>
<th>14</th>
</tr>
<tr>
<th class="equipos">Nacional</th>
<th>17</th>
<th>8</th>
<th>3</th>
<th>6</th>
<th>23</th>
<th>14</th>
</tr>
<tr>
<th class="equipos">River Plate</th>
<th>17</th>
<th>6</th>
<th>7</th>
<th>4</th>
<th>19</th>
<th>22</th>
</tr>
<tr>
<th class="equipos">Guaireña</th>
<th>17</th>
<th>5</th>
<th>6</th>
<th>6</th>
<th>20</th>
<th>20</th>
</tr>
<tr>
<th class="equipos">Sportivo Luqueño</th>
<th>17</th>
<th>4</th>
<th>7</th>
<th>6</th>
<th>19</th>
<th>21</th>
</tr>
<tr>
<th class="equipos">Sol de America</th>
<th>17</th>
<th>4</th>
<th>8</th>
<th>5</th>
<th>16</th>
<th>28</th>
</tr>
<tr>
<th class="equipos">12 de Octubre</th>
<th>17</th>
<th>4</th>
<th>9</th>
<th>4</th>
<th>13</th>
<th>29</th>
</tr>
<tr>
<th class="equipos">General Díaz</th>
<th>17</th>
<th>3</th>
<th>10</th>
<th>4</th>
<th>17</th>
<th>35</th>
</tr>
<tr>
<th class="equipos">Sportivo San Lorenzo</th>
<th>17</th>
<th>1</th>
<th>8</th>
<th>8</th>
<th>14</th>
<th>26</th>
</tr>
</tbody>
</table>
</main>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment