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>Contacts | Metronic Frontend</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/uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
52
  <!-- Page level plugin styles END -->
53
 
54
  <!-- Theme styles START -->
55
  <link href="../../assets/global/css/components.css" rel="stylesheet">
56
  <link href="../../assets/frontend/layout/css/style.css" rel="stylesheet">
57
  <link href="../../assets/frontend/layout/css/style-responsive.css" rel="stylesheet">
58
  <link href="../../assets/frontend/layout/css/themes/red.css" rel="stylesheet" id="style-color">
59
  <link href="../../assets/frontend/layout/css/custom.css" rel="stylesheet">
60
  <!-- Theme styles END -->
61
</head>
62
<!-- Head END -->
63
 
64
<!-- Body BEGIN -->
65
<body class="corporate">
66
    <!-- BEGIN STYLE CUSTOMIZER -->
67
    <div class="color-panel hidden-sm">
68
      <div class="color-mode-icons icon-color"></div>
69
      <div class="color-mode-icons icon-color-close"></div>
70
      <div class="color-mode">
71
        <p>THEME COLOR</p>
72
        <ul class="inline">
73
          <li class="color-red current color-default" data-style="red"></li>
74
          <li class="color-blue" data-style="blue"></li>
75
          <li class="color-green" data-style="green"></li>
76
          <li class="color-orange" data-style="orange"></li>
77
          <li class="color-gray" data-style="gray"></li>
78
          <li class="color-turquoise" data-style="turquoise"></li>
79
        </ul>
80
      </div>
81
    </div>
82
    <!-- END BEGIN STYLE CUSTOMIZER -->
83
 
84
    <!-- BEGIN TOP BAR -->
85
    <div class="pre-header">
86
        <div class="container">
87
            <div class="row">
88
                <!-- BEGIN TOP BAR LEFT PART -->
89
                <div class="col-md-6 col-sm-6 additional-shop-info">
90
                    <ul class="list-unstyled list-inline">
91
                        <li><i class="fa fa-phone"></i><span>+1 456 6717</span></li>
92
                        <li><i class="fa fa-envelope-o"></i><span>info@keenthemes.com</span></li>
93
                    </ul>
94
                </div>
95
                <!-- END TOP BAR LEFT PART -->
96
                <!-- BEGIN TOP BAR MENU -->
97
                <div class="col-md-6 col-sm-6 additional-nav">
98
                    <ul class="list-unstyled list-inline pull-right">
99
                        <li><a href="page-login.html">Log In</a></li>
100
                        <li><a href="page-reg-page.html">Registration</a></li>
101
                    </ul>
102
                </div>
103
                <!-- END TOP BAR MENU -->
104
            </div>
105
        </div>        
106
    </div>
107
    <!-- END TOP BAR -->
108
    <!-- BEGIN HEADER -->
109
    <div class="header">
110
      <div class="container">
111
        <a class="site-logo" href="index.html"><img src="../../assets/frontend/layout/img/logos/logo-corp-red.png" alt="Metronic FrontEnd"></a>
112
 
113
        <a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
114
 
115
        <!-- BEGIN NAVIGATION -->
116
        <div class="header-navigation pull-right font-transform-inherit">
117
          <ul>
118
            <li class="dropdown">
119
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
120
                Home
121
 
122
              </a>
123
 
124
              <ul class="dropdown-menu">
125
                <li><a href="index.html">Home Default</a></li>
126
                <li><a href="index-header-fix.html">Home with Header Fixed</a></li>
127
                <li><a href="index-without-topbar.html">Home without Top Bar</a></li>
128
              </ul>
129
            </li>
130
            <li class="dropdown dropdown-megamenu">
131
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
132
                Mega Menu
133
 
134
              </a>
135
              <ul class="dropdown-menu">
136
                <li>
137
                  <div class="header-navigation-content">
138
                    <div class="row">
139
                      <div class="col-md-4 header-navigation-col">
140
                        <h4>Footwear</h4>
141
                        <ul>
142
                          <li><a href="index.html">Astro Trainers</a></li>
143
                          <li><a href="index.html">Basketball Shoes</a></li>
144
                          <li><a href="index.html">Boots</a></li>
145
                          <li><a href="index.html">Canvas Shoes</a></li>
146
                          <li><a href="index.html">Football Boots</a></li>
147
                          <li><a href="index.html">Golf Shoes</a></li>
148
                          <li><a href="index.html">Hi Tops</a></li>
149
                          <li><a href="index.html">Indoor Trainers</a></li>
150
                        </ul>
151
                      </div>
152
                      <div class="col-md-4 header-navigation-col">
153
                        <h4>Clothing</h4>
154
                        <ul>
155
                          <li><a href="index.html">Base Layer</a></li>
