Skip to content

C
css-e001
Commit f5fe7af2 by Pedro Rolon
Options

Agregué los archivos de la tarea!

parents
Showing with 142 additions and 0 deletions
README.md 0 → 100644
# Instrucciones
El archivo propio del trabajo está dentro de la carpeta "Recursos", llamado **style.css**
\ No newline at end of file
Recursos/index.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML &amp; CSS: Bootcam-004</title>
<link rel="stylesheet" type="text/css" href="style.css" title="style" />
</head>
<body>
<h1>HTML &amp; CSS: Bootcam-004</h1>
<h2>Información del Vehículo</h2>
<ul>
<li>Rendimiento: 10 Km/Lt</li>
<li>Kilometraje: 70,000 Km</li>
<li>Chapa: H225B-N</li>
<li>Año fabricación: 2018</li>
</ul>
<section class="section-obs">
<h2>Observaciones</h2>
<div class="content">
<p>
Suspendisse lectus libero, to <a href="mailto:youremail@gmail.com">youremail@gmail.com</a> maximus et
mi ac, scelerisque congue arcu. Sed consectetur, orci et vulputate
scelerisque,
ex enim sagittis turpis, et condimentum dolor magna at dui. Vivamus tempus, elit eget porttitor
sagittis,
tortor lectus ultrices mi,
in commodo purus urna at erat.
</p>
<p>
Nulla tincidunt id orci sed aliquam. Maecenas quis dolor erat. Ut molestie aliquam leo, at fermentum
odio
ullamcorper vitae.
Duis non metus eget nunc tempus lacinia in non odio. Phasellus sit amet massa ut lacus bibendum mollis
a
vitae nunc.
</p>
<p>
Nulla sit amet <a href="mailto:otheremail@gmail.com">otheremail@gmail.com</a> imperdiet dolor, vel dapibus tortor. Cras tempor ligula eu felis molestie eleifend. Nam
id convallis dui hendrerit malesuada sed sed risus.
</p>
</div>
</section>
<section class="section-img">
<h2>Imágenes</h2>
<ul>
<li>
<div class="img-wrapper">
<img src="car.png" />
</div>
</li>
<li>
<div class="img-wrapper">
<img src="car.png" />
</div>
</li>
<li>
<div class="img-wrapper">
<img src="car.png" />
</div>
</li>
<li>
<div class="img-wrapper">
<img src="car.png" />
</div>
</li>
<li>
<div class="img-wrapper">
<img src="car.png" />
</div>
</li>
<li>
<div class="img-wrapper">
<img src="car.png" />
</div>
</li>
</ul>
</section>
</body>
</html>
\ No newline at end of file
Recursos/style.css 0 → 100644
h1 {
text-align: center;
font-family: "Helvetica", serif;
}
section h2{
font-family: "Times New Roman", serif;
}
a {
color:Black;
}
.section-img ul li{
display: inline-block;
}
li div {
padding: 5px;
margin-top: 50px;
margin-bottom: 50px;
margin-right: 10px;
margin-left: 10px;
}
p:first-child a{
color: MediumSeaGreen;
}
p:nth-child(2) {
font-family: serif;
color: SlateBlue;
}
p:nth-child(3) {
color: Tomato;
}
\ No newline at end of file
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