Sailor-Moon-Responsive-Website/index.html at master · Tochituru/Sailor-Moon-Responsive-Website · GitHub

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
<html>
    <head>
        <meta charset="UTF-8">
        <link rel="Stylesheet" href="CSS Diseño responsive.css">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
    </head>
    <body>
        <div class="Encabezado">
            <img class="logotipo" src="Sailor Moon Logotipo.jpg">
            <div class="Todosbanner">
                <a href="#">Home</a>
                <a href="#">About</a>
                <a href="#">Products</a>
                <a href="#">Blog</a>
                <a href="#">Contact</a>
            </div>
            <div class="fondo"></div>
            <img class="banner" src="SailorMoonBanner.jpg">
            </div>
        <div  class="texto1">
            <div class="parrafo" id="Future"><strong> The Future</strong><br>
                Lorem ipsum dolor sit amet consectetur adipiscing elit scelerisque, sagittis mi inceptos venenatis quam mollis libero dictumst cubilia, ullamcorper torquent vulputate iaculis velit aptent blandit. Consequat et luctus aenean fusce ut vestibulum condimentum pulvinar fringilla primis hendrerit, vulputate habitant felis ac vivamus habitasse aptent morbi senectus ultrices, himenaeos curabitur sem malesuada massa natoque suscipit ante mollis tempus. Dictumst nec nibh lectus himenaeos rutrum vulputate malesuada litora, imperdiet tempor montes bibendum iaculis ullamcorper morbi posuere, faucibus neque curabitur luctus nostra enim proin.
            </div>
            <div class="parrafo" id="Past"><strong>The Past</strong><br>
                Lorem ipsum dolor sit amet consectetur adipiscing elit scelerisque, sagittis mi inceptos venenatis quam mollis libero dictumst cubilia, ullamcorper torquent vulputate iaculis velit aptent blandit. Consequat et luctus aenean fusce ut vestibulum condimentum pulvinar fringilla primis hendrerit, vulputate habitant felis ac vivamus habitasse aptent morbi senectus ultrices, himenaeos curabitur sem malesuada massa natoque suscipit ante mollis tempus. Dictumst nec nibh lectus himenaeos rutrum vulputate malesuada litora, imperdiet tempor montes bibendum iaculis ullamcorper morbi posuere, faucibus neque curabitur luctus nostra enim proin.
            </div>
        </div>
        <div class="Chibi"><strong> Why did Chibi-Moon had to exist...</strong></div>
        <div  class="boxes">
            <div class="cuadro Serena">Sailor Moon 1</div>
            <div class="cuadro Mercury">Sailor Mercury 2</div>
            <div class="cuadro Mars">Sailor Mars 3</div>
            <div class="cuadro Jupiter">Sailor Jupiter 4</div>
            <div class="cuadro Venus">Sailor Venus 5</div>
            <div class="cuadro Uranus">Sailor Uranus 6</div>
            <div class="cuadro Neptune">Sailor Neptune 7</div>
            <div class="cuadro Pluto">Sailor Pluto 8</div>
            <div class="cuadro Saturn">Sailor Saturn 9</div>
            <div class="cuadro Fighter">Sailor Fighter 10</div>
        </div>

        <div class="texto2">
            <div class="heading" id="Thats">Never<br>
             Lorem ipsum dolor sit amet consectetur adipiscing elit scelerisque, sagittis mi inceptos venenatis quam mollis libero dictumst cubilia, ullamcorper torquent vulputate iaculis velit aptent blandit. Consequat et luctus aenean fusce ut vestibulum.
            </div>
            <div class="heading" id="No">Sailor<br>
             Lorem ipsum dolor sit amet consectetur adipiscing elit scelerisque, sagittis mi inceptos venenatis quam mollis libero dictumst cubilia, ullamcorper torquent vulputate iaculis velit aptent blandit. Consequat et luctus aenean fusce ut vestibulum.
            </div>
            <div class="heading" id="Moon">Crystal<br>
             Lorem ipsum dolor sit amet consectetur adipiscing elit scelerisque, sagittis mi inceptos venenatis quam mollis libero dictumst cubilia, ullamcorper torquent vulputate iaculis velit aptent blandit. Consequat et luctus aenean fusce ut vestibulum.
            </div>
        </div>

        <div class="Footer">
               <a href="#">Home</a>
                <a href="#">Home</a>
                <a href="#">About</a>
                <a href="#">Products</a>
                <a href="#">Blog</a>
                <a href="#">Contact</a>
        </div>


    </body>
</html>