Created
December 18, 2013 19:13
-
-
Save stephenson/8028036 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Firmafon</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <link rel="shortcut icon" href="flat-ui/images/favicon.ico"> | |
| <!-- this code between <header> ... </header> --> | |
| <link rel="stylesheet" href="flat-ui/bootstrap/css/bootstrap.css"> | |
| <link rel="stylesheet" href="flat-ui/bootstrap/css/bootstrap-responsive.css"> | |
| <link rel="stylesheet" href="flat-ui/css/flat-ui.css"> | |
| <!-- Using only with Flat-UI (free)--> | |
| <link rel="stylesheet" href="common-files/css/icon-font.css"> | |
| <!-- end --> | |
| <link rel="stylesheet" href="common-files/css/animations.css"> | |
| <script src="flat-ui/js/jquery-1.8.3.min.js"></script> | |
| <!-- this code directly before </body> --> | |
| <script src="flat-ui/js/bootstrap.min.js"></script> | |
| <!--[if lt IE 8]> | |
| <script src="../flat-ui/js/icon-font-ie7.js"></script> | |
| <![endif]--> | |
| <script src="common-files/js/jquery.scrollTo-1.4.3.1-min.js"></script> | |
| <script src="common-files/js/modernizr.custom.js"></script> | |
| <script src="common-files/js/page-transitions.js"></script> | |
| <script src="common-files/js/easing.min.js"></script> | |
| <script src="common-files/js/jquery.svg.js"></script> | |
| <script src="common-files/js/jquery.svganim.js"></script> | |
| <script src="common-files/js/jquery.parallax.min.js"></script> | |
| <script src="common-files/js/startup-kit.js"></script> | |
| <!-- header --> | |
| <link rel="stylesheet" href="ui-kit/ui-kit-header/css/style.css"> | |
| <!-- content --> | |
| <link rel="stylesheet" href="ui-kit/ui-kit-content/css/style.css"> | |
| <!-- blog --> | |
| <link rel="stylesheet" href="ui-kit/ui-kit-blog/css/style.css"> | |
| <!-- contacts --> | |
| <link rel="stylesheet" href="ui-kit/ui-kit-contacts/css/style.css"> | |
| <!-- crew --> | |
| <link rel="stylesheet" href="ui-kit/ui-kit-crew/css/style.css"> | |
| <!-- price --> | |
| <link rel="stylesheet" href="ui-kit/ui-kit-price/css/style.css"> | |
| <!-- projects --> | |
| <link rel="stylesheet" href="ui-kit/ui-kit-projects/css/style.css"> | |
| <!-- footer --> | |
| <link rel="stylesheet" href="ui-kit/ui-kit-footer/css/style.css"> | |
| <link rel="stylesheet" href="css/style.css"> | |
| <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> | |
| <!--[if lt IE 9]> | |
| <script src="flat-ui/js/html5shiv.js"></script> | |
| <![endif]--> | |
| </head> | |
| <body> | |
| <header class="header-3"> | |
| <div class="container"> | |
| <div class="navbar span12"> | |
| <div class="navbar-inner"> | |
| <button type="button" class="btn btn-navbar"></button> | |
| <a class="brand" href="#"><img src="common-files/icons/Infinity-Loop_2x.png" width="50" height="50" alt="">Startup</a> | |
| <div class="nav-collapse collapse pull-right"> | |
| <ul class="nav"> | |
| <li class="active"><a href="#">HOME</a></li> | |
| <li><a href="#">COMPANY</a></li> | |
| <li><a href="#">PORTFOLIO</a></li> | |
| <li><a href="#">BLOG</a></li> | |
| <li><a href="#">CONTACT</a></li> | |
| </ul> | |
| <form class="navbar-form pull-left"> | |
| <a class="btn btn-primary" href="#">SIGN IN</a> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <section class="header-3-sub bg-clouds"> | |
| <div class="background"> </div> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="span6"> | |
| <h3>Fremtidens firmatelefoni</h3> | |
| <p> | |
| These Samples will guide you through and show how to use the blocks and give you the feeling on how | |
| to play | |
| around using the components in the website building process. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="content-5"> | |
| <div class="container"> | |
| <img src="common-files/icons/magic-wand@2x.png" width="200" height="200" alt=""> | |
| <div class="row"> | |
| <div class="span10 offset1"> | |
| <h3>Perfect for your project</h3> | |
| <p class="lead">You have the design, you have the code</p> | |
| </div> | |
| </div> | |
| <div class="row features"> | |
| <div class="span4 offset2"> | |
| <span class="fui-cmd"> </span> | |
| <h6>Save Your Time</h6> | |
| <p>Use your time for generating new ideas for your startup. | |
| Take a break from the routine and work for new ideas.</p> | |
| </div> | |
| <div class="span4 offset1"> | |
| <span class="fui-windows"> </span> | |
| <h6>Responsive Layout</h6> | |
| <p>Of course we haven’t forgotten about the responsive layout. Create a website with full mobile | |
| support.</p> | |
| </div> | |
| </div> | |
| <div class="row features"> | |
| <div class="span4 offset2"> | |
| <span class="fui-upload"> </span> | |
| <h6>Retina Ready</h6> | |
| <p>Startup Framework works fine on devices supporting Retina Display. Feel the clarity in each | |
| pixel.</p> | |
| </div> | |
| <div class="span4 offset1"> | |
| <span class="fui-credit-card"> </span> | |
| <h6>Money Economy</h6> | |
| <p>Startups can save money on design and code and spend it on concept, ideas and functionality.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="price-1"> | |
| <div class="container"> | |
| <div class="row plans"> | |
| <div class="span6 plan"> | |
| <div class="title">Omstilling Basic</div> | |
| <div class="price">89 kr om måneden</div> | |
| <div class="description"> | |
| 10,000 messages<br> | |
| <b>unlimited</b> data<br> | |
| <b>unlimited</b> users<br> | |
| first 10 day free | |
| </div> | |
| <a class="btn disabled" href="#">Your Current Plan</a> | |
| </div> | |
| <div class="span6 plan"> | |
| <div class="title">Omstilling Pro</div> | |
| <div class="price">199 kr om måneden</div> | |
| <div class="description"> | |
| 10,000 messages<br> | |
| <b>unlimited</b> data<br> | |
| <b>unlimited</b> users<br> | |
| first 30 day free | |
| </div> | |
| <a class="btn btn-primary" href="#">Change to this Plan</a> | |
| <div class="ribbon">Proffesionel</div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--/.container--> | |
| </section> | |
| <section class="blog-2"> | |
| <div class="background hidden-phone"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="span4"> | |
| <div> | |
| <img src="common-files/img/Comp.jpg"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--/.container--> | |
| </div> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="span7 offset5"> | |
| <h3> | |
| <img src="common-files/icons/Infinity-Loop_2x.png" width="100" height="100" alt=""> | |
| Features of Startup Framework | |
| </h3> | |
| <div class="promo"> | |
| <h4>The second sneak-peek</h4> | |
| <p>The most important parts of the Startup Framework are Samples and the UI Kit that | |
| includes a set of different components. The samples consist of a set of 25 pages.</p> | |
| </div> | |
| <h6>Feel our design</h6> | |
| <p>Samples will show you the feeling on how to play around using the components in the website building | |
| process. To get started, you select the sample and base the website on it.</p> | |
| <p> | |
| <button class="btn btn-inverse">Learn more</button> | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <!--/.container--> | |
| </section> | |
| <footer class="footer-10"> | |
| <div class="container"> | |
| <div class="row"> | |
| <nav> | |
| <div class="span2"> | |
| <h6>Company</h6> | |
| <ul> | |
| <li><a href="#">About Us</a></li> | |
| <li><a href="#">Blog</a></li> | |
| <li><a href="#">Teem</a></li> | |
| <li><a href="#">Career</a></li> | |
| <li><a href="#">Contact</a></li> | |
| </ul> | |
| </div> | |
| <div class="span2 offset1"> | |
| <h6>Our Products</h6> | |
| <ul> | |
| <li><a href="#">What we doing?</a></li> | |
| <li><a href="#">Portfolio</a></li> | |
| <li><a href="#">Clients</a></li> | |
| <li><a href="#">Success Story</a></li> | |
| </ul> | |
| </div> | |
| <div class="span2 offset1"> | |
| <h6>Blog</h6> | |
| <ul> | |
| <li><a href="#">Tutorials</a></li> | |
| <li><a href="#">Some thoughts</a></li> | |
| </ul> | |
| </div> | |
| <div class="span2 offset1"> | |
| <h6>Newsletter</h6> | |
| <ul> | |
| <li><a href="#">News</a></li> | |
| <li><a href="#">Design</a></li> | |
| <li><a href="#">Development</a></li> | |
| <li><a href="#">Drawing</a></li> | |
| <li><a href="#">Tutorials</a></li> | |
| </ul> | |
| </div> | |
| </nav> | |
| </div> | |
| </div> | |
| <div class="subscribe-form bg-midnight-blue"> | |
| <div class="container"> | |
| <div class="row"> | |
| <form> | |
| <div class="span8"> | |
| <input type="text" placeholder="Enter your e-mail" spellcheck="false"> | |
| </div> | |
| <div class="span4"> | |
| <button class="btn btn-large btn-danger" type="submit">Subscribe now</button> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="span3"> | |
| <a class="brand" href="#"><img src="common-files/icons/Infinity-Loop_2x.png" width="50" height="50" alt=""> | |
| Firmafon</a> | |
| </div> | |
| <div class="span3"> | |
| <div class="box box-first"> | |
| <h6>New York, NY</h6> | |
| <p>62 West 55th Street, Suite 302 New York, NY, 10230</p> | |
| </div> | |
| <br class="hidden-phone"> | |
| <div class="box"> | |
| <h6>San Francisco, CA</h6> | |
| <p>560 Judah St & 15th Ave, Apt 5 San Francisco, CA, 230903</p> | |
| </div> | |
| </div> | |
| <div class="span4 offset1 box"> | |
| <h6>Help</h6> | |
| <p>Need help? Don’t hestiate to ask us something. Email us directly | |
| <a href="#">info@designmodo.com</a> or call us at 1-347-567-8670. | |
| You can checkout our <a href="#">FAQ</a> and <a href="#">Help</a> | |
| page to get more information about our products. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment