Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1 
<!DOCTYPE html>
2 
<!--
3 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.2.0
4 
Version: 3.4
5 
Author: KeenThemes
6 
Website: http://www.keenthemes.com/
7 
Contact: support@keenthemes.com
8 
Follow: www.twitter.com/keenthemes
9 
Like: www.facebook.com/keenthemes
10 
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
11 
License: You must have a valid license purchased only from themeforest (the above link) in order to legally use the theme for your project.
12 
-->
13 
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
14 
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
15 
<!--[if !IE]><!-->
16 
<html lang="en">
17 
<!--<![endif]-->
18 
 
19 
<!-- Head BEGIN -->
20 
<head>
21 
  <meta charset="utf-8">
22 
  <title>Contact | Metronic Shop UI</title>
23 
 
24 
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
25 
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
26 
 
27 
  <meta content="Metronic Shop UI description" name="description">
28 
  <meta content="Metronic Shop UI keywords" name="keywords">
29 
  <meta content="keenthemes" name="author">
30 
 
31 
  <meta property="og:site_name" content="-CUSTOMER VALUE-">
32 
  <meta property="og:title" content="-CUSTOMER VALUE-">
33 
  <meta property="og:description" content="-CUSTOMER VALUE-">
34 
  <meta property="og:type" content="website">
35 
  <meta property="og:image" content="-CUSTOMER VALUE-"><!-- link to image for socio -->
36 
  <meta property="og:url" content="-CUSTOMER VALUE-">
37 
 
38 
  <link rel="shortcut icon" href="favicon.ico">
39 
 
40 
  <!-- Fonts START -->
41 
  <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|PT+Sans+Narrow|Source+Sans+Pro:200,300,400,600,700,900&amp;subset=all" rel="stylesheet" type="text/css">
42 
  <!-- Fonts END -->
43 
 
44 
  <!-- Global styles START -->          
45 
  <link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
46 
  <link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
47 
  <!-- Global styles END -->
48 
 
49 
  <!-- Page level plugin styles START -->
50 
  <link href="../../assets/global/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet">
51 
  <link href="../../assets/global/plugins/carousel-owl-carousel/owl-carousel/owl.carousel.css" rel="stylesheet">
52 
  <link href="../../assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
53 
  <!-- Page level plugin styles END -->
54 
 
55 
  <!-- Theme styles START -->
56 
  <link href="../../assets/global/css/components.css" rel="stylesheet">
57 
  <link href="../../assets/frontend/layout/css/style.css" rel="stylesheet">
58 
  <link href="../../assets/frontend/pages/css/style-shop.css" rel="stylesheet" type="text/css">
59 
  <link href="../../assets/frontend/layout/css/style-responsive.css" rel="stylesheet">
60 
  <link href="../../assets/frontend/layout/css/themes/red.css" rel="stylesheet" id="style-color">
61 
  <link href="../../assets/frontend/layout/css/custom.css" rel="stylesheet">
62 
  <!-- Theme styles END -->
63 
</head>
64 
<!-- Head END -->
65 
 
66 
<!-- Body BEGIN -->
67 
<body class="ecommerce">
68 
    <!-- BEGIN STYLE CUSTOMIZER -->
69 
    <div class="color-panel hidden-sm">
70 
      <div class="color-mode-icons icon-color"></div>
71 
      <div class="color-mode-icons icon-color-close"></div>
72 
      <div class="color-mode">
73 
        <p>THEME COLOR</p>
74 
        <ul class="inline">
75 
          <li class="color-red current color-default" data-style="red"></li>
76 
          <li class="color-blue" data-style="blue"></li>
77 
          <li class="color-green" data-style="green"></li>
78 
          <li class="color-orange" data-style="orange"></li>
79 
          <li class="color-gray" data-style="gray"></li>
80 
          <li class="color-turquoise" data-style="turquoise"></li>
81 
        </ul>
82 
      </div>
83 
    </div>
84 
    <!-- END BEGIN STYLE CUSTOMIZER -->
85 
 
86 
    <!-- BEGIN TOP BAR -->
87 
    <div class="pre-header">
88 
        <div class="container">
89 
            <div class="row">
90 
                <!-- BEGIN TOP BAR LEFT PART -->
