Permalink
Browse files

Basic markup built out

  • Loading branch information...
1 parent 9dd5440 commit 9ccf7174123b302e82b3c53bc3213e2da5466eb4 @chambaz chambaz committed Oct 3, 2013
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -43,6 +43,235 @@
<body>
+ <!-- start .meta-nav -->
+ <nav class="meta-nav row">
+ <ul class="pull_right">
+ <li><a href="#">Terms &amp; Conditions</a></li>
+ <li><a href="#">Privacy Policy</a></li>
+ <li><a href="#">Contact Us</a></li>
+ </ul>
+ </nav>
+ <!-- end .meta-nav -->
+
+ <!-- start #nav1 -->
+ <div class="navcontain">
+ <header class="navbar" id="nav1">
+ <nav class="row">
+ <a class="toggle" gumby-trigger="#nav1 > .row > ul" href="#"><i class="icon-menu"></i></a>
+ <h1 class="four columns logo">
+ <a href="#">
+ <img src="img/gallifrey_logo.png" gumby-retina />
+ </a>
+ </h1>
+ <ul class="ten columns">
+ <li>
+ <a href="#">Tardis <i class="icon-down-open-mini"></i></a>
+ <div class="dropdown">
+ <ul>
+ <li><a href="#">Integrated Translation</a></li>
+ <li><a href="#">Fish Fingers &amp; Custard</a></li>
+ <li><a href="#">Bigger on the inside</a></li>
+ </ul>
+ </div>
+ </li>
+ <li><a href="#">Find a dealer</a></li>
+ <li><a href="#">Build your own</a></li>
+ <li class="field no-icon">
+ <input class="text input" name="search" type="text" placeholder="Search" />
+ <i class="icon-search"></i>
+ </li>
+ </ul>
+ </nav>
+ </header>
+ </div>
+ <!-- end #nav1 -->
+
+ <!-- start #masthead -->
+ <div id="masthead">
+
+ <div class="row">
+ <div class="seven columns valign">
+ <div>
+ <h1 class="xlarge"><span>Tardis</span>Type-40</h1>
+ <div class="features">
+ <p><strong>THE LEGEND CONTINUES</strong></p>
+ <p>Same legendary TARDIS, an all-new price.</p>
+ <p>Starting at £2,497,998.</p>
+ </div>
+ <ul>
+ <li>
+ <p class="btn primary medium icon-left icon-location"><a href="#">Get a quote</a></p>
+ </li>
+ <li>
+ <p class="btn secondary medium icon-left icon-basket"><a href="#">Buy</a></p>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- end #masthead -->
+
+ <!-- start #highlights -->
+ <div class="row" id="highlights">
+ <a href="#" class="four columns text-center">
+ <figure>
+ <img src="img/img_translation.jpg" />
+ <figcaption>Integrated Translation</figcaption>
+ </figure>
+ </a>
+ <a href="#" class="four columns push_one text-center">
+ <figure>
+ <img src="img/img_fishfingers.jpg" />
+ <figcaption>Fish Fingers &amp; Custard</figcaption>
+ </figure>
+ </a>
+ <a href="#" class="four columns push_one text-center">
+ <figure>
+ <img src="img/img_bigger.jpg" />
+ <figcaption>Bigger on the inside</figcaption>
+ </figure>
+ </a>
+ </div>
+ <!-- end #highlights -->
+
+ <!-- start #main -->
+ <section class="row" id="main">
+ <h2 class="text-center">Traverse the time vortex<br />with precision.</h2>
+
+ <article class="row" id="translation">
+ <div class="eight columns">
+ <div class="youtube video">
+ <iframe width="640" height="360" src="http://www.youtube.com/embed/7R2E94f_ZNQ" frameborder="0" allowfullscreen></iframe>
+ </div>
+ </div>
+ <div class="five columns push_one tablet-center">
+ <h3>Integrated Translation</h3>
+ <p>The oncoming storm Galifrey I hereby invoke The Shadow Proclamation! IT is the Doctor! Enemy of the Daleks! the oncoming storm wibbly wobbly timey wimey DON'T BLINK!</p>
+ </div>
+ </article>
+
+ <article class="row" id="fishfingers">
+ <div class="seven columns copy tablet-center">
+ <h3>Wibbly-wobbly<br />timey-wimey to spare.</h3>
+ <p>The oncoming storm Galifrey I hereby invoke The Shadow Proclamation! IT is the Doctor! Enemy of the Daleks! the oncoming storm wibbly wobbly timey wimey DON'T BLINK! The socks with holes, dummy! Rose Tyler Captain Jack Harkness YOU WILL OBEY! Time War Puny Human! Delete. Delete. Delete.</p>
+ </div>
+ <div class="six columns push_one">
+ <img src="img/img_tardis.jpg" />
+ </div>
+ </article>
+
+ <article class="row" id="bigger">
+ <h3 class="row text-center xlarge">Bigger engineering for bigger insides</h3>
+ <p class="row text-center"><img src="img/img_blueprint.jpg" /></p>
+ </article>
+ </section>
+ <!-- end #main -->
+
+ <!-- start #extras -->
+ <section class="row" id="extras">
+ <article class="seven columns tablet-center">
+ <h4>Shadow Proclamation Compliant</h4>
+ <p>The oncoming storm Galifrey I hereby invoke The Shadow Proclamation! IT is the Doctor! Enemy of the Daleks! the oncoming storm wibbly wobbly timey wimey DON'T BLINK! The socks with holes, dummy! Rose Tyler Captain Jack Harkness YOU WILL OBEY!</p>
+ </article>
+ <article class="seven columns tablet-center">
+ <h4>Companion quarters</h4>
+ <p>The oncoming storm Galifrey I hereby invoke The Shadow Proclamation! IT is the Doctor! Enemy of the Daleks! the oncoming storm wibbly wobbly timey wimey DON'T BLINK! The socks with holes, dummy! Rose Tyler Captain Jack Harkness YOU WILL OBEY!</p>
+ </article>
+ </section>
+ <!-- end #extras -->
+
+ <!-- start #cta -->
+ <section class="row" id="cta">
+ <div class="seven columns push_one"><p class="xlarge">Starting at only <sup>£</sup>2,497,998</p></div>
+ <div class="five columns">
+ <p class="btn secondary large icon-left icon-location"><a href="#">Find a dealer</a></p>
+ </div>
+ </section>
+ <!-- end #cta -->
+
+
+ <!-- start #foot-links -->
+ <footer class="row" id="foot-links">
+ <ul>
+ <li><a href="#">Translation</a></li>
+ <li><a href="#">Lorem Ipsum</a></li>
+ <li><a href="#">Dolor Sit</a></li>
+ <li><a href="#">Consectetur</a></li>
+ <li><a href="#">Adipiscing</a></li>
+ <li><a href="#">Morbi Non</a></li>
+ <li><a href="#">Justo Eu</a></li>
+ </ul>
+ <ul>
+ <li><a href="#">Fish Fingers</a></li>
+ <li><a href="#">Lorem Ipsum</a></li>
+ <li><a href="#">Dolor Sit</a></li>
+ <li><a href="#">Consectetur</a></li>
+ <li><a href="#">Adipiscing</a></li>
+ <li><a href="#">Morbi Non</a></li>
+ <li><a href="#">Justo Eu</a></li>
+ </ul>
+ <ul>
+ <li><a href="#">Custard</a></li>
+ <li><a href="#">Lorem Ipsum</a></li>
+ <li><a href="#">Dolor Sit</a></li>
+ <li><a href="#">Consectetur</a></li>
+ <li><a href="#">Adipiscing</a></li>
+ <li><a href="#">Morbi Non</a></li>
+ <li><a href="#">Justo Eu</a></li>
+ </ul>
+ <ul>
+ <li><a href="#">Time Vortex</a></li>
+ <li><a href="#">Lorem Ipsum</a></li>
+ <li><a href="#">Dolor Sit</a></li>
+ <li><a href="#">Consectetur</a></li>
+ <li><a href="#">Adipiscing</a></li>
+ <li><a href="#">Morbi Non</a></li>
+ <li><a href="#">Justo Eu</a></li>
+ </ul>
+ <ul>
+ <li><a href="#">Wibbly-wobbly</a></li>
+ <li><a href="#">Lorem Ipsum</a></li>
+ <li><a href="#">Dolor Sit</a></li>
+ <li><a href="#">Consectetur</a></li>
+ <li><a href="#">Adipiscing</a></li>
+ <li><a href="#">Morbi Non</a></li>
+ <li><a href="#">Justo Eu</a></li>
+ </ul>
+ <ul>
+ <li><a href="#">Timey-wimey</a></li>
+ <li><a href="#">Lorem Ipsum</a></li>
+ <li><a href="#">Dolor Sit</a></li>
+ <li><a href="#">Consectetur</a></li>
+ <li><a href="#">Adipiscing</a></li>
+ <li><a href="#">Morbi Non</a></li>
+ <li><a href="#">Justo Eu</a></li>
+ </ul>
+ <ul>
+ <li><a href="#">Shadow Compliant</a></li>
+ <li><a href="#">Lorem Ipsum</a></li>
+ <li><a href="#">Dolor Sit</a></li>
+ <li><a href="#">Consectetur</a></li>
+ <li><a href="#">Adipiscing</a></li>
+ <li><a href="#">Morbi Non</a></li>
+ <li><a href="#">Justo Eu</a></li>
+ </ul>
+ <ul>
+ <li><a href="#">Companion Quarters</a></li>
+ <li><a href="#">Lorem Ipsum</a></li>
+ <li><a href="#">Dolor Sit</a></li>
+ <li><a href="#">Consectetur</a></li>
+ <li><a href="#">Adipiscing</a></li>
+ <li><a href="#">Morbi Non</a></li>
+ <li><a href="#">Justo Eu</a></li>
+ </ul>
+ </footer>
+ <!-- end #footer-links -->
+
+ <footer class="row">
+ <img src="img/img_footer.jpg" />
+ </footer>
+
<!-- Grab Google CDN's jQuery, fall back to local if offline -->
<!-- 2.0 for modern browsers, 1.10 for .oldie -->

0 comments on commit 9ccf717

Please sign in to comment.