batuhan-basoglu/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

calender, payment

Browse source
This commit is contained in:
ruchi 2021-03-09 22:58:00 -05:00
commit 7d06202348
1 changed files with 98 additions and 98 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
index.html
View file

@ -8,7 +8,7 @@
<link <link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;900&family=Ubuntu:wght@300;400;700&display=swap" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;900&family=Ubuntu:wght@300;400;700&display=swap"
rel="stylesheet"> rel="stylesheet">
<!-- CSS stylesheet -->. <!-- CSS stylesheet -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css"> <link rel="stylesheet" href="css/styles.css">
@ -54,13 +54,13 @@
<div class="collapse navbar-collapse" id="navbarTogglerDemo02"> <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#pricing" id="test">Repair Plans</a> <a class="nav-link" href="#pricing" id="test"> Repair Plans <i class="fas fa-toolbox"></i> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#cta" id="test">Contact Us</a> <a class="nav-link" href="#cta" id="test"> Contact Us <i class="fas fa-map-signs"></i> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#appointment" id="test">Appointment</a> <a class="nav-link" href="#appointment" id="test"> Appointment <i class="far fa-clock"></i> </a>
</li> </li>
</ul> </ul>
</div> </div>
@ -71,7 +71,8 @@
<div class="row"> <div class="row">
<div class="col-lg-6"> <div class="col-lg-6">
<h1 class="big-heading">Nothing beats the high of a good bike ride. </h1> <h1 class="big-heading">Nothing beats the high of a good bike ride. </h1>
<button type="button" onclick="toAppointment()" class="btn btn-lg btn-dark download-btn"><i class="fas fa-bicycle"></i> Book an <button type="button" onclick="toAppointment()" class="btn btn-lg btn-dark download-btn"><i
class="fas fa-bicycle"></i> Book an
Appointment</button> Appointment</button>
</div> </div>
@ -90,7 +91,7 @@
<div class="container-fluid"> <div class="container-fluid">
<h1 style="font-weight: bold;">Meet the Team</h1> <h1 style="font-weight: bold;"><i class="fas fa-users"></i> Meet the Team</h1>
<br> <br>
<br> <br>
@ -106,7 +107,7 @@
</div> </div>
<div class="col-md-8"> <div class="col-md-8">
<div class="card-body"> <div class="card-body">
<h5 class="card-title ">Batuhan</h5> <h5 class="card-title "><i class="fas fa-id-card"></i> Batuhan</h5>
<p class="card-text">Hey, I'm the store owner. Ever since I was a child, it was my dream to own <p class="card-text">Hey, I'm the store owner. Ever since I was a child, it was my dream to own
a bike shop. I specialize in brake repair.</p> a bike shop. I specialize in brake repair.</p>
<p class="card-text"><small class="text-muted">Availability: Monday-Friday</small></p> <p class="card-text"><small class="text-muted">Availability: Monday-Friday</small></p>
@ -126,7 +127,7 @@
</div> </div>
<div class="col-md-8"> <div class="col-md-8">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Mumen</h5> <h5 class="card-title"><i class="fas fa-id-card"></i> Mumem</h5>
<p class="card-text">Without biking, my life has no meaning. I am <p class="card-text">Without biking, my life has no meaning. I am
the best at fixing punctures in town.</p> the best at fixing punctures in town.</p>
<p class="card-text"><small class="text-muted">Availability: Tuesday-Wednesday</small></p> <p class="card-text"><small class="text-muted">Availability: Tuesday-Wednesday</small></p>
@ -135,7 +136,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4 col-12"> <div class="col-lg-4 col-12">
@ -147,19 +147,15 @@
</div> </div>
<div class="col-md-8"> <div class="col-md-8">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Stewart</h5> <h5 class="card-title"><i class="fas fa-id-card"></i> Stewart</h5>
<p class="card-text"> I recently got my masters in bike fixing. I can help you with any repair or maintenence </p> <p class="card-text"> I recently got my masters in bike fixing. I can help you with any repair or
maintenence </p>
<p class="card-text"><small class="text-muted">Availability: Monday-Wednesday</small></p> <p class="card-text"><small class="text-muted">Availability: Monday-Wednesday</small></p>
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
@ -218,7 +214,7 @@
<section class="white-section" id="pricing"> <section class="white-section" id="pricing">
<h2 class="section-heading">Our Services</h2> <h2 class="section-heading"><i class="fas fa-toolbox"></i> Our Services</h2>
<p>Simple and affordable price plans for your bike.</p> <p>Simple and affordable price plans for your bike.</p>
@ -226,14 +222,15 @@
<div class="pricing-col col-lg-4 col-md-6"> <div class="pricing-col col-lg-4 col-md-6">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
<h3>Brake Repair</h3> <h3><i class="fas fa-screwdriver"></i> Brake Repair</h3>
</div> </div>
<div class="card-body"> <div class="card-body">
<h2 class="price-text">$47.95</h2> <h2 class="price-text">$47.95</h2>
<img class="title-image" src="images/brake.jpg" alt="bike1"> <img class="title-image" src="images/brake.jpg" alt="bike1">
<p>Repair Using Standard kit</p> <p>Repair Using Standard kit</p>
<p>Part Replacement</p> <p>Part Replacement</p>
<button type="button" class="btn btn-block btn-outline-dark btn-lg">Select</button> <button type="button" onclick="toAppointment()"
class="btn btn-block btn-outline-dark btn-lg">Select</button>
</div> </div>
</div> </div>
</div> </div>
@ -241,14 +238,15 @@
<div class="pricing-col col-lg-4 col-md-6"> <div class="pricing-col col-lg-4 col-md-6">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
<h3>Fixing Punctures</h3> <h3><i class="fas fa-wrench"></i> Fixing Punctures</h3>
</div> </div>
<div class="card-body"> <div class="card-body">
<h2 class="price-text">$59.95</h2> <h2 class="price-text">$59.95</h2>
<img class="title-image" src="images/tire.jpg" alt="bike2"> <img class="title-image" src="images/tire.jpg" alt="bike2">
<p> Repair Using Advanced Kit</p> <p> Repair Using Advanced Kit</p>
<p> Part Replacement</p> <p> Part Replacement</p>
<button type="button" class="btn btn-block btn-outline-dark btn-lg">Select</button> <button type="button" onclick="toAppointment()"
class="btn btn-block btn-outline-dark btn-lg">Select</button>
</div> </div>
</div> </div>
</div> </div>
@ -257,14 +255,15 @@
<div class="pricing-col col-lg-4 "> <div class="pricing-col col-lg-4 ">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
<h3>Full Repair/Maintenance</h3> <h3><i class="fas fa-tools"></i> Full Repair/Maintenance</h3>
</div> </div>
<div class="card-body"> <div class="card-body">
<h2 class="price-text">$79.95</h2> <h2 class="price-text">$79.95</h2>
<img class="title-image" src="images/maintenance.jpg" alt="bike3"> <img class="title-image" src="images/maintenance.jpg" alt="bike3">
<p>Full Part Replacement</p> <p>Full Part Replacement</p>
<p>Full Cleaning</p> <p>Full Cleaning</p>
<button type="button" class="btn btn-block btn-outline-dark btn-lg">Select</button> <button type="button" onclick="toAppointment()"
class="btn btn-block btn-outline-dark btn-lg">Select</button>
</div> </div>
</div> </div>
</div> </div>
@ -278,12 +277,13 @@
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<h2 class="big-heading">Contact Us</h2> <h2 class="big-heading"> <i class="fas fa-map-signs"></i> Contact Us</h2>
<p style="color:white;font-size:20px">5 Hawthorne Avenue <br> <p style="color:white;font-size:20px">5 Hawthorne Avenue <br>
Ottawa, Ontario <br> Ottawa, Ontario <br>
Phone: (613) 567-8180 <br> Phone: (613) 567-8180 <br>
Email: info@cycosport.ca <br> Email: info@cycosport.ca <br>
<p style= "font-weight: bold; color: white;font-size:25px ">Buisness Hours: 8:30 - 22:00, Monday to Friday <p> <p style="font-weight: bold; color: white;font-size:25px ">Buisness Hours: 8:30 - 22:00, Monday to Friday
<p>
</p> </p>
</div> </div>
</div> </div>
@ -317,7 +317,7 @@
<div class="container-fluid"> <div class="container-fluid">
<h2 class="big-heading">Book an Appointment</h2> <h2 class="big-heading"> <i class="far fa-clock"></i> Book an Appointment</h2>
<!-- Accordion for booking a service--> <!-- Accordion for booking a service-->
<div id="accordion"> <div id="accordion">
<div class="card"> <div class="card">