91 
                <div class="col-md-6 col-sm-6 additional-shop-info">
92 
                    <ul class="list-unstyled list-inline">
93 
                        <li><i class="fa fa-phone"></i><span>+1 456 6717</span></li>
94 
                        <!-- BEGIN CURRENCIES -->
95 
                        <li class="shop-currencies">
96 
                            <a href="javascript:void(0);">€</a>
97 
                            <a href="javascript:void(0);">£</a>
98 
                            <a href="javascript:void(0);" class="current">$</a>
99 
                        </li>
100 
                        <!-- END CURRENCIES -->
101 
                        <!-- BEGIN LANGS -->
102 
                        <li class="langs-block">
103 
                            <a href="javascript:void(0);" class="current">English </a>
104 
                            <div class="langs-block-others-wrapper"><div class="langs-block-others">
105 
                              <a href="javascript:void(0);">French</a>
106 
                              <a href="javascript:void(0);">Germany</a>
107 
                              <a href="javascript:void(0);">Turkish</a>
108 
                            </div></div>
109 
                        </li>
110 
                        <!-- END LANGS -->
111 
                    </ul>
112 
                </div>
113 
                <!-- END TOP BAR LEFT PART -->
114 
                <!-- BEGIN TOP BAR MENU -->
115 
                <div class="col-md-6 col-sm-6 additional-nav">
116 
                    <ul class="list-unstyled list-inline pull-right">
117 
                        <li><a href="shop-account.html">My Account</a></li>
118 
                        <li><a href="shop-wishlist.html">My Wishlist</a></li>
119 
                        <li><a href="shop-checkout.html">Checkout</a></li>
120 
                        <li><a href="page-login.html">Log In</a></li>
121 
                    </ul>
122 
                </div>
123 
                <!-- END TOP BAR MENU -->
124 
            </div>
125 
        </div>        
126 
    </div>
127 
    <!-- END TOP BAR -->
128 
 
129 
    <!-- BEGIN HEADER -->
130 
    <div class="header">
131 
      <div class="container">
132 
        <a class="site-logo" href="shop-index.html"><img src="../../assets/frontend/layout/img/logos/logo-shop-red.png" alt="Metronic Shop UI"></a>
133 
 
134 
        <a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
135 
 
136 
        <!-- BEGIN CART -->
137 
        <div class="top-cart-block">
138 
          <div class="top-cart-info">
139 
            <a href="javascript:void(0);" class="top-cart-info-count">3 items</a>
140 
            <a href="javascript:void(0);" class="top-cart-info-value">$1260</a>
141 
          </div>
142 
          <i class="fa fa-shopping-cart"></i>
143 
 
144 
          <div class="top-cart-content-wrapper">
145 
            <div class="top-cart-content">
146 
              <ul class="scroller" style="height: 250px;">
147 
                <li>
148 
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
149 
                  <span class="cart-content-count">x 1</span>
150 
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
151 
                  <em>$1230</em>
152 
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
153 
                </li>
154 
                <li>
155 
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
156 
                  <span class="cart-content-count">x 1</span>
157 
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
158 
                  <em>$1230</em>
159 
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
160 
                </li>
161 
                <li>
162 
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
163 
                  <span class="cart-content-count">x 1</span>
164 
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
165 
                  <em>$1230</em>
166 
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
167 
                </li>
168 
                <li>
169 
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
170 
                  <span class="cart-content-count">x 1</span>
171 
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
172 
                  <em>$1230</em>
173 
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
174 
                </li>
175 
                <li>
176 
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
177 
                  <span class="cart-content-count">x 1</span>
178 
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
179 
                  <em>$1230</em>
180 
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
181 
                </li>
182 
                <li>
183 
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
184 
                  <span class="cart-content-count">x 1</span>
185 
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
186 
                  <em>$1230</em>
187 
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
188 
                </li>
189 
                <li>
190 
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
191 
                  <span class="cart-content-count">x 1</span>
192 
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
193 
                  <em>$1230</em>
194 
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
195 
                </li>
196 
                <li>
197 
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
198 
                  <span class="cart-content-count">x 1</span>
199 
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
200 
                  <em>$1230</em>
201 
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
202 
                </li>
203 
              </ul>
204 
              <div class="text-right">
