-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
128 lines (102 loc) · 4.58 KB
/
contact.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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang='en'>
<head>
<title>Abdullah</title>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no'>
<link href='https://fonts.googleapis.com/css?family=Poppins:300,400,700' rel='stylesheet'>
<link rel='shortcut icon' href='./images/logo.png' />
<link rel='stylesheet' href='css/open-iconic-bootstrap.min.css'>
<link rel='stylesheet' href='css/animate.css'>
<link rel='stylesheet' href='css/owl.carousel.min.css'>
<link rel='stylesheet' href='css/owl.theme.default.min.css'>
<link rel='stylesheet' href='css/magnific-popup.css'>
<link rel='stylesheet' href='css/aos.css'>
<link rel='stylesheet' href='css/ionicons.min.css'>
<link rel='stylesheet' href='css/bootstrap-datepicker.css'>
<link rel='stylesheet' href='css/jquery.timepicker.css'>
<link rel='stylesheet' href='css/flaticon.css'>
<link rel='stylesheet' href='css/icomoon.css'>
<link rel='stylesheet' href='css/style.css'>
<script src="js/load-html-sections.js"></script>
</head>
<body>
<div class='KW_progressContainer'>
<div class='KW_progressBar'>
</div>
</div>
<div class='page'>
<div include-nav="nav.html"></div>
<script> includeHTML('include-nav'); </script>
<div id='colorlib-page'>
<div include-header="header.html"></div>
<script> includeHTML('include-header'); </script>
<section class='ftco-section contact-section'>
<div class='container mt-5'>
<div class='row d-flex mb-5 contact-info'>
<div class='col-md-12 mb-4'>
<h2 class='h4'>Contact Information</h2>
</div>
<div class='w-100'></div>
<div class='col-md-3'>
<p><span>Address: <br></span> <a
href='https://www.google.com/maps/place/33%C2%B03926.0%22N+73%C2%B00924.7%22E/@33.6578084,73.1569407,17.75z/data=!4m6!3m5!1s0x38dfea49b9076e77:0xa6bc6ff30824ba21!7e2!8m2!3d33.6572276!4d73.1568646'>
10 Royal Avenue, Meherban Colony, Chatta Bakhtawar, Islamabad, Pakistan
</p> </a>
</div>
<div class='col-md-3'>
<p><span>Phone:<br></span> <a href='tel:+923007851465'>(+92) 300 7851465</a></p>
</div>
<div class='col-md-3'>
<p><span>Email:</span> <a href='mailto:[email protected]'>[email protected]</a></p>
</div>
</div>
<div class='row block-9'>
<div class='col-md-6 pr-md-5'>
<form action="contact.php" method="POST">
<div class='form-group'>
<input id='sender-name' name='sender-name' type='text' class='form-control' placeholder='Your Name'>
</div>
<div class='form-group'>
<input id='sender-email' name='sender-email' type='text' class='form-control' placeholder='Your Email'>
</div>
<div class='form-group'>
<input id='sender-subject' name='sender-subject' type='text' class='form-control' placeholder='Subject'>
</div>
<div class='form-group'>
<textarea name='sender-message' id='sender-message' cols='30' rows='7' class='form-control'
placeholder='Message'></textarea>
</div>
<div class='form-group'>
<input type='submit' value='Send Message' class='btn btn-primary py-4 px-5'>
</div>
</form>
</div>
</div>
</div>
</section>
<div include-footer="footer.html"></div>
<script> includeHTML('include-footer'); </script>
<!-- loader -->
<div include-loader="loader.html"></div>
<script> includeHTML('include-loader'); </script>
</div>
</div>
<script src='js/jquery.min.js'></script>
<script src='js/jquery-migrate-3.0.1.min.js'></script>
<script src='js/popper.min.js'></script>
<script src='js/bootstrap.min.js'></script>
<script src='js/jquery.easing.1.3.js'></script>
<script src='js/jquery.waypoints.min.js'></script>
<script src='js/jquery.stellar.min.js'></script>
<script src='js/owl.carousel.min.js'></script>
<script src='js/jquery.magnific-popup.min.js'></script>
<script src='js/aos.js'></script>
<script src='js/jquery.animateNumber.min.js'></script>
<script src='js/scrollax.min.js'></script>
<script src='js/bootstrap-datepicker.js'></script>
<script src='js/jquery.timepicker.min.js'></script>
<script src='https://code.iconify.design/1/1.0.6/iconify.min.js'></script>
<script src='js/main.js'></script>
</body>
</html>