-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
185 lines (160 loc) · 7.38 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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no">
<title>Agência UM</title>
<link rel="stylesheet" href="assets/css/bootstrap.css" type="text/css">
<link rel="stylesheet" href="assets/css/style.css" type="text/css">
<link rel="stylesheet" href="assets/css/aos.css" type="text/css">
<script src="assets/js/aos.js"></script>
<link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon" />
<script defer src="https://use.fontawesome.com/releases/v5.7.2/js/all.js" integrity="sha384-0pzryjIRos8mFBWMzSSZApWtPl/5++eIfzYmTgBBmXYdhvxPc+XcFEk+zJwDgWbP" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="assets/js/bootstrap.js"></script>
</head>
<body>
<script>
AOS.init();
</script>
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<img style="height: 25px" src="assets/img/logo.svg">
<a class="navbar-brand" href="index.html"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Alterna navegação">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="trabalhos.html">Trabalhos</a>
</li>
<li class="nav-item">
<a href="sobre.html" class="nav-link">Sobre</a>
</li>
<li class="nav-item">
<a href="contato.html" class="nav-link">Contato</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<a href="javascript:" id="return-to-top"><i class="fas fa-chevron-up"></i></a>
<div id="home">
<div class="container">
<img src="assets/img/leao_home.svg">
<div class="col-md-12 texto_home">
<h2 data-aos="fade-right">AGÊNCIA UM.</h2>
<h2 style="margin-left: 25px" data-aos="fade-left">UMA NOVA AGÊNCIA.</h2>
<h2 data-aos="fade-right">TODOS OS DIAS.</h2>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8"></div>
<div data-aos="fade-down" class="col-md-4 offset-10">
<span id="mouse"></span>
<hr class="linha_mouse">
<span id="bg_mouse"></span>
</div>
</div>
</div>
<div id="pensando">
<div class="container">
<div class="row">
<div class="col-md-8">
<!--<h1>Lorem ipsum dolor.</h1>-->
<p data-aos="fade-right">Já percebeu como hoje em dia tudo é efêmero? Você pisca os olhos e as novas tecnologias já não são mais tão novas assim. Os hábitos de consumo mudam a cada geração, mensagens compartilhadas forjam verdades, aplicativos e startups reinventam os modelos de negócios, e as empresas ficam perdidas na hora de se comunicar. Se você não tem ideia de como construir (ou fortalecer) sua marca nesses tempos líquidos nem de como criar uma relação profunda e fiel com seu público, a gente tem.<br><span> Bem-vindo à Agência UM. Uma nova agência. Todos os dias.</span> </p>
<!--<a href="#">Lorem</a><i style="color: #f1592a; margin-left: 3px;" class="fas fa-caret-right"></i>-->
</div>
<div class="col-md-4">
<img data-aos="zoom-in-up" src="assets/img/astronauta.svg">
</div>
</div>
</div>
</div>
<!--<div id="trabalhos">
<div class="container">
<div class="row">
<div class="col-md-6">
<a id="trabalho1"><h1 data-aos="fade-right">Lorem ipsum</h1></a><br>
<a id="trabalho2"><h1 data-aos="fade-right">Lorem ipsum</h1></a><br>
<a id="trabalho3"><h1 data-aos="fade-right">Lorem ipsum</h1></a><br>
<a href="#"><p data-aos="fade-left" >Magni alias<i style="margin-left: 5px" class="fas fa-caret-right"></i></p></a>
</div>
<div data-aos="flip-right" class="col-md-6 trabalho-img">
<img id="mostrarTrabalho" src="img/trabalhos/bullying.jpg">
</div>
</div>
</div>
</div>-->
<div id="trabalhos">
<div class="container">
<div class="row">
<div class="col-md-6">
<h1 data-aos="fade-right">Trabalhos recentes</h1>
<a href="trabalhos.html"><p data-aos="fade-left" >Outras campanhas<i style="margin-left: 5px" class="fas fa-caret-right"></i></p></a>
</div>
<div data-aos="flip-right" class="col-md-6">
<div id="trabalhos_recentes"></div>
</div>
</div>
</div>
</div>
<div id="servicos">
<div class="container">
<div class="row">
<div class="col-md-12">
<hr data-aos="fade-right">
<p data-aos="fade-down">Seu público tem que acreditar no que sua empresa faz, no porquê da sua marca existir, no poder que ela tem de melhorar a vida das pessoas. É assim que construímos e fortalecemos as marcas que atendemos na Agência UM. Criando novos relacionamentos para empresas que não querem apenas consumidores. Querem fãs.</p>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row justify-content-center">
<div id="rodape" class="col-md-12">
<h3 data-aos="fade-down">Todos os dias uma nova agência. Toda hora de portas abertas para você. Entre em contato e aproveite para marcar um cafezinho aqui com a gente.<br> Com vista, claro.</h3>
<h1 data-aos="fade-down">[email protected]</h1>
<hr>
</div>
</div>
</div>
</footer>
<script>
$(window).scroll(function() {
if ($(this).scrollTop() >= 50) { // If page is scrolled more than 50px
$('#return-to-top').fadeIn(200); // Fade in the arrow
} else {
$('#return-to-top').fadeOut(200); // Else fade out the arrow
}
});
$('#return-to-top').click(function() { // When arrow is clicked
$('body,html').animate({
scrollTop : 0 // Scroll to top of body
}, 500);
});
</script>
<!--<script>
$('#trabalho1').on({
'click': function(){
$('#mostrarTrabalho').attr('src','/img/trabalhos/bullying.jpg');
}
});
$('#trabalho2').on({
'click': function(){
$('#mostrarTrabalho').attr('src','/img/trabalhos/infantil.jpg');
}
});
$('#trabalho3').on({
'click': function(){
$('#mostrarTrabalho').attr('src','/img/trabalhos/coffee_break.jpg');
}
});
</script>-->
</body>
</html>