205 
                <a href="shop-shopping-cart.html" class="btn btn-default">View Cart</a>
206 
                <a href="shop-checkout.html" class="btn btn-primary">Checkout</a>
207 
              </div>
208 
            </div>
209 
          </div>            
210 
        </div>
211 
        <!--END CART -->
212 
 
213 
        <!-- BEGIN NAVIGATION -->
214 
        <div class="header-navigation">
215 
          <ul>
216 
            <li class="dropdown">
217 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
218 
                Woman
219 
 
220 
              </a>
221 
 
222 
              <!-- BEGIN DROPDOWN MENU -->
223 
              <ul class="dropdown-menu">
224 
                <li class="dropdown-submenu">
225 
                  <a href="shop-product-list.html">Hi Tops <i class="fa fa-angle-right"></i></a>
226 
                  <ul class="dropdown-menu" role="menu">
227 
                    <li><a href="shop-product-list.html">Second Level Link</a></li>
228 
                    <li><a href="shop-product-list.html">Second Level Link</a></li>
229 
                    <li class="dropdown-submenu">
230 
                      <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
231 
                        Second Level Link
232 
                        <i class="fa fa-angle-right"></i>
233 
                      </a>
234 
                      <ul class="dropdown-menu">
235 
                        <li><a href="shop-product-list.html">Third Level Link</a></li>
236 
                        <li><a href="shop-product-list.html">Third Level Link</a></li>
237 
                        <li><a href="shop-product-list.html">Third Level Link</a></li>
238 
                      </ul>
239 
                    </li>
240 
                  </ul>
241 
                </li>
242 
                <li><a href="shop-product-list.html">Running Shoes</a></li>
243 
                <li><a href="shop-product-list.html">Jackets and Coats</a></li>
244 
              </ul>
245 
              <!-- END DROPDOWN MENU -->
246 
            </li>
247 
            <li class="dropdown dropdown-megamenu">
248 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
249 
                Man
250 
 
251 
              </a>
252 
              <ul class="dropdown-menu">
253 
                <li>
254 
                  <div class="header-navigation-content">
255 
                    <div class="row">
256 
                      <div class="col-md-4 header-navigation-col">
257 
                        <h4>Footwear</h4>
258 
                        <ul>
259 
                          <li><a href="shop-product-list.html">Astro Trainers</a></li>
260 
                          <li><a href="shop-product-list.html">Basketball Shoes</a></li>
261 
                          <li><a href="shop-product-list.html">Boots</a></li>
262 
                          <li><a href="shop-product-list.html">Canvas Shoes</a></li>
263 
                          <li><a href="shop-product-list.html">Football Boots</a></li>
264 
                          <li><a href="shop-product-list.html">Golf Shoes</a></li>
265 
                          <li><a href="shop-product-list.html">Hi Tops</a></li>
266 
                          <li><a href="shop-product-list.html">Indoor and Court Trainers</a></li>
267 
                        </ul>
268 
                      </div>
269 
                      <div class="col-md-4 header-navigation-col">
270 
                        <h4>Clothing</h4>
271 
                        <ul>
272 
                          <li><a href="shop-product-list.html">Base Layer</a></li>
273 
                          <li><a href="shop-product-list.html">Character</a></li>
274 
                          <li><a href="shop-product-list.html">Chinos</a></li>
275 
                          <li><a href="shop-product-list.html">Combats</a></li>
276 
                          <li><a href="shop-product-list.html">Cricket Clothing</a></li>
277 
                          <li><a href="shop-product-list.html">Fleeces</a></li>
278 
                          <li><a href="shop-product-list.html">Gilets</a></li>
279 
                          <li><a href="shop-product-list.html">Golf Tops</a></li>
280 
                        </ul>
281 
                      </div>
282 
                      <div class="col-md-4 header-navigation-col">
283 
                        <h4>Accessories</h4>
284 
                        <ul>
285 
                          <li><a href="shop-product-list.html">Belts</a></li>
286 
                          <li><a href="shop-product-list.html">Caps</a></li>
287 
                          <li><a href="shop-product-list.html">Gloves, Hats and Scarves</a></li>
288 
                        </ul>
289 
 
290 
                        <h4>Clearance</h4>
291 
                        <ul>
292 
                          <li><a href="shop-product-list.html">Jackets</a></li>
