-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
119 lines (107 loc) · 5.86 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>G.K.ENTERPRISES</title>
<script src="https://kit.fontawesome.com/fb3d3bd745.js" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap" rel="stylesheet">
<link rel="icon" href="images/icon/gk-website-favicon-white.png">
<link rel="stylesheet" href="css/contact.css">
</head>
<body>
<div class="container">
<div class="mainscreen">
<div id="header" class="header">
<div class="nav">
<div class="left">
<i class="fa-solid fa-person-biking fa-2x" style="color: #000000;"></i>
<h2 class="enter">G.K.Enterprises</h2>
</div>
<div class="right">
<i class="fa-solid fa-bars fa-xl" style="color: #000000;
"></i>
</div>
</div>
<div class="menu hide ">
<ul class="ul">
<li class="listitem"><a href="index.html" class="link">Home</a></li>
<li class="listitem"><a href="products.html" class="link">Products</a></li>
<li class="listitem"><a href="infrastructure.html" class="link">Infrastructure</a></li>
<li class="listitem"><a href="about.html" class="link">About</a></li>
<li class="listitem"><a href="contact.html" class="link">Contact</a></li>
</ul>
</div>
</div>
<main class="main">
<h1 class="manu">Contact Us!</h1>
<p class="para">Contact us to crack a deal!</p>
</main>
</div>
<div class="location">
<div class="locationh">
<h2 class="heading-location">Meet Us At</h2>
<hr class="line-head" align="left">
</div>
<div class="loction-details">
<div class="phone"><a href="tel:+91 9872092211" class="phonenumber"><i class="fa-solid fa-phone fa-lg" style="color: dodgerblue;"></i> +91 9782092211</a></div>
<div class="email"><a href="mailto:[email protected]" class="mailid"><i class="fa-regular fa-envelope fa-lg" style="color: dodgerblue;"></i> [email protected]</a></div>
<div class="address"><a href="https://www.google.com/maps/dir/30.8835811,75.8882503/GK+Enterprises,+56%2F3%2FB+St.no.11%2F2,+Kabir+Nagar+Daba+Road,+Street+Number+8%2F2,+Ludhiana,+Punjab+141003/@30.8790634,75.882494,16z/data=!3m1!4b1!4m9!4m8!1m1!4e1!1m5!1m1!1s0x391a828d249ba523:0xcdfa01c32c51bab8!2m2!1d75.8853757!2d30.8732117?entry=ttu" class="addresslink"><i class="fa-solid fa-location-dot fa-lg" style="color: dodgerblue;"></i> GK Enterprises<br> 56/3/B St.no.11/2, Kabir Nagar Daba Road,<br> Street Number 8/2, Ludhiana, Punjab<br> 141003</a></div>
</div>
<div class="locationumaps">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d495.3690523531202!2d75.88538647685598!3d30.87330355047549!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x391a828d249ba523%3A0xcdfa01c32c51bab8!2sGK%20Enterprises!5e0!3m2!1sen!2sin!4v1691693411217!5m2!1sen!2sin" style="border:0;" class="locationmaps" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
<div class="forms">
<div class="content">
<div class="formsh">
<h2 class="contact">Contact</h2>
<p class="notice">Please fill the form>Do not put false information.</p>
</div>
<form action="" class="mainform">
<label for="name" class="namel"> <i class="fa-solid fa-signature fa-xl" style="color: dodgerblue;"></i> Full Name <i class="fa-solid fa-star-of-life fa-2xs" style="color: #ff0000;"></i>:</label>
<input type="text" placeholder="Enter your full name" required id="name">
<p></p>
<label for="email" class="namel"><i class="fa-regular fa-envelope fa-xl" style="color: dodgerblue;"></i> Email <i class="fa-solid fa-star-of-life fa-2xs" style="color: #ff0000;"></i>:</label>
<input type="email" placeholder="Enter your Email" required id="email">
<p></p>
<label for="number" class="namel"> <i class="fa-solid fa-phone fa-xl" style="color: dodgerblue;"></i>Contact Number <i class="fa-solid fa-star-of-life fa-2xs" style="color: #ff0000;"></i>:</label>
<input type="tel" required id="number" placeholder="Enter your Contact number">
<p></p>
<label for="query" class="namel"><i class="fa-solid fa-pencil fa-xl" style="color: dodgerblue;"></i> Write your query:</label>
<textarea name="" id="query" cols="21" rows="7" placeholder="Enter your query "></textarea>
<p class="notice">Enter your query in short we will acutomatically mail you back.</p>
<div class="buttons"> <input type="submit" id="submit" >
<input type="reset" id="reset">
</div>
</form>
</div>
</div>
<hr class="linebefore">
<footer class="footer">
<div class="footerbox">
<img src="images/icon/gk-website-favicon-white.png" alt="" class="logof">
<h1 class="hf">G.K.ENTERPRISES</h1>
</div>
<div class="flink">
<ul class="ullink">
<li class="listitemf"><a href="index.html" class="linkf">HOME</a></li>
<li class="listitemf"><a href="products.html" class="linkf">PRODUCTS</a></li>
<li class="listitemf"><a href="infrastructure.html" class="linkf">INFRASTRUCTURE</a></li>
<li class="listitemf"><a href="about.html" class="linkf">ABOUT</a></li>
<li class="listitemf"><a href="contact.html" class="linkf">CONTACT</a></li>
</ul>
<a href="mailto:[email protected]" class="mailus"> <button class="mail"><i class="fa-regular fa-envelope fa-2x" style="color: #ffffff;"></i>MAIL US</button></a>
</div>
<hr class="bottomf">
<div class="copy">
<p class="copyr">Copyright © 2023</p>
<p class="developed">Developed by:Simarjot Singh</p>
</div>
</footer>
<script type="module" src="js/contact.js"></script>
</body>
</html>