-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
186 lines (168 loc) · 7.97 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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!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">
<meta name="keywords"
content="How to, how to, how do I, web development, items, custom made items, products, tech, designers, products">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="img/Favicon-BW.jpg" type="image/x-icon">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4RVFL883SL"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-4RVFL883SL');
</script>
<title>SnowDevHouse</title>
</head>
<body>
<!-- NAVIGATION BAR -->
<nav class="navbar navbar-expand-lg navbar-light bg-white py-3 fixed-top">
<div class="container">
<div class="logo">
<img src="img/logo-1.png" alt="logo" style="width: auto; height: 70px;" max-width="300px">
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span id="menubar"><ion-icon ios="menu-outline" md="menu-sharp"></ion-icon></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="shop.html">Shop</a>
</li>
<li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="contact.html">Contact</a>
</li>
<div class="navlist-icon">
<li class="nav-item">
<a href="error.html"><ion-icon ios="search-outline" md="search-sharp"></ion-icon></a>
</li>
<li class="nav-item">
<a href="cart.html"><ion-icon ios="cart-outline" md="cart-sharp"></ion-icon></a>
</li>
</div>
</ul>
</div>
</div>
</nav>
<section id="cnt-age">
<div class="container">
<div class="heading">
<h1>Contact Us</h1>
<p>
We value your feedback and inquiries, and we are always here to assist you. If you have any questions, comments, or
concerns about our products, services, or website, please do not hesitate to contact us.
You can reach us through our contact form on the website, and one of our team members will get back to you as soon as
possible. We strive to provide excellent customer service, and we will do our best to address any issues or concerns
you may have.
We appreciate your support and feedback, and we are always looking for ways to improve our products and services. If
you have any suggestions or ideas, we would love to hear from you. Your input helps us continue to create products
that you will love and appreciate.
Thank you for choosing our website for your code-imprinted product needs, and we look forward to hearing from you
soon!
</p>
</div>
</div>
</section>
<section id="cnt-form" class="container mt-5 py-5">
<form action="#" >
<h2 class="form-head mb-3">Contact Form</h2>
<label for="fname">Full Name:</label>
<input type="text" name="fname" required>
<label for="email" class="mt-3">Email Address:</label>
<input type="text" name="email" required>
<label for="phone" class="mt-3">Phone Number:</label>
<input type="tel" name="phone" required>
<textarea name="message" cols="30" rows="10" placeholder="Your message here!" class="mt-3" required></textarea>
<a href="#"><button class="buy-btn pdt-btn mt-3">Send Message</button></a>
</form>
</section>
<footer class="mt-5 py-5">
<div class="row container mx-auto pt-5">
<div class="footer-one col-lg-3 col-md-6 col-12">
<img src="img/logo-2.png" alt="" style="width: auto; height: 70px;" max-width="300px">
<p pt-3>Have you ever wanted an item with some code imprinted on it but found it hard to get? <br><br>
At SnowDevHouse, we try to make your wish of having tech related items in your home come true.</p>
</div>
<div class="footer-one col-lg-3 col-md-6 col-12 mb-3">
<h5 class="pb-2">Featured</h5>
<ul class="text-uppercase list-unstyled">
<li><a href="#">Men</a></li>
<li><a href="#">Women</a></li>
<li><a href="#">Shoes</a></li>
<li><a href="#">Bags</a></li>
<li><a href="#">Wines</a></li>
<li><a href="#">Gadgets</a></li>
<li><a href="#">Men</a></li>
<li><a href="#">New Arrivals</a></li>
</ul>
</div>
<div class="footer-one col-lg-3 col-md-6 col-12 mb-3">
<h5 class="pb-2">Contact Us</h5>
<div>
<h6 class="text-uppercase">Address</h6>
<p>234 STREET NAME, CITY, US</p>
</div>
<div>
<h6 class="text-uppercase">Phone</h6>
<p>(123) 456-7890</p>
</div>
<div>
<h6 class="text-uppercase">Email</h6>
<p>Mail@example.com</p>
</div>
</div>
<div class="footer-one col-lg-3 col-md-6 col-12">
<h5 class="pb-2">Instagram</h5>
<div class="row">
<img class="img-fluid w-25 h-100 m-2" src="img/insta/insta-1.png" alt="Mug">
<img class="img-fluid w-25 h-100 m-2" src="img/insta/insta-2.png" alt="Shopping-Bag">
<img class="img-fluid w-25 h-100 m-2" src="img/insta/insta-3.png" alt="Hat">
<img class="img-fluid w-25 h-100 m-2" src="img/insta/insta-4.png" alt="Notebook">
<img class="img-fluid w-25 h-100 m-2" src="img/insta/insta-5.png" alt="Bucket-Hat">
</div>
</div>
</div>
<div class="copyright mt-5">
<div class="row container mx-aut0">
<div class="col-lg-3 col-md-6 col-12 ml-5 payment-method mb-4">
<img class="w-20 h-50" src="img/payment/Payoneer.png" alt="Payoneer-Logo">
<img class="w-20 h-50" src="img/payment/Visa.png" alt="Visa-Logo">
<img class="w-20 h-50" src="img/payment/PayPal.png" alt="PayPal-Logo">
</div>
<div class="col-lg-4 col-md-6 col-12 text-nowrap mb-2">
<p>SnowDevHouse eCommerce © 2023. All Rights Reserved</p>
</div>
<div class="col-lg-4 col-md-6 col-12">
<a href="#"><ion-icon name="logo-linkedin"></ion-icon></a>
<a href="#"><ion-icon name="logo-facebook"></ion-icon></a>
<a href="#"><ion-icon name="logo-instagram"></ion-icon></a>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"
integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"
integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD"
crossorigin="anonymous"></script>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<script src="script.js"></script>
</body>
</html>