293 
                          <li><a href="shop-product-list.html">Bottoms</a></li>
294 
                        </ul>
295 
                      </div>
296 
                      <div class="col-md-12 nav-brands">
297 
                        <ul>
298 
                          <li><a href="shop-product-list.html"><img title="esprit" alt="esprit" src="../../assets/frontend/pages/img/brands/esprit.jpg"></a></li>
299 
                          <li><a href="shop-product-list.html"><img title="gap" alt="gap" src="../../assets/frontend/pages/img/brands/gap.jpg"></a></li>
300 
                          <li><a href="shop-product-list.html"><img title="next" alt="next" src="../../assets/frontend/pages/img/brands/next.jpg"></a></li>
301 
                          <li><a href="shop-product-list.html"><img title="puma" alt="puma" src="../../assets/frontend/pages/img/brands/puma.jpg"></a></li>
302 
                          <li><a href="shop-product-list.html"><img title="zara" alt="zara" src="../../assets/frontend/pages/img/brands/zara.jpg"></a></li>
303 
                        </ul>
304 
                      </div>
305 
                    </div>
306 
                  </div>
307 
                </li>
308 
              </ul>
309 
            </li>
310 
            <li><a href="shop-item.html">Kids</a></li>
311 
            <li class="dropdown dropdown100 nav-catalogue">
312 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
313 
                New
314 
 
315 
              </a>
316 
              <ul class="dropdown-menu">
317 
                <li>
318 
                  <div class="header-navigation-content">
319 
                    <div class="row">
320 
                      <div class="col-md-3 col-sm-4 col-xs-6">
321 
                        <div class="product-item">
322 
                          <div class="pi-img-wrapper">
323 
                            <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/model4.jpg" class="img-responsive" alt="Berry Lace Dress"></a>
324 
                          </div>
325 
                          <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
326 
                          <div class="pi-price">$29.00</div>
327 
                          <a href="#" class="btn btn-default add2cart">Add to cart</a>
328 
                        </div>
329 
                      </div>
330 
                      <div class="col-md-3 col-sm-4 col-xs-6">
331 
                        <div class="product-item">
332 
                          <div class="pi-img-wrapper">
333 
                            <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/model3.jpg" class="img-responsive" alt="Berry Lace Dress"></a>
334 
                          </div>
335 
                          <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
336 
                          <div class="pi-price">$29.00</div>
337 
                          <a href="#" class="btn btn-default add2cart">Add to cart</a>
338 
                        </div>
339 
                      </div>
340 
                      <div class="col-md-3 col-sm-4 col-xs-6">
341 
                        <div class="product-item">
342 
                          <div class="pi-img-wrapper">
343 
                            <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/model7.jpg" class="img-responsive" alt="Berry Lace Dress"></a>
344 
                          </div>
345 
                          <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
346 
                          <div class="pi-price">$29.00</div>
347 
                          <a href="#" class="btn btn-default add2cart">Add to cart</a>
348 
                        </div>
349 
                      </div>
350 
                      <div class="col-md-3 col-sm-4 col-xs-6">
351 
                        <div class="product-item">
352 
                          <div class="pi-img-wrapper">
353 
                            <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/model4.jpg" class="img-responsive" alt="Berry Lace Dress"></a>
354 
                          </div>
355 
                          <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
356 
                          <div class="pi-price">$29.00</div>
357 
                          <a href="#" class="btn btn-default add2cart">Add to cart</a>
358 
                        </div>
359 
                      </div>
360 
                    </div>
361 
                  </div>
362 
                </li>
363 
              </ul>
364 
            </li>
365 
            <li class="dropdown active">
366 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
367 
                Pages
368 
 
369 
              </a>
370 
 
371 
              <ul class="dropdown-menu">
372 
                <li><a href="shop-index.html">Home Default</a></li>
373 
                <li><a href="shop-index-header-fix.html">Home Header Fixed</a></li>
374 
                <li><a href="shop-index-light-footer.html">Home Light Footer</a></li>
375 
                <li><a href="shop-product-list.html">Product List</a></li>
376 
                <li><a href="shop-search-result.html">Search Result</a></li>
377 
                <li><a href="shop-item.html">Product Page</a></li>
