Skip to content

Commit

Permalink
nova estruturação
Browse files Browse the repository at this point in the history
  • Loading branch information
@VictoriaPriscila28
VictoriaPriscila28 committed Apr 19, 2024
1 parent c5e6431 commit eab4b23
Show file tree
Hide file tree
Showing 7 changed files with 64 additions and 149 deletions.
38 changes: 26 additions & 12 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -680,26 +680,40 @@ section:nth-child(even){


button {
width: 100%;
padding: 8px;
margin-bottom: 16px;
box-sizing: border-box;
border-radius: 15px;
background-color: rgb(105, 152, 111);
color: rgb(183, 213, 179);
font-size: 17px;
font-weight: 700;
border: #a2c2ee;
width: 120px; /* Largura do botão */
height: 50px; /* Altura do botão */
padding: 8px;
margin-bottom: 16px;
box-sizing: border-box;
border-radius: 10px; /* Bordas arredondadas para criar uma aparência quadrada */
background-color: rgb(146, 231, 150);
color: rgb(35, 143, 21);
font-size: 17px;
font-weight: 700;
border: none; /* Removendo a borda para criar uma aparência mais limpa */
}

button:hover {
background-color: rgb(52, 98, 58);
}
background-color: rgb(218, 218, 218);
}



.gfg {
text-align: center;
color: green;
}
/* Estilos para centralizar o contêiner */
.map-container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh; /* Altura total da tela */
}

/* Estilos para o iframe */
iframe {
width: 800px;
height: 600px;
border: 0;
}
3 changes: 3 additions & 0 deletions js/script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,4 +46,7 @@ spawnNotification({






})(jQuery);
112 changes: 22 additions & 90 deletions clinicas.html → pages/chat.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
<a href="index.html">Home</a>
<a href="conversa.html">Conversa</a>
<a href="clinicas.html">Clínicas</a>
<a href="servicos.html">Mais</a>


</nav>

Expand All @@ -49,8 +49,8 @@ <h1 class="heading "> clinicas <span>parceiras</span> </h1>

<div class="box ">
<img src="image/doc-1.jpg" alt="">
<h3>win coder</h3>
<span>expert doctor</span>
<h3>Clínica MultiNós </h3>

<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
Expand All @@ -62,8 +62,8 @@ <h3>win coder</h3>

<div class="box">
<img src="image/doc-2.jpg" alt="">
<h3>win coder</h3>
<span>expert doctor</span>
<h3>Clínica Waleska Andrade</h3>

<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
Expand All @@ -74,8 +74,8 @@ <h3>win coder</h3>

<div class="box">
<img src="image/doc-3.jpg" alt="">
<h3>win coder</h3>
<span>expert doctor</span>
<h3>Instituto Monteiro de Neuromodulação</h3>

<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
Expand All @@ -86,8 +86,8 @@ <h3>win coder</h3>

<div class="box">
<img src="image/doc-4.jpg" alt="">
<h3>win coder</h3>
<span>expert doctor</span>
<h3>Instituto Sono e Mente</h3>

<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
Expand All @@ -98,8 +98,8 @@ <h3>win coder</h3>

<div class="box">
<img src="image/doc-5.jpg" alt="">
<h3>win coder</h3>
<span>expert doctor</span>
<h3>Ampare</h3>

<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
Expand All @@ -110,8 +110,8 @@ <h3>win coder</h3>

<div class="box">
<img src="image/doc-6.jpg" alt="">
<h3>win coder</h3>
<span>expert doctor</span>
<h3>Recriar Clínica de Atendimento Psicológico:</h3>

<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
Expand All @@ -122,7 +122,7 @@ <h3>win coder</h3>
</div>
<div class="box">
<img src="image/doc-7.jpg" alt="">
<h3>win coder</h3>
<h3>Instituto Cavalcanti</h3>
<span>intern doctor</span>
<div class="share">

Expand All @@ -131,28 +131,7 @@ <h3>win coder</h3>
<a href="#" class="fab fa-linkedin"></a>
</div>
</div>
<div class="box">
<img src="image/doc-8.jpg" alt="">
<h3>win coder</h3>
<span>expert doctor</span>
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-instagram"></a>
<a href="#" class="fab fa-linkedin"></a>
</div>
</div>
<div class="box">
<img src="image/doc-9.jpg" alt="">
<h3>win coder</h3>
<span>expert doctor</span>
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-instagram"></a>
<a href="#" class="fab fa-linkedin"></a>
</div>
</div>


</div>

Expand Down Expand Up @@ -209,60 +188,13 @@ <h3>${clinica.nome}</h3>
window.addEventListener('load', loadClinics);
</script>

<h1>Clique no botão para comparar a distância até a clinica central:</h1>

<button onclick="getLocation()">Obter Localização</button>
<p id="distance"></p>

<script>
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition, showError);
} else {
alert("Geolocalização não é suportada pelo seu navegador.");
}
}

function showPosition(position) {
// Coordenadas da localização atual
const latitude = position.coords.latitude;
const longitude = position.coords.longitude;

// Coordenadas de um ponto de referência (por exemplo, outro local)
const referenceLatitude = -8.055560554153152; // Latitude
const referenceLongitude = -34.89215352190122; // Longitude


// Cálculo da distância entre os pontos (usando a fórmula de Haversine)
const distance = calculateDistance(latitude, longitude, referenceLatitude, referenceLongitude);

// Exibindo a distância
document.getElementById("distance").textContent = `Distância até a clinica central é: ${distance.toFixed(2)} km`;
}
document.getElementById("distance").style.fontSize = "20px";

