-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (144 loc) · 6.78 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="../SiteGKG/css/style-nav.css">
<title>GKG</title>
</head>
<body class="bg-light">
<header>
<section>
<nav class="navbar col-12 position-fixed navbar-expand-lg navbar-dark bg-gradient" style="z-index: 999;">
<div class="container-fluid col-11 m-auto">
<div>
<img class="rounded-circle px-3" src="https://source.unsplash.com/50x50/?logo" alt="Logo">
</div>
<a class="navbar-brand py-2" href="../SiteGKG/index.html">Espaço Escolar GKG</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="../SiteGKG/pags/calender.html">Calendário</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../SiteGKG/pags/followup.html">Acompanhamento</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../SiteGKG/pags/report.html">Fale conosco</a>
</li>
</ul>
</div>
</div>
</nav>
</section>
</header>
<section>
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
aria-label="Slide 3"></button>
</div>
<div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel"></div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://source.unsplash.com/1400x500/?teacher" class="d-block w-100" alt="">
</div>
<div class="carousel-item">
<img src="https://source.unsplash.com/1400x500/?student" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="https://source.unsplash.com/1400x500/?school" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<section>
<div class="row row-cols-1 row-cols-md-3 g-4 col-11 m-auto">
<div class="col">
<div class="card">
<img src="https://source.unsplash.com/1400x500/?book" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Professores dedicados</h5>
<p class="card-text">Obtenha o melhor acompanhamento pedagógico com o Espaço escolar GKG, nos adaptamos as
particularidades do seu modelo de ensino e mantemos a sua escola conectada com alunos, pais e
responsáveis.</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="https://source.unsplash.com/1400x500/?laptop" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Ensino de qualidade</h5>
<p class="card-text">Professores presentes, alunos presentes, materias bem explicadas, com toda a informação
necessaria para o seu ensino ser completo!</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="https://source.unsplash.com/1400x500/?learn" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Presencial e EAD</h5>
<p class="card-text">Acompanhe a aula de casa mesmo, agora é possivel em nossa escola.</p>
</div>
</div>
</div>
</div>
<section class="m-5">
<div class=" card row m-3" style="max-width: 1500px;">
<div class="row">
<div class="row col-md-8">
<div class="card-body">
<h5 class="card-title">Primeiros passos GKG</h5>
<p class="card-text">Agora é possivel ter tudo acessivel em um clique, com o novo espaço GKG<br> toda a
organização necessaria para um acesso rapido.</p>
<p class="card-text"><small class="text-muted">Ultima edição há 3 minutos</small></p>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container-fluid text-center">
<div class="row ">
<div class="bg-footer text-white py-3 d-flex justify-content-center ">
<div class="d-flex justify-content-end">
<a href="https://web.whatsapp.com/"><img class="" src="https://i.ibb.co/N6jZ5Yh/whatsapp-logo-1.png" alt="logo"></a>
</div>
<p class="mb-0">Desenvolvido por GKG © todos os diretos reservados. <br> Direcionado a escolas de
ensino médio e fundamental.</p>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</body>
</html>