378 
                <li><a href="shop-shopping-cart-null.html">Shopping Cart (Null Cart)</a></li>
379 
                <li><a href="shop-shopping-cart.html">Shopping Cart</a></li>
380 
                <li><a href="shop-checkout.html">Checkout</a></li>
381 
                <li><a href="shop-about.html">About</a></li>
382 
                <li class="active"><a href="shop-contacts.html">Contacts</a></li>
383 
                <li><a href="shop-account.html">My account</a></li>
384 
                <li><a href="shop-wishlist.html">My Wish List</a></li>
385 
                <li><a href="shop-goods-compare.html">Product Comparison</a></li>
386 
                <li><a href="shop-standart-forms.html">Standart Forms</a></li>
387 
                <li><a href="shop-faq.html">FAQ</a></li>
388 
                <li><a href="shop-privacy-policy.html">Privacy Policy</a></li>
389 
                <li><a href="shop-terms-conditions-page.html">Terms &amp; Conditions</a></li>
390 
              </ul>
391 
            </li>
392 
            <li><a href="index.html" target="_blank">Corporate</a></li>
393 
            <li><a href="onepage-index.html" target="_blank">One Page</a></li>
394 
            <li><a href="http://keenthemes.com/preview/metronic/theme/templates/admin&amp;page=ecommerce_index.html" target="_blank">Admin theme</a></li>
395 
 
396 
            <!-- BEGIN TOP SEARCH -->
397 
            <li class="menu-search">
398 
              <span class="sep"></span>
399 
              <i class="fa fa-search search-btn"></i>
400 
              <div class="search-box">
401 
                <form action="#">
402 
                  <div class="input-group">
403 
                    <input type="text" placeholder="Search" class="form-control">
404 
                    <span class="input-group-btn">
405 
                      <button class="btn btn-primary" type="submit">Search</button>
406 
                    </span>
407 
                  </div>
408 
                </form>
409 
              </div>
410 
            </li>
411 
            <!-- END TOP SEARCH -->
412 
          </ul>
413 
        </div>
414 
        <!-- END NAVIGATION -->
415 
      </div>
416 
    </div>
417 
    <!-- Header END -->
418 
 
419 
    <div class="main">
420 
      <div class="container">
421 
        <ul class="breadcrumb">
422 
            <li><a href="index.html">Home</a></li>
423 
            <li><a href="">Pages</a></li>
424 
            <li class="active">Contact</li>
425 
        </ul>
426 
        <!-- BEGIN SIDEBAR & CONTENT -->
427 
        <div class="row margin-bottom-40">
428 
          <!-- BEGIN SIDEBAR -->
429 
          <div class="sidebar col-md-3 col-sm-3">
430 
            <ul class="list-group margin-bottom-25 sidebar-menu">
431 
              <li class="list-group-item clearfix"><a href="#"><i class="fa fa-angle-right"></i> Login/Register</a></li>
432 
              <li class="list-group-item clearfix"><a href="#"><i class="fa fa-angle-right"></i> Restore Password</a></li>
433 
              <li class="list-group-item clearfix"><a href="#"><i class="fa fa-angle-right"></i> My account</a></li>
434 
              <li class="list-group-item clearfix"><a href="#"><i class="fa fa-angle-right"></i> Address book</a></li>
435 
              <li class="list-group-item clearfix"><a href="#"><i class="fa fa-angle-right"></i> Wish list</a></li>
436 
              <li class="list-group-item clearfix"><a href="#"><i class="fa fa-angle-right"></i> Returns</a></li>
437 
              <li class="list-group-item clearfix"><a href="#"><i class="fa fa-angle-right"></i> Newsletter</a></li>
438 
            </ul>
439 
 
440 
            <h2>Our Contacts</h2>
441 
            <address>
442 
              35, Lorem Lis Street, Park Ave<br>
443 
              California, US<br>
444 
              <abbr title="Phone">P:</abbr> 300 323 3456<br>
445 
            </address>
446 
            <address>
447 
              <strong>Email</strong><br>
448 
              <a href="mailto:info@metronic.com">info@metronic.com</a><br>
449 
              <a href="mailto:support@metronic.com">support@metronic.com</a>
450 
            </address>
451 
            <ul class="social-icons margin-bottom-10">
