Skip to content

Commit 9b5e2e5

Browse files
Matth998Matth998
authored
Adição de páginas e responsividade
1 parent 8d92d04 commit 9b5e2e5

File tree

1 file changed

+226
-0
lines changed

1 file changed

+226
-0
lines changed

‎internacoes.html

+226
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,226 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
9+
integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
10+
<link rel="stylesheet" href="assets/css/base.css">
11+
<link rel="shortcut icon" type="imagex/png" href="assets/img/icon.ico">
12+
<title>Vermífugos - ChloeVet</title>
13+
</head>
14+
15+
<body>
16+
<header>
17+
18+
<div class="nav-bar">
19+
20+
<img src="https://i.imgur.com/tLPPTv5.png" alt="Uma imagem com um gato e escrito ChloeVet">
21+
22+
<div class="header-icons">
23+
24+
<div>
25+
<p class="icon-header">
26+
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor"
27+
class="bi bi-clock" viewBox="0 0 16 16">
28+
<path
29+
d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z" />
30+
<path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z" />
31+
</svg>
32+
</p>
33+
</div>
34+
<div>
35+
<p>Atendimento</p>
36+
37+
<p class="paragrafos-header">Domingo à Domingo
38+
<br>
39+
até às 22:00 horas
40+
</p>
41+
</div>
42+
43+
<div class="header-icons">
44+
45+
<div>
46+
<p class="icon-header">
47+
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor"
48+
class="bi bi-whatsapp" viewBox="0 0 16 16">
49+
<path
50+
d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z" />
51+
</svg>
52+
</p>
53+
</div>
54+
<div>
55+
<p class="titulos-header">Envie sua mensagem:</p>
56+
<p class="paragrafos-header">(11)00000-0000
57+
</p>
58+
</div>
59+
</div>
60+
61+
<div class="header-icons">
62+
63+
<div>
64+
<p class="icon-header">
65+
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor"
66+
class="bi bi-telephone-fill" viewBox="0 0 16 16">
67+
<path fill-rule="evenodd"
68+
d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
69+
</svg>
70+
</p>
71+
</div>
72+
<div>
73+
<p class="titulos-header">Fale conosco:</p>
74+
<p class="paragrafos-header">(11) 00000-0000</p>
75+
</div>
76+
</div>
77+
</div>
78+
79+
</div>
80+
81+
<nav class="navbar navbar-expand-lg navbar-light bg-menu">
82+
<a class="navbar-brand" href="#"><img src="https://i.imgur.com/GyROmty.png" width="80" height="80"
83+
alt=""></a>
84+
<button class="navbar-toggler bg-light" type="button" data-toggle="collapse"
85+
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
86+
aria-label="Toggle navigation">
87+
<span class="navbar-toggler-icon"></span>
88+
</button>
89+
90+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
91+
<ul class="navbar-nav mr-auto">
92+
<li class="nav-item">
93+
<a class="nav-link font-weight-bold" href="index.html">Home</a>
94+
</li>
95+
<li class="nav-item">
96+
<a class="nav-link font-weight-bold" href="sobre.html">Sobre</a>
97+
</li>
98+
<li class="nav-item dropdown">
99+
<a class="nav-link dropdown-toggle font-weight-bold" href="servicos.html" id="navbarDropdown"
100+
role="button" data-toggle="dropdown" aria-expanded="false">
101+
Serviços
102+
</a>
103+
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
104+
<a class="dropdown-item font-weight-bold" href="consultas.html">Consultas</a>
105+
<a class="dropdown-item font-weight-bold" href="vacinas.html">Vacinas</a>
106+
<a class="dropdown-item font-weight-bold" href="cirurgias.html">Cirurgias</a>
107+
<a class="dropdown-item font-weight-bold" href="vermifugos.html">Vermífugos</a>
108+
<a class="dropdown-item font-weight-bold" href="internacoes.html">Internações</a>
109+
</div>
110+
<li class="nav-item">
111+
<a class="nav-link font-weight-bold" href="duvidas.html">Dúvidas</a>
112+
</li>
113+
<li class="nav-item">
114+
<a class="nav-link text-lg font-weight-bold" href="contato.html">Contato</a>
115+
</li>
116+
</li>
117+
</ul>
118+
<form class="form-inline my-2 my-lg-0">
119+
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
120+
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
121+
</form>
122+
</div>
123+
</nav>
124+
125+
</header>
126+
127+
<main>
128+
129+
<div class="container-fluid paddings">
130+
<div class="row">
131+
<div class="col-sm-8">
132+
<h1> Internações </h1>
133+
<p class="text-center"><img class="img-bordas" src="https://i.imgur.com/xuMycco.png" alt=""></p>
134+
</div>
135+
<div class="col-sm-4 disable-servicos">
136+
<h2 class="subtitulos"> Outros Serviços </h2>
137+
<hr>
138+
<ul class="nav flex-column">
139+
<li class="nav-item">
140+
<a class="nav-link active" href="consultas.html">Consultas <svg
141+
xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
142+
class="bi bi-arrow-right-short" viewBox="0 0 16 16">
143+
<path fill-rule="evenodd"
144+
d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
145+
</svg></a>
146+
</li>
147+
<li class="nav-item">
148+
<a class="nav-link" href="cirurgias.html">Cirurgias <svg xmlns="http://www.w3.org/2000/svg"
149+
width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short"
150+
viewBox="0 0 16 16">
151+
<path fill-rule="evenodd"
152+
d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
153+
</svg></a>
154+
</li>
155+
<li class="nav-item">
156+
<a class="nav-link" href="vacinas.html">Vacinas <svg xmlns="http://www.w3.org/2000/svg"
157+
width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short"
158+
viewBox="0 0 16 16">
159+
<path fill-rule="evenodd"
160+
d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
161+
</svg></a>
162+
</li>
163+
<li class="nav-item">
164+
<a class="nav-link" href="vermifugos.html">Vermífugos <svg
165+
xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
166+
class="bi bi-arrow-right-short" viewBox="0 0 16 16">
167+
<path fill-rule="evenodd"
168+
d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
169+
</svg></a>
170+
</li>
171+
</ul>
172+
</div>
173+
174+
<div class="col-sm-12">
175+
176+
<p class="paragrafos-servicos1">Após a avaliação do médico veterinário, caso necessário, trazemos
177+
seu animal e internamos em nossa clínica. Em alguns casos em que o animal necessite de um
178+
acompanhamento mais intensivo encaminhamos para hospitais na região do proprietário.
179+
</p>
180+
</div>
181+
182+
</div>
183+
</div>
184+
185+
<div class="container-fluid bg-blue paddings">
186+
<div class="row">
187+
<div class="col-lg-8">
188+
<h2 class="text-light"> Agende sua visita </h2>
189+
<p class="paddings">Solicite uma consulta em casa agora mesmo! Atendemos de domingo à domingo
190+
até às 22h, após esse horário somente para clientes cadastrados. Agende
191+
pelo telefone, WhatsApp ou em nosso site</p>
192+
<button type="button" class="btn btn-primary btn-lg btn-margin-top center"><svg
193+
xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor"
194+
class="bi bi-whatsapp" viewBox="0 0 16 16">
195+
<path
196+
d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z" />
197+
</svg> ENVIE SUA MENSAGEM</button>
198+
</div>
199+
<div class="col-lg-4">
200+
<img src="https://i.imgur.com/g0Gwc0B.png" alt="">
201+
</div>
202+
</div>
203+
</div>
204+
205+
</main>
206+
207+
<footer>
208+
209+
<img src="https://i.imgur.com/tv47Lx0.png" alt="Logo">
210+
<p class="copyright">&copy; Copyright Matheus Da Silva - 2022 </p>
211+
212+
</footer>
213+
214+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js"
215+
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
216+
crossorigin="anonymous"></script>
217+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
218+
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
219+
crossorigin="anonymous"></script>
220+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
221+
integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2"
222+
crossorigin="anonymous"></script>
223+
224+
</body>
225+
226+
</html>

0 commit comments

Comments
 (0)