-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (137 loc) · 6.21 KB
/
index.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
153
154
155
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="css/sessao1.css">
<link rel="stylesheet" href="css/sessao2.css">
<link rel="stylesheet" href="css/sessao3.css">
<link rel="stylesheet" href="css/section-left.css">
<link rel="stylesheet" href="css/section-right.css">
<link rel="stylesheet" href="css/sessao4.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/responsive.css">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0">
<title>Projeto 3</title>
</head>
<body>
<header>
<div class="container">
<div class="logo"></div>
<nav class="desktop-menu">
<ul>
<li><a href="">Home</a></li>
<li><a href="">Serviços</a></li>
<li><a href="">Sobre</a></li>
<li><a href="">Contato</a></li>
</ul>
</nav>
<nav class="mobile-menu">
<ul>
<li><a href="">Home</a></li>
<li><a href="">Serviços</a></li>
<li><a href="">Sobre</a></li>
<li><a href="">Contato</a></li>
</ul>
</nav>
<div class="clear"></div>
<div class="chamada1">
<h2>Sistemas Próprios Para <br> Empresas Autênticas</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</div>
</header>
<section class="sessao1">
<div class="container">
<div class="text-sessao1">
<h2>Desenvolvemos Sistemas Únicos</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing.</p>
<ul>
<li>Sites</li>
<li>Lojas</li>
<li>Sistemas</li>
</ul>
<div class="clear"></div>
<div class="btn-text">Entre em Contato</div>
</div>
<div class="device-sessao1"></div>
<div class="clear"></div>
</div>
</section>
<section class="sessao2">
<div class="container">
<h2><b>Desenvolvido por pessoas e para pessoas</b></h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam mollitia tempora aliquid cupiditate odio vel aspernatur cum pariatur a error expedita.</p>
<img src="images/mockup.jpg">
</div>
</section>
<section class="sessao3">
<div class="section-left">
<div class="section-left-wraper">
<h2>Nosso Time</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum tempore quas nemo consequuntur quasi odio veniam reiciendis, molestias accusamus facere fuga quaerat temporibus beatae laborum autem impedit expedita dolorum illo.</p>
</div>
</div>
<div class="section-right">
<div class="about-author">
<div class="info-author">
<div class="wraper-info-author">
<h2>Ythan Rurick</h2>
<p>Artista / Desenvolvedora</p>
</div>
<div class="img-author"></div>
</div>
<div class="author-text">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum porro repellat ut et explicabo, unde, esse cum provident nemo quod ea quidem exercitationem odit autem corrupti fugiat expedita vel dicta!</p>
</div>
</div>
<div class="slider-btn">
<span class="botao selecionado"></span>
<span class="botao"></span>
<span class="botao"></span>
</div>
</div>
<div class="clear"></div>
</section>
<section class="sessao4">
<div class="container">
<div class="form">
<h2>Entre em Contato</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, delectus laudantium illo iste fugit libero assumenda, deleniti fugiat doloribus consectetur nulla autem ducimus facilis, aut optio ratione voluptate ad placeat.</p>
<form>
<input type="text" name="nome" placeholder="Nome">
<input type="text" name="email" placeholder="E-mail">
<textarea name="mensagem" placeholder="Mensagem"></textarea>
<div class="clear"></div>
<div><input type="submit" value="Enviar"></div>
</form>
</div>
<div class="map-wraper">
<h2>Faça uma Visita</h2>
<div class="map-wraper3">
<div class="map-wraper2">
<div class="map" id="mapa"></div>
<!-- <iframe class="map" scrolling="no" marginheight="0" marginwidth="0" id="gmap_canvas" src="https://maps.google.com/maps?width=520&height=438&hl=en&q=Rua%20emancipa%C3%A7%C3%A3o%20Novo%20Hamburgo+(Meu%20Mapa)&t=&z=14&ie=UTF8&iwloc=B&output=embed"></iframe><a href='https://maps-generator.com/'>Maps Generator</a> -->
</div>
</div>
</div>
</div>
<div class="clear"></div>
</section>
<footer>
<div class="container">
<p>Todos os Direitos Reservados</p>
<p>[email protected]</p>
<div class="clear"></div>
</div>
</footer>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAbfpJvitDf8z9Udtxhu9WnzYdlFrTzlh8&"></script>
<script type="text/javascript" src="js/function.js"></script>
</body>
</html>