-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (113 loc) · 3.87 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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>ToDo - Totvsrs</title>
<meta name= "viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<header>
<div class="container">
<div class="row">
<div class="column column-8">
<div id="logo"></div>
<div class="content-menu">
<nav>
<ul>
<li><a href="javascript: scrollToLogin()">fazer login</a></li>
<li><a class="btn fade" id="btn-modal">cadastrar-se</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>
<section id="spotlight">
<div class="container">
<div class="row">
<div class="column column-4">
<h1>O ToDo ajuda você a organizar suas tarefas
e a trabalhar com maior produtividade.</h1>
<p>Organize e priorize seus projetos de um jeito divertido, flexível e gratificante.</p>
</div>
<div class="column column-4"><img src="assets/images/ToDo_totvs_img_fig_top_01.png"></div>
</div>
</div>
</section>
<section id="login">
<div class="container">
<div class="row">
<div class="column column-8">
<h1>Vamos começar?</h1>
</div>
</div>
<div clas="row">
<div class="column column-8">
<div class="content-form">
<form action="">
<input type="email" required="required" id="email" name="email" placeholder="E-MAIL">
<input type="password" required="required" id="pwd" name="pwd" placeholder="SENHA">
<button class="entrar" value="Login" onclick="login()">Login</button>
</form>
</div>
</div>
</div>
<div class="row">
<div class="column column-8">
<p>Ainda não tem cadastro, faça agora. É rápido, fácil e gratuito. <a href="#cadastro-modal">Cadastre-se</a>.</p>
</div>
</div>
</div>
</section>
<section id="infos">
<div class="container">
<div class="row">
<div class="column column-4"><img src="assets/images/ToDo_totvs_img_fig_moddle_02.png"></div>
<div class="column column-4">
<h1>Informações em uma só consulta</h1>
<p>Veja todas as tarefas atribuidas ao seu usuário.
Crie e salve novas, adicionando datas e status de
entrega no ToDo.</p>
</div>
</div>
</div>
</section>
<section id="experience">
<div class="container">
<div class="row">
<div class="column column-3">
<h1>Relaxe e nunca mais perca prazos de entrega ou esqueça
de fazer algo </h1>
<p>Experimente o ToDo e mude a forma como você organiza as suas tarefas.</p>
</div>
<div class="column column-5"><img src="assets/images/ToDo_totvs_img_fig_bottom_03.png"></div>
</div>
</div>
</section>
<section id="modal-cadastro" class="modal">
<!-- Modal content -->
<div class="modal-content"> <span class="close">×</span>
<div class="container">
<h1>Ainda não possui cadastro? É fácil, vamos lá:</h1>
<br>
<div class="content-form">
<form action="">
<input type="email" required="required" id="emailCadastrado" name="emailCadastrado" placeholder="E-MAIL">
<input type="password" required="required" id="senhaCadastrada" name="senhaCadastrada" placeholder="SENHA">
<button class="entrar" value="Cadastrar" onclick="cadastrarUsuario()">Cadastrar</button>
</form>
</div>
</div>
</div>
</section>
<script type="text/javascript">
function scrollToLogin() {
document.querySelector('#login').scrollIntoView({behavior: 'smooth'});
}
</script>
<script type="text/javascript" src="assets/js/main.js"></script>
<script type="text/javascript" src="assets/js/modal.js"></script>
</body>
</html>