-
Notifications
You must be signed in to change notification settings - Fork 0
/
login.html
125 lines (119 loc) · 6.52 KB
/
login.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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html>
<head>
<title>Login</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/login.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> 2<sup>a</sup> via do boleto</a></button>
<button type="button" class="btn btn-success"><a> 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">Sobre Nós</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="login.html">Lorem Ipsum</a>
<a class="dropdown-item btn btn-warning" href="internet.html">Lorem Ipsum</a>
<a class="dropdown-item btn btn-warning" href="internet.html">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>
<!--Formulario-->
<form>
<div class="container mt-5 mb-5 d-flex flex-column align-items-center rounded w-50 ">
<div class=" mb-3" >
<img src="img/icon.png" alt="icone">
<h3>Login</h3>
</div>
<div class="form-row text-center">
<div class="form-group col-12">
<label for="inputUsuario" class=""> Usuário </label>
<input type="text" class="form-control h-25" id="inputUsuario" placeholder="Digite o Usuário" required />
<label for="inputSenha" class=""> Senha </label>
<input type="password" class="form-control " id="inputSenha" placeholder="Digite a Senha" required />
</div>
<div class="form-group col-12">
<button class="btn btn-success form-control">Acessar</button>
</div>
</div>
</div>
</form>
<!--Info-->
<div class=" container">
<div class="text-center text-warning">
<a href="" class="text-warning">Cadastrar</a>-
<a href="" class="text-warning">Esqueçeu a Senha</a>
</div>
</div>
<div class="container">
<div class="text-center">
<p><span class="text-danger">*</span> Para acessar a segunda via do boleto, fazer login no site.</p>
</div>
</div>
<hr>
<!--Rodape-->
<div class="container-fluid mt-4 font">
<div class="row">
<div class=" col-md-4 col-lg-3">
<h5 class="text-body">Mapa do Site</h5>
<p><i class="fas fa-network-wired" ></i><a href="internet.html" class="text-dark ml-2" data-toggle="tooltip">Internet Residencial</a></p>
<p><i class="fas fa-network-wired"></i><a href="internet.html" 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-md-2 col-lg-3">
<h5 class="text-body">Consultor</h5>
<a href="#" class="text-dark">Clique aqui e saiba mais.</a>
</div>
<div class=" col-md-2 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-md-2 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>