156
                          <li><a href="index.html">Character</a></li>
157
                          <li><a href="index.html">Chinos</a></li>
158
                          <li><a href="index.html">Combats</a></li>
159
                          <li><a href="index.html">Cricket Clothing</a></li>
160
                          <li><a href="index.html">Fleeces</a></li>
161
                          <li><a href="index.html">Gilets</a></li>
162
                          <li><a href="index.html">Golf Tops</a></li>
163
                        </ul>
164
                      </div>
165
                      <div class="col-md-4 header-navigation-col">
166
                        <h4>Accessories</h4>
167
                        <ul>
168
                          <li><a href="index.html">Belts</a></li>
169
                          <li><a href="index.html">Caps</a></li>
170
                          <li><a href="index.html">Gloves</a></li>
171
                        </ul>
172
 
173
                        <h4>Clearance</h4>
174
                        <ul>
175
                          <li><a href="index.html">Jackets</a></li>
176
                          <li><a href="index.html">Bottoms</a></li>
177
                        </ul>
178
                      </div>
179
                    </div>
180
                  </div>
181
                </li>
182
              </ul>
183
            </li>
184
            <li class="dropdown active">
185
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
186
                Pages
187
 
188
              </a>
189
 
190
              <ul class="dropdown-menu">
191
                <li><a href="page-about.html">About Us</a></li>
192
                <li><a href="page-services.html">Services</a></li>
193
                <li><a href="page-prices.html">Prices</a></li>
194
                <li><a href="page-faq.html">FAQ</a></li>
195
                <li><a href="page-gallery.html">Gallery</a></li>
196
                <li><a href="page-search-result.html">Search Result</a></li>
197
                <li><a href="page-404.html">404</a></li>
198
                <li><a href="page-500.html">500</a></li>
199
                <li><a href="page-login.html">Login Page</a></li>
200
                <li><a href="page-forgotton-password.html">Forget Password</a></li>
201
                <li><a href="page-reg-page.html">Signup Page</a></li>
202
                <li><a href="page-careers.html">Careers</a></li>
203
                <li><a href="page-site-map.html">Site Map</a></li>
204
                <li class="active"><a href="page-contacts.html">Contact</a></li>                
205
              </ul>
206
            </li>
207
            <li class="dropdown">
208
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
209
                Features
210
 
211
              </a>
212
 
213
              <ul class="dropdown-menu">
214
                <li><a href="feature-typography.html">Typography</a></li>
215
                <li><a href="feature-buttons.html">Buttons</a></li>
216
                <li><a href="feature-forms.html">Forms</a></li>
217
 
218
                <li class="dropdown-submenu">
219
                  <a href="index.html">Multi level <i class="fa fa-angle-right"></i></a>
220
                  <ul class="dropdown-menu" role="menu">
221
                    <li><a href="index.html">Second Level Link</a></li>
222
                    <li><a href="index.html">Second Level Link</a></li>
223
                    <li class="dropdown-submenu">
224
                      <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
225
                        Second Level Link
226
                        <i class="fa fa-angle-right"></i>
227
                      </a>
228
                      <ul class="dropdown-menu">
229
                        <li><a href="index.html">Third Level Link</a></li>
230
                        <li><a href="index.html">Third Level Link</a></li>
231
                        <li><a href="index.html">Third Level Link</a></li>
232
                      </ul>
233
                    </li>
234
                  </ul>
235
                </li>
236
              </ul>
237
            </li>
238
            <li class="dropdown">
239
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
240
                Portfolio
241
 
242
              </a>
243
 
244
              <ul class="dropdown-menu">
245
                <li><a href="portfolio-4.html">Portfolio 4</a></li>
246
                <li><a href="portfolio-3.html">Portfolio 3</a></li>
247
                <li><a href="portfolio-2.html">Portfolio 2</a></li>
248
                <li><a href="portfolio-item.html">Portfolio Item</a></li>
249
              </ul>
250
            </li>
251
            <li class="dropdown">
252
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
253
                Blog
254
 
255
              </a>
256
 
257
              <ul class="dropdown-menu">
258
                <li><a href="blog.html">Blog Page</a></li>
259
                <li><a href="blog-item.html">Blog Item</a></li>
260
              </ul>
261
            </li>
262
            <li><a href="shop-index.html" target="_blank">E-Commerce</a></li>
263
            <li><a href="onepage-index.html" target="_blank">One Page</a></li>
264
            <li><a href="http://keenthemes.com/preview/metronic/theme/templates/admin" target="_blank">Admin theme</a></li>
265
 
266
            <!-- BEGIN TOP SEARCH -->
267
            <li class="menu-search">
268
              <span class="sep"></span>
