API tools faq
paste
Advertisement
Underworld1337

Untitled

Underworld1337
Oct 26th, 2014
222
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 51.90 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <!--[if lt IE 7 ]><html style="margin-top: 0 !important" class="ie ie6" lang="en"> <![endif]-->
  4. <!--[if IE 7 ]><html style="margin-top: 0 !important" class="ie ie7" lang="en"> <![endif]-->
  5. <!--[if IE 8 ]><html style="margin-top: 0 !important" class="ie ie8" lang="en"> <![endif]-->
  6. <!--[if (gte IE 9)|!(IE)]><!--> <!--<![endif]-->
  7. <html style="margin-top: 0 !important" lang="en-US"> <!--<![endif]-->
  8. <head>
  9.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  10.     <title>Teo &#8211; single page theme</title>
  11.     <link rel="stylesheet" href="http://teothemes.com/wp/teo/wp-content/themes/teo/style.css" type="text/css" media="screen" />
  12.     <!-- Mobile Specific Metas
  13.      ================================================== -->
  14.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  15.     <!--[if lt IE 9]>
  16.        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  17.    <![endif]-->
  18.  
  19.    
  20.     <script type="text/javascript">
  21.     var templateDir = "http://teothemes.com/wp/teo/wp-content/themes/teo";
  22.     </script>
  23.  
  24.  
  25.    
  26. <link rel="alternate" type="application/rss+xml" title="Teo - single page theme &raquo; Feed" href="http://teothemes.com/wp/teo/feed/" />
  27. <link rel="alternate" type="application/rss+xml" title="Teo - single page theme &raquo; Comments Feed" href="http://teothemes.com/wp/teo/comments/feed/" />
  28. <link rel='stylesheet' id='bootstrap-css'  href='http://teothemes.com/wp/teo/wp-content/themes/teo/css/bootstrap.css?ver=1.0' type='text/css' media='all' />
  29. <link rel='stylesheet' id='bootstrap-responsive-css'  href='http://teothemes.com/wp/teo/wp-content/themes/teo/css/bootstrap-responsive.css?ver=1.0' type='text/css' media='all' />
  30. <link rel='stylesheet' id='flexslider-css'  href='http://teothemes.com/wp/teo/wp-content/themes/teo/css/flexslider.css?ver=1.0' type='text/css' media='all' />
  31. <link rel='stylesheet' id='prettyPhoto-css'  href='http://teothemes.com/wp/teo/wp-content/themes/teo/css/prettyPhoto.css?ver=1.0' type='text/css' media='all' />
  32. <link rel='stylesheet' id='style-css'  href='http://teothemes.com/wp/teo/wp-content/themes/teo/style.css?ver=1.0' type='text/css' media='all' />
  33. <link rel='stylesheet' id='dark-theme-css'  href='http://teothemes.com/wp/teo/wp-content/themes/teo/css/dark-theme.css?ver=1.0' type='text/css' media='all' />
  34. <link rel='stylesheet' id='open-sans-css'  href='//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&#038;subset=latin%2Clatin-ext&#038;ver=3.9.2' type='text/css' media='all' />
  35. <link rel='stylesheet' id='droid-serif-css'  href='http://fonts.googleapis.com/css?family=Droid+Serif%3A400italic&#038;ver=3.9.2' type='text/css' media='all' />
  36. <link rel='stylesheet' id='wp-pagenavi-css'  href='http://teothemes.com/wp/teo/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70' type='text/css' media='all' />
  37. <script type='text/javascript' src='http://teothemes.com/wp/teo/wp-includes/js/jquery/jquery.js?ver=1.11.0'></script>
  38. <script type='text/javascript' src='http://teothemes.com/wp/teo/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
  39. <script type='text/javascript' src='http://teothemes.com/wp/teo/wp-content/themes/teo/js/jquery.flexslider.js?ver=1.0'></script>
  40. <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://teothemes.com/wp/teo/xmlrpc.php?rsd" />
  41. <link id="ABeeZee" href="http://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet" type="text/css" />
  42. <link rel="shortcut icon" href="http://teothemes.com/wp/teo/files/2013/06/favicon.png" /></head>
  43. <body data-spy="scroll" data-target="#mainNav" data-offset="100" class="home blog">
  44.  
  45. <header>
  46.         <div class='container'>
  47.             <div class='row'>
  48.                 <div class='span3'>
  49.                     <figure class='logo'>
  50.                         <a href="http://teothemes.com/wp/teo/#home">
  51.                                                             <img src="http://teothemes.com/wp/teo/wp-content/themes/teo/img/logo.png" alt="Teo &#8211; single page theme"/>
  52.                                                     </a>
  53.                     </figure>
  54.                 </div>
  55.                 <nav class='span6'>
  56.                     <div id='mainNav'>
  57.                         <ul id="menu-top-menu" class="nav"><li id="menu-item-118" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home"><a data-target="#home" href="http://teothemes.com/wp/teo#home">Home</a></li>
  58. <li id="menu-item-120" class="menu-item menu-item-type-post_type menu-item-object-page"><a data-target="#sample-page" href="http://teothemes.com/wp/teo/#sample-page">Services</a></li>
  59. <li id="menu-item-116" class="menu-item menu-item-type-post_type menu-item-object-page"><a data-target="#portfolio" href="http://teothemes.com/wp/teo/#portfolio">Work</a></li>
  60. <li id="menu-item-115" class="menu-item menu-item-type-post_type menu-item-object-page"><a data-target="#about" href="http://teothemes.com/wp/teo/#about">About</a></li>
  61. <li id="menu-item-119" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://teothemes.com/wp/teo/blog/">Blog external</a></li>
  62. <li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-post"><a href="http://teothemes.com/wp/teo/2013/06/12/nokia-lumia-928-spotted-in-leaked-pictures/">Single post</a></li>
  63. <li id="menu-item-114" class="menu-item menu-item-type-post_type menu-item-object-page"><a data-target="#blog-page" href="http://teothemes.com/wp/teo/#blog-page">Blog</a></li>
  64. <li id="menu-item-129" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home"><a data-target="#contact" href="http://teothemes.com/wp/teo/#contact">Contact</a></li>
  65. </ul>                        <div class='active-indicator hidden-phone'></div>
  66.                     </div>
  67.                 </nav>
  68.                 <div class='span3'>
  69.                     <ul class='social-icons'>
  70.                                                     <li><a href="http://facebook.com/TeoThemes" class='social facebook'></a></li>
  71.                                                
  72.                                                     <li><a href="http://twitter.com/teothemes" class='social twitter'></a></li>
  73.                                                
  74.                                                     <li><a href="http://plus.google.com" class='social googleplus'></a></li>
  75.                        
  76.                                                     <li><a href="http://digg.com" class='social digg'></a></li>
  77.                                                
  78.                                                     <li><a href="http://pinterest.com" class='social pinterest'></a></li>
  79.                        
  80.                                                     <li><a href="http://vimeo.com" class='social vimeo'></a></li>
  81.                                             </ul>
  82.                 </div>
  83.             </div>
  84.         </div>
  85.     </header>    
  86. <div class='scrollable-container'>
  87.         <section class='homepage-slider' id='home'>
  88.             <ul class='slides'>
  89.                                     <li style='background-image: url("http://teothemes.com/wp/teo/wp-content/themes/teo/img/slider01.jpg");'></li>
  90.                                     <li style='background-image: url("http://teothemes.com/wp/teo/files/2013/06/teo-bg.jpg")'></li>
  91.                             </ul>
  92.             <div class='text-section'>
  93.                 <div class='container'>
  94.                     <div class='row'>
  95.                         <div class='span12'>
  96.                                                             <span class='title'>THINK AS BIG AS YOU CAN</span>
  97.                                                        
  98.                                                             <span class='sub-title'>Fellow, let me tell you, life's battle often <br />is won by the man that thinks he can win</span>
  99.                                                        
  100.                                                                 <a target="_blank" href="http://themeforest.net/?ref=FinalDestiny" class='homepage-slider-button'>Buy Teo now!</a>
  101.                                  
  102.                         </div>
  103.                     </div>
  104.                 </div>
  105.             </div>
  106.         </section>
  107.  
  108.         <div class="clear"> </div>
  109.  
  110.                     <section class='section-title' id='sample-page'>
  111.                 <div class='container'>
  112.                     <div class='row'>
  113.                         <div class='span12'>
  114.  
  115.                             <h1>
  116.                                 Services                            </h1>
  117.                             <h2>Those beautiful things that we offer you.</h2>                        </div>
  118.                         <div class='section-diamond'></div>
  119.                     </div>
  120.                 </div>
  121.             </section>
  122.             <section class='section-default ' id='sample-page_section' style="background-image: url('http://teothemes.com/wp/teo/files/2013/06/services-bg.jpg');">
  123.                 <div class='container'>
  124.                     <div class='row'>
  125.                         <p><div class="span4 services-box"><div class="services-diamond">
  126.         <div class="content"></div><div class="services-icon" style="background-image: url('http://teothemes.com/wp/teo/wp-content/themes/teo/img/services-design.png')"></div><div class="services-tail"></div>
  127.         <div class="bottom-diamond"></div>
  128.     </div><div class="bottom"><h3>Design</h3><h4>At the moment you want success as bad as you want to breathe, that&#039;s when you get it.</h4></div>
  129.     </div> <div class="span4 services-box"><div class="services-diamond">
  130.         <div class="content"></div><div class="services-icon" style="background-image: url('http://teothemes.com/wp/teo/wp-content/themes/teo/img/services-support.png')"></div><div class="services-tail"></div>
  131.         <div class="bottom-diamond"></div>
  132.     </div><div class="bottom"><h3>Support</h3><h4>It&#039;s really all a state of mind.You only have to think aboutgetting it to get it.Don&#039;t fool youself, really. Do it now! </h4></div>
  133.     </div> <div class="span4 services-box"><div class="services-diamond">
  134.         <div class="content"></div><div class="services-icon" style="background-image: url('http://teothemes.com/wp/teo/wp-content/themes/teo/img/services-coding.png')"></div><div class="services-tail"></div>
  135.         <div class="bottom-diamond"></div>
  136.     </div><div class="bottom"><h3>Coding</h3><h4>It is true that you help yourself by helping others.Sooner or later they&#039;ll be back to help you.</h4></div>
  137.     </div> </p>
  138.                             </div>
  139.                     </div>
  140.             </section>
  141.             <!-- separator image and a slider with quotes -->        
  142.                         <section class='section-title' id='portfolio'>
  143.                 <div class='container'>
  144.                     <div class='row'>
  145.                         <div class='span12'>
  146.  
  147.                             <h1>
  148.                                 Portfolio                            </h1>
  149.                             <h2>Things we've worked on.</h2>                        </div>
  150.                         <div class='section-diamond'></div>
  151.                     </div>
  152.                 </div>
  153.             </section>
  154.             <section class='section-default portfolio-slider' id='portfolio_section' style="">
  155.                 <div class='container'>
  156.                     <div class='row'>
  157.                         <p><div class='span8 offset2'>
  158.                         <div id='portfolioSlider' class='portfolioSlider_37699'>
  159.                             <ul class='slides'> <li><img src="http://teothemes.com/wp/teo/files/2013/06/01.jpg" alt="Teo" /><div class="border">
  160.             <a class="switcher">Switcher</a>
  161.         </div><h3>DEVELOPMENT PHASE<br />
  162. OF VOXIS</h3><h4>No man that ever gave up was able to do something, sober up and try again.</h4></li> <li><img src="http://teothemes.com/wp/teo/files/2013/06/02.jpg" alt="Teo" /><div class="border">
  163.             <a class="switcher">Switcher</a>
  164.         </div><h3>DEVELOPMENT PHASE<br />
  165. OF VOXIS</h3><h4>No man that ever gave up was able to do something, sober up and try again.</h4></li> <li><img src="http://teothemes.com/wp/teo/files/2013/06/03.jpg" alt="Teo" /><div class="border">
  166.             <a class="switcher">Switcher</a>
  167.         </div><h3>DEVELOPMENT PHASE<br />
  168. OF VOXIS</h3><h4>No man that ever gave up was able to do something, sober up and try again.</h4></li> <li><img src="http://teothemes.com/wp/teo/files/2013/06/04.jpg" alt="Teo" /><div class="border">
  169.             <a class="switcher">Switcher</a>
  170.         </div><h3>DEVELOPMENT PHASE<br />
  171. OF VOXIS</h3><h4>No man that ever gave up was able to do something, sober up and try again.</h4></li> <li><img src="http://teothemes.com/wp/teo/files/2013/06/05.jpg" alt="Teo" /><div class="border">
  172.             <a class="switcher">Switcher</a>
  173.         </div><h3>DEVELOPMENT PHASE<br />
  174. OF VOXIS</h3><h4>No man that ever gave up was able to do something, sober up and try again.</h4></li> </ul></div>
  175.     </div>
  176.     <div style="clear: both"></div>
  177.         <script type="text/javascript">
  178.         jQuery(document).ready(function() {
  179.             jQuery(".portfolioSlider_37699").flexslider({
  180.                 "controlNav": false,
  181.                 "directionNav" : false,
  182.                 "touch": true,
  183.                 "animation": "slide",
  184.                 "animationLoop": true,
  185.                 "slideshow" : true,
  186.                 keyboard: true,
  187.                 multipleKeyboard: true,
  188.                 drag : false,
  189.                 useCSS : false
  190.             });
  191.             jQuery(".portfolioSlider_37699").delegate("li", "click", function () {
  192.                 var activeIndex = jQuery(".portfolioSlider_37699 li.flex-active-slide").index();
  193.                 var clickIndex = jQuery(this).index();
  194.                 if(activeIndex > clickIndex) {
  195.                     jQuery(".portfolioSlider_37699").flexslider("prev");
  196.                 }
  197.                 if(activeIndex < clickIndex) {
  198.                     jQuery(".portfolioSlider_37699").flexslider("next");
  199.                 }
  200.             });
  201.         });
  202.         </script><br />
  203. <div class="clear"></div><br />
  204. <div class="span10 offset1"><div class="portfolio-details portfolio-details-45456">
  205.         <div class="portfolio-menu">
  206.                     <ul>
  207.                         <li class="active"><a href="#" data-filter="*">All</a></li><li><a href="" data-filter=".3">Icons</a></li><li><a href="" data-filter=".2">Illustration</a></li><li><a href="" data-filter=".1">Uncategorized</a></li><li><a href="" data-filter=".4">Web Design</a></li><li><a href="" data-filter=".5">WordPress</a></li></ul>
  208.             </div>
  209.     <div class="clear"></div><div class="portfolio_details"></div>
  210.     <div style="clear: both"></div>
  211.     <div class="projects-slider"><div class="portfolio-box 3 5 ">
  212.                 <figure>
  213.                     <img src="http://teothemes.com/wp/teo/files/2013/06/portfolio02.jpg" alt=""/>
  214.                     <a href="http://teothemes.com/wp/teo/portfolio/project-couponize/" class="add" rel="project">
  215.                         <i></i>
  216.                     </a>
  217.                     <a href="http://www.youtube.com/watch?v=vm7VfNisEKw" rel="prettyPhoto[gallery48484]" class="fullscreen"><i></i></a><a style="display: none" rel="prettyPhoto[gallery48484]" href="http://teothemes.com/wp/teo/files/2013/06/011.jpg"> </a><a style="display: none" rel="prettyPhoto[gallery48484]" href="http://teothemes.com/wp/teo/files/2013/06/021.jpg"> </a><a style="display: none" rel="prettyPhoto[gallery48484]" href="http://teothemes.com/wp/teo/files/2013/06/09.jpg"> </a></figure>
  218.                 <h3>Project Couponize</h3>
  219.                 <p>Donec tempor ut tortor nec aliquet. Suspendisse potenti. Suspendisse eget ante sed ipsum commodo aliquam non nec turpis. Pellentes...</p>
  220.                 <span class="arrow-icon"></span></div><div class="portfolio-box 2 4 ">
  221.                 <figure>
  222.                     <img src="http://teothemes.com/wp/teo/files/2013/06/portfolio03.jpg" alt=""/>
  223.                     <a href="http://teothemes.com/wp/teo/portfolio/project-tharsis/" class="add" rel="project">
  224.                         <i></i>
  225.                     </a>
  226.                     <a href="http://teothemes.com/wp/teo/files/2013/06/08.jpg" rel="prettyPhoto[gallery6867]" class="fullscreen"><i></i></a><a style="display: none" rel="prettyPhoto[gallery6867]" href="http://teothemes.com/wp/teo/files/2013/06/011.jpg"> </a><a style="display: none" rel="prettyPhoto[gallery6867]" href="http://teothemes.com/wp/teo/files/2013/06/021.jpg"> </a><a style="display: none" rel="prettyPhoto[gallery6867]" href="http://teothemes.com/wp/teo/files/2013/06/10.jpg"> </a><a style="display: none" rel="prettyPhoto[gallery6867]" href="http://teothemes.com/wp/teo/files/2013/06/031.jpg"> </a></figure>
  227.                 <h3>Project Tharsis</h3>
  228.                 <p>Donec tempor ut tortor nec aliquet. Suspendisse potenti. Suspendisse eget ante sed ipsum commodo aliquam non nec turpis. Pellentes...</p>
  229.                 <span class="arrow-icon"></span></div><div class="portfolio-box 4 5 ">
  230.                 <figure>
  231.                     <img src="http://teothemes.com/wp/teo/files/2013/06/portfolio05.jpg" alt=""/>
  232.                     <a href="http://teothemes.com/wp/teo/portfolio/project-proma/" class="add" rel="project">
  233.                         <i></i>
  234.                     </a>
  235.                     <a href="http://teothemes.com/wp/teo/files/2013/06/011.jpg" rel="prettyPhoto[gallery729]" class="fullscreen"><i></i></a><a style="display: none" rel="prettyPhoto[gallery729]" href="http://teothemes.com/wp/teo/files/2013/06/021.jpg"> </a><a style="display: none" rel="prettyPhoto[gallery729]" href="http://teothemes.com/wp/teo/files/2013/06/10.jpg"> </a></figure>
  236.                 <h3>Project Proma</h3>
  237.                 <p>Donec tempor ut tortor nec aliquet. Suspendisse potenti. Suspendisse eget ante sed ipsum commodo aliquam non nec turpis. Pellentes...</p>
  238.                 <span class="arrow-icon"></span></div><div class="portfolio-box 3 2 ">
  239.                 <figure>
  240.                     <img src="http://teothemes.com/wp/teo/files/2013/06/portfolio02.jpg" alt=""/>
  241.                     <a href="http://teothemes.com/wp/teo/portfolio/project-voxis/" class="add" rel="project">
  242.                         <i></i>
  243.                     </a>
  244.                     <a href="http://www.youtube.com/watch?v=3u8IRItpRSI" rel="prettyPhoto[gallery18005]" class="fullscreen"><i></i></a></figure>
  245.                 <h3>Project Voxis</h3>
  246.                 <p>Donec tempor ut tortor nec aliquet. Suspendisse potenti. Suspendisse eget ante sed ipsum commodo aliquam non nec turpis. Pellentes...</p>
  247.                 <span class="arrow-icon"></span></div><div class="portfolio-box 3 4 ">
  248.                 <figure>
  249.                     <img src="http://teothemes.com/wp/teo/files/2013/06/portfolio03.jpg" alt=""/>
  250.                     <a href="http://teothemes.com/wp/teo/portfolio/project-scrn/" class="add" rel="project">
  251.                         <i></i>
  252.                     </a>
  253.                     <a href="http://teothemes.com/wp/teo/files/2013/06/10.jpg" rel="prettyPhoto[gallery35693]" class="fullscreen"><i></i></a><a style="display: none" rel="prettyPhoto[gallery35693]" href="http://teothemes.com/wp/teo/files/2013/06/041.jpg"> </a><a style="display: none" rel="prettyPhoto[gallery35693]" href="http://teothemes.com/wp/teo/files/2013/06/021.jpg"> </a><a style="display: none" rel="prettyPhoto[gallery35693]" href="http://teothemes.com/wp/teo/files/2013/06/011.jpg"> </a><a style="display: none" rel="prettyPhoto[gallery35693]" href="http://teothemes.com/wp/teo/files/2013/06/08.jpg"> </a></figure>
  254.                 <h3>Project SCRN</h3>
  255.                 <p>Donec tempor ut tortor nec aliquet. Suspendisse potenti. Suspendisse eget ante sed ipsum commodo aliquam non nec turpis. Pellentes...</p>
  256.                 <span class="arrow-icon"></span></div><div class="portfolio-box 2 5 ">
  257.                 <figure>
  258.                     <img src="http://teothemes.com/wp/teo/files/2013/06/portfolio01.jpg" alt=""/>
  259.                     <a href="http://teothemes.com/wp/teo/portfolio/project-ekho/" class="add" rel="project">
  260.                         <i></i>
  261.                     </a>
  262.                     <a href="http://teothemes.com/wp/teo/files/2013/06/10.jpg" rel="prettyPhoto[gallery33545]" class="fullscreen"><i></i></a><a style="display: none" rel="prettyPhoto[gallery33545]" href="http://teothemes.com/wp/teo/files/2013/06/08.jpg"> </a><a style="display: none" rel="prettyPhoto[gallery33545]" href="http://teothemes.com/wp/teo/files/2013/06/07.jpg"> </a><a style="display: none" rel="prettyPhoto[gallery33545]" href="http://teothemes.com/wp/teo/files/2013/06/07.jpg"> </a></figure>
  263.                 <h3>Project Ekho</h3>
  264.                 <p>Donec tempor ut tortor nec aliquet. Suspendisse potenti. Suspendisse eget ante sed ipsum commodo aliquam non nec turpis. Pellentes...</p>
  265.                 <span class="arrow-icon"></span></div></div>
  266.     </div>
  267.     <div class="clear"></div>
  268.     <script type="text/javascript">
  269.         jQuery(document).ready(function() {
  270.             var isotopeContainer = jQuery(".portfolio-details-45456 .projects-slider");
  271.                 isotopeContainer.isotope({
  272.                     itemSelector : ".portfolio-box",
  273.                     layoutMode : "fitRows"
  274.                 });
  275.                 jQuery(".portfolio-details-45456 .portfolio-menu a").click(function(){
  276.                     jQuery(".portfolio-details-45456 .portfolio_details").html("");
  277.                     var selector = jQuery(this).attr("data-filter");
  278.                     jQuery(".portfolio-details-45456 .portfolio-menu li.active").removeClass("active");
  279.                     jQuery(this).parent().addClass("active");
  280.                     isotopeContainer.isotope({ filter: selector });
  281.                     return false;
  282.                 });
  283.         });
  284.     </script></div></p>
  285.                             </div>
  286.                     </div>
  287.             </section>
  288.             <!-- separator image and a slider with quotes -->        
  289.                             <section class='section-parallax' id="section-parallax-1">
  290.                     <div class='bg-image' style="background: url('http://teothemes.com/wp/teo/files/2013/06/022.jpg') 50% 0 no-repeat fixed">
  291.                         <div class='container'>
  292.                             <div class='row'>
  293.                                 <div class='span12 quote-slider'>
  294.                                     <ul class='slides'>
  295.                                         <li>
  296.                                             <div class='row'>
  297.                                                 <div class='span6 offset3'>
  298.                                                     <span class='quote'>
  299.                                                         <span class='left-quote'>&ldquo;</span>
  300.                                                         Education is what remains after one has <br>forgotten what one has learned in school.                                                        <span class='right-quote'>&bdquo;</span>
  301.                                                     </span>
  302.                                                                                                             <span class='quote-author'>
  303.                                                             Albert Einstein                                                        </span>
  304.                                                                                                     </div>
  305.                                             </div>
  306.                                         </li>
  307.  
  308.                                                                                     <li>
  309.                                                 <div class='row'>
  310.                                                     <div class='span6 offset3'>
  311.                                                         <span class='quote'>
  312.                                                             <span class='left-quote'>&ldquo;</span>
  313.                                                             I am the wisest man alive, for I know one thing, <br> and that is that I know nothing.                                                            <span class='right-quote'>&bdquo;</span>
  314.                                                         </span>
  315.                                                                                                                     <span class='quote-author'>
  316.                                                                 Socrates                                                            </span>
  317.                                                                                                             </div>
  318.                                                 </div>
  319.                                             </li>
  320.                                        
  321.                                        
  322.                                                                             </ul>
  323.                                 </div>
  324.                             </div>
  325.                         </div>
  326.                     </div>
  327.                 </section>
  328.                         <section class='section-title' id='about'>
  329.                 <div class='container'>
  330.                     <div class='row'>
  331.                         <div class='span12'>
  332.  
  333.                             <h1>
  334.                                 About                            </h1>
  335.                             <h2>Who, How, Why? Here we answer these questions</h2>                        </div>
  336.                         <div class='section-diamond'></div>
  337.                     </div>
  338.                 </div>
  339.             </section>
  340.             <section class='section-default ' id='about_section' style="">
  341.                 <div class='container'>
  342.                     <div class='row'>
  343.                         <div class="span10 offset1"><div style="text-align: center"><h3><img src="http://teothemes.com/wp/teo/files/2013/06/logo.png" /></h3>
  344. <p class="description"> We are <strong>TeoThemes</strong>, we develop high-end wordpress themes through ThemeForest, we try to cover every niche possible and be creative. </p></div>
  345. <div class="clear"></div>
  346. <div style="text-align: center"><h3>Skills</h3>
  347. <p class="description"> How we do it and what we use </p></div>
  348. <div class="clear"></div>
  349. <span class="progress-info">Javascript</span><div class="progress">
  350.         <div style="width: 50%;" class="bar"></div>
  351.     </div> <span class="progress-info">Illustrator</span><div class="progress">
  352.         <div style="width: 60%;" class="bar"></div>
  353.     </div> <span class="progress-info">Photoshop</span><div class="progress">
  354.         <div style="width: 80%;" class="bar"></div>
  355.     </div> <span class="progress-info">HTML&CSS</span><div class="progress">
  356.        <div style="width: 60%;" class="bar"></div>
  357.     </div> <span class="progress-info">WordPress</span><div class="progress">
  358.         <div style="width: 90%;" class="bar"></div>
  359.     </div>
  360. <div class="clear"></div>
  361. <div style="text-align: center"><h3>The team</h3>
  362. <p class="description"> Who is behind Teo? </p> </div>
  363. <div class="team-member" style="width: 33.3%"><figure>
  364.             <img alt="MICHAEL DOE" class="scale-with-grid" src="http://teothemes.com/wp/teo/files/2013/06/team01.png" />
  365.         </figure><h4>MICHAEL DOE</h4><span class="job-title">The Brain</span><p>Michael is the CEO of TEO, he runs everything and gets free coffee!</p><div class="social-links"><ul><li><a target="_blank" href="http://twitter.com/" class="twitter">Facebook</a></li><li><a target="_blank" href="http://facebook.com" class="facebook">Twitter</a></li><li><a target="_blank" href="http://plus.google.com" class="googleplus">Google+</a></li><li><a target="_blank" href="http://pinterest.com" class="pinterest">Pinterest</a></li></ul>
  366.     </div>
  367.     </div> <div class="team-member" style="width: 33.3%"><figure>
  368.             <img alt="JANETTE DOE" class="scale-with-grid" src="http://teothemes.com/wp/teo/files/2013/06/team02.png" />
  369.         </figure><h4>JANETTE DOE</h4><span class="job-title">The Executioneer</span><p> Janette is our creative part. If there&#039;s one idea proposed, it first gets to her.</p><div class="social-links"><ul><li><a target="_blank" href="http://twitter.com/" class="twitter">Facebook</a></li><li><a target="_blank" href="http://facebook.com" class="facebook">Twitter</a></li><li><a target="_blank" href="http://pinterest.com" class="pinterest">Pinterest</a></li></ul>
  370.     </div>
  371.     </div> <div class="team-member" style="width: 33.3%"><figure>
  372.             <img alt="VINCENT MORGAN" class="scale-with-grid" src="http://teothemes.com/wp/teo/files/2013/06/team03.png" />
  373.         </figure><h4>VINCENT MORGAN</h4><span class="job-title">The Strategist</span><p>He&#039;s the guy with the plan. Whenever we need a solution, he has one. </p><div class="social-links"><ul><li><a target="_blank" href="http://twitter.com/" class="twitter">Facebook</a></li><li><a target="_blank" href="http://plus.google.com" class="googleplus">Google+</a></li><li><a target="_blank" href="http://pinterest.com" class="pinterest">Pinterest</a></li></ul>
  374.     </div>
  375.     </div>
  376. <div class="clear"></div>
  377. &nbsp;
  378. <div style="text-align: center"><h3>Image gallery</h3>
  379. <p class="description"> Pictures of us and probably you </p>
  380. <div class="span8 offset1"> <div class='flickr-stream'> <div class="flickr-item">
  381.             <figure><a rel="prettyPhoto[flickrGallery]" href="http://teothemes.com/wp/teo/files/2013/06/011.jpg" title="Some alt here"><img src="http://teothemes.com/wp/teo/files/2013/06/011.jpg" alt="Some alt here" /></a></figure>
  382.         </div> <div class="flickr-item">
  383.             <figure><a rel="prettyPhoto[flickrGallery]" href="http://teothemes.com/wp/teo/files/2013/06/021.jpg" title="Some alt here"><img src="http://teothemes.com/wp/teo/files/2013/06/021.jpg" alt="Some alt here" /></a></figure>
  384.         </div> <div class="flickr-item">
  385.             <figure><a rel="prettyPhoto[flickrGallery]" href="http://teothemes.com/wp/teo/files/2013/06/031.jpg" title="Some alt here"><img src="http://teothemes.com/wp/teo/files/2013/06/031.jpg" alt="Some alt here" /></a></figure>
  386.         </div> <div class="flickr-item">
  387.             <figure><a rel="prettyPhoto[flickrGallery]" href="http://teothemes.com/wp/teo/files/2013/06/041.jpg" title="Some alt here"><img src="http://teothemes.com/wp/teo/files/2013/06/041.jpg" alt="Some alt here" /></a></figure>
  388.         </div> <div class="flickr-item">
  389.             <figure><a rel="prettyPhoto[flickrGallery]" href="http://teothemes.com/wp/teo/files/2013/06/051.jpg" title="Some alt here"><img src="http://teothemes.com/wp/teo/files/2013/06/051.jpg" alt="Some alt here" /></a></figure>
  390.         </div> <div class="flickr-item">
  391.             <figure><a rel="prettyPhoto[flickrGallery]" href="http://teothemes.com/wp/teo/files/2013/06/06.jpg" title="Some alt here"><img src="http://teothemes.com/wp/teo/files/2013/06/06.jpg" alt="Some alt here" /></a></figure>
  392.         </div> <div class="flickr-item">
  393.             <figure><a rel="prettyPhoto[flickrGallery]" href="http://teothemes.com/wp/teo/files/2013/06/07.jpg" title="Some alt here"><img src="http://teothemes.com/wp/teo/files/2013/06/07.jpg" alt="Some alt here" /></a></figure>
  394.         </div> <div class="flickr-item">
  395.             <figure><a rel="prettyPhoto[flickrGallery]" href="http://teothemes.com/wp/teo/files/2013/06/08.jpg" title="Some alt here"><img src="http://teothemes.com/wp/teo/files/2013/06/08.jpg" alt="Some alt here" /></a></figure>
  396.         </div> <div class="flickr-item">
  397.             <figure><a rel="prettyPhoto[flickrGallery]" href="http://teothemes.com/wp/teo/files/2013/06/09.jpg" title="Some alt here"><img src="http://teothemes.com/wp/teo/files/2013/06/09.jpg" alt="Some alt here" /></a></figure>
  398.         </div> <div class="flickr-item">
  399.             <figure><a rel="prettyPhoto[flickrGallery]" href="http://teothemes.com/wp/teo/files/2013/06/10.jpg" title="Some alt here"><img src="http://teothemes.com/wp/teo/files/2013/06/10.jpg" alt="Some alt here" /></a></figure>
  400.         </div> </div>
  401.     <div style="clear: both"></div>
  402. <div class="clear"></div>
  403. &nbsp;
  404. <h3>Testimonials:</h3>
  405. <p class="description">What our customers say about us </p>
  406. <div class='testimonials-box'>
  407.                             <ul class='slides'> <li>
  408.         <p>  A more effective strategy would be to spend funds on increasing access for all children and teens to the other, more important factors. This includes funding internship programs, mentors, access to inspiring and productive technology and opportunities for consensual formal pedagogy. Schools could be replaced by institutions that offer abundant resources for play, creation, engagement and learning. These institutions could be a refuge from a dysfunctional home. </p><span class="author">- John Chow, CEO Companize</span></li> <li>
  409.         <p>  A more effective strategy would be to spend funds on increasing access for all children and teens to the other, more important factors. This includes funding internship programs, mentors, access to inspiring and productive technology and opportunities for consensual formal pedagogy. Schools could be replaced by institutions that offer abundant resources for play, creation, engagement and learning. These institutions could be a refuge from a dysfunctional home. </p><span class="author">- John Chow, CEO Companize</span></li> <li>
  410.         <p>  A more effective strategy would be to spend funds on increasing access for all children and teens to the other, more important factors. This includes funding internship programs, mentors, access to inspiring and productive technology and opportunities for consensual formal pedagogy. Schools could be replaced by institutions that offer abundant resources for play, creation, engagement and learning. These institutions could be a refuge from a dysfunctional home. </p><span class="author">- John Chow, CEO Companize</span></li> <li>
  411.         <p>  A more effective strategy would be to spend funds on increasing access for all children and teens to the other, more important factors. This includes funding internship programs, mentors, access to inspiring and productive technology and opportunities for consensual formal pedagogy. Schools could be replaced by institutions that offer abundant resources for play, creation, engagement and learning. These institutions could be a refuge from a dysfunctional home. </p><span class="author">- John Chow, CEO Companize</span></li> </ul>
  412.     </div> </div> </div></div>                            </div>
  413.                     </div>
  414.             </section>
  415.             <!-- separator image and a slider with quotes -->        
  416.                             <section class='section-parallax' id="section-parallax-2">
  417.                     <div class='bg-image' style="background: url('http://teothemes.com/wp/teo/files/2013/06/012.jpg') 50% 0 no-repeat fixed">
  418.                         <div class='container'>
  419.                             <div class='row'>
  420.                                 <div class='span12 quote-slider'>
  421.                                     <ul class='slides'>
  422.                                         <li>
  423.                                             <div class='row'>
  424.                                                 <div class='span6 offset3'>
  425.                                                     <span class='quote'>
  426.                                                         <span class='left-quote'>&ldquo;</span>
  427.                                                         Education is what remains after one has <br>forgotten what one has learned in school.                                                        <span class='right-quote'>&bdquo;</span>
  428.                                                     </span>
  429.                                                                                                             <span class='quote-author'>
  430.                                                             Albert Einstein                                                        </span>
  431.                                                                                                     </div>
  432.                                             </div>
  433.                                         </li>
  434.  
  435.                                                                                     <li>
  436.                                                 <div class='row'>
  437.                                                     <div class='span6 offset3'>
  438.                                                         <span class='quote'>
  439.                                                             <span class='left-quote'>&ldquo;</span>
  440.                                                             I am the wisest man alive, for I know one thing, <br> and that is that I know nothing.                                                            <span class='right-quote'>&bdquo;</span>
  441.                                                         </span>
  442.                                                                                                                     <span class='quote-author'>
  443.                                                                 Socrates                                                            </span>
  444.                                                                                                             </div>
  445.                                                 </div>
  446.                                             </li>
  447.                                        
  448.                                        
  449.                                                                             </ul>
  450.                                 </div>
  451.                             </div>
  452.                         </div>
  453.                     </div>
  454.                 </section>
  455.                         <section class='section-title' id='blog-page'>
  456.                 <div class='container'>
  457.                     <div class='row'>
  458.                         <div class='span12'>
  459.  
  460.                             <h1>
  461.                                 Blog                            </h1>
  462.                             <h2>Our words from us to you</h2>                        </div>
  463.                         <div class='section-diamond'></div>
  464.                     </div>
  465.                 </div>
  466.             </section>
  467.             <section class='section-default  section-blog' id='blog-page_section' style="">
  468.                 <div class='container'>
  469.                     <div class='row'>
  470.                         <div class="span6 offset3">                                                                            <article class='featured'>
  471.                                                                                             <figure>
  472.                                                     <img src="http://teothemes.com/wp/teo/files/2013/06/09-770x352.jpg" alt="HTC First Is The New Facebook Phone" />
  473.                                                     <a href="http://teothemes.com/wp/teo/2013/06/12/htc-first-is-the-new-facebook-phone/" class='figure-link'>
  474.                                                         <i class='plus-sign'></i>
  475.                                                     </a>
  476.                                                 </figure>
  477.                                                                                          <h2>
  478.                                                 <a href="http://teothemes.com/wp/teo/2013/06/12/htc-first-is-the-new-facebook-phone/">HTC First Is The New Facebook Phone</a>
  479.                                             </h2>
  480.                                             <span class='date'>12 Jun, 2013 - By <a href="http://teothemes.com/wp/teo/author/cristi/" title="Posts by Cristi G." rel="author">Cristi G.</a></span>
  481.                                             <div class='excerpt'>
  482.                                                <p>Ut sollicitudin nunc vel ante suscipit venenatis. Aliquam pretium sagittis sem, ut facilisis tellus interdum at. Nulla facilisi. Curabitur vitae erat sit amet quam luctus auctor et nec ligula. Donec ultrices tellus eu eleifend malesuada. Aliquam luctus mauris neque, ut laoreet risus congue eget. Donec ullamcorper ligula nec nibh faucibus bibendum. Suspendisse commodo at magna [&hellip;]</p>
  483.                                             </div>
  484.                                         </article>
  485.                                                                                                                                                 <div class='row'>
  486.                                                                                         <article class='span3'>
  487.                                                                                                             <figure>
  488.                                                             <img src="http://teothemes.com/wp/teo/files/2013/06/10-470x353.jpg" alt="Microsoft’s Next Gen Xbox Will Shift To x86 Architecture" />
  489.                                                             <a href="http://teothemes.com/wp/teo/2013/06/12/microsofts-next-gen-xbox-will-shift-to-x86-architecture/" class='figure-link'>
  490.                                                                 <i class='plus-sign'></i>
  491.                                                             </a>
  492.                                                         </figure>
  493.                                                                                                         <h2>
  494.                                                         <a href="http://teothemes.com/wp/teo/2013/06/12/microsofts-next-gen-xbox-will-shift-to-x86-architecture/">Microsoft’s Next Gen Xbox Will Shift To x86 Architecture</a>
  495.                                                     </h2>
  496.                                                     <span class='date'>12 Jun, 2013 - By <a href="http://teothemes.com/wp/teo/author/cristi/" title="Posts by Cristi G." rel="author">Cristi G.</a></span>
  497.                                                     <div class='excerpt'>
  498.                                                         <p>Curabitur nec viverra arcu. Nam interdum lacinia facilisis. Praesent sit amet tincidunt tellus. Donec libero lorem, aliquam nec condimentum vel, vulputate semper nisi. Sed venenatis vitae felis id sodales. Etiam quis odio vel justo varius sagittis. Morbi id tempor justo. Donec vel fringilla purus. Donec a nunc arcu. Morbi a pellentesque ante, at ultricies sem. [&hellip;]</p>
  499.                                                     </div>
  500.                                                 </article>
  501.                                                                                                                                                         <article class='span3'>
  502.                                                                                                             <figure>
  503.                                                             <img src="http://teothemes.com/wp/teo/files/2013/06/051-470x353.jpg" alt="Nokia Lumia 928 Spotted In Leaked Pictures" />
  504.                                                             <a href="http://teothemes.com/wp/teo/2013/06/12/nokia-lumia-928-spotted-in-leaked-pictures/" class='figure-link'>
  505.                                                                 <i class='plus-sign'></i>
  506.                                                             </a>
  507.                                                         </figure>
  508.                                                                                                         <h2>
  509.                                                         <a href="http://teothemes.com/wp/teo/2013/06/12/nokia-lumia-928-spotted-in-leaked-pictures/">Nokia Lumia 928 Spotted In Leaked Pictures</a>
  510.                                                     </h2>
  511.                                                     <span class='date'>12 Jun, 2013 - By <a href="http://teothemes.com/wp/teo/author/cristi/" title="Posts by Cristi G." rel="author">Cristi G.</a></span>
  512.                                                     <div class='excerpt'>
  513.                                                         <p>Donec at sem dictum, elementum erat et, pharetra erat. Pellentesque quis orci sit amet tellus blandit ornare. Nulla interdum, libero vitae porttitor placerat, lectus erat semper lectus, sit amet mattis dolor augue quis felis. Duis augue ante, aliquam et est vitae, volutpat rhoncus mauris. Proin consectetur lobortis ipsum, vitae interdum purus porta non. Donec ultrices [&hellip;]</p>
  514.                                                     </div>
  515.                                                 </article>
  516.                                                                                         <div class="span6 button-container">
  517.                                                     <a class="btn custom-button" href="http://teothemes.com/wp/teo/blog-page/">View all blog posts</a>
  518.                                                 </div>
  519.                                             </div>
  520.                                                                     </div>                            </div>
  521.                     </div>
  522.             </section>
  523.             <!-- separator image and a slider with quotes -->        
  524.                             <section class='section-parallax' id="section-parallax-3">
  525.                     <div class='bg-image' style="background: url('http://teothemes.com/wp/teo/files/2013/06/032.jpg') 50% 0 no-repeat fixed">
  526.                         <div class='container'>
  527.                             <div class='row'>
  528.                                 <div class='span12 quote-slider'>
  529.                                     <ul class='slides'>
  530.                                         <li>
  531.                                             <div class='row'>
  532.                                                 <div class='span6 offset3'>
  533.                                                     <span class='quote'>
  534.                                                         <span class='left-quote'>&ldquo;</span>
  535.                                                         Education is what remains after one has <br>forgotten what one has learned in school.                                                        <span class='right-quote'>&bdquo;</span>
  536.                                                     </span>
  537.                                                                                                             <span class='quote-author'>
  538.                                                             Albert Einstein                                                        </span>
  539.                                                                                                     </div>
  540.                                             </div>
  541.                                         </li>
  542.  
  543.                                                                                     <li>
  544.                                                 <div class='row'>
  545.                                                     <div class='span6 offset3'>
  546.                                                         <span class='quote'>
  547.                                                             <span class='left-quote'>&ldquo;</span>
  548.                                                             I am the wisest man alive, for I know one thing, <br> and that is that I know nothing.                                                            <span class='right-quote'>&bdquo;</span>
  549.                                                         </span>
  550.                                                                                                                     <span class='quote-author'>
  551.                                                                 Socrates                                                            </span>
  552.                                                                                                             </div>
  553.                                                 </div>
  554.                                             </li>
  555.                                        
  556.                                        
  557.                                                                             </ul>
  558.                                 </div>
  559.                             </div>
  560.                         </div>
  561.                     </div>
  562.                 </section>
  563.            
  564.         <section class='section-title' id='contact'>
  565.             <div class='container'>
  566.                 <div class='row'>
  567.                     <div class='span12'>
  568.                         <h1>Contact</h1>
  569.                                                     <h2>How and where to find us</h2>
  570.                                             </div>
  571.                     <div class='section-diamond'></div>
  572.                 </div>
  573.             </div>
  574.         </section>
  575.         <section class='section-default section-contact'>
  576.             <div class='container'>
  577.                 <div class='row'>
  578.                     <div class='span10 offset1'>
  579.                         <div class='row'>
  580.                             <div class='span6'>
  581.                                 <div class="confirmation_message">
  582.                                     <h3>Your message has been sent</h3>
  583.                                 </div>
  584.                                 <form action="" class='custom-form dark-form'>
  585.                                     <label for="contact-name">Name:</label>
  586.                                     <input id='contact-name' type="text" name='name' class='span6' placeholder="Your name here..." />
  587.                                     <label for="contact-email">Email:</label>
  588.                                     <input id='contact-email' type="email" name='email' class='span6' placeholder="Your email here..." />
  589.                                     <label for="contact-captcha">Captcha: 3*9 = </label>
  590.                                     <input id='contact-captcha' type="text" name='captcha' class='span6' placeholder="The captcha answer..." />
  591.                                     <label for="contact-message">Message:</label>
  592.                                     <textarea id='contact-message' name="message" class='span6' rows="5" placeholder="Your message here..."></textarea>
  593.                                     <input id="send_message" type="submit" name='submit' value='Send message' class='btn custom-button'/>
  594.                                 </form>
  595.                             </div>
  596.                             <div class='span4'>
  597.                                 <h3>Contact Info</h3>
  598.                                                                     <p class='description'>
  599.                                          Names and stuff like that                                     </p>
  600.                                                                
  601.                                                                     <address>
  602.                                          Deichkind 69, Number 402 <br /> New York City, NY                                     </address>
  603.                                
  604.                                                                     <address>
  605.                                         E-mail: &#105;&#x6e;&#x66;&#111;&#64;&#116;&#x65;&#111;&#116;&#x68;&#x65;&#109;&#101;&#x73;&#46;&#x63;&#x6f;&#109;                                    </address>
  606.                                
  607.                                                                     <address>
  608.                                         Phone Number: (123) 456-789                                     </address>
  609.                                                             </div>
  610.                         </div>
  611.                     </div>
  612.                 </div>
  613.             </div>
  614.         </section>
  615.    
  616.         <footer>
  617.             <div class='container'>
  618.                 <div class='row'>
  619.                     <div class='span10 offset1'>
  620.                         <p>&copy; 2014 Teo &#8211; single page theme, Developed by <a href="http://teothemes.com" title="WordPress themes">TeoThemes</a></p>
  621.                     </div>
  622.                 </div>
  623.             </div>
  624.         </footer>
  625.     </div>
  626.  
  627.  
  628.  
  629.  <script type='text/javascript' src='http://teothemes.com/wp/teo/wp-content/themes/teo/js/jquery.isotope.min.js?ver=1.0'></script>
  630. <script type='text/javascript' src='http://teothemes.com/wp/teo/wp-content/themes/teo/js/tinynav.min.js?ver=1.0'></script>
  631. <script type='text/javascript' src='http://teothemes.com/wp/teo/wp-content/themes/teo/js/jquery.prettyPhoto.js?ver=1.0'></script>
  632. <script type='text/javascript' src='http://teothemes.com/wp/teo/wp-content/themes/teo/js/jquery.placeholder.min.js?ver=1.0'></script>
  633. <script type='text/javascript' src='http://teothemes.com/wp/teo/wp-content/themes/teo/js/bootstrap.min.js?ver=1.0'></script>
  634. <script type='text/javascript' src='http://teothemes.com/wp/teo/wp-content/themes/teo/js/main.js?ver=1.0'></script>
  635.  
  636. </body>
  637. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!