ArtesAlm/index.html at main · patrickfc17/ArtesAlm · 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
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
<!DOCTYPE html>
<html lang="pt-br">
    <head>
	<meta name="generator" content="Hugo 0.131.0"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="timestamp" content="2024-08-09 04:27:57">
        <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=Quicksand:wght@300..700&display=swap"
            rel="stylesheet"
        />


                <link rel="stylesheet" href="./css/global.css" />


                <script src="./js/hotjar.js" defer></script>


                <script src="./js/main.js" defer></script>


        <title>
            ArtesAlm - Artesanato do Vale do Jequitinhonha | ArtesAlm - Artesanato do Vale do Jequitinhonha
        </title>
    </head>
    <body>

    <link rel="stylesheet" href="./css/partials/header.css" />


<header class="header">
    <ul class="navigation">
        <li>ArtesAlm</li>
        <li>
            <a href="./">Início</a>
        </li>
        <li
            onmouseover="showArtesanatosDropdown()"
            onclick="showArtesanatosDropdown()"
        >
            <p>Artesanatos</p>
            <ul class="dropdown" onmouseover="showArtesanatosDropdown()" onmouseout="hideArtesanatosDropdown()">


                    <li>
                        <a href="./costuras">Costuras</a>
                    </li>

                    <li>
                        <a href="./barros">Barros</a>
                    </li>

                    <li>
                        <a href="./ceramicas">Cerâmicas</a>
                    </li>

            </ul>
        </li>
    </ul>
</header>

        <main onmouseover="hideArtesanatosDropdown()">


    <link rel="stylesheet" href="./css/partials/exibicao.css" />


<section class="slogan">
    <h1 class="titulo">ArtesAlm</h1>

        <p>
            Galeria de Artesanatos do <span class="destaque-vale link">
                <a href="https://pt.wikipedia.org/wiki/Vale_do_Jequitinhonha" target="_blank">Vale do Jequitinhonha</a>.
            </span><br>
            <span>Criatividade</span> em um só lugar
        </p>

</section>
<section class="exibicao">
    <figure class="capa">
        <div></div>


            <img src="./img/rio-jequitinhonha.jpg" alt="Capa da Home Page de Exibição do Vale do Jequitinhonha" class="logo" />

    </figure>
    <aside class="descricao">
        <p>O Vale do Jequitinhonha é um caleidoscópio cultural, onde tradições seculares se misturam à vida contemporânea. A aridez do sertão contrasta com a exuberância da natureza, e a dureza da vida cotidiana é temperada pela alegria e criatividade de seu povo. Tropeiros, artesãos e romeiros são os guardiões de uma história rica e complexa, marcada pela luta pela sobrevivência e pela busca por um futuro mais justo.</p>
    </aside>
</section>


        </main>


    <link rel="stylesheet" href="./css/partials/footer.css" />


<footer class="footer">
    <h2>Contatos</h2>
    <ul>


                <li>


                        <img class="icon" src="./svg/call.svg" alt="(33) 99871-4642" />
                        <p>(33) 99871-4642</p>

                </li>


                <li>


                        <img class="icon" src="./svg/instagram.svg" alt="@_artesalms" />
                        <p>@_artesalms</p>

                </li>


    </ul>
</footer>

    </body>
</html>