-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
145 lines (132 loc) · 6.23 KB
/
index.html
File metadata and controls
145 lines (132 loc) · 6.23 KB
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
<!DOCTYPE HTML>
<!--
Read Only by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html lang="pt-br">
<head>
<title>Alterações nas rotas dos ônibus no carnaval de Recife</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Header -->
<section id="header">
<header>
<span class="image avatar"><img src="images/perfil-linkedin.webp" alt="Imagem linkedin" /></span>
<h1 id="logo"><a href="https://www.linkedin.com/in/thiagolipe01/" target="_blank">Thiago Lipe</a></h1>
<p>Estudante de Análise e Desenvolvimento de Sistemas</p>
</header>
<nav id="nav">
<ul>
<li><a href="#one" class="active">Topo</a></li>
<li><a href="#two">Rotas Alteradas</a></li>
<li><a href="#three">Dicas do trânsito no carnaval</a></li>
<li><a href="#four">Contato</a></li>
</ul>
</nav>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<div class="image main" data-position="center">
<img src="images/recife-marco-zero.webp" alt="Imagem Noturna do Marco Zero de Recife" />
</div>
<div class="container">
<header class="major">
<h2>Mudanças nas rotas de ônibus em Recife durante o Carnaval</h2>
<p>informações sobre as alterações</p>
</header>
<p>Em várias regiões do Recife durante o carnaval as rotas dos ônibus são alteradas para as ruas onde eles passavam ficarem livres para a realização de eventos do festival.</p>
</div>
</section>
<!-- Two -->
<section id="two">
<div class="container">
<h3>Aqui vai apenas 6 alterações que foram realizadas.</h3>
<ul class="feature-icons">
<li>TI MACAXEIRA (AV. NORTE)</li>
<li>GUABIRABA (CÓRREGO DO JENIPAPO)</li>
<li>ALTO SANTA ISABEL (CONDE DA BOA VISTA)</li>
<li>CASA AMARELA (CABUGÁ)</li>
<li>NOVA DESCOBERTA (CABUGÁ)</li>
<li>CÓRREGO DA AREIA</li>
</ul>
</div>
</section>
<!-- Three -->
<section id="three">
<div class="container">
<h3>Algumas dicas para se locomover em recife no carnaval</h3>
<p>O folião local e o turista que não quiserem sofrer no deslocamento para os polos do carnaval 2023 do Recife devrá optar pelo transporte público como Uber, 99, InDrive ou táxis.</p>
<div class="features">
<article>
<a href="#" class="image"><img src="images/Faixa-Azul.webp" alt="Avenida com faixa azul" /></a>
<div class="inner">
<h4>Faixa azul (exclusiva de veículos de emergencias) liberada para aplicativos.</h4>
<p>Os motoristas de aplicativos, assim como os veículos particulares, poderão circular livremente nas faixas azuis do Recife durante o carnaval.</p>
</div>
</article>
<article>
<a href="#" class="image"><img src="images/interdicao.webp" alt="Pista com cones de interdição" /></a>
<div class="inner">
<h4>INTERDIÇÕES DE TRÂNSITO</h4>
<p>Como acontece em todos os carnavais, o Bairro do Recife vira uma ilha totalmente isolada para a folia. Muitas ruas dos bairros de São José, Santo Antônio e, este ano, também de Santo Amaro, serão parcialmente interditadas, o que dificulta a circulação.</p>
</div>
</article>
<article>
<a href="#" class="image"><img src="images/transporte-publico.webp" alt="Pessoas pedindo a parada do ônibus no ponto" /></a>
<div class="inner">
<h4>TRANSPORTE PÚBLICO PARA O CARNAVAL DO RECIFE</h4>
<p>O transporte público segue sendo a melhor opção para ir e voltar do Carnaval. Principalmente as linhas especiais, que têm a tarifa de ida e volta casada. É o caso do Expresso da Folia do Recife, serviço disponibilizado há 20 anos pela prefeitura da capital, que mais uma vez estará saindo de quatro shoppings da capital. São eles: shoppings RioMar, Recife (Zona Sul), Plaza e Tacaruna (Zona Norte).</p>
</div>
</article>
</div>
</div>
</section>
<!-- Four -->
<section id="four">
<div class="container">
<h3>Entre em contato</h3>
<p>Quer entrar em contato para informar outras alterações?</p>
<form method="post" action="#">
<div class="row gtr-uniform">
<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Nome" /></div>
<div class="col-6 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Email" /></div>
<div class="col-12"><input type="text" name="subject" id="subject" placeholder="Assunto" /></div>
<div class="col-12"><textarea name="message" id="message" placeholder="Mensagem" rows="6"></textarea></div>
<div class="col-12">
<ul class="actions">
<li><input type="submit" class="primary" value="Enviar Mensagem" /></li>
<li><input type="reset" value="Cancelar" /></li>
</ul>
</div>
</div>
</form>
</div>
</section>
</div>
<!-- Footer -->
<section id="footer">
<div class="container">
<ul class="copyright">
<li>© Thiago_Lipe. Todos os direitos reservados.</li><li>Design por: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>