-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
125 lines (125 loc) · 6.76 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Mais Um">
<meta name="author" content="Hudson Nicoletti">
<title> Mais Um</title>
<link rel="stylesheet" href="assets/styles/main.css">
<link rel="shortcut icon" href="/favicon.ico">
</head>
<body class="about-us">
<header data-scroll-index="1">
<div class="main-section">
<div class="logo"></div>
<div class="social"><a data-toggle="tooltip" title="Facebook" href="https://www.facebook.com/redemaisum/"><i class="fa fa-facebook"></i></a><a data-toggle="tooltip" title="Twitter" href="https://twitter.com/redemais1"><i class="fa fa-twitter"></i></a><a data-toggle="tooltip" title="Youtube" href="https://www.youtube.com/channel/UC9f3AXV4wuYUgI6gU8hcy0w"><i class="fa fa-youtube-play"></i></a><a data-toggle="tooltip" title="Instagram" href="https://www.instagram.com/redemaisum/"><i class="fa fa-instagram"></i></a><a data-toggle="tooltip" title="Blog" href="/blog"><i class="fa fa-newspaper-o"></i></a></div>
</div>
<nav>
<div class="menu-logo"></div>
<div class="menu-toggle"><span class="bar"></span><span class="bar"></span><span class="bar"></span></div>
<ul>
<li><a href="/index.html">Home</a></li>
<li data-scroll-nav="1"><a href="#">Sobre</a></li>
<li data-scroll-nav="2"><a href="#">Contato</a></li>
</ul>
</nav>
</header>
<section data-scroll-index="1" class="about-us how tabbed">
<div class="header bar-title">
<div class="container">
<h2 class="title">Como Tudo Começou?</h2>
</div>
</div>
<div class="container">
<div class="content">
<p>A Mais Um surgiu em 2014 após uma reportagem da TV local sobre a dificuldade do Hospital do Câncer de Londrina em conseguir R$ 100.000,00 para equipar o centro cirúrgico infantil. Surgiu, então, a ideia de criar uma rede de colaboradores com a possibilidade de arrecadar e incentivar as pessoas a defenderem causas que ajudem as instituições sociais.</p><img src="assets/images/icons/5.png" alt="" class="icon">
</div>
</div>
</section>
<section data-scroll-index="1" class="about-us why tabbed">
<div class="header bar-title">
<div class="container">
<h2 class="title">E Para Quê?</h2>
</div>
</div>
<div class="container">
<div class="content">
<p>Nosso objetivo é criar pontes entre as pessoas, que tenham vontade de fazer a diferença realizando mudanças sociais, e as entidades assistenciais. Acreditamos que para estas entidades, é igualmente importante arrecadar recursos financeiros, e convocar pessoas do bem criando uma rede de colaboradores. </p>
</div>
</div>
</section>
<section data-scroll-index="1" class="about-us collab tabbed">
<div class="header bar-title">
<div class="container">
<h2 class="title">Por que uma rede de colaboradores?</h2>
</div>
</div>
<div class="container">
<div class="content">
<p>Inspirados pela expressão “juntos podemos mais”, pensamos que quanto mais pessoas abraçarem a causa (entrando na rede), mais conteúdo será compartilhado pelo mundo, consequentemente mais pessoas poderão conhecer e apoiar as instituições sociais.</p>
<p>Como pontapé inicial, criamos nosso perfil nas principais redes sociais convidando as pessoas à conhecerem nossa ideia. Criamos o site institucional e o aplicativo, que em breve, receberão características de rede social, e oferecerão ferramentas para que as entidades divulguem suas ações e recebam o que estão buscando na Rede Mais Um, como voluntários, investidores, doações, enfim, tudo para o bem.</p>
<p>O desafio, agora, é movimentar a rede, incentivar o surgimento de novas ideias e reunir pessoas que apoiam as causas, para aumentar expressivamente a abrangência da Mais Um pelo país.</p>
<p>Esperamos você na nossa rede colaborativa e, <strong>#sejamaisum</strong> mudando o mundo!!!!</p>
</div>
</div>
<div class="footer"></div>
</section>
<section data-scroll-index="2" class="about-us contact">
<div class="header bar-title">
<div class="container">
<h2 class="title">entre em contato!</h2>
</div>
</div>
<div class="container">
<div class="info-box">
<div class="info"><i class="fa fa-envelope-o"></i><span class="text-center">[email protected]</span></div>
</div>
<form action="" class="contact">
<div class="content">
<div class="box">
<div class="input-addon"><i class="fa fa-user"></i>
<input type="text" placeholder="Nome Completo">
</div>
<div class="input-addon"><i class="fa fa-envelope-o"></i>
<input type="email" placeholder="E-Mail">
</div>
<div class="input-addon"><i class="fa fa-volume-up"></i>
<input type="text" placeholder="Assunto">
</div>
</div>
<div class="box">
<div class="input-addon"><i class="fa fa-pencil"></i>
<textarea name="" placeholder="Mensagem"></textarea>
</div>
</div>
</div>
<button type="submit">Enviar</button>
</form>
</div>
</section>
<footer>
<div class="container">
<div class="newsletter"><img src="assets/images/logo/alt.png" alt="Mais Um"/>
<form action="" class="signup">
<input type="text" placeholder="Seu E-Mail"/>
<button type="submit">Fique Atualizado !</button>
</form>
</div>
</div>
<div class="copyright">
<div class="container">
<p>© MaisUm - Todos os direitos reservados - 2016</p><a href="http://www.agenciadzoe.com.br" class="developer"><img src="http://www.agenciadzoe.com.br/assets/public/images/logo.png" alt="Agência dZoë" height="30"/></a>
</div>
</div>
</footer>
<div class="scroll-top"><a href="#"><i class="fa fa-chevron-up"></i></a></div>
<div class="fb-root"> </div>
<script type="text/javascript" src="assets/scripts/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="assets/scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="assets/scripts/owl.carousel.min.js"></script>
<script type="text/javascript" src="assets/scripts/scrollIt.js"></script>
<script type="text/javascript" src="assets/scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/scripts/functions.min.js"></script>
</body>
</html>