-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (140 loc) · 9.02 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
<!DOCTYPE html>
<html lang="en">
<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 rel="stylesheet" href="./assets/stylesheet.css">
<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=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<title>Desafios | Rocketseat</title>
</head>
<body>
<div class="container">
<div class="navbar">
<img id="logo-discover" src="./assets/images/discover-logo.png" >
<span>Desafios desenvolvidos no curso gratuito da Rocketseat</span>
</div>
<div class="container-cards">
<div class="card">
<img class="img-card" src="./assets/images/social-tree.webp" alt="" srcset="">
<div class="card-content">
<h3>Desafio "Social Tree"</h3>
<p>Neste desafio você deve criar uma página com uma lista de links (menu)
que pode ser usada em perfis de redes sociais para direcionar o usuário
para o local escolhido. Utilizando HTML e CSS.</p>
<div class="card-links">
<a href="./SocialTree/" target="_blank">Deployment</a>
<a href="https://github.com/eliaslma/discover-rocketseat/tree/main/SocialTree" target="_blank">Repositório</a>
<a href="https://efficient-sloth-d85.notion.site/Desafio-Social-Tree-a4008e467a3248c4b05c97cf78aea44f" target="_blank">Instruções</a>
</div>
</div>
</div>
<div class="card">
<img class="img-card" src="./assets/images/cookbook.webp" alt="" srcset="">
<div class="card-content">
<h3>Desafio "Pagina de Receita"</h3>
<p>Nesse desafio você deverá criar uma página web de uma receita com título, imagem,
lista de ingredientes e modo de preparo. O desafio está dividido em duas partes, no primeiro momento você irá criar a estrutura HTML
com as informações da receita e na segunda parte será o momento de adicionar os estilos à página com o CSS.</p>
<div class="card-links">
<a href="./PaginaReceita/" target="_blank">Deployment</a>
<a href="https://github.com/eliaslma/discover-rocketseat/tree/main/PaginaReceita" target="_blank">Repositório</a>
<a href="https://efficient-sloth-d85.notion.site/Desafio-Piloto-P-gina-de-Receita-15acc6a34f744484a2e64a1f115bfbae" target="_blank">Instruções</a>
</div>
</div>
</div>
<div class="card">
<img class="img-card" src="./assets/images/rocketnews.webp" alt="" srcset="">
<div class="card-content">
<h3>Desafio "RocketNews"</h3>
<p>Desenvolva uma página web simples utilizando HTML e CSS que servirá no futuro para captação de leads ou inscrição em newsletter.</p>
<div class="card-links">
<a href="./RocketNews/" target="_blank">Deployment</a>
<a href="https://github.com/eliaslma/discover-rocketseat/tree/main/RocketNews" target="_blank">Repositório</a>
<a href="https://efficient-sloth-d85.notion.site/Desafio-RocketNews-2e2c5d56b41f4b13a7d8df6b5affc0ec" target="_blank">Instruções</a>
</div>
</div>
</div>
<div class="card">
<img class="img-card" src="./assets/images/portfolio.webp" alt="" srcset="">
<div class="card-content">
<h3>Desafio "Portfolio"</h3>
<p>Neste desafio você poderá criar uma página web para que seja seu portfolio e currículo. Utilizando HTML e CSS.</p>
<div class="card-links">
<a href="./Portfolio/" target="_blank">Deployment</a>
<a href="https://github.com/eliaslma/discover-rocketseat/tree/main/Portfolio">Repositório</a>
<a href="https://efficient-sloth-d85.notion.site/Desafio-Portfolio-1d3db21e654941f5872aece5fcc6bcc6">Instruções</a>
</div>
</div>
</div>
<div class="card">
<img class="img-card" src="./assets/images/pricing-table.webp" alt="" srcset="">
<div class="card-content">
<h3>Desafio "Pricing Table"</h3>
<p>Neste desafio você vai desenvolver uma página com uma tabela com as opções de preços/planos do produto/serviço.</p>
<div class="card-links">
<a href="./PricingTable/" target="_blank">Deployment</a>
<a href="https://github.com/eliaslma/discover-rocketseat/tree/main/PricingTable" target="_blank">Repositório</a>
<a href="https://efficient-sloth-d85.notion.site/Desafio-Pricing-Table-e0b6f59253e54d229fdde09228226b32" target="_blank">Instruções</a>
</div>
</div>
</div>
<div class="card">
<img class="img-card" src="./assets/images/login-form-css.webp" alt="" srcset="">
<div class="card-content">
<h3>Desafio "Login Form Css"</h3>
<p>Neste desafio você vai criar um formulário de login.</p>
<div class="card-links">
<a href="./LoginForm/" target="_blank">Deployment</a>
<a href="https://github.com/eliaslma/discover-rocketseat/tree/main/LoginForm" target="_blank">Repositório</a>
<a href="https://efficient-sloth-d85.notion.site/Desafio-Login-Form-CSS-a10caea5a183494e97eb9ce4f33536b3" target="_blank">Instruções</a>
</div>
</div>
</div>
<div class="card">
<img class="img-card" src="./assets/images/cowntdown.webp" alt="" srcset="">
<div class="card-content">
<h3>Desafio "Countdown"</h3>
<p>Neste desafio você deve criar uma página de coming soon (em breve) para o lançamento de um site, produto ou serviço,
e na página deve ter um countdown timer (timer de contagem regressiva) informando quanto tempo falta para o lançamento. Utilizando HTML, CSS e Javscript.</p>
<div class="card-links">
<a href="./Countdown/" target="_blank">Deployment</a>
<a href="https://github.com/eliaslma/discover-rocketseat/tree/main/Countdown" target="_blank">Repositório</a>
<a href="https://efficient-sloth-d85.notion.site/Desafio-Cowntdown-4572ce6f5c91469abe0171f454a13e3f" target="_blank">Instruções</a>
</div>
</div>
</div>
<div class="card">
<img class="img-card" src="./assets/images/rocketcoffee.webp" alt="" srcset="">
<div class="card-content">
<h3>Desafio "RocketCoffee"</h3>
<p>Neste desafio você deverá desenvolver uma homepage para uma marca de café.</p>
<div class="card-links">
<a href="./RocketCoffee/" target="_blank">Deployment</a>
<a href="https://github.com/eliaslma/discover-rocketseat/tree/main/RocketCoffee" target="_blank">Repositório</a>
<a href="https://efficient-sloth-d85.notion.site/Desafio-RocketCoffee-7802895f0dd44da5a6f71a64badc7e72" target="_blank">Instruções</a>
</div>
</div>
</div>
<div class="card">
<img class="img-card" src="./assets/images/rocketcard.webp" alt="" srcset="">
<div class="card-content">
<h3>Desafio "Rocketcard"</h3>
<p>Neste desafio você deverá desenvolver um card que traga as informações da API do Github e tenha um botão que altere a cor do fundo do card.</p>
<div class="card-links">
<a href="./Rocketcard/" target="_blank">Deployment</a>
<a href="https://github.com/eliaslma/discover-rocketseat/tree/main/Rocketcard" target="_blank">Repositório</a>
<a href="https://efficient-sloth-d85.notion.site/Desafio-Rocketcard-0d3572ef941f4a88889191773fe61c44" target="_blank">Instruções</a>
</div>
</div>
</div>
</div>
<div class="credits">
<p>In ☕ We Trust </p>
<p>Feito por <a href="https://github.com/eliaslma">Elias Lima</a></p>
</div>
</div>
</body>
</html>