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 'master' of https://github.com/ArcticHawk1/SEG3125-LAB5

Browse source
This commit is contained in:
kene17 2021-03-10 18:36:30 -05:00
commit 1d9818b525
1 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
index.html
View file

@ -323,7 +323,7 @@
<div class="card"> <div class="card">
<div class="card-header" id="headingOne"> <div class="card-header" id="headingOne">
<h5 class="mb-0"> <h5 class="mb-0">
<button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> <button class="btn btn-link" data-toggle= "tooltip" data-placement="top" title="you can book services here" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Book Services Book Services
</button> </button>
</h5> </h5>
@ -331,7 +331,7 @@
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion"> <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body"> <div class="card-body">
<h2>Services</h2> <h2><i class="fas fa-toolbox"></i> Services</h2>
<p>Please select services you require</p> <p>Please select services you require</p>
<select class="form-select form-select-sm" aria-label=".form-select-sm example"> <select class="form-select form-select-sm" aria-label=".form-select-sm example">
<option selected>Select Service</option> <option selected>Select Service</option>
@ -341,7 +341,7 @@
<option value="3">Other Inquiries</option> <option value="3">Other Inquiries</option>
</select> </select>
<hr> <hr>
<h2>Mechanics</h2> <h2><i class="fas fa-users"></i> Mechanics</h2>
<p>Please select your technican</p> <p>Please select your technican</p>
<select class="form-select form-select-sm" aria-label=".form-select-sm example" onchange="getMechanic(this)"> <select class="form-select form-select-sm" aria-label=".form-select-sm example" onchange="getMechanic(this)">
<option selected>Select technican</option> <option selected>Select technican</option>
@ -352,7 +352,7 @@
</select> </select>
<hr> <hr>
<!-- notify user of the availability of technican before selecting time, let them block dates that arent bookable and let users know--> <!-- notify user of the availability of technican before selecting time, let them block dates that arent bookable and let users know-->
<h2>Appointment Time</h2> <h2><i class="fas fa-calendar-plus"></i> Appointment Time</h2>
<p>Please select an appointment time</p> <p>Please select an appointment time</p>
<div class="request-label"> <div class="request-label">
<label for="appTime">Choose an appointment date: </label> <label for="appTime">Choose an appointment date: </label>
@ -377,6 +377,8 @@
</div> </div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion"> <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
<div class="card-body"> <div class="card-body">
<h2><i class="far fa-address-book"></i> Contact Information</h2>
<form> <form>
<div class="form-group"> <div class="form-group">
<p class=class="res">Please leave us with your personal information.</p> <p class=class="res">Please leave us with your personal information.</p>
@ -406,8 +408,13 @@
</div> </div>
</div> </div>
<hr> <hr>
<p class="rec">Please provide your credit card information to guarantee your service appointment.</p> <p class="rec">Please provide your credit card information to guarantee your service appointment.</p>
<h2>Account Details</h2> <h2>Account Details</h2>
<h2><i class="fas fa-money-check-alt"></i> Payment Information</h2>
<p>Please fill the spaces below with your payment information</p>
<div class="form-group"> <div class="form-group">
<div class="row"> <div class="row">
<div class="col-6" style="float: right;"> <div class="col-6" style="float: right;">
@ -501,6 +508,10 @@
else else
return [ true, "", "" ] return [ true, "", "" ]
} }
$(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script> </script>