5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <meta name="description" content="">
7 <meta name="author" content="">
8 <title>Contact | E-Shopper</title>
9 <link href="css/bootstrap.min.css" rel="stylesheet">
10 <link href="css/font-awesome.min.css" rel="stylesheet">
11 <link href="css/prettyPhoto.css" rel="stylesheet">
12 <link href="css/price-range.css" rel="stylesheet">
13 <link href="css/animate.css" rel="stylesheet">
14 <link href="css/main.css" rel="stylesheet">
15 <link href="css/responsive.css" rel="stylesheet">
17 <script src="js/html5shiv.js"></script>
18 <script src="js/respond.min.js"></script>
20 <link rel="shortcut icon" href="images/ico/favicon.ico">
21 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
22 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
23 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
24 <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
28 <header id="header"><!--header-->
29 <div class="header_top"><!--header_top-->
30 <div class="container">
32 <div class="col-sm-6">
33 <div class="contactinfo">
34 <ul class="nav nav-pills">
35 <li><a href=""><i class="fa fa-phone"></i> +2 95 01 88 821</a></li>
36 <li><a href=""><i class="fa fa-envelope"></i> info@domain.com</a></li>
40 <div class="col-sm-6">
41 <div class="social-icons pull-right">
42 <ul class="nav navbar-nav">
43 <li><a href=""><i class="fa fa-facebook"></i></a></li>
44 <li><a href=""><i class="fa fa-twitter"></i></a></li>
45 <li><a href=""><i class="fa fa-linkedin"></i></a></li>
46 <li><a href=""><i class="fa fa-dribbble"></i></a></li>
47 <li><a href=""><i class="fa fa-google-plus"></i></a></li>
53 </div><!--/header_top-->
55 <div class="header-middle"><!--header-middle-->
56 <div class="container">
58 <div class="col-sm-4">
59 <div class="logo pull-left">
60 <a href="index.html"><img src="images/home/logo.png" alt="" /></a>
62 <div class="btn-group pull-right">
63 <div class="btn-group">
64 <button type="button" class="btn btn-default dropdown-toggle usa" data-toggle="dropdown">
66 <span class="caret"></span>
68 <ul class="dropdown-menu">
69 <li><a href="">Canada</a></li>
70 <li><a href="">UK</a></li>
74 <div class="btn-group">
75 <button type="button" class="btn btn-default dropdown-toggle usa" data-toggle="dropdown">
77 <span class="caret"></span>
79 <ul class="dropdown-menu">
80 <li><a href="">Canadian Dollar</a></li>
81 <li><a href="">Pound</a></li>
86 <div class="col-sm-8">
87 <div class="shop-menu pull-right">
88 <ul class="nav navbar-nav">
89 <li><a href=""><i class="fa fa-user"></i> Account</a></li>
90 <li><a href=""><i class="fa fa-star"></i> Wishlist</a></li>
91 <li><a href="checkout.html"><i class="fa fa-crosshairs"></i> Checkout</a></li>
92 <li><a href="cart.html"><i class="fa fa-shopping-cart"></i> Cart</a></li>
93 <li><a href="login.html"><i class="fa fa-lock"></i> Login</a></li>
99 </div><!--/header-middle-->
101 <div class="header-bottom"><!--header-bottom-->
102 <div class="container">
104 <div class="col-sm-9">
105 <div class="navbar-header">
106 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
107 <span class="sr-only">Toggle navigation</span>
108 <span class="icon-bar"></span>
109 <span class="icon-bar"></span>
110 <span class="icon-bar"></span>
113 <div class="mainmenu pull-left">
114 <ul class="nav navbar-nav collapse navbar-collapse">
115 <li><a href="index.html">Home</a></li>
116 <li class="dropdown"><a href="#">Shop<i class="fa fa-angle-down"></i></a>
117 <ul role="menu" class="sub-menu">
118 <li><a href="shop.html">Products</a></li>
119 <li><a href="product-details.html">Product Details</a></li>
120 <li><a href="checkout.html">Checkout</a></li>
121 <li><a href="cart.html">Cart</a></li>
122 <li><a href="login.html">Login</a></li>
125 <li class="dropdown"><a href="#">Blog<i class="fa fa-angle-down"></i></a>
126 <ul role="menu" class="sub-menu">
127 <li><a href="blog.html">Blog List</a></li>
128 <li><a href="blog-single.html">Blog Single</a></li>
131 <li><a href="404.html">404</a></li>
132 <li><a href="contact-us.html" class="active">Contact</a></li>
136 <div class="col-sm-3">
137 <div class="search_box pull-right">
138 <input type="text" placeholder="Search"/>
143 </div><!--/header-bottom-->
144 </header><!--/header-->
146 <div id="contact-page" class="container">
149 <div class="col-sm-12">
150 <h2 class="title text-center">Contact <strong>Us</strong></h2>
151 <div id="gmap" class="contact-map">
156 <div class="col-sm-8">
157 <div class="contact-form">
158 <h2 class="title text-center">Get In Touch</h2>
159 <div class="status alert alert-success" style="display: none"></div>
160 <form id="main-contact-form" class="contact-form row" name="contact-form" method="post">
161 <div class="form-group col-md-6">
162 <input type="text" name="name" class="form-control" required="required" placeholder="Name">
164 <div class="form-group col-md-6">
165 <input type="email" name="email" class="form-control" required="required" placeholder="Email">
167 <div class="form-group col-md-12">
168 <input type="text" name="subject" class="form-control" required="required" placeholder="Subject">
170 <div class="form-group col-md-12">
171 <textarea name="message" id="message" required="required" class="form-control" rows="8" placeholder="Your Message Here"></textarea>
173 <div class="form-group col-md-12">
174 <input type="submit" name="submit" class="btn btn-primary pull-right" value="Submit">
179 <div class="col-sm-4">
180 <div class="contact-info">
181 <h2 class="title text-center">Contact Info</h2>
183 <p>E-Shopper Inc.</p>
184 <p>935 W. Webster Ave New Streets Chicago, IL 60614, NY</p>
186 <p>Mobile: +2346 17 38 93</p>
187 <p>Fax: 1-714-252-0026</p>
188 <p>Email: info@e-shopper.com</p>
190 <div class="social-networks">
191 <h2 class="title text-center">Social Networking</h2>
194 <a href="#"><i class="fa fa-facebook"></i></a>
197 <a href="#"><i class="fa fa-twitter"></i></a>
200 <a href="#"><i class="fa fa-google-plus"></i></a>
203 <a href="#"><i class="fa fa-youtube"></i></a>
211 </div><!--/#contact-page-->
213 <footer id="footer"><!--Footer-->
214 <div class="footer-top">
215 <div class="container">
217 <div class="col-sm-2">
218 <div class="companyinfo">
219 <h2><span>e</span>-shopper</h2>
220 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor</p>
223 <div class="col-sm-7">
224 <div class="col-sm-3">
225 <div class="video-gallery text-center">
227 <div class="iframe-img">
228 <img src="images/home/iframe1.png" alt="" />
230 <div class="overlay-icon">
231 <i class="fa fa-play-circle-o"></i>
234 <p>Circle of Hands</p>
239 <div class="col-sm-3">
240 <div class="video-gallery text-center">
242 <div class="iframe-img">
243 <img src="images/home/iframe2.png" alt="" />
245 <div class="overlay-icon">
246 <i class="fa fa-play-circle-o"></i>
249 <p>Circle of Hands</p>
254 <div class="col-sm-3">
255 <div class="video-gallery text-center">
257 <div class="iframe-img">
258 <img src="images/home/iframe3.png" alt="" />
260 <div class="overlay-icon">
261 <i class="fa fa-play-circle-o"></i>
264 <p>Circle of Hands</p>
269 <div class="col-sm-3">
270 <div class="video-gallery text-center">
272 <div class="iframe-img">
273 <img src="images/home/iframe4.png" alt="" />
275 <div class="overlay-icon">
276 <i class="fa fa-play-circle-o"></i>
279 <p>Circle of Hands</p>
284 <div class="col-sm-3">
285 <div class="address">
286 <img src="images/home/map.png" alt="" />
287 <p>505 S Atlantic Ave Virginia Beach, VA(Virginia)</p>
294 <div class="footer-widget">
295 <div class="container">
297 <div class="col-sm-2">
298 <div class="single-widget">
300 <ul class="nav nav-pills nav-stacked">
301 <li><a href="">Online Help</a></li>
302 <li><a href="">Contact Us</a></li>
303 <li><a href="">Order Status</a></li>
304 <li><a href="">Change Location</a></li>
305 <li><a href="">FAQ’s</a></li>
309 <div class="col-sm-2">
310 <div class="single-widget">
312 <ul class="nav nav-pills nav-stacked">
313 <li><a href="">T-Shirt</a></li>
314 <li><a href="">Mens</a></li>
315 <li><a href="">Womens</a></li>
316 <li><a href="">Gift Cards</a></li>
317 <li><a href="">Shoes</a></li>
321 <div class="col-sm-2">
322 <div class="single-widget">
324 <ul class="nav nav-pills nav-stacked">
325 <li><a href="">Terms of Use</a></li>
326 <li><a href="">Privecy Policy</a></li>
327 <li><a href="">Refund Policy</a></li>
328 <li><a href="">Billing System</a></li>
329 <li><a href="">Ticket System</a></li>
333 <div class="col-sm-2">
334 <div class="single-widget">
335 <h2>About Shopper</h2>
336 <ul class="nav nav-pills nav-stacked">
337 <li><a href="">Company Information</a></li>
338 <li><a href="">Careers</a></li>
339 <li><a href="">Store Location</a></li>
340 <li><a href="">Affillate Program</a></li>
341 <li><a href="">Copyright</a></li>
345 <div class="col-sm-3 col-sm-offset-1">
346 <div class="single-widget">
347 <h2>About Shopper</h2>
348 <form action="#" class="searchform">
349 <input type="text" placeholder="Your email address" />
350 <button type="submit" class="btn btn-default"><i class="fa fa-arrow-circle-o-right"></i></button>
351 <p>Get the most recent updates from <br />our site and be updated your self...</p>
360 <div class="footer-bottom">
361 <div class="container">
363 <p class="pull-left">Copyright © 2013 E-SHOPPER Inc. All rights reserved.</p>
364 <p class="pull-right">Designed by <span><a target="_blank" href="http://www.themeum.com">Themeum</a></span></p>
369 </footer><!--/Footer-->
373 <script src="js/jquery.js"></script>
374 <script src="js/bootstrap.min.js"></script>
375 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
376 <script type="text/javascript" src="js/gmaps.js"></script>
377 <script src="js/contact.js"></script>
378 <script src="js/price-range.js"></script>
379 <script src="js/jquery.scrollUp.min.js"></script>
380 <script src="js/jquery.prettyPhoto.js"></script>
381 <script src="js/main.js"></script>