-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
116 lines (112 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="./assets/img/dive_favicon.png">
<link rel="stylesheet" href="./assets/css/reset.css">
<link rel="stylesheet" href="./assets/css/style.css">
<title>Operadora de Mergulho</title>
</head>
<body>
<header class="header__container">
<h1 class="header__title">Operadora de mergulho</h1>
<h2 class="header__subtitle">Certificação PADI</h2>
<nav class="header__social-media">
<a href="#" class="social-media__link">Linkedin</a>
<a href="#" class="social-media__link">Instagram</a>
</nav>
<div class="menu__container">
<div>
<input type="checkbox" class="menu__toggle" id="menu__input-checkbox">
<label class="menu__menu-hamburguer" for="menu__input-checkbox">
<div class="menu-hamburguer__trace"></div>
<div class="menu-hamburguer__trace"></div>
<div class="menu-hamburguer__trace"></div>
</label>
<div class="menu__background"></div>
<nav class="menu__links">
<ul>
<li class="menu__links__item">
<a href="#" class="menu__links__link">Home</a>
</li>
<li class="menu__links__item">
<a href="#" class="menu__links__link">Sobre</a>
</li>
<li class="menu__links__item">
<a href="#" class="menu__links__link">Contatos</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<main class="main__container">
<section class="card__section">
<a href="#" class="card__link">
<div class="card__topic">
<h2>Cursos</h2>
<p>Conheça nossos cursos</p>
</div>
</a>
<p class="card__text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
</p>
</section>
<section class="card__section">
<a href="#" class="card__link">
<div class="card__topic">
<h2>Saídas</h2>
<p>Mergulhe com a gente</p>
</div>
</a>
<p class="card__text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
</p>
</section>
<section class="card__section">
<a href="#" class="card__link">
<div class="card__topic">
<h2>Serviços</h2>
<p>Saiba mais sobre nossos serviços</p>
</div>
</a>
<p class="card__text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
</p>
</section>
</main>
<footer class="footer">
©2022-2023 - Feito por Mariana Poleto dos Santos
</footer>
<!-- Favicon: <a target="_blank" href="https://icons8.com/icon/D65VJwIcJSwi/dive">Dive</a> icon by <a target="_blank"
href="https://icons8.com">Icons8</a> -->
</body>
</html>