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

Merge branch 'practice' of github.com:ArcticHawk1/SEG3125-LAB5 into practice

Browse source
This commit is contained in:
soyed 2021-03-10 15:03:39 -05:00
commit 825e43a581
2 changed files with 17 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
css/styles.css
View file

@ -63,7 +63,7 @@ h3 {
}
h5 {
font-weight: bold;
font-size: 23px;
}
p {
@ -79,6 +79,11 @@ hr {
}
h2:hover{
color:#72a7b3
}
/* navigation bar */
.navbar {
@ -88,6 +93,7 @@ hr {
.section-heading {
font-size: 3rem;
line-height: 1.5;
color: #34626c
}
.navbar-brand {

21
index.html
View file

@ -40,7 +40,7 @@
<a class="nav-link" href="#pricing" id="test"> Repair Plans <i class="fas fa-toolbox"></i> </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cta" id="test"> Contact Us <i class="fas fa-map-signs"></i> </a>
<a class="nav-link" href="#cta" id="test"> Contact Us <i class="fas fa-map-marker-alt"></i> </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#appointment" id="test"> Appointment <i class="far fa-clock"></i> </a>
@ -73,7 +73,7 @@
<div class="container-fluid">
<h1 style="font-weight: bold;"><i class="fas fa-users"></i> Meet the Team</h1>
<h2 class="section-heading" style="text-align:center;"><i class="fas fa-users"></i> Meet the Team</h2>
<br>
<br>
@ -89,7 +89,7 @@
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title "><i class="fas fa-id-card"></i> 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
a bike shop. I specialize in brake repair.</p>
<p class="card-text"><small class="text-muted">Availability: Monday-Friday</small></p>
@ -209,8 +209,8 @@
<div class="card-body">
<h2 class="price-text">$47.95</h2>
<img class="title-image" src="images/brake.jpg" alt="bike1">
<p>Repair Using Standard kit</p>
<p>Part Replacement</p>
<p> <br>Standard Kit | Part Replacement</p>
<!-- <button type="button" onclick="toAppointment()" class="btn btn-block btn-outline-dark btn-lg">Select</button> -->
</div>
</div>
@ -224,8 +224,7 @@
<div class="card-body">
<h2 class="price-text">$59.95</h2>
<img class="title-image" src="images/tire.jpg" alt="bike2">
<p> Repair Using Advanced Kit</p>
<p> Part Replacement</p>
<p > <br> Advanced Kit | Part Replacement</p>
<!-- <button type="button" onclick="toAppointment()" class="btn btn-block btn-outline-dark btn-lg">Select</button> -->
</div>
</div>
@ -240,8 +239,7 @@
<div class="card-body">
<h2 class="price-text">$79.95</h2>
<img class="title-image" src="images/maintenance.jpg" alt="bike3">
<p>Full Part Replacement</p>
<p>Full Cleaning</p>
<p> <br> Full Cleaning Kit | Full Part Replacement</p>
<!-- <button type="button" onclick="toAppointment()" class="btn btn-block btn-outline-dark btn-lg">Select</button> -->
</div>
</div>
@ -256,7 +254,7 @@
<div class="row">
<div class="col-12">
<h2 class="big-heading"> <i class="fas fa-map-signs"></i> Contact Us</h2>
<h2 class="big-heading"> <i class="fas fa-map-marker-alt"></i> Contact Us</h2>
<p style="color:white;font-size:20px">5 Hawthorne Avenue <br>
Ottawa, Ontario <br>
Phone: (613) 567-8180 <br>
@ -295,7 +293,8 @@
<div class="container-fluid">
<h2 class="big-heading"> <i class="far fa-clock"></i> Book an Appointment</h2>
<h2 class="big-heading"> <i class="far fa-clock"></i> Book an Appointment </h2>
<br>
<!-- Accordion for booking a service-->
<form onsubmit="validateForm()" method="post">