Skip to content

C
css-e001
Switch branch/tag
Find file
Normal viewHistoryPermalink
index.html 2.73 KB
Newer Older
Css
c85484d1
 
roshka committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 
<!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>