Skip to content

Commit 0587297

Browse files
aanchal-fatwaniaanchal-fatwani
committed
feat(contact page): Fixed fom layout, menu and go to top icons
1 parent c350eea commit 0587297

File tree

2 files changed

+49
-21
lines changed

2 files changed

+49
-21
lines changed

‎contact.html‎

Lines changed: 43 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -41,8 +41,13 @@
4141
<div class="container">
4242
<a href="index.html"><span><img src="images/CodXCrypt.png" alt="" class="img-fluid"></span></a>
4343
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
44-
<span class="oi oi-menu"></span> Menu
45-
</button>
44+
<span class="oi oi-menu"></span>
45+
<div class="containerM">
46+
<div class="bar1"></div>
47+
<div class="bar2"></div>
48+
<div class="bar3"></div>
49+
</div>
50+
</button>
4651

4752
<div class="collapse navbar-collapse" id="ftco-nav">
4853
<ul class="navbar-nav ml-auto">
@@ -89,28 +94,44 @@ <h2 class="mb-4">Reach To CodXCrypt Community</h2>
8994
<h3 class="mb-4">Get in touch</h3>
9095
<form method="POST" id="contactForm" name="contactForm" class="contactForm">
9196
<div class="row">
92-
<div class="col-md-6">
93-
<div class="form-group">
94-
<label class="label" for="name">Full Name</label>
95-
<input type="text" class="form-control" name="name" id="name" placeholder="Name">
97+
<div class="col-md-12">
98+
<div class="form-group">
99+
<div class="col-md-3">
100+
<label class="label" for="name">Full Name</label>
101+
</div>
102+
<div class="col-md-9">
103+
<input type="text" class="form-control" name="name" id="name" placeholder="Name">
104+
</div>
96105
</div>
97106
</div>
98-
<div class="col-md-6">
99-
<div class="form-group">
100-
<label class="label" for="email">Email Address</label>
101-
<input type="email" class="form-control" name="email" id="email" placeholder="Email">
107+
<div class="col-md-12">
108+
<div class="form-group">
109+
<div class="col-md-3">
110+
<label class="label" for="email">Email Address</label>
111+
</div>
112+
<div class="col-md-9">
113+
<input type="email" class="form-control" name="email" id="email" placeholder="Email">
114+
</div>
102115
</div>
103116
</div>
104117
<div class="col-md-12">
105-
<div class="form-group">
106-
<label class="label" for="subject">Subject</label>
107-
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject">
118+
<div class="form-group">
119+
<div class="col-md-3">
120+
<label class="label" for="subject">Subject</label>
121+
</div>
122+
<div class="col-md-9">
123+
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject">
124+
</div>
108125
</div>
109126
</div>
110127
<div class="col-md-12">
111-
<div class="form-group">
112-
<label class="label" for="#">Message</label>
113-
<textarea name="message" class="form-control" id="message" cols="30" rows="4" placeholder="Message"></textarea>
128+
<div class="form-group">
129+
<div class="col-md-3">
130+
<label class="label" for="message">Message</label>
131+
</div>
132+
<div class="col-md-9">
133+
<textarea name="message" class="form-control" id="message" cols="30" rows="4" placeholder="Message"></textarea>
134+
</div>
114135
</div>
115136
</div>
116137
<div class="col-md-12">
@@ -132,31 +153,31 @@ <h3>Let's get in touch</h3>
132153
<span class="fa fa-map-marker"></span>
133154
</div>
134155
<div class="text pl-3">
135-
<p><span>Address:</span> New Delhi, India</p>
156+
<p>New Delhi, India</p>
136157
</div>
137158
</div>
138159
<div class="dbox w-100 d-flex align-items-center">
139160
<div class="icon d-flex align-items-center justify-content-center">
140161
<span class="fa fa-phone"></span>
141162
</div>
142163
<div class="text pl-3">
143-
<p><span>Phone:</span> <a href="tel://1234567920">+91 80586 84414</a></p>
164+
<p><a href="tel://1234567920">+91 80586 84414</a></p>
144165
</div>
145166
</div>
146167
<div class="dbox w-100 d-flex align-items-center">
147168
<div class="icon d-flex align-items-center justify-content-center">
148169
<span class="fa fa-paper-plane"></span>
149170
</div>
150171
<div class="text pl-3">
151-
<p><span>Email:</span> <a href="mailto:codxcryptcommunity@gmail.com">codxcryptcommunity@gmail.com</a></p>
172+
<p><a href="mailto:codxcryptcommunity@gmail.com">codxcryptcommunity@gmail.com</a></p>
152173
</div>
153174
</div>
154175
<div class="dbox w-100 d-flex align-items-center">
155176
<div class="icon d-flex align-items-center justify-content-center">
156177
<span class="fa fa-globe"></span>
157178
</div>
158179
<div class="text pl-3">
159-
<p><span>Website</span> <a href="#">www.codxcrypt.com</a></p>
180+
<p><a href="#">www.codxcrypt.com</a></p>
160181
</div>
161182
</div>
162183
</div>
@@ -234,7 +255,8 @@ <h4>Join Our Newsletter</h4>
234255
<a href="https://www.youtube.com/channel/UCInFaJ1OUf5UGl5soiO_8ng"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
235256
<a href="https://t.me/codxcryptdsacp"><i class="fa fa-telegram"></i></a>
236257
</div>
237-
<button onclick="topFunction()" id="myBtn" title="Go to top">Go to Top</button>
258+
<button onclick="topFunction()" id="myBtn" title="Go to top"><i class="fa fa-arrow-up" aria-hidden="true"></i></button>
259+
238260
</div>
239261
<p style="text-align:center;">Copyright @Copyright 2020 CodXCrypt Community | All rights reserved</p>
240262

‎css/style.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14923,4 +14923,10 @@ License Terms .blog-entry {
1492314923
.change .bar3 {
1492414924
-webkit-transform: rotate(45deg) translate(-8px, -8px);
1492514925
transform: rotate(45deg) translate(-8px, -8px);
14926+
}
14927+
14928+
.form-group {
14929+
display: flex;
14930+
align-items: flex-start;
14931+
margin-bottom: 20px;
1492614932
}

0 commit comments

Comments
 (0)