forked from Garduciz/Projeto_Modulo2
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
166 lines (151 loc) · 9.13 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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Focus Code</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='assets\css\main.css'>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">
<link href="./assets/css/bootstrap.min.css" rel="stylesheet">
<link href="./assets/css/fontawesome-all.min.css" rel="stylesheet">
<link href="./assets/css/swiper.css" rel="stylesheet">
<link href="./assets/css/sobre.css" rel="stylesheet">
<script src='./assets\js\main.js' defer></script>
</head>
<body>
<header>
<!-- Navigation -->
<nav id="navbarExample" class="navbar navbar-expand-lg fixed-top navbar-light" aria-label="Main navigation">
<div class="container">
<!-- Image Logo -->
<a class="navbar-brand logo-image" href="./index.html">FOCUS CODE</a>
<!-- Text Logo - Use this if you don't have a graphic logo -->
<!-- <a class="navbar-brand logo-text" href="index.html">Zinc</a> -->
<button class="navbar-toggler p-0 border-0" type="button" id="navbarSideCollapse" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav ms-auto navbar-nav-scroll">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/sobre.html">Serviço e Assinaturas</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/cadastro.html">Cadastro</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/contato.html">Nossa Equipe</a>
</li>
</ul>
<span class="nav-item">
<a class="btn-solid-sm" href="./pages/login.html">Login</a>
</span>
</div> <!-- end of navbar-collapse -->
</div> <!-- end of container -->
</nav> <!-- end of navbar -->
<!-- end of navigation -->
<header id="header" class="header">
<div class="container">
<div class="row">
<div class="col-lg-6 col-xl-5">
<div class="text-container">
<h1 class="h1-large">O foco na sua caminhada Dev chegou!</h1>
<p class="p-large">A Focus Code é uma aplicação que visa ajudar o desenvolvedor que acabou de concluir
seu curso de formação e <strong>QUER</strong> seguir uma trilha focada em colher bons resultados. </p>
</div> <!-- end of text-container -->
<div>
<p class="text-center btnIns"><button type="button" onclick="inscricao()" class="btn btn-primary ">Quero me Inscrever!</button></p>
</div>
</div> <!-- end of col -->
<div class="col-lg-6 col-xl-7">
<div class="image-container">
<img class="img-fluid" src="./assets/img/illustration-2.png" alt="alternative">
</div> <!-- end of image-container -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</header>
<!-- Details 1 -->
<div id="details" class="basic-1">
<div class="container">
<div class="row">
<div class="col-lg-6 col-xl-7">
<div class="image-container">
<img class="img-fluid" src="./assets/img/images/diagramacircuitoerosto.jpg" alt="alternative">
</div> <!-- end of image-container -->
</div> <!-- end of col -->
<div class="col-lg-6 col-xl-5">
<div class="text-container">
<h2><span>Somos uma aplicação</span><br>de inteligência artificial </h2>
<p>desenvolvida com profundo conhecimento de causa para te ajudar a <strong>MANTER O FOCO</strong> e
seguir a jornada incrível que você tem capacidade para seguir como Desenvolvedor.</p>
<p>Com o nosso app você vai entrar em um processo de gamificação de caminhada acompanha-
do por nossa inteligência artificial trabalhada por mente e corações humanos por trás
de todo o projeto.</p>
</div> <!-- end of text-container -->
<div>
<p class="text-center btnIns"><button type="button" onclick="inscricao()" class="btn btn-primary ">Quero me Inscrever!</button></p>
<p class="text-center"><button class="btn btn-sm btn-outline-secondary" onclick="sobre()" type="button"> Mais informações</button></p>
</div>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of basic-1 -->
<!-- end of details 1 -->
<!-- Details 2 -->
<div id="details" class="basic-1">
<div class="container">
<div class="row">
<div class="col-lg-6 col-xl-5">
<div class="text-container">
<h2><span>Você ativa a ação do</span><br>"eu quero!"</h2>
<p>Ao entrar na nossa aplicação você ativa a ação <strong>“EU QUERO”</strong>, um verbo poderoso quando
queremos contar uma história, capaz de movimentar muitas possibilidades quando estamos
comprometidos com a jornada.</p>
</div> <!-- end of text-container -->
<div>
<p class="text-center btnIns"><button type="button" onclick="inscricao()" class="btn btn-primary ">Quero me Inscrever!</button></p>
<p class="text-center"><button class="btn btn-sm btn-outline-secondary" onclick="sobre()" type="button"> Mais informações</button></p>
</div>
</div> <!-- end of col -->
<div class="col-lg-6 col-xl-7">
<div class="image-container">
<img class="img-fluid" src="./assets/img/images/caminhesuaaventura.gif" alt="alternative">
</div> <!-- end of image-container -->
</div> <!-- end of col -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of basic-1 -->
<!-- end of details 1 -->
<div class="copyright bg-gray">
<div class="container">
<div class="row">
<div class="col-lg-6">
<ul class="list-unstyled li-space-lg p-small">
<li><a href="article.html">Detalhes</a></li>
<li><a href="terms.html">Termos e Condições</a></li>
<li><a href="privacy.html">Politica de Privacidade</a></li>
</ul>
</div> <!-- end of col -->
<div class="col-lg-3">
<p class="p-small statement">Copyright © <a href="https://github.com/irenacosta/">I</a> <a href="https://github.com/Andersonjmc"> A</a> <a href="https://github.com/Garduciz">B</a> <a href="https://github.com/DamasioRamos">D</a> <a href="https://github.com/MatricBts">M</a>, 2022.</p>
</div> <!-- end of col -->
<div class="col-lg-3">
<p class="p-small statement">Projeto desenvolvido com fins educadionais.</a></p>
</div> <!-- end of col -->
</div> <!-- enf of row -->
</div> <!-- end of container -->
</div> <!-- end of copyright -->
<!-- end of copyright -->
<script src="./assets/js/bootstrap/bootstrap.min.js"></script> <!-- Bootstrap framework -->
<script src="./assets/js/bootstrap/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
<script src="./assets/js/bootstrap/purecounter.min.js"></script> <!-- Purecounter counter for statistics numbers -->
<script src="./assets/js/bootstrap/isotope.pkgd.min.js"></script> <!-- Isotope for filter -->
<script src="./assets/js/bootstrap/scripts.js"></script> <!-- Custom scripts -->
</body>
</html>