campus-login/2index.html at main · dudu0988/campus-login · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
            <!-- crie o código do header -->
    </header>
    <main>
        <section id="about">
            <div id="aboutContent">
                <h2>Minha Marca</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque egestas ac lorem vitae vestibulum. Aenean eget magna rutrum tellus placerat laoreet ut sit amet dolor. Mauris lacus diam, cursus eget libero vel, congue rutrum urna. Nulla gravida auctor ipsum fermentum elementum.</p>
                <button>CONHECER</button>
                <img src="img/marcaImg.svg" alt="imagem da minha marca">
            </div>

        </section>
        <section id="moreInfo">
            <div id="moreInfoContent">
                <h2>Mais Informações</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo corporis quis natus beatae maiores accusantium praesentium voluptatem iste ratione similique ut quibusdam provident, delectus modi dolorem minus commodi architecto possimus!</p>
            </div>

        </section>
        <section id="allInfo">
            <div class="info">
                <img src="./img/infoImg.svg" alt="imagem de um i que representa informação">
                <h3>Info 1</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque egestas ac lorem vitae vestibulum.</p>
            </div>
            <div class="info">
                <img src="./img/infoImg.svg" alt="imagem de um i que representa informação">
                <h3>Info 2</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque egestas ac lorem vitae vestibulum.</p>
            </div>
            <div class="info">
                <img src="./img/infoImg.svg" alt="imagem de um i que representa informação">
                <h3>Info 3</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque egestas ac lorem vitae vestibulum.</p>
            </div>
        </section>
    </main>
    <footer>
        <nav>
            <ul>
                <li><a href="#"><img src="img/instIcon.svg" alt="icone do instagram"></a></li>
                <li><a href="#"><img src="img/teleIcon.svg" alt="icone do telegram"></a></li>
                <li><a href="#"><img src="img/twiterIcon.svg" alt="icone do twitter"></a></li>
            </ul>
        </nav>
        <h2>
            Marca Nome
        </h2>
        <div>
            <p>+55 (61) 90000-0009</p>
            <p>marcanome.email@gmail.com</p>
        </div>
    </footer>
</body>
</html>