-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
100 lines (98 loc) · 4.78 KB
/
about.html
File metadata and controls
100 lines (98 loc) · 4.78 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tom do Mar - Sobre</title>
<script src="/js/script.js"></script>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/2e9058513c.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<h1 class="brand">
<a href="index.html">Tom do Mar</a>
</h1>
<nav class="nav-list" tabindex="1">
<a
class="nav-item"
href="index.html">
<i class="fa-solid fa-home"></i>
<span>Home</span>
</a>
<a
class="nav-item"
href="products.html">
<i class="fa-solid fa-bag-shopping"></i>
<span>Produtos</span>
</a>
<a
class="nav-item"
href="about.html">
<i class="fa-solid fa-users"></i>
<span>Sobre Nós</span>
</a>
<a
class="nav-item"
href="#contact">
<i class="fa-solid fa-phone"></i>
<span>Contato</span>
</a>
<button id="change-color-button" tooltip="Mudar para modo Escuro">
<i class="fa-solid fa-lightbulb"></i>
</button>
</nav>
<button class="menu-button">
<i class="fa-solid fa-bars"></i>
</button>
</header>
<main>
<section id="about">
<h2>
Sobre Nós
</h2>
<div id="about-text">
<p>
A nossa história começou movida pelo amor — e seguiu impulsionada pela coragem e pelo sonho de construir algo verdadeiro. Patrícia e Antônio Marcos, um casal que nasceu na mesma cidade e que a vida levou para caminhos diferentes, reencontraram-se com a certeza de que queriam ficar juntos. Para isso, Patrícia tomou uma das decisões mais importantes da sua vida: pediu exoneração do seu trabalho em outro estado e voltou para suas raízes, mesmo sem perspectivas de emprego.
Foi então que, unindo o desejo de empreender à proximidade com o litoral e à paixão por alimentos frescos e de qualidade, nasceu a ideia de comercializar peixes e frutos do mar na própria cidade natal. Um negócio que carrega afeto, parceria e o propósito de oferecer sempre o melhor da nossa costa para a sua mesa.
</p>
<p>
Nossa empresa nasceu de uma união verdadeira e tem como base a confiança, o respeito ao cliente e o compromisso com a qualidade. Mais que produtos, entregamos sabor, saúde e tradição. Cada peixe, cada fruto do mar que oferecemos passa por uma seleção cuidadosa, para que chegue até você com frescor e excelência.Nossa empresa nasceu de uma união verdadeira e tem como base a confiança, o respeito ao cliente e o compromisso com a qualidade. Mais que produtos, entregamos sabor, saúde e tradição. Cada peixe, cada fruto do mar que oferecemos passa por uma seleção cuidadosa, para que chegue até você com frescor e excelência.
</p>
<p>
Seja bem-vindo(a) ao nosso mar de possibilidades — onde tudo tem mais sabor, mais história e mais... Tom.
</p>
<p>
Tom do Mar é mais que um nome — é a nossa essência. É o tom do amor, da parceria e da coragem. É o ritmo da natureza e o sabor vindo direto do mar, com cuidado em cada detalhe, da escolha do pescado à entrega.
</p>
<p>
Cada cliente é parte dessa história, e cada refeição que recebe nossos produtos carrega um pouco desse começo cheio de afeto e propósito.
</p>
</div>
</section>
</main>
<footer id="contact">
<h2>Contato</h2>
<nav aria-label="links-secundários">
<ul class="contact-list" tabindex="2">
<li class="contact-item" >
<a href="tel:+5573988440267">
+55 73 9 88440267 (Patricia)
</a>
</li>
<li class="contact-item">
<a href="tel:+5500900000000">
+55 00 9 00000000 (Antônio)
</a>
</li>
<li class="contact-item">
<a href="mailto:thyssa@hotmail.com">
example@hotmail.com
</a>
</li>
</ul>
</nav>
<p id="copyright-text">© 2025 Tom do Mar. Todos os direitos reservado</p>
</footer>
</body>
</html>