-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (77 loc) · 3.45 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
<!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/reset.css" type="text/css" media="screen"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
<title>Whildaker</title>
</head>
<body onload="drawLine()">
<section class="whildaker" id="whildaker">
<div class="container" id="linhaHome">
<header>
<h1>WHILDAKER</h1>
<div class="lineH"></div>
<nav>
<ul class="nodropdown">
<li><a href="#escritorio">Escritório</a></li>
<li><a href="#arquitetura">Projetos</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
<a class="dropdown-list"><span class="material-icons">toc</span></a>
<ul class="dropdown">
<li><a href="#escritorio">Escritório</a></li>
<li><a href="#arquitetura">Projetos</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
</header>
<div class="lineV"></div>
<div class="lineV2"></div>
<div class="textwhildaker">
<p>Our control across digital infinite we join forces with lorem</p>
</div>
<div class="lineH2"></div>
</div>
</section>
<section class="escritorio" id="escritorio">
<div class="fundobranco">
<h1>ESCRITÓRIO</h1>
<p>"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est".</p>
<p>"Qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel"</p>
<div class="lineHEsc"></div>
<div class="lineHEsc2"></div>
</div>
<div class="img">
<img src="img/beardclub.png" alt="Membros do escritório Whildaker">
</div>
</section>
<section class="arquitetura" id="arquitetura">
<div class="fundobranco">
<div class="texto">
<h1>ARQUITETURA</h1>
<p>We make all types of wooden decor as per design given by Architect, interior designer, contractor which is suitable your premises</p>
</div>
<a href="#arquitetura">CONFIRA MAIS</a>
</div>
<div class="img">
<img src="img/woodoffice.png" alt="Escritório Whildaker">
</div>
</section>
<section class="contato" id="contato">
<div>
<h1>CONTATO</h1>
<p>We make all types of wooden decor as per design given by Architect, interior designer, contractor which is suitable your premises</p>
<ul>
<li><a href="tel:+556185391112">+55 61 8539-1112</a></li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
</ul>
</div>
</section>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" type="text/javascript"></script>
<script src="js/app.js" type="text/javascript"></script>
</body>
</html>