-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
160 lines (142 loc) · 8.85 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>LabPhysics Simulator</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora">
<link rel="stylesheet" href="css/styles.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/navbar.css">
<link rel="shortcut icon" href="../img/ideia.ico" type="image/x-icon" />
</head>
<body style="font-family: Lora, serif;">
<nav class="navbar navbar-light navbar-expand-md navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" style="font-family: Lora, serif; margin: 0;">
<img src="../img/ideia.svg" alt="" width="30" height="" class="d-inline-block align-top">
LabPhysics Simulator
</a>
<button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-2">
<span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navcol-2">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item" role="presentation"><a class="nav-link active" href="index.html" style="font-family: Lora, serif;">Início</a></li>
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="Trilha de Aprendizagem/trilha01.html">Trilha de Aprendizagem</a>
<div class="dropdown-menu" role="menu">
<a class="dropdown-item" role="presentation" href="Trilha de Aprendizagem/trilha01.html">O que é Física?</a>
<a class="dropdown-item" role="presentation" href="Trilha de Aprendizagem/trilha02.html">Experimentação Física</a>
<a class="dropdown-item" role="presentation" href="Trilha de Aprendizagem/trilha03.html">Lei de Hooke e a Força Elástica</a>
<a class="dropdown-item" role="presentation" href="Trilha de Aprendizagem/trilha04.html">Lançamento Oblíquo</a>
<a class="dropdown-item" role="presentation" href="Trilha de Aprendizagem/trilha05.html">Lei de Ohm</a>
<div class="dropdown-divider" role="presentation"></div>
</div>
</li>
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="Simuladores/indexSimuladores.html">Simuladores de Física</a>
<div class="dropdown-menu" role="menu">
<a class="dropdown-item" role="presentation" href="Simuladores/Lei de Hooke.html">Lei de Hooke e a Força Elástica</a>
<a class="dropdown-item" role="presentation" href="Simuladores/Lançamento Obliquo.html">Lançamento Oblíquo</a>
<a class="dropdown-item" role="presentation" href="Simuladores/Lei de Ohm.html">Lei de Ohm</a>
<div class="dropdown-divider" role="presentation"></div>
</div>
</li>
<li class="nav-item" role="presentation"></li>
<li class="nav-item" role="presentation"></li>
<li class="nav-item" role="presentation">
<a class="nav-link" href="pags/sobre.html" style="font-family: Lora, serif;">Sobre</a></li>
</ul>
</div>
</div>
</nav>
<br>
<div class="highlight-phone" style="font-family: Lora, serif;">
<div class="container">
<div class="row">
<div class="col-auto col-md-8 col-lg-6 col-xl-5 offset-xl-1">
<div class="intro">
<h2 style="font-family: Lora, serif;">Bem vindo ao LabPhysics Simulator</h2>
<p class="text-justify" style="font-family: Lora, serif;">
Sua plataforma para o aprendizado de física por meio de experimentos simulados.
Siga as trilhas de aprendizagem e aprenda conceitos importantes sobre os experimentos.
Em simulação, você poderá acessar alguns experimentos simuladores de Física.<br></p>
<a class="btn btn-primary align-items-center" role="button" data-bs-hover-animate="pulse" href="Trilha de Aprendizagem/trilha01.html" style="font-family: Lora, serif;background-color: #1d809f;width: 71%;">Trilha de Aprendizagem</a>
<a class="btn btn-primary align-items-center" role="button" data-bs-hover-animate="pulse" href="Simuladores/indexSimuladores.html" style="font-family: Lora, serif;background-color: #1d809f; width: 71%">Simulador de Experimentos</a>
</div>
</div>
<div class="col-lg-6 col-xl-5" style="width: 100%;">
<br>
<img src="img/inicio.png" style="width: 100%;">
</div>
</div>
</div>
</div>
<br><br>
<section data-aos="zoom-in" data-aos-duration="1650" class="clean-block about-us" style="font-family: Lora, serif;">
<div class="container" style="font-family: Lora, serif;">
<div class="block-heading">
<h2 class="text-left" style="font-family: Lora, serif;">Acesso Rápido</h2>
<p style="font-family: Lora, serif;">Use um atalho para acessar conteúdo da Trilha de Aprendizagem.</p>
</div>
<div class="row justify-content-center">
<div class="col-sm-6 col-lg-4">
<div class="card clean-card text-center">
<a href="Trilha de Aprendizagem/trilha01.html"><img class="rounded card-img-top w-100 d-block" src="img/Fisica01.jpg"></a>
<div class="card-body info">
<h4 class="card-title" style="font-family: Lora, serif;">O que é Física?</h4>
<p class="card-text"></p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card clean-card text-center">
<a href="Trilha de Aprendizagem/trilha02.html"><img class="rounded card-img-top w-100 d-block" src="img/lab4.jpg"> </a>
<div class="card-body info">
<h4 class="card-title" style="font-family: Lora, serif;">Laboratórios de Física</h4>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card clean-card text-center">
<a href="Trilha de Aprendizagem/trilha03.html"><img class="rounded card-img-top w-100 d-block" src="img/pilha-livros.jpg"></a>
<div class="card-body info">
<h4 class="card-title" style="font-family: Lora, serif;">Experimentos</h4>
</div>
</div>
</div>
</div>
</div>
<p></p>
</section>
<hr>
<footer>
<div class="container">
<div class="row branco">
<div class="col-xl-4 offset-xl-1 text-center">
<img src="img/logo-ufam.png" height="120">
<img class="super" src="img/logo-super-sem-texto.png" height="120">
</div>
<div class="col-xl-6">
<p class="text-justify" ><br><br>Projeto desenvolvido por equipe bolsista de Iniciação Científica do SUPER, parceria entre a Samsung e
a Universidade Federal do Amazonas (UFAM) que visa estimular a capacitação e a pesquisa.</p>
</div>
</div>
</div>
<hr>
<div class="container">
<div class="row">
<div class="col">
<p class="copyright aaa"> LabPhysics Simulator © 2021</p>
</div>
</div>
</div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.js"></script>
<script src="js/script.min.js"></script>
</body>
</html>