452 
              <li><a href="#" data-original-title="facebook" class="facebook"></a></li>
453 
              <li><a href="#" data-original-title="github" class="github"></a></li>
454 
              <li><a href="#" data-original-title="Goole Plus" class="googleplus"></a></li>
455 
              <li><a href="#" data-original-title="linkedin" class="linkedin"></a></li>
456 
              <li><a href="#" data-original-title="rss" class="rss"></a></li>
457 
            </ul>
458 
          </div>
459 
          <!-- END SIDEBAR -->
460 
 
461 
          <!-- BEGIN CONTENT -->
462 
          <div class="col-md-9 col-sm-9">
463 
            <h1>Contact</h1>
464 
            <div class="content-page">
465 
              <div id="map" class="gmaps margin-bottom-40" style="height:400px;"></div>
466 
 
467 
              <h2>Contact Form</h2>
468 
              <p>Lorem ipsum dolor sit amet, Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat consectetuer adipiscing elit, sed diam nonummy nibh euismod tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
469 
 
470 
              <!-- BEGIN FORM-->
471 
              <form action="#" class="default-form" role="form">
472 
                <div class="form-group">
473 
                  <label for="name">Name</label>
474 
                  <input type="text" class="form-control" id="name">
475 
                </div>
476 
                <div class="form-group">
477 
                  <label for="email">Email <span class="require">*</span></label>
478 
                  <input type="text" class="form-control" id="email">
479 
                </div>
480 
                <div class="form-group">
481 
                  <label for="message">Message</label>
482 
                  <textarea class="form-control" rows="8" id="message"></textarea>
483 
                </div>
484 
                <div class="padding-top-20">                  
485 
                  <button type="submit" class="btn btn-primary">Submit</button>
486 
                </div>
487 
              </form>
488 
              <!-- END FORM-->          
489 
            </div>
490 
          </div>
491 
          <!-- END CONTENT -->
492 
        </div>
493 
        <!-- END SIDEBAR & CONTENT -->
494 
      </div>
495 
    </div>
496 
 
497 
    <!-- BEGIN BRANDS -->
498 
    <div class="brands">
499 
      <div class="container">
500 
            <div class="owl-carousel owl-carousel6-brands">
501 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/canon.jpg" alt="canon" title="canon"></a>
502 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/esprit.jpg" alt="esprit" title="esprit"></a>
503 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/gap.jpg" alt="gap" title="gap"></a>
504 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/next.jpg" alt="next" title="next"></a>
505 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/puma.jpg" alt="puma" title="puma"></a>
506 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/zara.jpg" alt="zara" title="zara"></a>
507 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/canon.jpg" alt="canon" title="canon"></a>
508 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/esprit.jpg" alt="esprit" title="esprit"></a>
509 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/gap.jpg" alt="gap" title="gap"></a>
510 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/next.jpg" alt="next" title="next"></a>
511 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/puma.jpg" alt="puma" title="puma"></a>
512 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/zara.jpg" alt="zara" title="zara"></a>
513 
            </div>
514 
        </div>
515 
    </div>
516 
    <!-- END BRANDS -->
517 
 
518 
    <!-- BEGIN STEPS -->
519 
    <div class="steps-block steps-block-red">
520 
      <div class="container">
521 
        <div class="row">
522 
          <div class="col-md-4 steps-block-col">
523 
            <i class="fa fa-truck"></i>
524 
            <div>
525 
              <h2>Free shipping</h2>
526 
              <em>Express delivery withing 3 days</em>
527 
            </div>
528 
            <span>&nbsp;</span>
529 
          </div>
530 
          <div class="col-md-4 steps-block-col">
531 
            <i class="fa fa-gift"></i>
532 
            <div>
533 
              <h2>Daily Gifts</h2>
534 
              <em>3 Gifts daily for lucky customers</em>
535 
            </div>
536 
            <span>&nbsp;</span>
537 
          </div>
538 
          <div class="col-md-4 steps-block-col">
539 
            <i class="fa fa-phone"></i>
540 
            <div>
541 
              <h2>477 505 8877</h2>
542 
              <em>24/7 customer care available</em>
543 
            </div>
544 
          </div>
545 
        </div>
546 
      </div>
547 
    </div>
548 
    <!-- END STEPS -->
