Skip to content

C
css-e001
Commit c85484d1 by roshka
Options

Css

parents
Showing with 113 additions and 0 deletions
car.png 0 → 100644
car.png

4.24 KB
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
style.css 0 → 100644
body h1{
text-align: center;
}
div a{
color:green;
}
.content p{
color: blue;
}
.img-wrapper{
float:left;
padding: 10px;
}
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