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

Added more Icons.

Browse source
This commit is contained in:
Batuhan Berk Başoğlu 2021-03-07 21:53:27 -05:00
parent 2f1f38b216
commit 8776dd7c0d
2 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
css/styles.css
View file

@ -274,7 +274,7 @@ textarea {
/* Style the submit button with a specific background color etc */ /* Style the submit button with a specific background color etc */
input[type=submit] { button[type=submit] {
background-color: #d60024; background-color: #d60024;
color: white; color: white;
padding: 12px 20px; padding: 12px 20px;
@ -286,6 +286,6 @@ input[type=submit] {
/* When moving the mouse over the submit button, add a darker green color */ /* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover { button[type=submit]:hover {
background-color: #fa4664; background-color: #fa4664;
} }

14
index.html
View file

@ -47,13 +47,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>
@ -173,7 +173,7 @@
<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>
@ -188,7 +188,7 @@
<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>
@ -204,7 +204,7 @@
<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>
@ -297,7 +297,7 @@
<br> <br>
<br> <br>
<input type="submit" value="Submit"> <button type="submit" class="btn btn-lg btn-dark download-btn">Submit <i class="far fa-calendar-check"></i></button>
</form> </form>
</div> </div>