269
              <i class="fa fa-search search-btn"></i>
270
              <div class="search-box">
271
                <form action="#">
272
                  <div class="input-group">
273
                    <input type="text" placeholder="Search" class="form-control">
274
                    <span class="input-group-btn">
275
                      <button class="btn btn-primary" type="submit">Search</button>
276
                    </span>
277
                  </div>
278
                </form>
279
              </div>
280
            </li>
281
            <!-- END TOP SEARCH -->
282
          </ul>
283
        </div>
284
        <!-- END NAVIGATION -->
285
      </div>
286
    </div>
287
    <!-- Header END -->
288
 
289
    <div class="main">
290
      <div class="container">
291
        <ul class="breadcrumb">
292
            <li><a href="index.html">Home</a></li>
293
            <li><a href="#">Pages</a></li>
294
            <li class="active">Contacts</li>
295
        </ul>
296
        <div class="row margin-bottom-40">
297
          <!-- BEGIN CONTENT -->
298
          <div class="col-md-12">
299
            <h1>Contacts</h1>
300
            <div class="content-page">
301
              <div class="row">
302
                <div class="col-md-12">
303
                  <div id="map" class="gmaps margin-bottom-40" style="height:400px;"></div>
304
                </div>
305
                <div class="col-md-9 col-sm-9">
306
                  <h2>Contact Form</h2>
307
                  <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>
308
 
309
                  <!-- BEGIN FORM-->
310
                  <form action="#" role="form">
311
                    <div class="form-group">
312
                      <label for="contacts-name">Name</label>
313
                      <input type="text" class="form-control" id="contacts-name">
314
                    </div>
315
                    <div class="form-group">
316
                      <label for="contacts-email">Email</label>
317
                      <input type="email" class="form-control" id="contacts-email">
318
                    </div>
319
                    <div class="form-group">
320
                      <label for="contacts-message">Message</label>
321
                      <textarea class="form-control" rows="5" id="contacts-message"></textarea>
322
                    </div>
323
                    <button type="submit" class="btn btn-primary"><i class="icon-ok"></i> Send</button>
324
                    <button type="button" class="btn btn-default">Cancel</button>
325
                  </form>
326
                  <!-- END FORM-->
327
                </div>
328
 
329
                <div class="col-md-3 col-sm-3 sidebar2">
330
                  <h2>Our Contacts</h2>
331
                  <address>
332
                    <strong>Loop, Inc.</strong><br>
333
                    795 Park Ave, Suite 120<br>
334
                    San Francisco, CA 94107<br>
335
                    <abbr title="Phone">P:</abbr> (234) 145-1810
336
                  </address>
337
                  <address>
338
                    <strong>Email</strong><br>
339
                    <a href="mailto:info@email.com">info@email.com</a><br>
340
                    <a href="mailto:support@example.com">support@example.com</a>
341
                  </address>
342
                  <ul class="social-icons margin-bottom-40">
343
                    <li><a href="#" data-original-title="facebook" class="facebook"></a></li>
344
                    <li><a href="#" data-original-title="github" class="github"></a></li>
345
                    <li><a href="#" data-original-title="Goole Plus" class="googleplus"></a></li>
346
                    <li><a href="#" data-original-title="linkedin" class="linkedin"></a></li>
347
                    <li><a href="#" data-original-title="rss" class="rss"></a></li>
348
                  </ul>
349
 
350
                  <h2 class="padding-top-30">About Us</h2>
351
                  <p>Sediam nonummy nibh euismod tation ullamcorper suscipit</p>
352
                  <ul class="list-unstyled">
353
                    <li><i class="fa fa-check"></i> Officia deserunt molliti</li>
354
                    <li><i class="fa fa-check"></i> Consectetur adipiscing </li>
355
                    <li><i class="fa fa-check"></i> Deserunt fpicia</li>
356
                  </ul>        
357
                </div>
358
              </div>
359
            </div>
360
          </div>
361
          <!-- END CONTENT -->
362
        </div>
363
      </div>
364
    </div>
365
 
366
    <!-- BEGIN PRE-FOOTER -->
367
    <div class="pre-footer">
368
      <div class="container">
369
        <div class="row">
370
          <!-- BEGIN BOTTOM ABOUT BLOCK -->
371
          <div class="col-md-4 col-sm-6 pre-footer-col">
372
            <h2>About us</h2>
373
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam sit nonummy nibh euismod tincidunt ut laoreet dolore magna aliquarm erat sit volutpat.</p>
374
 
375
            <div class="photo-stream">
376
              <h2>Photos Stream</h2>
377
              <ul class="list-unstyled">
