-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
131 lines (120 loc) · 6.34 KB
/
contact.html
File metadata and controls
131 lines (120 loc) · 6.34 KB
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
129
130
131
<!DOCTYPE html>
<html>
<head>
<title>Auto Insurance</title>
<link rel="icon" href="resource/autoinsurance-icon.jpg"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"/>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"></script>
<!-- AOS css and JS -->
<link rel="stylesheet" href="resource/aos/aos.css">
<script src="resource/aos/aos.js"></script>
<!-- AOS css and JS END-->
<!-- fontawesome -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" >
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<!-- fontawesome END -->
<!-- custom css-->
<link rel="stylesheet" href="custom.css"/>
<!-- custom css END-->
<meta name="author" content="Nikita Sirohi"/>
<meta name="description" content="This is a Auto Insurance website"/>
<meta name="keywords" content="best Insurance comapny in noida"/>
</head>
<body>
<nav class="navbar navbar-expand-sm sticky-top bg-light">
<a class="navbar-brand c-font" href="index.html">
<img src='resource/autoinsurance-icon.jpg' width="30px"/> <span class="text-danger font-weight-bold ">Auto</span><span class="text-muted">Insurance</span>
</a>
<button class="navbar-toggler bg-light" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<!-- <span class="navbar-toggler-icon text-dark"> <i class="fas fa-sort-down"></i> </span> -->
<span class="fa fa-bars"></span> Menu
</button>
<div class="collapse navbar-collapse " id="collapsibleNavbar" >
<ul class="navbar-nav mx-auto ">
<li class="nav-item">
<a class="nav-link text-secondary" href="index.html">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link text-secondary" href="contact.html">CONTACT</a>
</li>
</ul>
<div >
<a class="text-danger h5 mr-3" href="tel:+91-9811481198">CALL US TODAY: +91-9811481198</a>
</div>
</div>
</nav>
<section class="my-5">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6" data-aos="fade-right" data-aos-duration="1000">
<img class="img-fluid" src="resource/image1.jpg"" alt="" >
</div>
<div class="col-md-6">
<p><i class="fas fa-map-marker-alt"></i> 503, 5th Floor, C-Block, Yummana Express, Greater Noida, UP (201306).</p>
<p><i class="fas fa-mobile-alt"></i> 9811XXXXXX, 9811XXXXXX.</p>
<p><i class="fas fa-envelope"></i> xyz@abc.com</p>
<hr/>
<h5>FREE QUOTE! Fill the form please.</h5>
<form method="post" name="google-sheet">
<div class="form-group">
<input class="form-control" type="text" name="Name" pattern="[a-z A-Z]+" placeholder="NAME" required />
</div>
<div class="form-group">
<input class="form-control" type="email" name="Email" placeholder="EMAIL" required />
</div>
<div class="form-group">
<input class="form-control" type="tel" name="Phone" pattern="[0-9]+" minlength="10" maxlength="10" placeholder="PHONE" required />
</div>
<div class="form-group">
<input class="form-control" type="text" name="ZipCode" pattern="[0-9]+" placeholder="ZIP CODE" required />
</div>
<button class="btn btn-danger w-100 p-3 my-2" name='submit' type="submit">GET QUOTE</button>
</form>
</div>
</div>
</div>
</section>
<section class="my-5">
<div class="container">
<iframe class="w-100" height="300px" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3510.8122127736947!2d77.53767031507664!3d28.364526482524358!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cc747dc57756f%3A0x46fe36064f0d95fd!2sGalgotias%20University!5e0!3m2!1sen!2sin!4v1623989982846!5m2!1sen!2sin" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</section>
<footer class="bg-dark p-4">
<p class="text-white">
Design by <a href="#" target="_blank">Nikita Sirohi</a> © Reights reserved
Social Media:
<a href="https://facebook.com"><i class="fab fa-facebook"></i></a>
<a href="https://instagram.com"><i class="fab fa-instagram"></i></a>
</p>
</footer>
<a id="myTopBtn"><i class="fas fa-chevron-circle-up display-4 text-danger"></i></a>
</body>
<script>
AOS.init();
//Script for Scroll to Top button for hide and show
$(window).scroll(function() {
if ($(this).scrollTop()) {
$('#myTopBtn').fadeIn();
} else {
$('#myTopBtn').fadeOut();
}
});
//script for scroll to top
$("#myTopBtn").click(function () {
$("html, body").animate({scrollTop: 0}, 1000);
});
//script for Google Sheet
const scriptURL = 'https://script.google.com/macros/s/AKfycbyoPtiuI5tuWk1JuYEgcx2YqCKBalGo1tlmE6P5DEtcM0qkpZaMjBF0IFtAUYi37vro/exec';
const form = document.forms['google-sheet'];
form.addEventListener('submit', e => {
e.preventDefault()
fetch(scriptURL, { method: 'POST', body: new FormData(form)})
.then(response => alert("Thanks for Contacting us..! We Will Contact You Soon..."))
.catch(error => console.error('Error!', error.message))
});
</script>
</html>