|
|
| Line 1: |
Line 1: |
| | {{Tec-Chihuahua}} | | {{Tec-Chihuahua}} |
| − | <!DOCTYPE html>
| |
| − | <html lang="en">
| |
| − | <head>
| |
| − | <meta charset="utf-8">
| |
| − | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| − | <title>Halcyon Days - An Exclusive Freebie for Codrops by Peter Finlan.</title>
| |
| − | <link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
| |
| − | <link href="css/bootstrap.min.css" rel="stylesheet">
| |
| − | <link href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
| |
| − | <link href="css/flexslider.css" rel="stylesheet" >
| |
| − | <link href="css/styles.css" rel="stylesheet">
| |
| − | <link href="css/queries.css" rel="stylesheet">
| |
| − | <link href="css/animate.css" rel="stylesheet">
| |
| − | <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
| |
| − | <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
| |
| − | <!--[if lt IE 9]>
| |
| − | <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
| |
| − | <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
| |
| − | <![endif]-->
| |
| − | </head>
| |
| − | <body id="top">
| |
| − | <div id="logos">
| |
| − | <img src="img/" ><br>
| |
| − | <img src="img/" ><br>
| |
| − | <img src="img/" >
| |
| − | </div>
| |
| − | <div id="float-menu">
| |
| − | <ul>
| |
| − | <li>Home</li>
| |
| − | <li>Team</li>
| |
| − | <li>Project</li>
| |
| − | <li>BG</li>
| |
| − | <li>H. Practices</li>
| |
| − | <li>Collaborations</li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <header id="home">
| |
| − |
| |
| − | <section class="hero" id="hero">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class=" ">
| |
| − | <a id="nav-toggle" href="#"></a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="row">
| |
| − | <div class="col-md-8 col-md-offset-2 text-center inner">
| |
| − | LOGO
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="row">
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </section>
| |
| − | </header>
| |
| − |
| |
| − | <section class="text-center ">
| |
| − | <div class="col-md-8 half-height col-md-offset-2">
| |
| − | <div id="servicesSlider">
| |
| − | <ul class="slides">
| |
| − | <!-- DUPLICATE -->
| |
| − | <li>
| |
| − | <div class="col-md-6 ">
| |
| − | <img src="http://placehold.it/250x250">
| |
| − | </div>
| |
| − | <div class="col-md-6 ">
| |
| − | <h1 class="arrow">Responsive Design Specialists</h1>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero. </p>
| |
| − | <p>
| |
| − | Mauris ultrices odio vitae nulla ultrices iaculis. Nulla rhoncus odio eu lectus faucibus facilisis. Maecenas ornare augue vitae sollicitudin accumsan. </p>
| |
| − |
| |
| − | </div>
| |
| − | </li>
| |
| − | <!-- DUPLICATE -->
| |
| − |
| |
| − |
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | </section>
| |
| − | <section class="intro text-center" id="intro">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="col-md-10 col-md-offset-1 wp1">
| |
| − | <div class="col-md-4 block-menu bottom-dotted">
| |
| − | <div class=" col-md-6">
| |
| − | <img src="http://placehold.it/115x75">
| |
| − | </div>
| |
| − | <div class=" col-md-6">
| |
| − | <h3>Team</h3>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | <div class="col-md-4 block-menu left-dotted bottom-dotted">
| |
| − | <div class=" col-md-6">
| |
| − | <img src="http://placehold.it/115x75">
| |
| − | </div>
| |
| − | <div class=" col-md-6">
| |
| − | <h3>Proyect</h3>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="col-md-4 block-menu left-dotted bottom-dotted">
| |
| − | <div class=" col-md-6">
| |
| − | <img src="http://placehold.it/115x75">
| |
| − | </div>
| |
| − | <div class=" col-md-6">
| |
| − | <h3>Background</h3>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="col-md-4 block-menu">
| |
| − | <div class=" col-md-6">
| |
| − | <img src="http://placehold.it/115x75">
| |
| − | </div>
| |
| − | <div class=" col-md-6">
| |
| − | <h3>Schedule</h3>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="col-md-4 block-menu left-dotted">
| |
| − | <div class=" col-md-6">
| |
| − | <img src="http://placehold.it/115x75">
| |
| − | </div>
| |
| − | <div class=" col-md-6">
| |
| − | <h3>Human<br> Practices</h3>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="col-md-4 block-menu left-dotted">
| |
| − | <div class=" col-md-6">
| |
| − | <img src="http://placehold.it/115x75">
| |
| − | </div>
| |
| − | <div class=" col-md-6">
| |
| − | <h3>Colaborations</h3>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </section>
| |
| − | <section class="text-center">
| |
| − | <div class="container">
| |
| − | <h1 class="arrow">Project Description</h1>
| |
| − | <div class="row">
| |
| − | <div class="col-md-5">
| |
| − | <img src="http://placehold.it/350x200">
| |
| − | </div>
| |
| − | <div class="col-md-7">
| |
| − | <p>Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.</p>
| |
| − | </div>
| |
| − |
| |
| − | <div class="col-md-7">
| |
| − | <p>Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.</p>
| |
| − | </div>
| |
| − | <div class="col-md-5">
| |
| − | <img src="http://placehold.it/350x200">
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </section>
| |
| − | <footer class="text-center">
| |
| − | <div class="col-md-8 col-md-offset-2">
| |
| − | <div class="col-md-4">
| |
| − | <p>Address</p>
| |
| − | <p>Level 6, 23 Pitt St, Sydney</p>
| |
| − | </div>
| |
| − | <div class="col-md-4">
| |
| − | <p>Address</p>
| |
| − | <p>Level 6, 23 Pitt St, Sydney</p>
| |
| − | </div>
| |
| − | <div class="col-md-4">
| |
| − | <p>Address</p>
| |
| − | <p>Level 6, 23 Pitt St, Sydney</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | </footer>
| |
| − | <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
| |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
| |
| − | <!-- Include all compiled plugins (below), or include individual files as needed -->
| |
| − | <script src="js/waypoints.min.js"></script>
| |
| − | <script src="js/bootstrap.min.js"></script>
| |
| − | <script src="js/scripts.js"></script>
| |
| − | <script src="js/jquery.flexslider.js"></script>
| |
| − | <script src="js/modernizr.js"></script>
| |
| − | </body>
| |
| − | </html>
| |