Created
January 29, 2015 18:54
-
-
Save pr3ssh/e9e4949c427f40c1e0cf to your computer and use it in GitHub Desktop.
aesthetictherapie
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 http-equiv="content-type" content="text/html; charset=UTF-8"> | |
| <meta charset="utf-8"> | |
| <title>Aesthetic Therapies</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | |
| <!-- Latest compiled and minified CSS --> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> | |
| <!-- Optional theme --> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css"> | |
| <!--[if lt IE 9]> | |
| <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script> | |
| <![endif]--> | |
| <link rel="shortcut icon" href="/bootstrap/img/favicon.ico"> | |
| <link rel="apple-touch-icon" href="/bootstrap/img/apple-touch-icon.png"> | |
| <link rel="apple-touch-icon" sizes="72x72" href="/bootstrap/img/apple-touch-icon-72x72.png"> | |
| <link rel="apple-touch-icon" sizes="114x114" href="/bootstrap/img/apple-touch-icon-114x114.png"> | |
| <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" type="text/css" rel="stylesheet"> | |
| <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> | |
| <style type="text/css"> | |
| html,body { | |
| height:100%; | |
| background: #f5f5f5; | |
| color: #353535; | |
| font-family: 'Lato', sans-serif !important; | |
| } | |
| .heading-block { | |
| } | |
| .heading-content { | |
| } | |
| .heading-content .links { | |
| } | |
| .heading-content > .links > a { | |
| } | |
| .project-block { | |
| } | |
| .project-block .project-heading { | |
| } | |
| .project-block .project-body { | |
| } | |
| .project-block .project-footer { | |
| } | |
| .footer { | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container-full"> | |
| <div class="row heading-block"> | |
| <div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-10 col-md-offset-1 col-xs-12 heading-content"> | |
| <h1>I'm Luis, this is who I am and what I do.</h1> | |
| <h3> | |
| Interaction and Visual Designer. @vostokstudio programme alumnus. Hell art director. Problem solver. Stubborn. | |
| <br> | |
| Wanna talk?<br> | |
| <a href="mailto:luis.armensilla@gmail.com">luis.armensilla@gmail.com</a> | |
| </h3> | |
| <div class="links"> | |
| <a href="#"><i class="fa fa-2x fa-linkedin"></i></a> | |
| <a href="#"><i class="fa fa-2x fa-twitter"></i></a> | |
| <a href="#"><i class="fa fa-2x fa-behance"></i></a> | |
| <a href="#"><i class="fa fa-2x fa-dribbble"></i></a> | |
| <a href="#"><i class="fa fa-2x fa-tumblr"></i></a> | |
| <a href="#"><i class="fa fa-2x fa-instagram"></i></a> | |
| </div> | |
| </div> | |
| </div> <!-- /row heading --> | |
| <div class="row project-block"> | |
| <div class="col-xs-12"> | |
| <div class="row project-heading"> | |
| <div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-10 col-md-offset-1 col-xs-12 project-content"> | |
| <h3>Home automation system</h3> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore necessitatibus nam ipsa nostrum tempora expedita, officiis, eum nesciunt dignissimos quod eligendi nemo voluptatibus nisi natus quaerat doloribus optio repudiandae est!</p> | |
| </div> | |
| </div> | |
| <div class="row project-body"> | |
| <div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-10 col-md-offset-1 col-xs-12 project-content text-center"> | |
| <img src="http://gadgetinsiders.com/wp-content/uploads/2014/10/nexus-6-armorbox-case.jpg" alt=""> | |
| </div> | |
| </div> | |
| <div class="row project-footer"> | |
| <div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-10 col-md-offset-1 col-xs-12 project-content"> | |
| <p>This projects is based on...</p> | |
| <a href="#">See more</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> <!-- /row project --> | |
| <div class="row footer"> | |
| <div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-10 col-md-offset-1 col-xs-12"> | |
| <p class="text-center">Luis Armensilla 2015</p> | |
| </div> | |
| </div> <!-- /row project --> | |
| </div> | |
| <script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | |
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> | |
| <script> | |
| $(document).ready(function() { | |
| $.getJSON("projects.json", function(data) { | |
| console.log(data); | |
| }); | |
| }); | |
| </script> | |
| <script> | |
| (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | |
| (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | |
| m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | |
| })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); | |
| ga('create', '', ''); | |
| ga('send', 'pageview'); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment