Skip to content

Commit

Permalink
Merge pull request #67 from aanchal-fatwani/fix/contact-page
Browse files Browse the repository at this point in the history 
feat(contact page): Fixed fom layout, menu and go to top icons
  • Loading branch information
@kashish-d
kashish-d authored Oct 3, 2021
2 parents b0cf6d2 + 4cf14cf commit 975a824
Show file tree
Hide file tree
Showing 2 changed files with 49 additions and 21 deletions.
64 changes: 43 additions & 21 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,8 +41,13 @@
<div class="container">
<a href="index.html"><span><img src="images/CodXCrypt.png" alt="" class="img-fluid"></span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="oi oi-menu"></span> Menu
</button>
<span class="oi oi-menu"></span>
<div class="containerM">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
</button>

<div class="collapse navbar-collapse" id="ftco-nav">
<ul class="navbar-nav ml-auto">
Expand Down Expand Up @@ -89,28 +94,44 @@ <h2 class="mb-4">Reach To CodXCrypt Community</h2>
<h3 class="mb-4">Get in touch</h3>
<form method="POST" id="contactForm" name="contactForm" class="contactForm">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="label" for="name">Full Name</label>
<input type="text" class="form-control" name="name" id="name" placeholder="Name">
<div class="col-md-12">
<div class="form-group">
<div class="col-md-3">
<label class="label" for="name">Full Name</label>
</div>
<div class="col-md-9">
<input type="text" class="form-control" name="name" id="name" placeholder="Name">
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="label" for="email">Email Address</label>
<input type="email" class="form-control" name="email" id="email" placeholder="Email">
<div class="col-md-12">
<div class="form-group">
<div class="col-md-3">
<label class="label" for="email">Email Address</label>
</div>
<div class="col-md-9">
<input type="email" class="form-control" name="email" id="email" placeholder="Email">
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label class="label" for="subject">Subject</label>
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject">
<div class="form-group">
<div class="col-md-3">
<label class="label" for="subject">Subject</label>
</div>
<div class="col-md-9">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject">
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label class="label" for="#">Message</label>
<textarea name="message" class="form-control" id="message" cols="30" rows="4" placeholder="Message"></textarea>
<div class="form-group">
<div class="col-md-3">
<label class="label" for="message">Message</label>
</div>
<div class="col-md-9">
<textarea name="message" class="form-control" id="message" cols="30" rows="4" placeholder="Message"></textarea>
</div>
</div>
</div>
<div class="col-md-12">
Expand All @@ -132,31 +153,31 @@ <h3>Let's get in touch</h3>
<span class="fa fa-map-marker"></span>
</div>
<div class="text pl-3">
<p><span>Address:</span> New Delhi, India</p>
<p>New Delhi, India</p>
</div>
</div>
<div class="dbox w-100 d-flex align-items-center">
<div class="icon d-flex align-items-center justify-content-center">
<span class="fa fa-phone"></span>
</div>
<div class="text pl-3">
<p><span>Phone:</span> <a href="tel://1234567920">+91 80586 84414</a></p>
<p><a href="tel://1234567920">+91 80586 84414</a></p>
</div>
</div>
<div class="dbox w-100 d-flex align-items-center">
<div class="icon d-flex align-items-center justify-content-center">
<span class="fa fa-paper-plane"></span>
</div>
<div class="text pl-3">
<p><span>Email:</span> <a href="mailto:[email protected]">[email protected]</a></p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
<div class="dbox w-100 d-flex align-items-center">
<div class="icon d-flex align-items-center justify-content-center">
<span class="fa fa-globe"></span>
</div>
<div class="text pl-3">
<p><span>Website</span> <a href="#">www.codxcrypt.com</a></p>
<p><a href="#">www.codxcrypt.com</a></p>
</div>
</div>
</div>
Expand Down Expand Up @@ -234,7 +255,8 @@ <h4>Join Our Newsletter</h4>
<a href="https://www.youtube.com/channel/UCInFaJ1OUf5UGl5soiO_8ng"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
<a href="https://t.me/codxcryptdsacp"><i class="fa fa-telegram"></i></a>
</div>
<button onclick="topFunction()" id="myBtn" title="Go to top">Go to Top</button>
<button onclick="topFunction()" id="myBtn" title="Go to top"><i class="fa fa-arrow-up" aria-hidden="true"></i></button>

</div>
<p style="text-align:center;">Copyright @Copyright 2020 CodXCrypt Community | All rights reserved</p>

Expand Down
6 changes: 6 additions & 0 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14982,3 +14982,9 @@ License Terms .blog-entry {
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-8px, -8px);
}

.form-group {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}

0 comments on commit 975a824

Please sign in to comment.