-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (129 loc) · 4.87 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="robots" content="index, follow">
<meta name="author" content="Gustavo Henrique">
<meta name="keywords" content="projeto, menu, validacao, design">
<meta name="description" content="Projeto Web para agregar conhecimentos acerca de menus e etc">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="img/map.png">
<title>Web Project</title>
</head>
<body>
<header>
<nav>
<i class="logo fa fa-stumbleupon fa-3x"></i>
<ul class="menu">
<li><a href="#">Item 1</a></li><!--
--><li><a href="#">Item 2</a></li><!--
--><li><a href="#">Item 3</a></li><!--
--><li><a href="#">Item 4</a></li><!--
--><li class="menu-dropdown">
<a href="#">Menu <i class="fa fa-angle-down"></i></a>
<ul>
<li><a href="#">Item A</a></li>
<li><a href="#">Item B</a></li>
<li><a href="#">Item C</a></li>
<li><a href="#">Item D</a></li>
<li><a href="formulário.php">Formulário</a></li>
</ul>
</li>
</ul>
</nav>
<div class="hero-image-header">
<div class="heading-container">
<h1>Cool Title</h1>
<h2>A second cool heading</h2>
</div>
</div>
</header>
<main>
<div class="item-column">
<div class="item brasil"></div>
<h3>Lorem ipsum</h3>
<p>
Praesent malesuada tincidunt nulla, volutpat posuere lectus auctor ut. Lorem ipsum dolor
sit amet, consectetur adipiscing elit. In hac habitasse platea dictumst. Sed eu sem mattis,
ultricies neque at, varius enim. Vivamus elit mi, suscipit non tempus in, ullamcorper ut sem.
Fusce tincidunt accumsan mauris, ut sollicitudin nisi mollis at.
</p>
</div>
<div class="item-column">
<div class="item estrada"></div>
<h3>Sed do eiusmod</h3>
<p>
Ullamcorper ut sem. Fusce tincidunt, volutpat posuere lectus auctor ut. Lorem ipsum dolor
sit amet, consectetur adipiscing elit. In hac habitasse platea dictumst. Sed eu sem mattis,
ultricies neque at, varius enim. Vivamus elit mi, suscipit non tempus in,ut sollicitudin
nisi mollis at, ullamcorper ut sem. Fusce tincidunt accumsan mauris.
</p>
</div>
<div class="item-column">
<div class="item viajem"></div>
<h3>Incididunt ut</h3>
<p>
Mauris varius pellentesque turpis sit amet lacinia. Praesent orci erat, pellentesque sit amet
dictum nec, pharetra id erat. In hac habitasse platea dictumst. Sed eu sem mattis, ultricies
neque at, varius enim. Vivamus elit mi, suscipit non tempus in, ullamcorper ut sem. Fusce
tincidunt accumsan mauris.
</p>
</div>
</main>
<section class="polaroid-photos">
<div class="polaroid">
<div class="zoom-container">
<div class="foto aviao"></div>
</div>
</div>
<div class="polaroid">
<div class="zoom-container">
<div class="foto taxi"></div>
</div>
</div>
<div class="polaroid">
<div class="zoom-container">
<div class="foto mapa"></div>
</div>
</div>
</section>
<footer>
<section class="section">
<ul>
<li><a href="#">Title 1</a></li>
<li><a href="#">Link Number 1</a></li>
<li><a href="#">Link Number 2</a></li>
<li><a href="#">Link Number 3</a></li>
<li><a href="#">Link Number 4</a></li>
<li><a href="#">Link Number 5</a></li>
<li><a href="#">Link Number 6</a></li>
</ul>
</section>
<section class="section">
<ul>
<li><a href="#">Title 2</a></li>
<li><a href="#">Link Number 7</a></li>
<li><a href="#">Link Number 8</a></li>
<li><a href="#">Link Number 9</a></li>
<li><a href="#">Link Number 10</a></li>
</ul>
</section>
<section class="section">
<ul>
<li><a href="#">Title 3</a></li>
<li><a href="#">Link Number 11</a></li>
<li><a href="#">Link Number 12</a></li>
<li><a href="#">Link Number 13</a></li>
<li><a href="#">Link Number 14</a></li>
<li><a href="#">Link Number 15</a></li>
<li><a href="#">Link Number 16</a></li>
<li><a href="#">Link Number 17</a></li>
</ul>
</section>
<div class="copyright">
<p>© Project Web - Gustavo All Rights Reserved</p>
</div>
</footer>
</body>
</html>