html-e-css-do-zero/clientes.html at master · WlFerrari/html-e-css-do-zero · 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
<!doctype html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Missão - SOS Animal</title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="css/pages/clientes.min.css" rel="stylesheet">
  <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=Jost:ital,wght@0,100..900;1,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
</head>
<body>
<header id="header" class="page-clientes">
  <div class="container">
    <div class="row">
      <div class="col col-desktop-3 col-6">
        <a href="index.html">
          <img src="images/logo.png" alt="Logo da Chatschool">
        </a>
      </div>
      <div class="col col-desktop-9 col-6">
        <nav>
          <ul>
            <li><a href="/">Home</a></li>
            <li><a href="quem-somos.html">Quem somos</a></li>
            <li><a href="clientes.html" class="active">Missão</a></li>
            <li><a href="equipe.html">Equipe</a></li>
            <li><a href="contato.html">Contato</a></li>
          </ul>
        </nav>
      </div>
    </div>
    <div class="row">
      <div class="col col-desktop-12 title">
        <h1>Valorizando nossos heróis de patas</h1>
      </div>
    </div>
  </div>
</header>
<main>
  <section id="customers" class="section section-center">
    <h2>Nossa Missão</h2>
    <p class="subtitle">
      Nossa missão é transformar a vida de animais abandonados e proporcionar-lhes uma segunda chance para um futuro melhor.<br> Comprometemo-nos a oferecer resgate, cuidado e adoção para animais em situação de vulnerabilidade, trabalhando<br> incansavelmente para garantir que cada um receba o amor e a atenção que merece.
    </p>

    <div class="container">
      <div class="row">
        <div class="col col-desktop-3 col-3">
            <img src="images/clientes/missaoimagem1.jpg" alt="">
            <h1 class="image-caption">Plano de Ação</h1>
            <p>Resgatamos e reabilitamos animais abandonados, oferecendo cuidados veterinários e abrigo. Promovemos adoção responsável com campanhas e eventos, e fornecemos suporte contínuo aos adotantes para garantir uma adaptação bem-sucedida. Investimos em educação e conscientização sobre cuidados com animais e adoção, e incentivamos o engajamento comunitário através de eventos e oportunidades de voluntariado.</p>
        </div>
        <div class="col col-desktop-3 col-3">
            <img src="images/clientes/missaoimagem2.jpg" alt="">
            <h1 class="image-caption">Valores</h1>
            <p>Nossa plataforma é guiada por compaixão ao tratar cada animal com cuidado e dignidade. Promovemos responsabilidade e transparência em todas as nossas ações, garantindo a confiança e o compromisso com nossos parceiros e adotantes. Valorizamos a dedicação em nosso trabalho, a colaboração com a comunidade, e investimos em educação para prevenir o abandono. Acreditamos no respeito à vida e na inclusividade, envolvendo todos em nossas iniciativas. Operamos com integridade e buscamos a sustentabilidade em nossas práticas para beneficiar tanto os animais quanto o meio ambiente.</p>
        </div>
        <div class="col col-desktop-3 col-3">
            <img src="images/clientes/missaoimagem3.jpg" alt="">
            <h1 class="image-caption">Visão</h1>
            <p>Nossa visão é criar um mundo onde todos os animais abandonados tenham acesso a cuidados adequados e encontrem lares seguros e amorosos. Buscamos uma sociedade consciente e responsável, onde a posse responsável e o respeito pelos animais sejam valores amplamente praticados. Queremos transformar a forma como os animais são tratados, promovendo uma cultura de compaixão e apoio, e garantindo que cada animal tenha a oportunidade de viver uma vida digna e feliz.</p>
        </div>
        <div class="col col-desktop-3 col-3">
            <img src="images/clientes/missaoimagem4.jpg" alt="">
            <h1 class="image-caption">Metas</h1>
            <p>Estabelecemos metas claras e específicas para orientar nossas ações e medir o sucesso do projeto. Essas metas incluem objetivos como resgatar um número definido de animais abandonados, aumentar a taxa de adoções, e expandir a conscientização através de campanhas educativas. Cada meta é mensurável e tem um prazo determinado, permitindo que acompanhemos o progresso e ajustemos nossas estratégias para alcançar resultados efetivos.</p>
        </div>
    </div>


      <!-- <div class="row">
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon5.png" alt=""></div>
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon6.png" alt=""></div>
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon7.png" alt=""></div>
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon8.png" alt=""></div>
      </div> -->
      <!-- <div class="row">
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon1.png" alt=""></div>
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon2.png" alt=""></div>
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon3.png" alt=""></div>
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon4.png" alt=""></div>
      </div> -->

      <!-- <div class="row">
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon5.png" alt=""></div>
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon6.png" alt=""></div>
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon7.png" alt=""></div>
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon8.png" alt=""></div>
      </div> -->
      <!-- <div class="row">
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon1.png" alt=""></div>
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon2.png" alt=""></div>
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon3.png" alt=""></div>
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon4.png" alt=""></div>
      </div> -->

      <!-- <div class="row">
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon5.png" alt=""></div>
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon6.png" alt=""></div>
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon7.png" alt=""></div>
        <div class="col col-desktop-3 col-3"><img src="images/clientes/icon8.png" alt=""></div>
      </div> -->
    </div>
  </section>
</main>
<footer id="footer">
  <div class="container">
    <div class="row">
      <div class="col col-offset-desktop-1 col-desktop-3">
        <p><a href=""><img src="images/logo.png" alt="Logo da SOS Animal"></a></p>
        <p>Nossa missão é resgatar, cuidar e encontrar lares amorosos para animais abandonados, proporcionando uma segunda chance para aqueles que mais precisam. Buscamos sensibilizar e envolver a comunidade na luta contra o abandono, promovendo a adoção responsável e oferecendo suporte contínuo aos adotantes. Acreditamos que todos os animais merecem respeito, carinho e uma vida digna, e trabalhamos incansavelmente para transformar essa visão em realidade.</p>
      </div>
      <div class="col col-offset-desktop-1 col-desktop-2 col-2">
        <h3>Menu</h3>
        <nav>
          <ul>
            <li><a href="/" class="active">Home</a></li>
            <li><a href="quem-somos.html">Quem somos</a></li>
            <li><a href="clientes.html">Missão</a></li>
            <li><a href="equipe.html">Equipe</a></li>
            <li><a href="contato.html">Contato</a></li>
          </ul>
        </nav>
      </div>
      <div class="col col-desktop-3 social col-4">
        <a href=""><img src="images/social-facebook.png" alt=""></a>
        <a href=""><img src="images/social-twitter.png" alt=""></a>
        <a href=""><img src="images/social-youtube.png" alt=""></a>
      </div>
    </div>
  </div>
</footer>

<div id="copyright">
  &copy; SOS Animal - 2024 - Todos os direitos reservados
</div>
</body>
</html>