Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100755 148 lines (113 sloc) 5.185 kb
8fb39b3b »
2011-12-10 first commit
1 <!doctype html>
2 <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3 <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
4 <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
5 <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
6 <!--[if IE 9]> <html class="no-js ie9 oldie" lang="en"> <![endif]-->
7 <!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
8 <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
9 <head>
10 <meta charset="utf-8">
11
12 <title>Metro - Responsive Portfolio Theme</title>
13 <meta name="description" content="Metro is an extremely cool html theme for agency portfolios or business, with unique design elements and great features.">
14 <meta name="author" content="rubenbristian.com">
15
16 <!-- Mobile viewport optimized: j.mp/bplateviewport -->
17 <meta name="viewport" content="width=device-width,initial-scale=1">
18
19 <link id="windStyle" rel="stylesheet" href="css/style.dark.css">
20
21 <link rel="shortcut icon" href="images/favicon.ico">
22 <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
23
24 <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
25 </head>
26
27 <body>
28
29 <div id="wrapper" class="clearfix"><div id="main">
30
31 <header class="mainHeader clearfix">
32 <a href="index.html"><img id="logo" src="images/logo.png" alt="Metro Studio" /></a>
33 <nav id="menu">
34 <ul>
35 <li><a href="index.html">Home</a>
36 <hr />
37 <ul>
38 <li><a href="index.html">Masonry</a></li>
39 <li><a href="index2.html">Traditional</a></li>
40 </ul>
41 </li>
42 <li><a href="about.html">About</a></li>
43 <li><a href="#">Features</a>
44 <hr />
45 <ul>
46 <li><a href="shortcodes.html">Shortcodes</a></li>
47 <li><a href="columns.html">Columns</a></li>
48 <li><a href="testimonials.html">Testimonials</a></li>
49 <li><a href="pricing.html">Pricing Table</a></li>
50 <li><a href="404.html">404</a></li>
51 </ul>
52 </li>
53 <li><a href="blog.html">Blog</a></li>
54 <li><a href="contact.html" class="selected">Contact</a></li>
55 </ul>
56 </nav>
57
58 <h1><strong>Metro Studio.</strong> Contact Us.<br />
59 <span>We look forward to hearing from you!</span></h1>
60
61 </header>
62
63 <article class="columns">
64
65 <header class="leftSide"><div>
66 <h4 class="sectionHeader">Contact Info</h4><hr /><p class="portfolioDescription">Newton Smith
67 <br>
68 Morning Avenue 12
69 <br>
70 London 355044
71 <br>
72 <br>
73 Tel: +40 735 996 354
74 <br>
75 Email:
76 <a href="mailto:me@rubenbristian.com">contact@wind.com</a>
77 <br>
78 Website:
79 <a href="http://themes.rubenbristian.com/harmony/">www.wind.com</a>
80 </p>
81 </div></header>
82
83 <div class="rightSide clearfix">
84 <section class="iframeBorder col1">
85
86 <iframe width="670" height="330" src="http://maps.google.ro/maps?f=q&amp;source=s_q&amp;hl=ro&amp;geocode=&amp;aq=0&amp;sll=46.749114,23.557223&amp;sspn=0.01385,0.033023&amp;vpsrc=6&amp;ie=UTF8&amp;hq=&amp;hnear=New+York,+Statele+Unite+ale+Americii&amp;t=m&amp;ll=40.726446,-73.990173&amp;spn=0.130091,0.222473&amp;z=11&amp;output=embed"></iframe>
87
88 </section>
89 </div>
90
91 <header class="leftSide"><div class="clearfix">
92 <h4 class="sectionHeader">Drop us a line</h4><hr /><p>And we'll promise you a quick response</p>
93 </div></header>
94
95 <div class="rightSide clearfix">
96 <section class="col1 form clearfix" id="contactForm">
97
98 <form action="#" novalidate>
99 <input type="text" id="formName" value="Enter your name" />
100 <input type="email" id="formEmail" value="Enter your email address" />
101 <input type="text" id="formSubject" value="Enter a subject" />
102 <textarea id="formMessage">Write your message</textarea>
103 <input type="submit" id="submitButton" class="submit chunkyButton light dark" value="Send Message &rarr;" />
104
105 </form>
106 </section>
107 </div>
108
109 </article>
110
111 </div></div>
112
113
114 <footer class="clearfix"><div>
115 <p>Copyright 2011 @ Made by <a href="http://rubenbristian.com">Ruben Bristian</a></p>
116
117 <p class="right">
118 Powered by WordPress. Just kidding! It's an HTML Theme
119 </p>
120 </div></footer>
121
122
123 <!--! end of #container -->
124
125
126 <!-- JavaScript at the bottom for fast page loading -->
127
128 <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
129 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
130 <script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
131
132
133 <!-- scripts concatenated and minified via ant build script-->
134 <script defer src="js/plugins.min.js"></script>
135 <script defer src="js/script.min.js"></script>
136 <!-- end scripts-->
137
138
139 <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
140 chromium.org/developers/how-tos/chrome-frame-getting-started -->
141 <!--[if lt IE 7 ]>
142 <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
143 <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
144 <![endif]-->
145
146 </body>
147 </html>
Something went wrong with that request. Please try again.