-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathCad_escolha.html
152 lines (125 loc) · 5.49 KB
/
Cad_escolha.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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' href='css/bootstrap.css'>
<title>TRATO</title>
<link rel="stylesheet" href="css/home.css">
<link rel="stylesheet" href="css/cad_escolha.css">
<!--Icone do título (favicon)-->
<link rel="shortcut icon" href="img/favicon.ico"/>
<!--Link Google Fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,800&display=swap" rel="stylesheet">
</head>
<body>
<!--NAVBAR-->
<nav class="navbar navbar-expand-xl navbar-light">
<!--Logo-->
<a href="Home.html" class="navbar-brand logo">
<img src="img/logo_03.png" id="logo">
</a>
<!--Exibição do Showcase para resoluções menores de 768px-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<!--Inicio dos itens do menu que serão exibidos/ocultos de acordo com a regra definida acima-->
<div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar">
<ul class="navbar-nav align-items-center">
<!--Sobre-->
<li class="nav-item">
<a class="nav-link" href="Home.html#sobre">SOBRE</a>
</li> <li id="espacamento01"></li>
<!--Entrar-->
<li class="nav-item">
<a type="button" class="btn btn_cadastro" href="Login.html">ENTRAR</a>
</li> <li id="espacamento04"></li>
</ul>
</div>
</nav>
<!--CONTAINER-->
<div class="container-fluid container_02">
<!--Linha 01-->
<div class="row justify-content-around linha0">
<!--Coluna 01-->
<div class="col align-self-center colunas">
<h1 id="titulo01"> FAÇA UM TRATO CONOSCO! <h1>
<p id="paragrafo01">
Cadastre-se para se juntar a nossa comunidade.
</p>
</div>
</div>
<!--Linha 02-->
<div class="row justify-content-around linha01">
<!--Coluna 01-->
<div class="col-lg-4 col-md-5 col-sm-12 align-self-center colunas">
<h1 id="titulos"> CADASTRAR COMO USUÁRIO <h1>
<p id="paragrafos">
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam.
</p>
<a type="button" class="btn btn-light btn-lg btn_cadastro02" href="Cad_cliente.html">CADASTRO</a>
</div>
<!--Coluna 02-->
<div class="col-lg-4 col-md-5 col-sm-12 align-self-center colunas" id="prestador_pcd">
<h1 id="titulos"> CADASTRAR COMO PRESTADOR <h1>
<p id="paragrafos">
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam.
</p>
<a type="button" class="btn btn-light btn-lg btn_cadastro02" href="Cad_prestador.html">CADASTRO</a>
</div>
</div>
<!--Linha 03-->
<div class="row justify-content-around linha03">
<!--Coluna 01-->
<img src="img/cad_escolha.png" class="col img-fluid colunas" id="usuario">
</div>
</div>
<!--PRÉ RODAPÉ-->
<div class="container-fluid pre_rodape">
<a href="#" class="voltarTopo" id="sobre" onMouseOver="seta.src='img/seta2.png'" onMouseOut="seta.src='img/seta.png'">
Voltar ao topo
<img src="img/seta.png" id="seta">
</a>
</div>
<!--RODAPÉ-->
<div class="container-fluid rodape">
<!--Linha 01-->
<div class="row">
<!--Coluna 01-->
<div class="col-lg-4 col-md-4 col-sm-12 r_coluna01">
<img src="img/logo_03.png" id="logo">
</div>
<!--Coluna 02-->
<div class="col-lg-4 col-md-4 col-sm-12 align-self-center r_coluna02">
<p>Acompanhe-nos nas redes sociais!</p>
<img src="img/facebook_icon.png" id="icones">  
<img src="img/instagram_icon.png" id="icones">  
<img src="img/twitter_icon.png" id="icones">  
<img src="img/youtube_icon.png" id="icones">
</div>
<!--Coluna 03-->
<div class="col-lg-4 col-md-4 col-sm-12 r_coluna03">
<p>
Nossos contatos: <br>
[email protected] <br>
+55 (11) 1234-5678 <br>
+55 (11) 98765-4321
</p>
</div>
<!--Coluna 04-->
<div class="col-12 r_coluna04">
<p>Termos de uso e privacidade @ 2020 Trato</p>
</div>
</div>
</div>
<script src="js/jquery.js"></script>
<script src="js/popper.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>