-
Notifications
You must be signed in to change notification settings - Fork 0
/
sobre.html
154 lines (151 loc) · 6.7 KB
/
sobre.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>Investindo Conciente</title>
<meta charset="utf-8">
<!--meta tag para responsivo-->
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0">
<link rel="stylesheet" href="estilo.css">
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<div class="container">
<div class="logo"><a href="index.html"><img style="width:80px;" src="investindo_consciente.jpeg"></a></div>
<nav class="menu-desktop">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contato.html">Contato</a></li>
<li class="selected"><a href="sobre.html">Sobre</a></li>
</ul>
</nav>
<nav class="menu-mobile">
<h2> <i class="fa fa-bars"></i></h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contato.html">Contato</a></li>
<li class="selected"><a href="sobre.html">Sobre</a></li>
</ul>
</nav>
</div><div class="clear"></div>
</header>
<section style="background-image: url(paisagem.jpg);" class="title-page">
<div class="overlay__title-page"></div>
<div class="container">
<h2>Sobre</h2>
<p>Investir ou não investir eis a questão.</p>
</div>
</section>
<section class="sobre__noticia">
<div class="container">
<div class="sobre__single_noticia">
<img src="investindo_consciente.jpeg">
<p>O objetivo desse site é ensinar as pessoas a controlar dinheiro e plantar uma aposentadoria de segurança para que possa ficar tranquila com o seu futuro sem depender de governos para se sustentar.
Mostrar que há formas licítas de ficar rico sim, mas que primeiro você precisa investir em você mesmo e aprender a ganhar dinheiro com rendas extras, para um dia poder se sustentar sem trabalhar.</p>
<p style="width:100%;">Mas para isso acontecer é necessário que você esteja preparado para sair da zona de conforto e ser a diferença, não existe fómula mágica para o enriquecimento mas muitos dos que trilharam esse caminho nos deixaram pistas... vamos busca-lás!</p>
<div class="clear"></div>
</div>
</div><!--container-->
</section><!--sobre__noticia-->
<section class="paralax">
<div class="container">
<h2 class="chamada-paralax">Efeito paralax</h2>
<p>lorem ipsolom</p>
</div>
</section>
<section class="equipe">
<div class="container">
<div class="line-text">
<div style="width:100px;"></div>
<h2>Equipe</h2>
</div>
<div class="equipe-circles">
<div class="equipe-circles-single">
<div class="equipe-circles-wraper">
<div class="avatar-single">
<div style="background-image: url(imagem2.jpeg);" class="avatar-single-container"></div>
</div>
<h3>Carlos Miguel de Lara</h3>
<p>that's all folks.</p>
</div>
</div><!--equipe-circles-singles-->
<div class="equipe-circles-single">
<div class="equipe-circles-wraper">
<div class="avatar-single">
<div style="background-image: url(avatar.jpeg);" class="avatar-single-container"></div>
</div>
<h3>Carlos Miguel de Lara</h3>
<p>that's all folks.</p>
</div>
</div><!--equipe-circles-singles-->
<div class="equipe-circles-single">
<div class="equipe-circles-wraper">
<div class="avatar-single">
<div style="background-image: url(imagem1.jpeg);" class="avatar-single-container"></div>
</div>
<h3>Carlos Miguel de Lara</h3>
<p>that's all folks.</p>
</div>
</div><!--equipe-circles-singles-->
</div><!--equipe-circles-->
</div>
</section><!--equipe--->
<section class="sobre__final">
<div class="container">
<div class="w50">
<div class="line-text">
<div style="width:100px;"></div>
<h2>Imagem do dia</h2>
</div>
<div class="card-text">
<img src="codigo.jpeg"/>
<h3>Título meu cartão</h3>
</div><!--card-text-->
</div>
<div class="w50">
<div class="line-text">
<div style="width:100px;"></div>
<h2>Nossa história</h2>
</div>
<p>Sou Estudante, nasci em uma vida normal como muitas pessoas, mas que quer fazer a diferença e vou te mostrar como as finanças podem ser fáceis de entender práticar e podem mudar sua vida.</p>
</div>
<div class="clear"></div>
</div>
</section>
<footer class="footer1">
<div class="container">
<div class="w33">
<h2>Aode estamos?</h2>
<p><i class="fa fa-map-marker" aria-hidden="true"></i>Chapecó, SC, Brasil.</p>
<p><i class="fa fa-phone" aria-hidden="true"></i>(49)991117061.</p>
</div>
<div class="w33">
<h2>Aonde estamos?</h2>
<a href="#">Para mais informações </a>
<a href="#">Acesse</a>
<a href="#">link </a>
</div>
<div class="w33">
<h2>Entre em contato conosco</h2>
<div class="group-icons">
<a href="https://www.facebook.com/carlosmiguel.delara/"><i class="fa fa-facebook"></i></a>
<a href="https://www.instagram.com/lara_carlos_miguel/?hl=pt-br"><i class="fa fa-instagram"></i></a>
</div>
</div>
<div class="clear"></div>
</footer>
</footer>
<footer class="footer2">
<div class="container">
<p>Todos os direitos reservados.</p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.2.1.min.js
"></script>
<script>
$('nav.menu-mobile h2').click(function(){
$('nav.menu-mobile ul').slideToggle();
});
</script>
</body>
</html>