-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
182 lines (179 loc) · 7.05 KB
/
blog.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Blog — Rapidex website</title>
<link rel="stylesheet" href="./css/styles.css" />
<!-- Link Swiper's CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
</head>
<body>
<nav class="top_nav">
<div class="container top_container">
<div class="logo_box">
<img src="./images/Logo.png" alt="" class="logo" />
</div>
<div class="top_details">
<div class="details">
<img
src="./images/icons/nav-icon-1.png"
alt=""
class="details_icon" />
<div class="details_text">
<p>Segunda - Sábado | 9:00 - 17:00</p>
<p>Fechado aos Domingos</p>
</div>
</div>
<div class="details">
<img
src="./images/icons/nav-icon-2.png"
alt=""
class="details_icon" />
<div class="details_text">
<p>Email</p>
<p>[email protected]</p>
</div>
</div>
<div class="details">
<img
src="./images/icons/nav-icon-3.png"
alt=""
class="details_icon" />
<div class="details_text">
<p>Contate a gente</p>
<p>(+55)2899916-2536</p>
</div>
</div>
</div>
</div>
</nav>
<header class="header">
<nav class="nav">
<div class="container nav_container">
<ul class="nav_list">
<li class="nav_item"><a href="./index2.html" class="nav_link">Início</a></li>
<li class="nav_item">
<a href="./about.html" class="nav_link">Sobre</a>
</li>
<li class="nav_item">
<a href="./blog.html" class="nav_link">Blog</a>
</li>
<li class="nav_item">
<a href="./contact.html" class="nav_link">Contato</a>
</li>
</ul>
<div class="nav_right">
<div class="nav_icons">
<img src="./images/icons/linkedin.png" alt="" class="nav_icon" />
<img src="./images/icons/facebook.png" alt="" class="nav_icon" />
<img src="./images/icons/instagram.png" alt="" class="nav_icon" />
<img src="./images/icons/twitter.png" alt="" class="nav_icon" />
</div>
<a href="./jobs.html" class="nav_btn">Nossos Serviços</a>
</div>
</div>
</nav>
<div class="container mini_header_container">
<div class="header_wrapper">
<h5 class="header_secondary_title">Blog</h5>
<h1 class="header_main_title">Últimas notícias</h1>
</div>
</div>
</header>
<main>
<section class="section">
<div class="container">
<h3 class="section_header">Nossas últimas notícias</h3>
<div class="news_container">
<div class="news">
<img src="./images/blog-1.png" alt="" class="news_img" />
<div class="news_content">
<h3 class="news_title">
Frete terrestre uma solução valiosa para o seu negócio
</h3>
<p class="news_p">
Adotamos uma reserva e armazenamento de containers para frete terrestre.
A novidade deve aumentar as entregas de forma grandiosa.
</p>
<ul class="news_list">
<li class="news_item">Apresentação da nossa mais recente frota de veículos.</li>
<li class="news_item">Tecnologia de ponta para garantir maior eficiência.</li>
<li class="news_item">Segurança nas entregas.</li>
</ul>
</div>
</div>
<div class="news">
<img src="./images/blog-3.png" alt="" class="news_img" />
<div class="news_content">
<h3 class="news_title">
Introdução de Serviços Especializados
</h3>
<p class="news_p">
A importância de oferecer soluções que atendam às demandas específicas dos nossos clientes.
É por isso que estamos entusiasmados em anunciar a introdução de uma variedade de serviços
especializados, projetados para abordar uma ampla gama de necessidades logísticas e de
transporte.
</p>
<ul class="news_list">
<li class="news_item">Lançamento de serviços especializados.</li>
<li class="news_item">Transporte refrigerado.</li>
<li class="news_item">Transporte de carga perigosa e logística reversa.</li>
<li class="news_item">Atender às demandas específicas dos nossos clientes.</li>
</ul>
</div>
</div>
<div class="news">
<video controls width="453" height="308">
<source src="./images/blog-2.mp4" type="video/mp4">
</video>
<div class="news_content">
<h3 class="news_title">
Investimento em Sustentabilidade
</h3>
<p class="news_p">
Reconhecendo a importância da sustentabilidade ambiental,
optamos por veículos que incorporem tecnologias ecoeficientes,
como motores de baixa emissão e sistemas de gerenciamento de combustível inteligentes.
Essas escolhas não apenas reduzem nossa pegada de carbono, mas também nos ajudam a operar
de forma mais econômica e eficiente.
</p>
<ul class="news_list">
<li class="news_item">Compromisso renovado com a sustentabilidade ambiental.</li>
<li class="news_item">Implementação de práticas de transporte mais sustentáveis.</li>
<li class="news_item">Adoção de tecnologias ecoeficientes.</li>
<li class="news_item">Sustentabilidade.</li>
</ul>
</div>
</div>
</div>
<div class="news_btn_container">
<button class="news_btn">Ver Mais</button>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<p class="footer_p">
Copyright © Rapidex | Designed by Pedro Brito.
</p>
</div>
</footer>
<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper(".mySwiper", {
slidesPerView: 2,
spaceBetween: 30,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
});
</script>
</body>
</html>