123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146 |
-
- <!DOCTYPE html>
- <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
- <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
- <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
- <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>dato.pr</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="description" content="No" />
-
- <!-- Facebook and Twitter integration -->
- <meta property="og:title" content=""/>
- <meta property="og:image" content=""/>
- <meta property="og:url" content=""/>
- <meta property="og:site_name" content=""/>
- <meta property="og:description" content=""/>
- <meta name="twitter:title" content="" />
- <meta name="twitter:image" content="" />
- <meta name="twitter:url" content="" />
- <meta name="twitter:card" content="" />
-
- <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
- <link rel="shortcut icon" href="favicon.ico">
-
- <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet">
-
- <!-- Animate.css -->
- <link rel="stylesheet" href="css/animate.css">
- <!-- Icomoon Icon Fonts-->
- <link rel="stylesheet" href="css/icomoon.css">
- <!-- Simple Line Icons -->
- <link rel="stylesheet" href="css/simple-line-icons.css">
- <!-- Bootstrap -->
- <link rel="stylesheet" href="css/bootstrap.css">
- <!-- Style -->
- <link rel="stylesheet" href="css/style.css">
- <link rel="stylesheet" href="css/fancy.css">
- <!-- Spotify Icon -->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
- <style type="text/css">
- h3 {text-align: center;}
-
- #fh5co-services {
- padding-bottom: 0;
- text-align: center;
- }
- </style>
-
-
- <!-- Modernizr JS -->
- <script src="js/modernizr-2.6.2.min.js"></script>
- <!-- FOR IE9 below -->
- <!--[if lt IE 9]>
- <script src="js/respond.min.js"></script>
- <![endif]-->
-
- </head>
- <body>
- <header role="banner" id="fh5co-header">
- <div class="fluid-container">
- <nav class="navbar navbar-default navbar-fixed-top js-fullheight">
- <div id="navbar" class="navbar-collapse js-fullheight">
- <ul class="nav navbar-nav navbar-left">
- <li class="active"><a href="#" data-nav-section="home"><span>Home</span></a></li>
- <li><a href="#" data-nav-section="services"><span>Services</span></a></li>
- </ul>
- </div>
- </nav>
- </div>
- </header>
-
- <section id="fh5co-home" data-section="home" style="background-image: url(images/project-5.jpg);">
- <div class="gradient"></div>
- <div class="container">
- <div class="text-wrap">
- <div class="text-inner">
- <div class="row">
- <div class="col-md-8 col-md-offset-2 text-center">
- <h1 style="color :white;" class="to-animate">dato.pr</h1>
- <h2 style="color :white;" class="to-animate">"Estudiando lo ambiguo <br> e investigando lo desconocido."</h2>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
-
- <section id="fh5co-services" data-section="instagram">
- <div class="container">
- <style type="text/css">
- a img{
- align-items: center;
- position: relative;
- width: 30%;
- padding: 10px;
- padding-left: 10px;
- margin-top: 20px;
- overflow: hidden;
- opacity: 0;
- animation-name: fadeIn;
- animation-delay: 0.6s;
- animation-duration: 0.8s;
- animation-fill-mode: forwards;
- text-decoration: none;
- color: white;
- }
- </style>
- <h1 style="text-align: center">Instagram Feed</h1>
- <div id="instafeed-container"></div>
- <script src="https://cdn.jsdelivr.net/gh/stevenschobert/instafeed.js@2.0.0rc1/src/instafeed.min.js"></script>
- <script type="text/javascript">
- var userFeed = new Instafeed({
- get: 'user',
- target: "instafeed-container",
- resolution: 'low_resolution',
- limit: 9,
- accessToken: 'IGQVJVV0t4b2ZAIdkJPNTl1ZAnZAsWm90TzIzRE5LMGQtR25aRklwYlQ5eVEtcjZAmRmpEbDlNWC1RNjZAhaFJLdXBaLUJlaEM4WkRaamJNcWZACNWx1VThSYUNRLVJHcFNHWHlnWl9FTjBjcl9Vd1pPcFZAHbAZDZD'
- });
- userFeed.run();
- </script>
- </div>
- </section>
-
-
-
-
- <!-- jQuery -->
- <script src="js/jquery.min.js"></script>
- <!-- jQuery Easing -->
- <script src="js/jquery.easing.1.3.js"></script>
- <!-- Bootstrap -->
- <script src="js/bootstrap.min.js"></script>
- <!-- Waypoints -->
- <script src="js/jquery.waypoints.min.js"></script>
- <!-- Stellar Parallax -->
- <script src="js/jquery.stellar.min.js"></script>
- <!-- Counters -->
- <script src="js/jquery.countTo.js"></script>
- <!-- Main JS (Do not remove) -->
- <script src="js/main.js"></script>
-
- </body>
- </html>
|