-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsobre.html
78 lines (69 loc) · 4.86 KB
/
sobre.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>The Classic - Sobre</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/sobre.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap" rel="stylesheet">
</head>
<body>
<header class="cabecalho">
<div class="cabecalho-conteudo">
<h1 class="cabecalho-titulo"><img src="imagens/logo.png" alt="Logo com um carro clássico com título The Classic" class="logo"></h1>
<nav class="cabecalho-menu">
<ul class="cabecalho-lista">
<li class="cabecalho-item"><a href="carros.html" class="cabecalho-link">carros</a></li>
<li class="cabecalho-item"><a href="noticias.html" class="cabecalho-link">notícias</a></li>
<li class="cabecalho-item"><a href="eventos.html" class="cabecalho-link">eventos</a></li>
<li class="cabecalho-item"><a href="curriculo.html" class="cabecalho-link">currículo</a></li>
<li class="cabecalho-item"><a href="contato.html" class="cabecalho-link">contato</a></li>
<li class="cabecalho-item"><a href="index.html" class="cabecalho-link">principal</a></li>
</ul>
</nav>
</div>
</header>
<main class="historia">
<div class="historia-conteudo">
<h3 class="historia-titulo">O Começo</h3>
<p class="historia-texto">Começamos como simples fãs de carros clássicos, sejam eles importados ou nacionais. Bem no começo mesmo, quando eramos crianças, colecionavamos carros de brinquedos, só que tinhamos uma paixão por carros clássicos. Na nossa coleção continha bem mais desses tipos de carros do que de outros e por mais bobo que pareça, já era o início desse incrível projeto nosso, chamado <strong>The Classic</strong>.</p>
</div>
<img src="imagens/comeco-imagem.jpg" alt="Imagem ilustrativa de um carro esportivo" class="historia-imagem">
<div class="historia-conteudo">
<h3 class="historia-titulo">Primeiro Passo</h3>
<p class="historia-texto">Este não é nosso primeiro projeto sobre carros, nós já tinhamos tentando outros, mas infelizmente fracassamos. Tentamos um projeto de carros clássicos, no ano de 2010, mas por falta de uma boa administração, acabamos por fracassar no projeto. Obtendo somente experiência para os próximos.</p>
</div>
<img src="imagens/primeiro-passo-imagem.jpg" alt="Imagem ilustrativa de um carro esportivo" class="historia-imagem">
<div class="historia-conteudo">
<h3 class="historia-titulo">Nossa Vitória</h3>
<p class="historia-texto">Após muitos fracassos e derrotas, finalmente cconseguimos nosso tão sonhado desejo de conseguir uma loja, eventos e uma comunidade inteira de adoradore de carros clássicos. Nós inflenciamos e tornamos felizes mais pessoas ao redor do Brasil e isso que importa.</p>
</div>
<img src="imagens/nossa-vitoria-imagem.jpg" alt="Imagem ilustrativa de um carro esportivo" class="historia-imagem">
</main>
<footer class="rodape">
<div class="rodape-conteudo">
<div class="rodape-desenvolvedor">
<p>💻 LucasDevRJ</p>
<a href="https://github.com/LucasDevRJ">
<img src="imagens/github.png" alt="" class="github">
</a>
</div>
<img src="imagens/logo.png" alt="Logo com um carro clássico com título The Classic" class="logo-rodape">
<nav class="rodape-menu">
<ul class="rodape-lista">
<li class="rodape-item"><a href="carros.html" class="rodape-link">carros</a></li>
<li class="rodape-item"><a href="noticias.html" class="rodape-link">notícias</a></li>
<li class="rodape-item"><a href="eventos.html" class="rodape-link">eventos</a></li>
<li class="rodape-item"><a href="curriculo.html" class="rodape-link">currículo</a></li>
<li class="rodape-item"><a href="contato.html" class="rodape-link">contato</a></li>
<li class="rodape-item"><a href="index.html" class="rodape-link">principal</a></li>
</ul>
</nav>
</div>
</footer>
</body>
</html>