-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
154 lines (139 loc) · 4.49 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
150
151
152
153
154
<!DOCTYPE html>
<html>
<head>
<title>Atlética Cavalo de Troia</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/materialize.min.css">
<link rel="stylesheet" type="text/css" href="css/header.css">
<link rel="stylesheet" type="text/css" href="css/banner.css">
<link rel="stylesheet" type="text/css" href="css/sobre.css">
<link rel="stylesheet" type="text/css" href="css/produtos.css">
<link rel="stylesheet" type="text/css" href="css/eventos.css">
</head>
<body>
<header>
<div class="container">
<div class="header-content">
<div class="logo-content">
<img src="img/logo-white.png">
</div>
<nav>
<ul>
<li><a href="#">Sobre</a></li>
<li><a href="#">Produtos</a></li>
<li><a href="#">Eventos</a></li>
<li><a href="#">Convênios</a></li>
<li><a href="#">Contato</a></li>
</ul>
</nav>
</div>
</div>
</header>
</div>
</div>
</header>
<section class="banner">
<div class="image">
</div>
<div class="container">
<div class="banner-content">
<h1>Atlética Cavalo de Troia</h1>
<span>A atlética que vai dar pane no seu sistema!</span>
<p>Associe-se agora e aproveite os benefícios diversos como descontos, eventos e muito mais.</p>
<a class="waves-effect waves-light btn">Associar-se</a>
</div>
</div>
</section>
<section class="sobre">
<div class="container">
<div class="sobre-content">
<h1>Sobre a Cavalo de Troia</h1>
<div class="wrapper-sobre-content">
<div class="ajsajs">
<p>Somos a Associação Atlética Acadêmica Cavalo de Troia do Curso de Sistemas de Informação do Centro Universitário ITPAC, situado em Araguaína – Tocantins.</p>
<p>Fomos criados no mês de Agosto de 2017, onde temos uma história ainda muita pequena, mas na qual construiremos com muito amor, carinho e força de vontade para vencer todos os obstáculos e para nos tornar uma das melhores atléticas da região. Hoje contamos com mais de 40 associados, além de uma diretoria composta por dez pessoas. Possuímos times de futebol de salão e voleibol, tanto do sexo masculino como feminino.</p>
<p>A nossa atlética, apesar de ser nova, possui pessoas bastante comprometidas à frente e que estão buscando mostrar serviço para levá-la a um patamar diferenciado e conquistar diversas vitórias e prêmios.</p>
</div>
<div class="equipe-content">
<img src="img/equipe.jpg">
<legend>Foto: Time de futsal da Atlética Cavalo de Troia. Araguaína, 2017.</legend>
</div>
</div>
</div>
</div>
</section>
<section class="produtos">
<div class="container">
<div class="produtos-content">
<h1>Produtos</h1>
<div class="wrapper-produtos-content">
<div class="produto">
<img src="img/camiseta-blue.jpg">
</div>
<div class="produto">
<img src="img/camiseta-white.jpg">
</div>
</div>
</div>
</div>
</section>
<section class="eventos">
<div class="image-eventos"></div>
<div class="container">
<div class="eventos-content">
<h1>Eventos</h1>
<div class="content">
<div class="eventos-circle">
<div class="evento-img"></div>
<span>Nome do Evento</span>
</div>
<div class="eventos-circle">
<div class="evento-img"></div>
<span>Nome do Evento</span>
</div>
<div class="eventos-circle">
<div class="evento-img"></div>
<span>Nome do Evento</span>
</div>
</div>
</div>
</div>
</section>
<section class="convenios">
<div class="container">
<div class="convenios-content">
<h1>Convênios</h1>
<span>Obtenha benefícios ao associar-se:</span>
<div class="convenio-parceiros">
<div class="parceiro">
<div class="parceiro-img"></div>
<span>Açaiteria</span>
</div>
<div class="parceiro">
<div class="parceiro-img"></div>
<span>Toledo Info</span>
</div>
<div class="parceiro">
<div class="parceiro-img"></div>
<span>Mobi Cine</span>
</div>
</div>
</div>
</div>
</section>
<section class="contato">
<div class="container">
<div class="contato-content">
<h1>Contato</h1>
<span>Preencha o formulário</span>
<div class="formulario">
<input type="text" name="e-mail" placeholder="E-mail">
<input type="text" name="nome" placeholder="Nome">
<input type="text" name="telefone" placeholder="Telefone">
<textarea name="mesagem" id="" cols="30" rows="10"></textarea>
</div>
</div>
</div>
</section>
</body>
</html>