forked from Toodoo-BlastOff/Desafio1_Web_Joao
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (138 loc) · 5.06 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
<!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" />
<title>Desafio Blast-off (Curiosidades) | Início</title>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Inter"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Rubik"
/>
<link rel="stylesheet" href="./styles/css/global.css" />
<link rel="stylesheet" href="./styles/css/home.css" />
<link rel="icon" href="./assets/favicon.png" sizes="32x32" />
</head>
<body>
<header>
<nav>
<a href="#">Início</a>
<a href="/pages/space.html">O espaço</a>
<a href="/pages/neural-network.html">Inteligência artificial</a>
<a id="toodoo-logo" href="https://toodoo.com.br/en/home-en/"
><img src="./assets/toodoo-logo.svg" alt="Toodoo Logo"
/></a>
</nav>
</header>
<main>
<div class="header-dummy"></div>
<div class="main-content">
<div class="inner-content">
<strong class="pre-info">Desafio BlastOff</strong>
<h1>Curiosidades</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation .
</p>
<img src="./assets/images/blast-off-logo.png" alt="Blastoff Logo" />
</div>
<div class="move-down">
<p></p>
<button class="scroll-down" id="scroll-down-button">
<img
src="./assets/icons/arrow-down.svg"
alt="Scroll down"
width="24"
height="12"
/>
</button>
</div>
</div>
<div class="fader"></div>
<div class="second-content">
<div>
<img src="./assets/images/astronaut.png" alt="Astronauta" />
</div>
<div>
<strong class="pre-info">Como surgiu?</strong>
<h3>Curiosidades</h3>
<p class="pos-info">
Nascido com o objetivo de trazer informações de maneira simples e
direta aos seus leitores, com temas diversificados e buscando sempre
relacionar diferentes áreas. O projeto <b>Curiosidades</b> da
Toodoo, criado a partir do BlastOff, traz conteúdos escritos por
professores, físicos, executivos, designers, desenvolvedores de
software e hardware, especialistas no âmbito geral afim de de prover
conteúdo de confiança e sempre atualizado.
</p>
</div>
</div>
<div class="subjects">
<strong class="pre-info">Venha aprender</strong>
<h3>O QUE ABORDAREMOS?</h3>
<ul>
<li class="card">
<img src="./assets/icons/rocket.svg" />
<h5>Astronomia</h5>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor. ncididunt ut labore et dolore.
</p>
<button>QUERO CONHECER</button>
</li>
<li class="card">
<img src="./assets/icons/globe.svg" />
<h5>Inteligência artificial</h5>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor. ncididunt ut labore et dolore.
</p>
<button>QUERO CONHECER</button>
</li>
<li class="card">
<img src="./assets/icons/rocket.svg" />
<h5>Astronomia</h5>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor. ncididunt ut labore et dolore.
</p>
<button>QUERO CONHECER</button>
</li>
<li class="card">
<img src="./assets/icons/globe.svg" />
<h5>Inteligência artificial</h5>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor. ncididunt ut labore et dolore.
</p>
<button>QUERO CONHECER</button>
</li>
</ul>
</div>
<div class="news-letter">
<div class="blur-ball"></div>
<div class="news-letter-box">
<strong class="pre-info">NEWSLETTER</strong>
<h3>QUER RECEBER MAIS CONTEÚDO COMO ESTE?</h3>
<p class="pos-info">Assine nossa newsletter!</p>
<form>
<input type="email" placeholder="Seu e-mail aqui" />
<button>ASSINAR!</button>
</form>
<p class="pos-info">você poderá cancelar quando quiser</p>
</div>
<div class="blur-ball" style="bottom: 80px; right: 150px"></div>
</div>
</main>
<footer>
<p>Copyright © 2022 Toodoo Desenvolvimento de Software LTDA.</p>
<img src="./assets/images/blast-off-logo.png" alt="Blastoff Logo" />
</footer>
<script src="./js/global.js"></script>
</body>
</html>