-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (148 loc) · 6.58 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="authors" content="Artur Bomtempo e Pedro Félix" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Home | Listify</title>
<!-- === Favicon === -->
<link rel="icon" type="image/svg+xml" href="./assets/images/favicon.png" />
<!-- === Font === -->
<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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
<!-- === Font Awesome === -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<!-- === CSS Files === -->
<link rel="stylesheet" href="./assets/css/style.css" />
<link rel="stylesheet" href="./assets/css/home/home.css" />
</head>
<body>
<!-- === Header === -->
<header>
<a href="./index.html">
<img src="./assets/images/black-logo.png" alt="Logotipo da Listify" />
</a>
<nav>
<a href="./index.html" onclick="showNavbar()">Home</a>
<a href="./pages/manage-tasks.html" onclick="showNavbar()"
><i class="fa-regular fa-clock"></i> Pendentes</a
>
<a href="./pages/completed-tasks.html" onclick="showNavbar()"
><i class="fa-regular fa-square-check"></i> Concluídas</a
>
<button class="nav_btn nav_close_btn" onclick="showNavbar()">
<span class="fa fa-times"></span>
</button>
</nav>
<button class="nav_btn" onclick="showNavbar()">
<span class="fa fa-bars"></span>
</button>
</header>
<!-- === Content === -->
<main>
<!-- === About Section === -->
<section id="about">
<div id="image">
<img src="./assets/images/home/main/bee.png" alt="Imagem da abelha" />
</div>
<div id="content">
<h1 class="title">O que é o Listify?</h1>
<p id="text">
Listify é uma aplicação web voltada para a criação e gerenciamento de uma
lista de tarefas, projetada para fortalecer seus conhecimentos em Spring
Boot MVC. Desenvolvido como um projeto prático no Lab da WebTech, o Listify
oferece uma interface amigável onde você pode organizar suas tarefas diárias
enquanto explora e consolida conceitos fundamentais de desenvolvimento
backend e frontend de forma integrada.
</p>
</div>
</section>
<!-- === Menu Section === -->
<section id="menu">
<h1 class="title">Escolha por onde começar:</h1>
<div id="options">
<a href="./pages/manage-tasks.html">
<div class="option">
<div class="icons">
<img
src="./assets/images/home/menu/plus.png"
alt="Ícone de adição"
/>
<img
src="./assets//images/home/menu/clock.png"
alt="Ícone de relógio"
/>
</div>
<h3>Criar & Pendentes</h3>
</div>
</a>
<a href="./pages/completed-tasks.html">
<div class="option">
<div class="icons">
<img
src="./assets//images/home/menu/check.png"
alt="Ícone de conclusão"
/>
</div>
<h3>Concluídas</h3>
</div>
</a>
</div>
</section>
<!-- === Developers Section === -->
<section id="developers">
<h1 class="title">Conheça nossos Desenvolvedores</h1>
<div id="options">
<div class="option">
<div class="avatar">
<img
src="./assets/images/home/developers/artur.png"
alt="Avatar de Artur Bomtempo"
/>
</div>
<h3>
Artur Bomtempo |
<a href="https://arturbomtempo.dev/" target="_blank">Portfólio</a>
</h3>
</div>
<div class="option">
<div class="avatar">
<img
src="./assets/images/home/developers/pedro.png"
alt="Avatar de Pedro Félix"
/>
</div>
<h3>
Pedro Félix |
<a
href="https://prismatic-semifreddo-4127a3.netlify.app/"
target="_blank"
>Portfólio</a
>
</h3>
</div>
</div>
</section>
</main>
<!-- === Footer === -->
<footer>
<p>
Desenvolvido por
<a href="https://github.com/ArturColen" target="_blank">Artur Bomtempo</a> &
<a href="https://github.com/Pedro-HFelix" target="_blank">Pedro Félix</a>
</p>
</footer>
<!-- === JS File === -->
<script src="./assets/js/menu.js"></script>
</body>
</html>