549 
 
550 
    <!-- BEGIN PRE-FOOTER -->
551 
    <div class="pre-footer">
552 
      <div class="container">
553 
        <div class="row">
554 
          <!-- BEGIN BOTTOM ABOUT BLOCK -->
555 
          <div class="col-md-3 col-sm-6 pre-footer-col">
556 
            <h2>About us</h2>
557 
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam sit nonummy nibh euismod tincidunt ut laoreet dolore magna aliquarm erat sit volutpat. Nostrud exerci tation ullamcorper suscipit lobortis nisl aliquip  commodo consequat. </p>
558 
            <p>Duis autem vel eum iriure dolor vulputate velit esse molestie at dolore.</p>
559 
          </div>
560 
          <!-- END BOTTOM ABOUT BLOCK -->
561 
          <!-- BEGIN BOTTOM INFO BLOCK -->
562 
          <div class="col-md-3 col-sm-6 pre-footer-col">
563 
            <h2>Information</h2>
564 
            <ul class="list-unstyled">
565 
              <li><i class="fa fa-angle-right"></i> <a href="#">Delivery Information</a></li>
566 
              <li><i class="fa fa-angle-right"></i> <a href="#">Customer Service</a></li>
567 
              <li><i class="fa fa-angle-right"></i> <a href="#">Order Tracking</a></li>
568 
              <li><i class="fa fa-angle-right"></i> <a href="#">Shipping &amp; Returns</a></li>
569 
              <li><i class="fa fa-angle-right"></i> <a href="contacts.html">Contact Us</a></li>
570 
              <li><i class="fa fa-angle-right"></i> <a href="#">Careers</a></li>
571 
              <li><i class="fa fa-angle-right"></i> <a href="#">Payment Methods</a></li>
572 
            </ul>
573 
          </div>
574 
          <!-- END INFO BLOCK -->
575 
 
576 
          <!-- BEGIN TWITTER BLOCK -->
577 
          <div class="col-md-3 col-sm-6 pre-footer-col">
578 
            <h2 class="margin-bottom-0">Latest Tweets</h2>
579 
            <a class="twitter-timeline" href="https://twitter.com/twitterapi" data-tweet-limit="2" data-theme="dark" data-link-color="#57C8EB" data-widget-id="455411516829736961" data-chrome="noheader nofooter noscrollbar noborders transparent">Loading tweets by @keenthemes...</a>      
580 
          </div>
581 
          <!-- END TWITTER BLOCK -->
582 
 
583 
          <!-- BEGIN BOTTOM CONTACTS -->
584 
          <div class="col-md-3 col-sm-6 pre-footer-col">
585 
            <h2>Our Contacts</h2>
586 
            <address class="margin-bottom-40">
587 
              35, Lorem Lis Street, Park Ave<br>
588 
              California, US<br>
589 
              Phone: 300 323 3456<br>
590 
              Fax: 300 323 1456<br>
591 
              Email: <a href="mailto:info@metronic.com">info@metronic.com</a><br>
592 
              Skype: <a href="skype:metronic">metronic</a>
593 
            </address>
594 
          </div>
595 
          <!-- END BOTTOM CONTACTS -->
596 
        </div>
597 
        <hr>
598 
        <div class="row">
599 
          <!-- BEGIN SOCIAL ICONS -->
600 
          <div class="col-md-6 col-sm-6">
601 
            <ul class="social-icons">
602 
              <li><a class="rss" data-original-title="rss" href="#"></a></li>
603 
              <li><a class="facebook" data-original-title="facebook" href="#"></a></li>
604 
              <li><a class="twitter" data-original-title="twitter" href="#"></a></li>
605 
              <li><a class="googleplus" data-original-title="googleplus" href="#"></a></li>
606 
              <li><a class="linkedin" data-original-title="linkedin" href="#"></a></li>
607 
              <li><a class="youtube" data-original-title="youtube" href="#"></a></li>
608 
              <li><a class="vimeo" data-original-title="vimeo" href="#"></a></li>
609 
              <li><a class="skype" data-original-title="skype" href="#"></a></li>
610 
            </ul>
611 
          </div>
612 
          <!-- END SOCIAL ICONS -->
613 
          <!-- BEGIN NEWLETTER -->
