-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathahsan.html
70 lines (70 loc) · 4.35 KB
/
ahsan.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="ahsan.css">
</head>
<body>
<!-- Contact Start -->
<div class="container-fluid pt-5">
<div class="text-center mb-4">
<h2 class="section-title px-5"><span class="px-2">Contact For Any Queries</span></h2>
</div>
<div class="row px-xl-5">
<div class="col-lg-7 mb-5">
<div class="contact-form">
<div id="success"></div>
<form name="sentMessage" id="contactForm" novalidate="novalidate" action="/contact" method="post">
{% csrf_token %}
<div class="control-group">
<input type="text" class="form-control" id="name" name="name" placeholder="Your Name"
required="required" value="{{request.user.first_name}} {{request.user.last_name}}" data-validation-required-message="Please enter your name" />
<p class="help-block text-danger"></p>
</div>
<div class="control-group">
<input type="email" class="form-control" id="email" name="email" placeholder="Your Email" value="{{request.user.email}}"
required="required" data-validation-required-message="Please enter your email" />
<p class="help-block text-danger"></p>
</div>
<div class="control-group">
<input type="text" class="form-control" id="subject" name="subject" placeholder="Subject"
required="required" data-validation-required-message="Please enter a subject" />
<p class="help-block text-danger"></p>
</div>
<div class="control-group">
<textarea class="form-control" rows="6" id="message" name="message" placeholder="Message"
required="required"
data-validation-required-message="Please enter your message"></textarea>
<p class="help-block text-danger"></p>
</div>
<div>
<button class="btn btn-primary py-2 px-4" type="submit" id="sendMessageButton">Send
Message</button>
</div>
</form>
</div>
</div>
<div class="col-lg-5 mb-5">
<h5 class="font-weight-semi-bold mb-3">Get In Touch</h5>
<p>Justo sed diam ut sed amet duo amet lorem amet stet sea ipsum, sed duo amet et. Est elitr dolor elitr erat sit sit. Dolor diam et erat clita ipsum justo sed.</p>
<div class="d-flex flex-column mb-3">
<h5 class="font-weight-semi-bold mb-3">Store 1</h5>
<div>
<a href="https://www.google.com/maps/place/Block+C+Kaleem+Shaheed+Colony+2,+Faisalabad,+Punjab,+Pakistan/@31.4355687,73.0258173,17z/data=!3m1!4b1!4m6!3m5!1s0x392243080353fdf3:0x938b5acfad43720a!8m2!3d31.4351911!4d73.027983!16s%2Fg%2F11gdxl7mt7"
class="mb-2 text-dark d-block" target="_blank"><i
class="fa fa-map-marker-alt text-primary mr-3"></i>Kaleem Shaheed Colony#2, Faisalabad</a>
<a href="mailto:ahsanqamar2021@gmail.com" class="mb-2 text-dark d-block"><i
class="fa fa-envelope text-primary mr-3"></i>ahsanqamar2021@gmail.com</a>
<a class="mb-2 text-dark d-block " href="tel:+92-325-3190838"><i
class="fa fa-phone-alt text-primary mr-3"></i>+92-325-3190838</a>
</div>
</div>
</div>
</div>
</div>
<!-- Contact End -->
</body>
</html>