-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
192 lines (167 loc) · 8.35 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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<html>
<head>
<title>SENAI - Home</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<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=Telex&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Faster+One&family=Krub:wght@700&family=Telex&display=swap"
rel="stylesheet">
<link href="https://allfont.net/allfont.css?fonts=league-gothic" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="background-image">
<div style="margin: 0;" class="row">
<div class="col">
<div class="header">
<div>
<img id="senai-logo" src="./Imagens/logo_senai.svg">
</div>
</div>
</div>
<div class="col flex-end">
<div class="header ">
<div class="text">
<a class="link-td-none" href="./index.html">
<p id="home" class="header-text select">Home
</p>
</a>
<div class="separate-r">
</div>
<a class="link-td-none" href="">
<p id="cursos" class="header-text">Cursos</p>
</a>
<div class="header-text separate-r">
</div>
</div>
</div>
</div>
</div>
<div class="row home-content">
<div class="col">
<h1 id="faster-one">
Realize seu <br> sonho aqui!
</h1>
<!-- <h5 class="text home-text">
O Serviço Nacional de Aprendizagem Industrial ou SENAI é uma instituição privada brasileira de interesse
público,
sem fins lucrativos, com personalidade jurídica de direito privado, estando fora da administração
pública.
Oferecemos cursos de qualidade técnica com uma metodologia avançada, inspirada em moldes estrangeiros.
Aqui o que você aprende, pode ter aplicabilidade nas mais diversas áreas e voce sairá preparado e
qualificado para o mundo do trabalho.
</h5> -->
</div>
<!-- <div class="col-6">
<img id="home-img" src="./Imagens/home-img.png">
</div> -->
</div>
</div>
<div id="cards" class="row">
<div class="col">
<div id="frame-processos-seletivos" class="div-align">
<div>
<div class="frame-content-margin-left frame">
<h3 class="card-title">Processos <br> Seletivos</h3>
<h6 id="v-em">Vagas para o Ensino <br> Médio já disponíveis!</h6>
<button class="saiba-mais">Saiba mais</button>
</div>
<img class="first-icon" src="./Imagens/Ícones/notebook_icon.svg">
<img class="second-icon" src="./Imagens/Ícones/ph_student-bold.svg">
<img class="third-icon" src="./Imagens/Ícones/fa-solid_chalkboard-teacher.svg">
</div>
</div>
</div>
<div class="col">
<div id="frame-library" class="div-align">
<div class="frames">
<div class="frames-content-margin-left ">
<h3 class="card-title">Biblioteca</h3>
<h6 id="v-em">Venha visitar nossa <br> biblioteca rica em livros <br> didáticos e literários!
</h6>
<button type="button" class="saiba-mais button-sm-m" data-toggle="modal"
data-target="#exampleModal">
Saiba mais
</button>
<!-- <button class="saiba-mais button-sm-m">Saiba mais</button> -->
</div>
<img class="first-icon" src="./Imagens/Ícones/book_icon.svg">
<img class="second-icon" src="./Imagens/Ícones/hood_icon.svg">
<img class="third-icon" src="./Imagens/Ícones/notebook_icon_2.svg">
</div>
</div>
</div>
<div class="col">
<div id="frame-feedback" class="div-align">
<div class="frames">
<div class="frames-content-margin-left">
<h3 class="card-title">Nos avalie!</h3>
<h6 id="v-em">Ele é muito importante para <br> que possamos melhorar <br> os nossos serviços!
</h6>
<button class="saiba-mais button-sm-m">Saiba mais</button>
</div>
<img class="first-icon" src="./Imagens/Ícones/angry_face_icon.svg">
<img class="second-icon" src="./Imagens/Ícones/chat.svg">
<img class="third-icon" src="./Imagens/Ícones/smile_icon.svg">
</div>
</div>
</div>
</div>
<div class="col-redes">
<img src="./Imagens/Vector_in.svg" alt="">
<img src="./Imagens/Vector_yt.svg" alt="">
<img src="./Imagens/Vector_ins.svg" alt="">
<img src="./Imagens/Vector_fac-radius.svg" alt="">
<img src="./Imagens/Vector_twi.svg" alt="">
<br>
<div class="zap">
<img src="./Imagens/Vector_zap.svg" alt="">
<h6 class="num-senaI">(14) 3405-1550</h6>
</div>
</div>
<div>
<div class="row-12">
<div class="col-copyright">
Copyright 2021 © Todos os direitos reservados
<h6 class="made">Made by Cauã e Raphael</h6>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Biblioteca - horários de atendimento</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<b>Segunda-feira: </b>8h às 11h30 e das 12h30 às 17h; <br>
<b>Terça-feira: </b> 8h às 11h30 e das 12h30 às 17h;<br>
<b>Quarta-feira: </b>12h às 17h e das 18h às 21h;<br>
<b>Quinta-feira: </b>8h15 às 11h30 e das 12h30 às 17h15;<br>
<b>Sexta-feira: </b>8h às 11h30 e das 12h30 às 17h;
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<script src="https://code.iconify.design/2/2.1.0/iconify.min.js"></script>
</body>
</html>