-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
169 lines (165 loc) · 8.48 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./src/styles/reset.css">
<link rel="stylesheet" href="./src/styles/globalStyles.css">
<link rel="stylesheet" href="./src/styles/index.css">
<script src="./src/scripts/index.js" defer></script>
<title>Site institucional genérico</title>
</head>
<body>
<header class="header__container">
<h1 class="header__title">Generic Course</h1>
<button class="header__button modal__openbtn">Entrar para próxima turma</button>
</header>
<dialog class="modal__container">
<div class="modal__container1">
<h1 class="modal__title">Cadastro</h1>
<p class="modal__paragraph">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
Ipsum has been the
industry's standard dummy text ever since the 1500s</p>
<form class="modal__form">
<label class="modal__email" for="email"></label>
<input type="email" id="email" name="email" placeholder="Digite seu email">
<button class="modal__button">Entrar na lista para próxima turma</button>
</form>
</div>
</dialog>
<div class="banner__container1">
<section class="banner__container">
<h2 class="banner__title">Desenvolvendo suas próximas habilidades</h2>
<p class="banner__paragraph">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem
Ipsum has been the
industry's standard dummy text ever since the 1500s</p>
<button class="banner__button">Sobre nós</button>
</section>
</div>
<main class="main__question">
<div class="who_are_we">
<h2 class="who_are_we--title">Quem somos nós?</h2>
<p class="who_are_we--paragraph">It is a long established fact that a reader will be distracted by the
readable content of a page when
looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution
of letters, as opposed to using</p>
</div>
<div class="div-container">
<div class="doubts__container--1">
<div class="doubts__container">
<h1 class="doubts_frequent">Dúvidas frequentes</h1>
<p class="paragraph__container">Lorem Ipsum is simply dummy text of the printing and typesetting
industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s</p>
<button class="doubts__button modal__openbtn">Entrar para próxima turma</button>
</div>
</div>
<ul class="question__container">
<li class="doubts__title">
<h2>Quanto o custa o curso?</h2>
</li>
<li class="paragraph__doubts">
<p>It is a long established fact that a reader will be distracted by the readable content of a page
when
looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal
distribution of letters, as opposed to using</p>
</li>
<li class="doubts__title">
<h2>Quais matérias vou pagar?</h2>
</li>
<li class="paragraph__doubts">
<p>It is a long established fact that a reader will be distracted by the readable content of a page
when
looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal
distribution of letters, as opposed to using</p>
</li>
<li class="doubts__title">
<h2>Tenho direito a cancelamento?</h2>
</li>
<li class="paragraph__doubts">
<p>It is a long established fact that a reader will be distracted by the readable content of a page
when
looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal
distribution of letters, as opposed to using</p>
</li>
<li class="doubts__title">
<h2>O acesso do curso é vitalício?</h2>
</li>
<li class="paragraph__doubts">
<p>It is a long established fact that a reader will be distracted by the readable content of a page
when
looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal
distribution of letters, as opposed to using</p>
</li>
</ul>
</div>
</main>
<section class="comments__container">
<ul class="comments__list">
<li>
<div>
<h3 class="comments__name">Júlia Lima</h3>
<p class="comments__date">Aluna na turma 2019</p>
</div>
<p class="comments__paragraph">It is a long established fact that a reader will be distracted by the
readable content of a page when
looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal
distribution of letters, as opposed to using 👋🏿</p>
</li>
<li>
<div>
<h3 class="comments__name">Carlos Ino</h3>
<p class="comments__date">Aluno na turma 2020</p>
</div>
<p class="comments__paragraph">It is a 🎨 established fact that a reader will be distracted by the
readable content of a page when
looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal
distribution of letters, as opposed to using</p>
</li>
<li>
<div>
<h3 class="comments__name">Camila Dias</h3>
<p class="comments__date">Aluna na turma 2019</p>
</div>
<p class="comments__paragraph">It is a long established fact that a reader will be distracted by the
readable content of a page when
looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal
distribution of letters, as opposed to using ❤️ ❤️ ❤️</p>
</li>
<li>
<div>
<h3 class="comments__name">João Vaz</h3>
<p class="comments__date">Aluno na turma 2019</p>
</div>
<p class="comments__paragraph">It is a long established fact that a reader will be distracted by the
readable content of a page when
looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal
distribution of letters, as opposed to using 🕓 🕓 🕓️</p>
</li>
<li>
<div>
<h3 class="comments__name">Gio Oliveira</h3>
<p class="comments__date">Aluna na turma 2019</p>
</div>
<p class="comments__paragraph">It is a long established fact that a reader will be distracted by the
readable content of a page when
looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal
distribution of letters, as opposed to using 👏 👏 👏️</p>
</li>
</ul>
<div class="box__comments--1">
<div class="box__comments">
<h4 class="box__title">O que nossos alunos comentam?</h4>
<p class="box__paragraph">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem
Ipsum has been the
industry's standard dummy text ever since the 1500s</p>
</div>
</div>
</section>
<footer class="footer__container">
<h4 class="footer__title">Generic Course</h4>
</footer>
</body>
</html>