aula_bootstrap/index.html at master · balvarenga98/aula_bootstrap · 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html lang="pt-br">

<head>
    <Title>Minha página</Title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>
    <!-- Início da barra de navegação  -->
    <nav class="navbar navbar-expand-lg navbar-light"><a class="navbar-brand" href="#"><img src="img/parceiro2.jpg"
                alt="DIO" width="220px" height="80px"></a>
        <div class="collapse navbar-collapse">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a href="#quemsomos" class="nav-link">Quem somos </a>
                </li>
                <li class="nav-item">
                    <a href="#parceiros" class="nav-link">Parceiros </a>
                </li>
                <li class="nav-item">
                    <a href="#servicos" class="nav-link">Serviços </a>
                </li>
            </ul>
        </div>
    </nav>
    <!-- Fim da barra de navegação -->
    <section id="quemsomos">
        <div class="container-fluid quem-somos text-center margin">
            <h3>Quem somos</h3>
            <img src="img/servicos.jpeg" class="rounded-circle" width="400px" height="400px">
            <h3>Somos um time comprometido com os resultados</h3>
        </div>
    </section>

    <section id="parceiros">
        <div class="container-fluid text-center margin parceiros">
            <h3>Parceiros</h3>
            <div class="container">
                <div class="row">
                    <div class="col-lg-4">
                        <img src="img/parceiro2.jpg" width="100%">
                    </div>
                    <div class="col-lg-4">
                        <img src="img/parceiro2.jpg" width="100%">
                    </div>
                    <div class="col-lg-4">
                        <img src="img/parceiro2.jpg" width="100%">
                    </div>


                </div>
            </div>

    </section>

    <section id="servicos">
<div class="container-fluid text-center margin servicos">
<h3>Serviços</h3>
<div class="container">
    <div class="row">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed malesuada commodo feugiat. Pellentesque venenatis nisl tristique ex tempor luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut viverra ante vitae libero suscipit, ac viverra ante tincidunt. Nulla nec ligula posuere, vulputate metus et, posuere mauris. Sed convallis sapien et augue lobortis, nec imperdiet libero pellentesque. Curabitur posuere hendrerit mauris, vitae consequat massa sodales ut. Sed accumsan turpis vel semper blandit. Donec rutrum vitae nunc ac efficitur.                                                            </p>
        <div class="col-lg-6"> <img src="img/servicos.jpeg" width="100%"></div>
        <div class="col-lg-6"> <img src="img/servicos 2.jpeg" width="100%"></div>
    </div>
</div>
</div>
</section>

<footer>
    <p class="container-fluid text-center bg-footer">Desenvolvido por Breno Alvarenga </p>
</footer>


</body>


</html>