function showError(error) {
alert(`Erro ao obter a localização: ${error.message}`);
}

function calculateDistance(lat1, lon1, lat2, lon2) {
const R = 6371; // Raio médio da Terra em quilômetros
const dLat = degToRad(lat2 - lat1);
const dLon = degToRad(lon2 - lon1);
const a =
Math.sin(dLat / 2) * Math.sin(dLat / 2) +
Math.cos(degToRad(lat1)) * Math.cos(degToRad(lat2)) *
Math.sin(dLon / 2) * Math.sin(dLon / 2);
const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
return R * c;
}

function degToRad(deg) {
return deg * (Math.PI / 180);
}
</script>

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d987.6121861315145!2d-34.892995735572335!3d-8.05562429197185!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7ab18e9beb5c85d%3A0xd4e2aac2deff7bb3!2sAMPARE%20-%20Associa%C3%A7%C3%A3o%20dos%20Amigos%20dos%20Pacientes%20de%20P%C3%A2nico%20em%20Recife!5e0!3m2!1spt-BR!2sbr!4v1713530297264!5m2!1spt-BR!2sbr" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>




<div class="map-container">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d987.6121861315145!2d-34.892995735572335!3d-8.05562429197185!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7ab18e9beb5c85d%3A0xd4e2aac2deff7bb3!2sAMPARE%20-%20Associa%C3%A7%C3%A3o%20dos%20Amigos%20dos%20Pacientes%20de%20P%C3%A2nico%20em%20Recife!5e0!3m2!1spt-BR!2sbr!4v1713530297264!5m2!1spt-BR!2sbr" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>

<!-- doctors section ends -->
<script src="js/script.js"></script>
Expand Down
Empty file added pages/clinicas.html
View file
Empty file.
2 changes: 1 addition & 1 deletion conversa.html → pages/diario.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
<a href="index.html">home</a>
<a href="clinicas.html">clinicas</a>
<a href="conversa.html" class="logo active">contato</a>
<a href="#services">mais</a>


</nav>

Expand Down
58 changes: 12 additions & 46 deletions index.html → pages/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
<a href="#home">Home</a>
<a href="conversa.html">Contato</a>
<a href="clinicas.html">Clínicas</a>
<a href="servicos.html">Mais</a>


</nav>

Expand Down Expand Up @@ -59,35 +59,7 @@ <h3> Nós te apoiamos</h3>

<!-- home section ends -->

<!-- icons section starts -->

<section class="icons-container">

<div class="icons">
<i class="fas fa-user-md"></i>
<h3>150+</h3>
<p>doctors at work</p>
</div>

<div class="icons">
<i class="fas fa-users"></i>
<h3>1030+</h3>
<p>satisfied patients</p>
</div>

<div class="icons">
<i class="fas fa-procedures"></i>
<h3>490+</h3>
<p>bed facility</p>
</div>

<div class="icons">
<i class="fas fa-hospital"></i>
<h3>70+</h3>
<p>available hospitals</p>
</div>

</section>

<!-- icons section ends -->

Expand Down Expand Up @@ -127,46 +99,40 @@ <h1 class="heading"> nossos <span>serviços</span> </h1>

<div class="box">
<i class="fas fa-notes-medical"></i>
<h3>free checkups</h3>
<h3>diario de emoções</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ad, omnis.</p>
<a href="#" class="btn"> learn more <span class="fas fa-chevron-right"></span> </a>
<a href="#" class="btn"> Saiba mais <span class="fas fa-chevron-right"></span> </a>
</div>

<div class="box">
<i class="fas fa-ambulance"></i>
<h3>24/7 ambulance</h3>
<h3>exercicios de meditação guiada</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ad, omnis.</p>
<a href="#" class="btn"> learn more <span class="fas fa-chevron-right"></span> </a>
<a href="#" class="btn"> Saiba mais <span class="fas fa-chevron-right"></span> </a>
</div>

<div class="box">
<i class="fas fa-user-md"></i>
<h3>expert doctors</h3>
<h3>recursos educacionais</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ad, omnis.</p>
<a href="#" class="btn"> learn more <span class="fas fa-chevron-right"></span> </a>
<a href="#" class="btn"> Saiba mais <span class="fas fa-chevron-right"></span> </a>
</div>

<div class="box">
<i class="fas fa-pills"></i>
<h3>medicines</h3>
<h3>guia para psicólogos</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ad, omnis.</p>
<a href="#" class="btn"> learn more <span class="fas fa-chevron-right"></span> </a>
<a href="#" class="btn"> Saiba mais <span class="fas fa-chevron-right"></span> </a>
</div>

<div class="box">
<i class="fas fa-procedures"></i>
<h3>bed facility</h3>
<h3>comunidade</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ad, omnis.</p>
<a href="#" class="btn"> learn more <span class="fas fa-chevron-right"></span> </a>
</div>

<div class="box">
<i class="fas fa-heartbeat"></i>
<h3>total care</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ad, omnis.</p>
<a href="#" class="btn"> learn more <span class="fas fa-chevron-right"></span> </a>
<a href="#" class="btn"> Saiba mais <span class="fas fa-chevron-right"></span> </a>
</div>


</div>

</section>
Expand Down
Empty file added pages/perfil.html
View file
Empty file.

0 comments on commit eab4b23

Please sign in to comment.