-
Notifications
You must be signed in to change notification settings - Fork 0
/
institucional.html
108 lines (105 loc) · 7.34 KB
/
institucional.html
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
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html>
<head>
<title>Sobre Nós</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<link rel="icon" href="img/icon2.png" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/institucional.css" />
</head>
<body>
<!--Cabecalho-->
<div class="container ">
<div class="row ">
<div class="col-sm-6 col-lg-8 mt-2">
<img src="img/netbrasil-logo.png" alt="logo " />
</div>
<div class="col-sm-6 col-lg-4 mt-3">
<button type="button" class="btn btn-success mr-3"><a class="text-light" href="login.html"> 2<sup>a</sup> via do boleto</a></button>
<button type="button" class="btn btn-success"><a class="text-light" href="login.html"> Entrar</a></button>
</div>
</div>
</div>
<!--Menu-->
<div class=" mt-3">
<div class="nav navbar navbar-expand-md navbar-light bg-warning ">
<a class="navbar-brand d-md-none">Menu</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" >
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse text-center " id="navbarSupportedContent">
<ul class="nav flex-column flex-sm-row ">
<li class="nav-item active">
<a class="nav-link text-center text-dark" href="index.html">Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link text-center text-dark" href="institucional.html">Institucional</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-center text-dark" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Serviços
</a>
<div class=" dropdown-menu " aria-labelledby="navbarDropdown">
<a class="dropdown-item btn btn-warning" href="#">Lorem Ipsum</a>
<a class="dropdown-item btn btn-warning" href="#">Lorem Ipsum</a>
<a class="dropdown-item btn btn-warning" href="#">Lorem Ipsum</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link text-center text-dark" href="contato.html" tabindex="-1">Contatos</a>
</li>
</ul>
</div>
</div>
</div>
<!--seçaoapresentaçao-->
<div class="back text-center text-white ">
<div>
<h1>Sobre Nós</h1>
<div class="mt-5 mb-2">
<button type="button" class="btn btn-light btn-lg mr-1 "><a href="index.html"><i class="fas fa-home text-success "></i></a></button>
<button type="button" class="btn btn-light btn-lg mr-1"><a href=""><i class="fas fa-building text-success "></i></a></button>
<button type="button" class="btn btn-light btn-lg mr-1 "><a href="contato.html"><i class="fas fa-envelope text-success "></i></a></button>
<button type="button" class="btn btn-light btn-lg mr-1 "><a href="login.html"><i class="fas fa-barcode text-success "></i></a></button>
</div>
</div>
</div>
<!--seçaotexto-->
<div class=" container-fluid text-justify mt-2">
<h3 class="text-body">-Net Brasil</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis malesuada odio, sollicitudin bibendum ligula. Duis vehicula tincidunt sem, non laoreet erat suscipit sit amet. Curabitur molestie, purus nec hendrerit feugiat, nulla nunc rhoncus tellus, mollis venenatis erat nulla non dolor. Duis condimentum dui sollicitudin, consequat augue sed, consectetur mi. Sed sit amet placerat quam, nec rhoncus est. Donec et erat eu ligula faucibus maximus vel sit amet ipsum. Donec vitae nisi at tellus molestie pretium eget nec leo. Sed sed suscipit ante, in fermentum ligula. Vestibulum augue velit, sagittis nec semper eget, auctor nec tortor. Pellentesque interdum arcu odio, vestibulum sodales metus consequat a. Nam eget turpis sit amet lorem venenatis luctus.</p>
<p>Praesent enim nibh, dictum nec lobortis eget, molestie eget risus. Etiam euismod turpis vitae tortor eleifend rhoncus. Phasellus faucibus ac dolor a venenatis. Suspendisse nulla mauris, feugiat nec urna nec, malesuada volutpat mauris. Nulla vitae ultricies diam. Maecenas imperdiet tempus ipsum eget tempor. Sed consectetur euismod mi non tincidunt. In viverra condimentum vestibulum. Vestibulum sit amet facilisis metus. Nullam nunc libero, volutpat vitae vestibulum vitae, placerat ut augue. Nulla nunc metus, porta ut diam a, laoreet dapibus dui. Nulla imperdiet tortor in lorem mollis gravida. Fusce id dapibus enim</p>
</div>
<hr>
<!--Rodape-->
<div class="container-fluid mt-4 font">
<div class="row">
<div class="col-lg-3">
<h5 class="text-body">Mapa do Site</h5>
<p><i class="fas fa-network-wired" ></i><a href="#" class="text-dark ml-2" data-toggle="tooltip">Internet Residencial</a></p>
<p><i class="fas fa-network-wired"></i><a href="#" class="text-dark ml-2">Internet Empresarial</a></p>
<p><i class="fas fa-barcode"></i><a href="login.html" class="text-dark ml-2"> 2<sup>a</sup> do boleto bancario</a></p>
<p><i class="fas fa-phone"></i><a href="contato.html" class="text-dark ml-2">Contato</a></p>
</div>
<div class="col-lg-3">
<h5 class="text-body">Consultor</h5>
<a href="#" class="text-dark">Clique aqui e solicite o atendimento de um consultor.</a>
</div>
<div class="col-lg-3 ">
<h5 class="text-body">Informaçoes de Contato</h5>
<p class="text-dark"> Uirapuru-Go<br>
(62)981923443</p>
</div>
<div class="col-lg-3">
<img src="img/logoanatel.jpg" alt="logo anatel" />
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
</body>
</html>