forked from sl4ureano/reciclo-hacktudo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·132 lines (109 loc) · 5.95 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="Avud">
<link rel="icon" href="img/faviconLogo.ico">
<title>Reciclo</title>
<!-- Bootstrap CSS -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
</head>
<body class="text-center" >
<nav class="navbar-fixed-top navbar navbar-default " style="margin-bottom:0px !important;">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img style="margin-top: -20px;" height="50px" class="img-reponsive" src="img/logo.png"></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="index.html">Início</a></li>
<li><a href="parceira.html">Torne-se uma Empresa Parceira</a></li>
</ul>
<ul class="nav navbar-nav navbar-right" style="margin-right: 10px;">
<li><a href="login.html">Acesse sua Conta</a></li>
</ul>
</nav>
<div class="carousel fade-carousel slide" data-ride="carousel" data-interval="4000" id="bs-carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#bs-carousel" data-slide-to="0" class="active"></li>
<li data-target="#bs-carousel" data-slide-to="1"></li>
<li data-target="#bs-carousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item slides active">
<div class="slide-1"></div>
<div class="hero">
<hgroup>
<h1>Milhares de Brasileiros</h1>
<h3>Não sabem o que fazer com seus resíduos.</h3>
</hgroup>
</div>
</div>
<div class="item slides">
<div class="slide-2"></div>
<div class="hero">
<hgroup>
<h1>Nós conectamos pessoas</h1>
<h3>Que de alguma forma querem mudar o mundo.</h3>
</hgroup>
</div>
</div>
<div class="item slides">
<div class="slide-3"></div>
<div class="hero">
<hgroup>
<h1>Somos uma Comunidade</h1>
<h3>De pessoas unidas colaborando para um mundo mais sustentável.</h3>
</hgroup>
<a href="login.html"><button class="btn btn-hero btn-lg" role="button">Faça parte</button></a>
</div>
</div>
</div>
</div>
<!-- <div class="container" id="quemsomos">
<div class="row">
<div class="col-md-12">
<h2>Quem somos?</h2>
<p>Somo uma empresa de gestão de resíduos. Atuamos com parceiros que buscam um planeta mais sustentável. Possuímos software que auxilia as pessoas descartarem corretamente seus resíduos e ainda disponibiliza uma pontuação para que assim possa trocar por prêmios que mais lhes convêm. Este software funciona basicamente assim:<br>
<b>1.</b> O cliente notifica a Reciclo avisando do seu resíduo<br>
<b>2.</b> Uma equipe profissional irá buscar o mesmo<br>
<b>3.</b> Após a avalição de seu resíduo, você ganhará uma pontuação<br>
<b>4</b>. A pontuação poderá ser trocada por produtos ou serviços de nossas empresas parceiras.<br>
</p>
</div>
</div>
</div>
<div class="container-fluid" id="faleconosco" style="background-color: #2ecc71;">
<div class="row">
<div class="col-md-12">
<h1 style="color: #fff;">Fale Conosco</h1>
<form class="form-signin" method="post" action="cadCliente.php" style="background-color: #fff;border-radius:15px;">
<img src="img/logoApresentacao.png" height="100px">
<img class="mb-4" src="#" alt="" width="72" height="72">
<input type="text" name="nome" id="inputNome" style="margin-bottom:-1px;" class="form-control" placeholder="Digite seu nome" required autofocus>
<input type="email" name="" id="inputEmail" style="margin-bottom:-1px;" class="form-control" placeholder="Digite seu email" required autofocus>
<input type="text" name="" id="inputPassword" style="margin-bottom:-1px;" class="form-control" placeholder="Digite o assunto" required autofocus>
<textarea placeholder="Digite sua mensagem" style="margin-bottom:-1px;" class="form-control " required autofocus></textarea>
<button class="btn btn-lg s backgroundVerde btn-block" type="submit">Enviar <samp class="glyphicon glyphicon-send"></samp></button>
<p class="mt-5 mb-3 text-muted" style="padding-top: 15px;">Reciclo © 2018</p>
</form>
</div>
</div>
</div> -->
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>
</body>
</html>