Petlife/index.html at main · gabililium/Petlife · 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
<html >
    <head>
        <title>PetLife</title>
        <meta name="description" content="Garanta uma vida longa e cheia de alegria para seu melhor amigo">

        <link rel="stylesheet" href="index.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=Montserrat:wght@400;600&display=swap" rel="stylesheet">

    </head>

    <body>
        <header class="tamanho-header">
            <a href="index.html">
                <img src="img/logo-white.svg" alt="PetLife">
            </a>

            <nav >
               <a href="#inicio">Início</a>
               <a href="#clinica">Clínica</a>
               <a href="#farmacia">Farmácia</a>
               <a href="#duvidas">Dúvidas</a>
            </nav>
        </header>
       <main>
        <section id="inicio">
            <img src="img/start-img.svg" alt="Veterinaria" width="580" height="580" class="container-imagem-1" >
            <div>
                <h1>Garanta uma vida longa e cheia de alegria para o seu melhor amigo</h1>
                <p class="paragrafo">A PetLife é o seu refúgio de confiança para o cuidado completo do seu pet. Com
                profissionais dedicados e serviços abrangentes, oferecemos uma experiência acolhedora e
                personalizada, garantindo o bem-estar, a saúde e a felicidade dos seus animais de estimação.</p>
                <a class="button" href="https://wa.me/5522988564712" target="_blank">Marque uma consulta</a>
                <a class="button-transparent"  href="#clinica">Conheça nossa clínica</a>
            </div>
            <img class="absolute" src="img/shape.svg" alt="">
        </section>
        <section id="clinica">
            <div class="clinica-texto">
                <h2>Cuidado Veterinário de Qualidade</h2>
                <p class="paragrafo">Nossa clínica veterinária é o local onde a paixão pelos animais se une à excelência
                    em cuidados veterinários. Sob a liderança da Dra. Vivien Reid, uma profissional altamente
                    qualificada e comprometida, oferecemos serviços de saúde e bem-estar para animais de estimação de
                    todas as espécies. Venha conhecer nossa clínica e desfrute da atenção personalizada e do carinho que
                    seu pet merece.</p>
                <ul>
                    <li>Consultas de rotinas e exames de saúde abrangentes</li>
                    <li>Vacinação e imunização</li>
                    <li>Cirurgias e procedimentos veterinários</li>
                    <li>Tratamento e controle de doenças</li>
                    <li>Odontologia veterinária</li>
                    <li>Atendimento de emergência 24 horas</li>
                    <li>Nutrição e aconselhamento alimentar personalizado</li>
                </ul>
            </div>

            <img src="img/clinic-img.svg" alt="" width="480" height="480"  class="container-imagem-2"  loading="lazy">
        </section>

        <section id="farmacia">
            <h2>Venha conferir o nosso petshop e farmácia</h2>
            <img src="img/shop-img.svg" alt="" width="645" height="430" loading="lazy">
            <p class="paragrafo">Além de ser uma clínica veterinária de confiança, também contamos com um completo
                petshop e farmácia. Nosso petshop oferece uma ampla seleção de produtos de alta qualidade, desde
                alimentos balanceados e petiscos deliciosos até brinquedos divertidos e acessórios elegantes para o seu
                pet. Na nossa farmácia, você encontrará uma variedade de medicamentos, produtos de cuidados e
                suplementos recomendados pelos nossos veterinários, garantindo que o bem-estar e a saúde do seu amado
                pet estejam sempre em boas mãos. Tudo o que você precisa para cuidar e mimar o seu pet está aqui, no
                nosso petshop e farmácia, com a mesma dedicação e qualidade que nos tornou referência na área
                veterinária.</p>
        </section>

        <section id="duvidas">
            <img src="img/faq-img.svg" alt="" width="540" height="540"  class="container-imagem-4"  loading="lazy">


            <div>
                <h2>Ficou alguma dúvida?</h2>
                <div class="duvida">
                    <h3>Quais serviços são oferecidos pela clínica veterinária da PetLife?</h3>
                    <img src="img/arrow-down.svg" alt="">
                    <p class="paragrafo">A clínica da PetLife oferece uma ampla gama de serviços, incluindo consultas de
                        rotina, vacinação, cirurgias, tratamento de doenças, cuidados odontológicos, atendimento de
                        emergência 24 horas, programas de prevenção de pulgas, carrapatos e vermes, entre outros. Nosso
                        objetivo é fornecer cuidados abrangentes e personalizados para garantir a saúde e o bem-estar do
                        seu pet.</p>
                </div>

                <div class="duvida">
                    <h3>Quais espécies de animais a clínica veterinária atende?</h3>
                    <img src="img/arrow-down.svg" alt="">
                    <p class="paragrafo">A clínica veterinária da PetLife atende animais de estimação de todas as
                        espécies, incluindo cães, gatos, pássaros, roedores e répteis. Nossos profissionais possuem
                        conhecimento e experiência para cuidar de diferentes tipos de animais, oferecendo um atendimento
                        especializado e dedicado a cada um deles.</p>
                </div>

                <div class="duvida">
                    <h3>A clínica veterinária da PetLife possui serviços de emergência?</h3>
                    <img src="img/arrow-down.svg" alt="">
                    <p class="paragrafo">Sim, a clinica veterinária da PetLife oferece serviços de emergência 24 horas.
                        Se o seu animal de estimação precisar de atendimento veterinário imediato fora do horário de
                        expediente, nossa equipe está pronta para ajudar, fornecendo cuidados urgentes e tratamento
                        adequado para garantir o bem-estar do seu pet.</p>
                </div>

                <div class="duvida">
                    <h3>A clínica oferece serviços de banho e tosa?</h3>
                    <img src="img/arrow-down.svg" alt="">
                    <p class="paragrafo">Sim, a clínica veterinária da PetLife oferece serviços profissionais de banho e
                        tosa. Nossa equipe de profissionais experientes garante que seu pet receba cuidados adequados,
                        usando produtos de alta qualidade e técnicas seguras. O banho e tosa ajudam a manter a higiene,
                        a saúde da pele e pelagem do seu pet, além de proporcionar uma experiência relaxante e agradável
                        para eles.</p>
                </div>

            </div>

        </section>

       </main>

       <footer>
            <div>
                <img src="img/logo.svg" alt="PetLife" class="imagem-footer">
                <p>Cuidando com amor, vivendo com alegria: PetLife, onde a vida dos pets é mais feliz!</p>
            </div>

            <div>
                <strong class="titulo">Links rápidos</strong>
                <nav class="links-nav-footer">
                    <a href="#inicio">Início</a>
                    <a href="#clinica">Clínica</a>
                    <a href="#farmacia">Farmácia</a>
                    <a href="#duvidas">Dúvidas</a>
                 </nav>
            </div>

            <div>
                <strong class="titulo">Encontre-nos</strong>
                <p> Whatsapp: <a href="https://wa.me/5522988564712" target="_blank">(22) 987654321</a></p>
                <p>Email: <a href="mailto:contato@petlife.com">contato@petlife.com</a></p>
                <p>Endereço: Av. 7 de setembro, n° 42, Centro</p>
            </div>
       </footer>
       <div id="copyright">
            Desenvolvido por <a href="https://github.com/gabililium" target="_blank">@gabililium</a>
            na Trilha Start na Programação da OneBitCode
       </div>
    <script  src="index.js"> </script>
    </body>
</html>