378
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img5-small.jpg"></a></li>
379
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img1.jpg"></a></li>
380
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img4-large.jpg"></a></li>
381
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img6.jpg"></a></li>
382
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img3.jpg"></a></li>
383
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img2-large.jpg"></a></li>
384
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img2.jpg"></a></li>
385
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img5.jpg"></a></li>
386
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img5-small.jpg"></a></li>
387
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img1.jpg"></a></li>
388
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img4-large.jpg"></a></li>
389
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img6.jpg"></a></li>
390
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img3.jpg"></a></li>
391
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img2-large.jpg"></a></li>
392
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img2.jpg"></a></li>
393
              </ul>                    
394
            </div>
395
          </div>
396
          <!-- END BOTTOM ABOUT BLOCK -->
397
 
398
          <!-- BEGIN BOTTOM CONTACTS -->
399
          <div class="col-md-4 col-sm-6 pre-footer-col">
400
            <h2>Our Contacts</h2>
401
            <address class="margin-bottom-40">
402
              35, Lorem Lis Street, Park Ave<br>
403
              California, US<br>
404
              Phone: 300 323 3456<br>
405
              Fax: 300 323 1456<br>
406
              Email: <a href="mailto:info@metronic.com">info@metronic.com</a><br>
407
              Skype: <a href="skype:metronic">metronic</a>
408
            </address>
409
 
410
            <div class="pre-footer-subscribe-box pre-footer-subscribe-box-vertical">
411
              <h2>Newsletter</h2>
412
              <p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
413
              <form action="#">
414
                <div class="input-group">
415
                  <input type="text" placeholder="youremail@mail.com" class="form-control">
416
                  <span class="input-group-btn">
417
                    <button class="btn btn-primary" type="submit">Subscribe</button>
418
                  </span>
419
                </div>
420
              </form>
421
            </div>
422
          </div>
423
          <!-- END BOTTOM CONTACTS -->
424
 
425
          <!-- BEGIN TWITTER BLOCK -->
426
          <div class="col-md-4 col-sm-6 pre-footer-col">
427
            <h2 class="margin-bottom-0">Latest Tweets</h2>
428
            <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>
429
          </div>
430
          <!-- END TWITTER BLOCK -->
431
        </div>
432
      </div>
433
    </div>
434
    <!-- END PRE-FOOTER -->
435
 
436
    <!-- BEGIN FOOTER -->
437
    <div class="footer">
438
      <div class="container">
439
        <div class="row">
440
          <!-- BEGIN COPYRIGHT -->
441
          <div class="col-md-6 col-sm-6 padding-top-10">
442
            2014 © Metronic Shop UI. ALL Rights Reserved. <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a>
443
          </div>
444
          <!-- END COPYRIGHT -->
445
          <!-- BEGIN PAYMENTS -->
446
          <div class="col-md-6 col-sm-6">
447
            <ul class="social-footer list-unstyled list-inline pull-right">
448
              <li><a href="#"><i class="fa fa-facebook"></i></a></li>
449
              <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
450
              <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
451
              <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
452
              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
453
              <li><a href="#"><i class="fa fa-skype"></i></a></li>
454
              <li><a href="#"><i class="fa fa-github"></i></a></li>
455
              <li><a href="#"><i class="fa fa-youtube"></i></a></li>
456
              <li><a href="#"><i class="fa fa-dropbox"></i></a></li>
457
            </ul>  
458
          </div>
459
          <!-- END PAYMENTS -->
460
        </div>
461
      </div>
462
    </div>
463
    <!-- END FOOTER -->
464
 
465
    <!-- Load javascripts at bottom, this will reduce page load time -->
466
    <!-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) -->
467
    <!--[if lt IE 9]>
468
    <script src="../../assets/global/plugins/respond.min.js"></script>
469
    <![endif]-->
470
    <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
471
    <script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
472
    <script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>      
473
    <script src="../../assets/frontend/layout/scripts/back-to-top.js" type="text/javascript"></script>
474
    <!-- END CORE PLUGINS -->
475
 
476
    <!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
477
    <script src="../../assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script><!-- pop up -->
478
    <script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
479
    <script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
480
    <script src="../../assets/global/plugins/gmaps/gmaps.js" type="text/javascript"></script>
481
    <script src="../../assets/frontend/pages/scripts/contact-us.js" type="text/javascript"></script>
482
 
483
    <script src="../../assets/frontend/layout/scripts/layout.js" type="text/javascript"></script>
484
    <script type="text/javascript">
485
        jQuery(document).ready(function() {
486
            Layout.init();
487
            Layout.initUniform();
488
            ContactUs.init();
489
            Layout.initTwitter();
490
        });
491
    </script>
492
    <!-- END PAGE LEVEL JAVASCRIPTS -->
493
</body>
494
<!-- END BODY -->
495
</html>