PhotoPet/services.html at master · Amicuchi/PhotoPet · 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Link para o CSS do bootstrap -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/lightslider.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

    <!-- link para o css redigido pela equipe -->
    <link rel="stylesheet" href="css/style.min.css">


    <!-- google fonts-->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">

    <title>PhotoPet - Nossos Serviços</title>

</head>

<body>
    <header>
        <nav class="navbar sticky-top navbar-expand-lg">
            <div class="container">
                <a class="navbar-brand" href="index.html"><img id="logo-header" src="img/logo.png" alt="Logo PhotoPet"></a>
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
           <i class="fas fa-bars"></i>
          </button>

              <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto w-100 justify-content-end">
                    <li class="nav-item"><a class="nav-link" id="inicio" href="index.html">Página Inicial</a></li>
                    <li class="nav-item"><a class="nav-link" id="servicos" href="services.html">Nossos Serviços</a></li>
                    <li class="nav-item"><a class="nav-link" id="galeria" href="gallery.html">Galerias</a></li>
                    <li class="nav-item"><a class="nav-link" id="sobreNos" href="about.html">Sobre Nós</a></li>
                    <li class="nav-item"><a class="nav-link" id="contato" href="contact.html">Contato</a></li>
                    <li class="nav-item"><a class="nav-link" id="orcamento" href="orcamento.html">Orçamento</a></li>
                </ul>
              </div>
            </div>
          </nav>

    </header>

    <main id="services">
        <div class="servicos container">
            <br>
            <h2>Nossos Serviços</h2>
            <br>
            <div class="row servicos">
                <div class="col-md-5 col-sm-10 col-xs-10 teste pregs" id="barriga">
                </div>
                <div class="col-md-5 col-sm-10 col-xs-10 pregtext">
                    <h3>Pack Maternidade</h3>
                    <p>Que tal capturar esse precioso - e tão curto! - momento em um lindo ensaio maternidade? Guarde para sempre as memórias desta ansiosa espera. Três, quatro...? Quantos cabem aí dentro? </p>
                    <div class="d-flex justify-content-center botao">
                        <button class="consulte"><a href="orcamento.html">CONSULTE VALORES</a></button>
                    </div>
                </div>
            </div>
            <br>
            <br>
            <br>
            <div class="row servicos" >
                <div class="col-md-5 col-sm-10 col-xs-10 teste pregs" id="babies">
                </div>
                <div class="col-md-5 col-sm-10 col-xs-10 pregtext">
                    <h3>Pack Filhotes</h3>
                    <p>A Hora chegou? Finalmente! O quê? Já abriram os olhinhos? Primeiros latidos? Orelhas subindo? Em um mês, os novos integrantes da sua família terão crescido muito rápido... não deixe nada passar! </p>
                    <div class="d-flex justify-content-center botao">
                        <button class="consulte"><a href="orcamento.html">CONSULTE VALORES</a></button>
                    </div>
                </div>
            </div>
            <br>
            <br>
            <br>
            <div class="row servicos" >
                <div class="col-md-5 col-sm-10 col-xs-10 teste pregs" id="familia">
                </div>
                <div class="col-md-5 col-sm-10 col-xs-10 pregtext">
                    <h3>Pack Retrato em Família</h3>
                    <p>Quer um retrato para representar sua família, quando você não exatamente tem uma? Seu Pet dá conta do recado! E para quem chamar o resultado de perturbador... Eles só estão com inveja da conexão especial que você tem com o Sr. Bigodes! </p>
                    <div class="d-flex justify-content-center botao">
                        <button class="consulte"><a href="orcamento.html">CONSULTE VALORES</a></button>
                    </div>
                </div>
            </div>
            <br>
            <br>
            <br>
            <div class="row servicos" >
                <div class="col-md-5 col-sm-10 col-xs-10 teste pregs" id="studio">
                </div>
                <div class="col-md-5 col-sm-10 col-xs-10 pregtext">
                    <h3>Pack Stúdio</h3>
                    <p> Sempre desconfiou, mas agora quer confirmar se o seu dog fica lindo em um <i>Smoking</i>? Ou capturá-lo todo estirado e reflexivo sobre um divã? Conte com nossas instalações para os melhores <i>sets</i>!</p>
                    <div class="d-flex justify-content-center botao">
                        <button class="consulte"><a href="orcamento.html">CONSULTE VALORES</a></button>
                    </div>
                </div>
            </div>
            <br>
            <br>
            <br>
            <div class="row servicos" >
                <div class="col-md-5 col-sm-10 col-xs-10 teste pregs" id="outdoors">
                </div>
                <div class="col-md-5 col-sm-10 col-xs-10 pregtext">
                    <h3>Pack Outdoors</h3>
                    <p> A melhor luz do seu pet é a luz solar? Nós também achamos! Por isso, conte com o nosso pack de fotos <i>outdoors</i>, que podem ser capturadas nos melhores parques da cidade ou no seu próprio jardim!</p>
                    <div class="d-flex justify-content-center botao">
                        <button class="consulte"><a href="orcamento.html">CONSULTE VALORES</a></button>
                    </div>
                </div>
            </div>
            <br>
            <br>
            <br>
        </div>
    </main>

    <footer>
        <div>
            Desenvolvido pelo Grupo 6 do Projeto Integrador - Digital House - Estação Hack by Facebook
        </div>
    </footer>

    <!-- Script do bootstrap -->
        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/lightslider.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

    <!-- Script da Equipe -->
    <script src="js/script.js"></script>

</body>
</html>