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 { h5 {
font-weight: bold; font-size: 23px;
} }
p { p {
@ -79,6 +79,11 @@ hr {
} }
h2:hover{
color:#72a7b3
}
/* navigation bar */ /* navigation bar */
.navbar { .navbar {
@ -88,6 +93,7 @@ hr {
.section-heading { .section-heading {
font-size: 3rem; font-size: 3rem;
line-height: 1.5; line-height: 1.5;
color: #34626c
} }
.navbar-brand { .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> <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 <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>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#appointment" id="test"> Appointment <i class="far fa-clock"></i> </a> <a class="nav-link" href="#appointment" id="test"> Appointment <i class="far fa-clock"></i> </a>
@ -73,7 +73,7 @@
<div class="container-fluid"> <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>
<br> <br>
@ -89,7 +89,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 "><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 <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>
@ -209,8 +209,8 @@
<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>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> --> <!-- <button type="button" onclick="toAppointment()" class="btn btn-block btn-outline-dark btn-lg">Select</button> -->
</div> </div>
</div> </div>
@ -224,8 +224,7 @@
<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 > <br> Advanced Kit | Part Replacement</p>
<p> Part Replacement</p>
<!-- <button type="button" onclick="toAppointment()" 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>
@ -240,8 +239,7 @@
<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> <br> Full Cleaning Kit | Full Part Replacement</p>
<p>Full Cleaning</p>
<!-- <button type="button" onclick="toAppointment()" 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>
@ -256,7 +254,7 @@
<div class="row"> <div class="row">
<div class="col-12"> <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> <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>
@ -295,7 +293,8 @@
<div class="container-fluid"> <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--> <!-- Accordion for booking a service-->
<form onsubmit="validateForm()" method="post"> <form onsubmit="validateForm()" method="post">