Bikcraft/sobre.html at main · luispaulo21/Bikcraft · GitHub

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
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sobre - Conheça a história da Bikcraft</title>

    <meta name="description" content="Conheça um pouco sobre a história da Bikcraft, sua fundação e o que já fizemos até aqui." />
    <meta name="theme-color" content="#FFC600">

    <link rel="shortcut icon" href="favicon.ico" />

    <meta property="og:type" content="website" />
    <meta property="og:title" content="Sobre - Conheça a história da Bikcraft" />
    <meta property="og:description" content="Conheça um pouco sobre a história da Bikcraft, sua fundação e o que já fizemos até aqui." />
    <meta property="og:url" content="https://luispaulo21.github.io/Bikcraft/sobre.html" />
    <meta property="og:image" content="https://github.com/luispaulo21/Bikcraft/blob/main/image-og.png" />

    <link rel="stylesheet" href="css/grid.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/sobre.css" />
</head>
<body id="sobre">

    <!-- HEADER -->
    <header class="cabecalho__principal">
        <div class="container">
            <div class="cabecalho__logoEMenu grid-6">
                <h2>Bikcraft</h2>
                <nav>
                    <ul>
                        <li>
                            <a href="index.html">Home</a>
                        </li>
                        <li>
                            <a class="ativo" href="sobre.html">Sobre</a>
                        </li>
                        <li>
                            <a href="produtos.html">Produtos</a>
                        </li>
                        <li>
                            <a href="portfolio.html">Portfólio</a>
                        </li>
                        <li>
                            <a href="contato.html">Contato</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <!-- FIM HEADER -->

    <!-- SEÇÃO HISTÓRIA, VISÃO E VALORES -->
    <section class="secao__historia">
        <div class="container">
            <div>
                <div class="historia__historia">
                    <h2>História, missão e valor </h2>
                    <p>
                        Quando iniciamos a Bikcraft queriamos apenas um produto que adoraríamos utilizar.
                        Eramos apaixonados por pedalar e também por fazer as coisas com as nossas próprias mãos.
                        Assim surgiu um sonho na garagem da nossa casa.
                    </p>
                    <p>
                        Conheça os nossos produtos, pergunte para os nossos clientes e descubra a maravilha de ter uma Bikcraft na sua casa.
                    </p>
                </div>
                <div class="historia__valores">
                    <h2>Valores</h2>
                    <p>
                        Qualida de no processo com
                        foco no cliente sem perder a diversão, preservando a
                        Natureza com sustentabilidade
                    </p>
                </div>
            </div>
            <div class="historia__imagem">
                <img src="imagens/imagem-da-fachada-da-Bikcraft.jpg" alt="Imagem da fachada da fábrica Bikcraft" />
            </div>
        </div>
    </section>
    <!-- FIM DA SEÇÃO HISTÓRIA, VISÃO E VALORES -->

    <!-- FOOTER -->
    <footer class="rodape">
        <div class="container">
            <div class="grid-6">
                <h2>
                    Nossa história
                </h2>
                <p>
                    Quando iniciamos a Bikcraft queriamos apenas um produto que adoraríamos utilizar. Eramos apaixonados por pedalar e também por fazer as coisas com as nossas próprias mãos. Assim surgiu um sonho na garagem da nossa casa.
                </p>
            </div>
            <div class="grid-3">
                <h2>Contato</h2>
                <p>+55 21 9999-9999</p>
                <p>[email protected]</p>
                <p>Rua Ali Perto - Botafogo</p>
            </div>
            <div class="grid-3">
                <h2>Redes sociais</h2>
                <div class="rodape__redes">
                    <a class="twitter" href="">
                        <img src="icones/twitter.svg" alt="Twitter" />
                    </a>
                    <a class="facebook" href="">
                        <img src="icones/facebook.svg" alt="Facebook" />
                    </a>
                    <a class="instagram" href="">
                        <img src="icones/instagram.svg" alt="Instagram" />
                    </a>
                </div>
            </div>
        </div>
    </footer>
    <!-- FIM FOOTER -->
</body>
</html>