jtpmcdevitt/web_design
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

changed code

Browse source
This commit is contained in:
JSriwongsa 2023-07-20 18:45:47 -05:00
parent 4855e57985
commit addccf7e55
1 changed files with 43 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

99
donation_website/index.html
View file

@ -98,44 +98,25 @@
</div>
</header>
<main>
<div class="slider">
<div class="sliderbox swiper">
<div class="wrap swiper-wrapper">
<div class="item swiper-slide">
<div class="home">
<div class="home-box">
<div class="wrap">
<div class="item">
<div class="image">
<div class="object-cover">
<img src="images/heading-1.jpg" alt="">
<img src="images/heading.jpg" alt="">
</div>
<div class="title-info">
<div class="container wide">
<div class="wrap">
<h1 class="text">Every blood doner is a lifesaver</h1>
<h3 class="title">Your blood donation is needed to prevernt <br>a blood shortage</h3>
<div class="button"><a href="" class="primary-btn">Learn more</a></div>
<div class="button"><a href="" class="primary-btn">Make appointment</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="item swiper-slide">
<div class="image">
<div class="object-cover">
<img src="images/heading-2.jpg" alt="">
</div>
<div class="title-info">
<div class="container wide">
<div class="wrap">
<h1 class="text-1">The gift of blood is the gift of life</h1>
<h3 class="title-1">14th June World Blood Doner Day</h3>
<div class="button"><a href="" class="primary-btn">Read more</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="custom-pagination">
<div class="swiper-pagination"></div>
</div>
</div>
</div>
@ -143,43 +124,35 @@
<div class="guide">
<div class="container">
<div class="wrap">
<div class="heading">
<h2 class="title">Donation Guide</h2>
<div class="row">
<h1>Donation guide</h1>
</div>
<div class="dotgrid">
<div class="wrapper">
<div class="item">
<div class="dot-image">
<div class="thumbnail hover">
<img src="images/guide-1.jpg" alt="">
</div>
</div>
<div class="dot-info">
<h3 class="dot-title">Appointment</h3>
<p class="grey-color">Make an appointment and find the nearest donation center or blood drive near you.</p>
<div class="row">
<div class="column">
<div class="card">
<div class="icon">
<i class='bx bxs-calendar'></i>
</div>
<h3>Appointment</h3>
<p>Make an appointment and find the nearest donation center or blood drive near you.</p>
</div>
<div class="item">
<div class="dot-image">
<div class="thumbnail hover">
<img src="images/guide-2.jpg" alt="">
</div>
</div>
<div class="dot-info">
<h3 class="dot-title">Eligibility</h3>
<p class="grey-color">Find out blood donation eligibility requirements, including a minimum age and weight requirement.</p>
</div>
<div class="column">
<div class="card">
<div class="icon">
<i class='bx bxs-check-circle'></i>
</div>
<h3>Eligibility</h3>
<p>Find out blood donation eligibility requirements, including a minimum age and weight requirement.</p>
</div>
<div class="item">
<div class="dot-image">
<div class="thumbnail hover">
<img src="images/guide-3.jpg" alt="">
</div>
</div>
<div class="dot-info">
<h3 class="dot-title">Rapidpass</h3>
<p class="grey-color">Complete your health history questions online, before visiting your blood drive location.</p>
</div>
<div class="column">
<div class="card">
<div class="icon">
<i class='bx bx-spreadsheet'></i>
</div>
<h3>Rapidpass</h3>
<p>Complete your health history questions online before visiting your blood drive location.</p>
</div>
</div>
</div>
@ -187,6 +160,20 @@
</div>
</div>
<div class="content-1" id="content-1">
<div class="container">
<div class="content-1-img">
<img src="images/heading-3.jpg" alt="">
</div>
<div class="content-1-text">
<h2>content</h2>
<p>message</p>
<a href="" class="primary-btn">Learn more</a>
</div>
</div>
</div>
</main>