614 
          <div class="col-md-6 col-sm-6">
615 
            <div class="pre-footer-subscribe-box pull-right">
616 
              <h2>Newsletter</h2>
617 
              <form action="#">
618 
                <div class="input-group">
619 
                  <input type="text" placeholder="youremail@mail.com" class="form-control">
620 
                  <span class="input-group-btn">
621 
                    <button class="btn btn-primary" type="submit">Subscribe</button>
622 
                  </span>
623 
                </div>
624 
              </form>
625 
            </div>
626 
          </div>
627 
          <!-- END NEWLETTER -->
628 
        </div>
629 
      </div>
630 
    </div>
631 
    <!-- END PRE-FOOTER -->
632 
 
633 
    <!-- BEGIN FOOTER -->
634 
    <div class="footer">
635 
      <div class="container">
636 
        <div class="row">
637 
          <!-- BEGIN COPYRIGHT -->
638 
          <div class="col-md-6 col-sm-6 padding-top-10">
639 
            2014 © Metronic Shop UI. ALL Rights Reserved.
640 
          </div>
641 
          <!-- END COPYRIGHT -->
642 
          <!-- BEGIN PAYMENTS -->
643 
          <div class="col-md-6 col-sm-6">
644 
            <ul class="list-unstyled list-inline pull-right">
645 
              <li><img src="../../assets/frontend/layout/img/payments/western-union.jpg" alt="We accept Western Union" title="We accept Western Union"></li>
646 
              <li><img src="../../assets/frontend/layout/img/payments/american-express.jpg" alt="We accept American Express" title="We accept American Express"></li>
647 
              <li><img src="../../assets/frontend/layout/img/payments/MasterCard.jpg" alt="We accept MasterCard" title="We accept MasterCard"></li>
648 
              <li><img src="../../assets/frontend/layout/img/payments/PayPal.jpg" alt="We accept PayPal" title="We accept PayPal"></li>
649 
              <li><img src="../../assets/frontend/layout/img/payments/visa.jpg" alt="We accept Visa" title="We accept Visa"></li>
650 
            </ul>
651 
          </div>
652 
          <!-- END PAYMENTS -->
653 
        </div>
654 
      </div>
655 
    </div>
656 
    <!-- END FOOTER -->
657 
 
658 
    <!-- Load javascripts at bottom, this will reduce page load time -->
659 
    <!-- BEGIN CORE PLUGINS(REQUIRED FOR ALL PAGES) -->
660 
    <!--[if lt IE 9]>
661 
    <script src="../../assets/global/plugins/respond.min.js"></script>  
662 
    <![endif]-->  
663 
    <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
664 
    <script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
665 
    <script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>      
666 
    <script src="../../assets/frontend/layout/scripts/back-to-top.js" type="text/javascript"></script>
667 
    <script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
668 
    <!-- END CORE PLUGINS -->
669 
 
670 
    <!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
671 
    <script src="../../assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script><!-- pop up -->
672 
    <script src="../../assets/global/plugins/carousel-owl-carousel/owl-carousel/owl.carousel.min.js" type="text/javascript"></script><!-- slider for products -->
673 
    <script src='../../assets/global/plugins/zoom/jquery.zoom.min.js' type="text/javascript"></script><!-- product zoom -->
674 
    <script src="../../assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.js" type="text/javascript"></script><!-- Quantity -->
675 
    <script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
676 
    <script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
677 
    <script src="../../assets/global/plugins/gmaps/gmaps.js" type="text/javascript"></script>
678 
    <script src="../../assets/frontend/pages/scripts/contact-us.js" type="text/javascript"></script>
679 
 
680 
    <script src="../../assets/frontend/layout/scripts/layout.js" type="text/javascript"></script>
681 
    <script type="text/javascript">
682 
        jQuery(document).ready(function() {
683 
            Layout.init();    
684 
            Layout.initOWL();
685 
            Layout.initTwitter();
686 
            Layout.initImageZoom();
687 
            Layout.initTouchspin();
688 
            Layout.initUniform();
689 
            ContactUs.init();
690 
        });
691 
    </script>
692 
    <!-- END PAGE LEVEL JAVASCRIPTS -->
693 
</body>
694 
<!-- END BODY -->
695 
</html>