start/index.html at main · WillianGomes22/start · 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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sheila's Art Personalizados</title>
    <link rel="stylesheet" href="style.css">
    </head>
<body>

    <header class="main-header">
        <div class="container header-content">
            <div class="logo">
                <img src="img/Design sem nome (3).png" alt="Sheila's Art Logo">
                <span>Sheila's Art Personalizados</span>
            </div>
            <nav class="main-nav">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Produtos</a></li>
                    <li><a href="#">Sobre</a></li>
                    <li><a href="#">Contato</a></li>
                </ul>
            </nav>
            <div class="header-icons">
                <a href="#"><img src="img/Imagem do WhatsApp de 2025-09-24 à(s) 14.54.02_0fa6de87.jpg" alt="Buscar"></a>
                <a href="#"><img src="img/carrinho-de-compras.png" alt="Carrinho"></a>
                <a href="#"><img src="img/3171065.png" alt="Usuário"></a>
            </div>
        </div>
    </header>

    <section class="hero-banner">
        <div class="container hero-content">
            <div class="hero-text">
                <h1>Personalize sua ideia com Sheila's Art</h1>
                <p>Criamos produtos para você expressar sua personalidade</p>
                <div class="hero-buttons">
                    <a href="#" class="btn primary">Ver Produtos</a>
                    <a href="#" class="btn secondary">Saiba mais</a>
                </div>
            </div>
            <div class="hero-image">
                <img src="img/headerr.jpg" width="550" alt="Canecas personalizadas">
            </div>
        </div>
    </section>

    <section class="categories-section">
        <div class="container">
            <h2>Nossas Categorias</h2>
            <div class="category-grid">
                <div class="category-item">
                    <img src="img/49c89d8e-bd73-4531-b042-1d504e3991c3.png" alt="Camisetas">
                    <h3>Camisetas</h3>
                    <p>Crie uma peça única para o seu estilo.</p>
                </div>
                <div class="category-item">
                    <img src="img/modelagem-de-xicara_656453-12500.jpg" alt="Canecas">
                    <h3>Canecas</h3>
                    <p>Presentes perfeitos para todas as ocasiões.</p>
                </div>
                <div class="category-item">
                    <img src="img/adesivos-snapchat-personalizaveis-para-o-orgulho-da-escola_993040-35189.jpg" alt="Acessórios">
                    <h3>Acessórios</h3>
                    <p>Chaveiros, bonés e muito mais.</p>
                </div>
                <div class="category-item">
                    <img src="img/mulher-de-tiro-medio-pintando-jeans-com-esponja.jpg" alt="Outros">
                    <h3>Outros</h3>
                    <p>Explore outros produtos exclusivos e únicos.</p>
                </div>
            </div>
        </div>
    </section>

    <section class="featured-products">
        <div class="container">
            <div class="section-header">
                <h3>Produtos em Destaque</h3>
                <a href="#">Ver Todos</a>
            </div>
            <div class="product-grid">
                <div class="product-item">
                    <img src="img/unnamed (1).png" alt="Camiseta Estampada">
                    <h3>Camiseta Estampada</h3>
                    <p>Algodão, unissex</p>
                    <p class="price">R$ 59,90</p>
                    <button class="btn add-to-cart">Adicionar ao carrinho</button>
                </div>
                <div class="product-item">
                    <img src="img/retrato-de-um-cao-em-close-up_1048944-7996228.jpg" alt="Caneca Artística">
                    <h3>Caneca Artística</h3>
                    <p>Cerâmica, 300ml</p>
                    <p class="price">R$ 39,90</p>
                    <button class="btn add-to-cart">Adicionar ao carrinho</button>
                </div>
                <div class="product-item">
                    <img src="img/CHB01.webp" alt="Chaveiro Decorativo">
                    <h3>Chaveiro Decorativo</h3>
                    <p>Resina, personalizado</p>
                    <p class="price">R$ 25,00</p>
                    <button class="btn add-to-cart">Adicionar ao carrinho</button>
                </div>
            </div>
        </div>
    </section>

    <section class="about-section">
        <div class="container about-content">
            <div class="about-text">
                <img src="img/Design sem nome (3).png" alt="Sheila's Art Logo" class="about-logo">
                <h2>Sobre Sheila's Art</h2>
               <p>Sheila's Art Personalizados é mais que uma loja, é um espaço para criar e expressar. Nascemos com a paixão por transformar ideias em produtos únicos e exclusivos. Acreditamos que a personalização é a melhor forma de mostrar sua essência e presentear com significado. Cada item é feito com carinho e atenção aos detalhes, garantindo a qualidade que você merece.</p>
                <div class="about-features">
                    <div class="feature-item">
                        <img src="img/ok.png" alt="Qualidade Premium">
                        <span>Qualidade Premium</span><br>
                        <img src="img/ok.png" alt="Design Exclusivo">
                        <span>Entrega Rápida</span>
                    </div>
                    <div class="feature-item">
                        <img src="img/ok.png" alt="Design Exclusivo">
                        <span>Design Exclusivo</span><br>
                        <img src="img/ok.png" alt="Atendimento Personalizado">
                        <span>Atendimento Personalizado</span>
                    </div>

                </div>
            </div>
        </div>
    </section>

    <section class="contact-section">
        <div class="container">
            <h3>Entre em Contato</h3>
            <form action="#" class="contact-form">
                <input type="text" name="name" placeholder="Nome" required>
                <input type="email" name="email" placeholder="E-mail" required>
                <textarea name="message" placeholder="Mensagem" required></textarea>
                <button type="submit" class="btn primary">Enviar Mensagem</button>
            </form>
        </div>
    </section>

    <footer class="main-footer">
        <div class="container footer-content">
            <div class="footer-column">
                <h4>Sheila's Art Personalizados</h4>
                <p>Rua Exemplo, 123 - Cidade, Estado</p>
                <p>Telefone: (00) 1234-5678</p>
                <p>Email: contato@sheilasart.com</p>
                <p>Horário de atendimento: Seg-Sex, 9h-18h</p>
                <div class="social-icons">
                    <a href="#"><img src="imagens/instagram-icon.png" alt="Instagram"></a>
                    <a href="#"><img src="imagens/facebook-icon.png" alt="Facebook"></a>
                    <a href="#"><img src="imagens/whatsapp-icon.png" alt="WhatsApp"></a>
                </div>
            </div>
            <div class="footer-column">
                <h4>Links Rápidos</h4>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Sobre Nós</a></li>
                    <li><a href="#">Produtos</a></li>
                    <li><a href="#">FAQ</a></li>
                    <li><a href="#">Contato</a></li>
                </ul>
            </div>
            <div class="footer-column">
                <h4>Categorias</h4>
                <ul>
                    <li><a href="#">Camisetas</a></li>
                    <li><a href="#">Canecas</a></li>
                    <li><a href="#">Acessórios</a></li>
                    <li><a href="#">Outros</a></li>
                    <li><a href="#">Promoções</a></li>
                </ul>
            </div>
            <div class="footer-column newsletter">
                <h4>Assine a Newsletter</h4>
                <p>Receba novidades e ofertas exclusivas!</p>
                <form action="#">
                    <input type="email" name="email" placeholder="Seu melhor e-mail">
                    <button type="submit">Assinar</button>
                </form>
            </div>
        </div>
        <div class="footer-bottom">
            <p>© 2021 Sheila's Art Personalizados. Todos os direitos reservados.</p>
        </div>
    </footer>

</body>
</html>