WebsiteVlone/VloneStore.html at main · marcosdevss/WebsiteVlone · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>VloneStore</title>
    <link rel="stylesheet" href="vlone.css">
    <link rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
    <link rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
    <link rel="stylesheet" href="vlone.js">
</head>

<body>
    <div class="navbar-container">
        <img id="nav_logo" class="logo" src="https://seeklogo.com/images/V/vlone-logo-6CF714370C-seeklogo.com.png"
            alt="Logo da Vlone Store">
        <div class="navbar">
            <a href="">Vlone Store</a>
            <a href="#sobre">Sobre</a>
            <a href="vloneProdutos.html"><span class="material-symbols-outlined">
                    local_mall
                </span></a>
            <a href="#pesquisar"><span id="search" class="material-symbols-outlined">
                    search
                </span></a>
        </div>
    </div>
    <img id="bannerVlone" src="https://vlonehoodie.org/wp-content/uploads/2023/09/SHIRT.png" alt="" srcset="">
    <br>
    <br>
    <br>
    <br>
    <section id="sobre">
        <h1>Bem-Vindo à Vlonestore - Sua Destino para Moda Online</h1>
        <p>Na Vlonestore, acreditamos que a moda é uma forma de expressão pessoal. Nossa missão é oferecer as últimas tendências, com qualidade e estilo incomparáveis.</p>
        <p>Com uma ampla variedade de roupas, acessórios e sapatos, temos tudo o que você precisa para se destacar em qualquer ocasião.</p>
        <p>Explore nossa coleção agora e descubra o que a Vlonestore tem reservado para você!</p>
    </section>
    <br>
    <br>
    <br>
    <br>
    <div class="collections">
        <div class="collection">
            <img id="blusaRoxa"
                src="https://img.kwcdn.com/product/Fancyalgo/VirtualModelMatting/debac8a64ed469307998953ed01a38d2.jpg?imageMogr2/auto-orient%7CimageView2/2/w/1300/q/80/format/webp"
                alt="Coleção 1">
            <h2>Coleção Verão 2023</h2>
            <br>
            <p>Explore nossa nova coleção de verão, cheia de estilo e conforto.</p>

            <button id="btn01" class="btnVisitar"><a href="vloneProdutos.html">Visitar</a></button>

        </div>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <div class="collection">
            <img id="blusaRoxa" src="https://i.ebayimg.com/images/g/1tAAAOSw0AhknpDb/s-l1200.webp" alt="Coleção 2">
            <h2>Coleção Outono 2023</h2>
            <p>Prepare-se para o outono com nossas peças exclusivas.</p>

            <button id="btn01" class="btnVisitar"><a href="vloneProdutos.html">Visitar</a></button>
        </div>
        <br>
        <br>
        <br>
        <br>
        <div class="collection">
            <img id="blusaRoxa"
                src="https://www.dhresource.com/0x0/f2/albu/g5/M00/CE/AD/rBVaJFl7-cmAGXPuAAI7IbQxcCc970.jpg"
                alt="Coleção 3">
            <h2>Coleção Inverno 2023</h2>
            <p>Mantenha-se quente e estiloso com nossa coleção de inverno.</p>

            <button id="btn01" class="btnVisitar"><a href="vloneProdutos.html">Visitar</a></button>
        </div>
    </div>

    <footer>
        <p>&copy; 2023 VloneStore</p>
    </footer>
</body>
</html>