-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (150 loc) · 4.93 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
155
156
157
158
159
<!DOCTYPE html>
<html lang="pt-br">
<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" />
<meta
name="description"
content="Réplica do Template: 'Bailard Foundation'"
/>
<meta
name="keywords"
content="sustentabilidade, meio ambiente, natureza, mundo, cuidado, poluição"
/>
<meta name="author" content="Vitor Santos" />
<title>Bailard Foundation</title>
<link rel="stylesheet" href="./assets/css/style.css" />
<script src="./assets/js/script.js" defer></script>
</head>
<body>
<header class="header">
<div class="container">
<a href="#" class="logo">
<h3>Bailard Foundation</h3>
</a>
<nav class="menu">
<ul class="menu-itens">
<a href="#"><li class="item">Sobre</li></a>
<a href="#"><li class="item">Notícias</li></a>
<a href="#"><li class="item">Leia</li></a>
<a href="#" class="action-button">Entre em ação</a>
</ul>
</nav>
</div>
</header>
<main class="main">
<section class="home">
<div class="card">
<h4>Sustentabilidade</h4>
<h1 id="title">
Começa com <br />
você
</h1>
</div>
<a href="#toBio">Saiba Mais</a>
</section>
<article class="card-template">
<section class="logo-img">
<img src="./assets/img/logo-Squarespace.png" alt="Logo Squarespace" />
</section>
<section class="card-content">
<h5 class="card-title">Crie um site como este</h5>
<p class="card-description">
Site teste gratuito. Acesso instantâneo.
</p>
</section>
</article>
<section class="bio">
<div class="content-bio">
<header id="toBio" data-animation="bottom">
<h3 class="titleSec">
Conservamos as terras graças à divulgação, restauração e pesquisa.
</h3>
</header>
<main data-animation="bottom">
<p class="description">
Algumas das mais belas paisagens do planeta estão ameaçadas pelo
aumento na construção de estradas e na exploração de gás, petróleo
e minérios. Nosso objetivo é proteger essas áreas contra o
desenvolvimento impróprio; mas, sozinhos, não atingiremos nossos
objetivos. Descubra como ajudar.
</p>
</main>
</div>
</section>
<section class="organization" >
<div class="banner" data-animation="bottom">
<img src="./assets/img/ourOrg.jpg" alt="Our Organization Image" />
</div>
<div class="content" data-animation="bottom">
<header>
<h3 class="titleSec">Nossa organização</h3>
</header>
<main>
<p class="description">
Saiba mais sobre nossa missão, nossos métodos e os resultados de
décadas do nosso apoio à causa.
</p>
<a href="#">Saiba Mais</a>
</main>
</div>
</section>
<section class="action">
<div class="content" data-animation="bottom">
<header>
<h3 class="titleSec">Entre em ação</h3>
</header>
<main>
<p class="description">
Pronto para o próximo passo? Você pode se contribuir para nossa
causa ou até mesmo participar.
</p>
<a href="#">Saiba como</a>
</main>
</div>
<div class="banner" data-animation="bottom">
<img src="./assets/img/action.jpg" alt="Our Organization Image" />
</div>
</section>
<section class="sign">
<div data-animation="bottom">
<header>
<h3 class="titleSec">Assinar</h3>
</header>
<main>
<p class="description">
Inscreva-se com seu endereço de e-mail para receber novidades e
atualizações.
</p>
<form class="form" action="#" method="post">
<input
type="email"
name="email"
placeholder="Endereço de e-mail"
id="email"
/>
<input type="submit" value="Inscreva-se" />
</form>
</main>
</div>
</section>
</main>
<footer class="footer">
<p>123 Demo Street, New York NY | (555) 555-5555 | [email protected]</p>
<div class="row"></div>
<p>
Template por:
<a href="https://pt.squarespace.com/templates" target="_blank"
>Squarespace</a
>
</p>
<p>
Feito por:
<a href="https://github.com/VitorSantos920" target="_blank"
>Vitor Santos</a
>
</p>
</footer>
</body>
</html>