-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 27ba450
Showing
24 changed files
with
662 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,257 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Vacunacion</title> | ||
| <link rel="stylesheet" href="./dis-Vacunacion.css"> | ||
| </head> | ||
| <body> | ||
| <header class="top"> | ||
| <img class="top_logo" src=".\Vac-image\Vaccination.png" alt="logo de vaccination"> | ||
|
|
||
| <ul class="top_lista"> | ||
| <li> | ||
| <a class="top_link" href="#" target="_blank">Database</a> | ||
| </li> | ||
|
|
||
| <li> | ||
| <a class="top_link" href="#" target="_blank">Education</a> | ||
| </li> | ||
|
|
||
| <li> | ||
| <a class="top_link" href="#" target="_blank">News</a> | ||
| </li> | ||
|
|
||
| <li> | ||
| <a class="top_link" href="#" target="_blank">Regulation | ||
|
|
||
| </a> | ||
| </li> | ||
|
|
||
| <li> | ||
| <button class="top_button" id="Houx-bustes" name="Houx-bustes">Houx bustes</button> | ||
| </li> | ||
|
|
||
| </ul> | ||
|
|
||
| </header> | ||
|
|
||
| <section class="seccion"> | ||
| <div class="section1"> | ||
| <div class="box1"> | ||
| <h1 id="TituloCaja1">Fight virus<br>with vaccines</h1> | ||
| <p id="parrafoCaja1">Let's stop this pandemic by killing the virus<br>with a vaccine, Don't let yourselt and your<br>family get intected. </p> | ||
| <ul class="listBeneficio"> | ||
| <li class="ic1"><p class="nt">Best protection</p></li> | ||
| <li class="ic2"><p class="nt">Selected Vaccines</p></li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <form class="box2"> | ||
| <h3 class="titleVac">Schedule your Vaccination</h3> | ||
| <div class="dates"> | ||
| <div> | ||
| <h3 class= "dates_title">location</h3> | ||
| <p class= "dates_paragraph">jakarta Utara</p> | ||
| </div> | ||
| <div> | ||
| <h3 class= "dates_title">Date</h3> | ||
| <p class= "dates_paragraph">08 July 2021</p> | ||
| </div> | ||
| <div> | ||
| <h3 class= "dates_title">vaccine type</h3> | ||
| <p class= "dates_paragraph">Modera</p> | ||
| </div> | ||
| <div> | ||
| <h3 class= "dates_title">location</h3> | ||
| <p class= "dates_paragraph">jakarta Utara</p> | ||
| </div> | ||
| <div> | ||
| <button id="submit">Submit</button> | ||
| </div> | ||
| </div> | ||
| </form> | ||
| </div> | ||
|
|
||
| <div class="boxPhore"> | ||
| <img class="photoOne" id="DocVacuna" src=".\Vac-image/DocVacuna.png" alt="Doctora Vacunado"> | ||
| </div> | ||
|
|
||
| </section> | ||
|
|
||
| <section> | ||
| <div> | ||
| <img src="./Vac-image/pratrions.png" alt=""> | ||
| </div> | ||
| </section> | ||
|
|
||
| <br> <!--seccion 2#--> | ||
|
|
||
| <section class="section2"> | ||
| <div class="reasonBox"> | ||
| <div> | ||
| <h1 class="whyVaccine">Why should I vaccine?</h1> | ||
| <p class="whyVaccine_paragraph">In order to avoid any doubts about getting the COVIB-19<br>vaccine,identify the following 4 benefits of COVIB-19<br> Vaccination:</p> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="benefils"> | ||
| <div class="benefils_box"> | ||
| <img src="./Vac-image/1i.png" alt="icon"> | ||
| <h3 class="benefils_title">Minimize the<br>spread of viruses</h3> | ||
| <p class="benefils_paragraph"> vaccine has been proven<br>to effetive help shape antibody<br>response for immune system.</p> | ||
| </div> | ||
|
|
||
| <div class="benefils_box"> | ||
| <img src="./Vac-image/2i.png" alt="icon"> | ||
| <h3 class="benefils_title">forming<br>antibodies</h3> | ||
| <p class="benefils_paragraph">COVID-19 vaccine proven to<br>help shape antibody<br>response for immunesystem</p> | ||
| </div> | ||
|
|
||
| <div class="benefils_box"> | ||
| <img src="./Vac-image/3i.png" alt="icon"> | ||
| <h3 class="benefils_title">Protecting<br>peoplo nearby </h3> | ||
| <P class="benefils_paragraph">the benefits of COVID-19<br>Vaccination are the vaccine<br>tha we get can also help<br>protect people around us.</P> | ||
| </div> | ||
|
|
||
| <div class="benefils_box"> | ||
| <img src="./Vac-image/4i.png" alt="icon"> | ||
| <h3 class="benefils_title">Creating group<br>immunity</h3> | ||
| <P class="benefils_paragraph">COVID-19 Vaccination in also<br>benefits for Creating group<br>immunity or herd immunity</P> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <br><br> <!--Seccion 3#--> | ||
|
|
||
| <section class="recording"> | ||
| <div class="imgRecording"> | ||
| <img class="" src="./Vac-image/imageRecording.png" alt="recording"> | ||
| </div> | ||
|
|
||
| <div class="listRecording"> | ||
| <div class="Preparations"> | ||
| <h3 class="Preparations_title">Preparations Before vaccine</h3> | ||
| <p class="Preparations_paragraph">The success of vaccines is strongly influenced by the <br> strength of body's immune system. therefore, there are<br>several things that can be tried to make the COVID-19<br>vaccine work:</p> | ||
| </div> | ||
|
|
||
| <div class="indication_box"> | ||
| <ul class="indication"> | ||
| <li class="indiction_item"> | ||
| <H3 class="indiction_title"><img src="./Vac-image/5i.png">Avoid alcoholic Beverages </H3> | ||
|
|
||
| <p class="indiction_content">We implore you to consume any type of alcoholic beverage<br> to avoid the probability any type of secondary effect.</p> | ||
| </li> | ||
|
|
||
| <li class="indiction_item"> | ||
| <H3 class="indiction_title"><img src="./Vac-image/6i.png" >Avoid stress</H3> | ||
|
|
||
| <p class="indiction_content">Stress has a profound effect on immune work.<br>Moreover,porlonged stress can increase cortisol<br>production and oxidative stress in the body.</p> | ||
| </li> | ||
|
|
||
| <li class="indiction_item"> | ||
| <H3 class="indiction_title"><img src="./Vac-image/7i.png"> Eat healthy food</H3> | ||
|
|
||
| <p class="indiction_content">It is necessary to control your diet before<br> and after the vaccine, such as not eating too much,<br> eating balanced meals.</p> | ||
| </li> | ||
|
|
||
| <li class="indiction_item"> | ||
| <H3 class="indiction_title"><img src="./Vac-image/8i.png"> Get enough sleep</H3> | ||
| <p class="indiction_content">Getting plenty of rest helps your immune system function at its full potential.<br> To improve the quality of your sleep before you get vaccinated,<br> be strategic about what you eat, especially for dinner.</p> | ||
| </li> | ||
|
|
||
| <li class="indiction_item"> | ||
| <H3 class="indiction_title"> <img src="./Vac-image/9i.png">Avoid stress</H3> | ||
| <p class="indiction_content">stress, depression and unhealthy behaviors can negatively affect the body's<br> immune response to vaccination so we ask<br>that you remain as calm as possible.</p> | ||
| </li> | ||
| </ul> | ||
|
|
||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- seccion 4 --> | ||
|
|
||
| <section class="Contact"> | ||
| <div class="containerContact"> | ||
| <div class="emergencyContact"> | ||
| <h2 class="titleEmegency">Emergency Contact</h2> | ||
| <p class="paragraphtEmegency">Contact one of the cantacts below if you or your family feel<br> unwell and have similar sysmptoms such as COVIB-19, make<br>sure you also take care of yourself before reponting to us:</p> | ||
| </div> | ||
|
|
||
| <div class="containerDatas"> | ||
| <div class="boxDatas"> | ||
| <nav class="datasContact"> | ||
| <h3 class="titleDatas">Call</h3> | ||
| <p class="datas">012.345.678.90</p> | ||
| <button class="call">Call Now</button> | ||
| </nav> | ||
|
|
||
| <nav class="datasContact"> | ||
| <h3 class="titleDatas">Chat</h3> | ||
| <p class="datas">012.345.678.90</p> | ||
| <button class="call">Call Now</button> | ||
| </nav> | ||
| </div> | ||
| <div class="boxDatas"> | ||
| <nav class="datasContact"> | ||
| <h3 class="titleDatas">Video Call</h3> | ||
| <p class="datas">012.345.678.90</p> | ||
| <button class="call">Call Now</button> | ||
| </nav> | ||
|
|
||
| <nav class="datasContact"> | ||
| <h3 class="titleDatas">Message</h3> | ||
| <p class="datas">012.345.678.90</p> | ||
| <button class="call">Call Now</button> | ||
| </nav> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="imgContact"> | ||
| <img src="./Vac-image/imageRecording2.png" alt="doctor"> | ||
| </div> | ||
|
|
||
| </section> | ||
|
|
||
| <footer class="allAbout"> | ||
| <div class="boxAbout"> | ||
| <h2 class="titleAbout" >Vaccination</h2> | ||
| <P class="paragraphAbout">Our goal is to help the<br>world free frsom the<br>ongoing pandemic. </P> | ||
| </div> | ||
|
|
||
| <ul class="all"> | ||
| <li class="listBotton"> | ||
| <h3 class="titleAll">About</h3> | ||
| <a class="linkAbout" titleAll"" href="#" target="_blank">About us</a> | ||
| <br> | ||
| <a class="linkAbout" href="#" target="_blank">features</a> | ||
| <br> | ||
| <a class="linkAbout" href="#" target="_blank">News & Blog</a> | ||
| </li> | ||
|
|
||
| <li class="listBotton"> | ||
| <h3 class="titleAll">Company</h3> | ||
| <a class="linkAbout" href="#" target="_blank">How We Work?</a> | ||
| <br> | ||
| <a class="linkAbout" href="#" target="_blank">Capital</a> | ||
| <br> | ||
| <a class="linkAbout" href="#" target="_blank">Security</a> | ||
| </li> | ||
|
|
||
| <li class="listBotton"> | ||
| <h3 class="titleAll">Support</h3> | ||
| <a class="linkAbout" href="#" target="_blank">FAQs</a> | ||
| <br> | ||
| <a class="linkAbout" href="#" target="_blank">Support Center</a> | ||
| <br> | ||
| <a class="linkAbout" href="#" target="_blank">Contact Us</a> | ||
| </li> | ||
| </ul> | ||
| </footer> | ||
| <script src="./Vacun.js" type="text/javascript"></script> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| const acordeon = document.getElementsByClassName('indiction_item'); | ||
|
|
||
| for (i=0; i<acordeon.length; i++) { | ||
| acordeon[i].addEventListener('click', function () { | ||
| this.classList.toggle('activa'); | ||
| }); | ||
| }; |
Oops, something went wrong.