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

updated the page.

Browse source
This commit is contained in:
Batuhan Berk Başoğlu 2021-03-10 18:02:01 -05:00
commit 8d853e1d1a
2 changed files with 26 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
css/styles.css
View file

@ -268,6 +268,14 @@ input:invalid+span:after {
.social-icon { .social-icon {
margin: 20px 10px; margin: 20px 10px;
} }
.res {
text-align: center;
}
.rec {
text-align: center;
}
@media (max-width: 1028px) { @media (max-width: 1028px) {
#title { #title {

6
index.html
View file

@ -378,11 +378,13 @@
<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> <h2><i class="far fa-address-book"></i> Contact Information</h2>
<p>Please fill the spaces below with your contact information</p> <p class="res">Please fill the spaces below with your contact information</p>
<form> <form>
<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;">
<label for="fnameLabel">First Name</label> <label for="fnameLabel">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="First Name"> <input type="text" id="fname" name="firstname" placeholder="First Name">
</div> </div>
@ -406,7 +408,7 @@
</div> </div>
<hr> <hr>
<h2><i class="fas fa-money-check-alt"></i> Payment Information</h2> <h2><i class="fas fa-money-check-alt"></i> Payment Information</h2>
<p>Please fill the spaces below with your payment information</p> <p class="rec">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;">