-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
75 lines (69 loc) · 3.31 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="estilo/style.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<title>Sobre - MZ Logística</title>
</head>
<body class="bg-light">
<header>
<div class="container-fluid navbar navbar-expand-md navbar-dark bg-dark ps-3 pe-4">
<a href="index.html" class="navbar-brand">
<img src="imagens/logo.png" style="width: 60%;" alt="Logotipo MZ Logística">
</a>
<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#menu-principal">
<i class="navbar-toggler-icon"></i>
</button>
<div id="menu-principal" class="navbar-collapse collapse d-md-flex justify-content-end">
<ul class="navbar-nav">
<li>
<a href="index.html" class="nav-link">Home</a>
</li>
<li>
<a href="contact.html" class="nav-link">Contato</a>
</li>
<li>
<a href="about.html" class="nav-link">Sobre</a>
</li>
<li>
<a href="login.html" class="nav-link">Entrar</a>
</li>
</ul>
</div>
</div>
</header>
<main>
<div id="about-area">
<div class="container mt-5">
<div class="row">
<div class="col-12">
<h3 class="main-title pb-">Sobre a MZ Logística</h3>
</div>
<div class="col-md-6">
<img class="img-fluid rounded mb-2" src="imagens/tecnologia.jpg" alt="Empresa MZ Logística">
</div>
<div class="col-md-6">
<h3 class="about-title">Uma empresa ligada à tecnologia</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia blanditiis velit doloribus delectus nulla recusandae dolores saepe aperiam voluptas ullam autem, officia beatae? Totam nam, exercitationem alias id provident blanditiis. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum commodi est magnam harum laudantium excepturi ullam velit molestiae minima? Quis esse sit distinctio sint, obcaecati laborum? Earum necessitatibus in fuga.</p>
<p>Veja nossos diferenciais:</p>
<ul id="about-list">
<li><i class="fas fa-check"></i> Praticidade no serviço</li>
<li><i class="fas fa-check"></i> Agilidade na entrega</li>
<li><i class="fas fa-check"></i> Tecnologia embargada no nosso sistema</li>
<li><i class="fas fa-check"></i> Segurança em primeira lugar</li>
</ul>
</div>
</div>
</div>
</div>
</main>
<footer>
</footer>
<script src="js/scripts.js"></script>
</body>
</html>