Skip to content

Instantly share code, notes, and snippets.

@ideosyncretic

ideosyncretic/index.html

Last active August 4, 2016 08:01
Show Gist options
  • Save ideosyncretic/95a7227d675fe928920c56d4579dc123 to your computer and use it in GitHub Desktop.
Save ideosyncretic/95a7227d675fe928920c56d4579dc123 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!-- <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Angel Coco Chen</title>
<link rel="stylesheet" href="css/base.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.0/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.0/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.16/browser.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/remarkable/1.6.2/remarkable.min.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel" src="src/App.js"></script>
</body>
</html> -->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Angel Coco</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="src/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">
<link href="src/css/themify-icons.css" rel="stylesheet" type="text/css" media="all" />
<link href="src/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="src/css/flexslider.css" rel="stylesheet" type="text/css" media="all" />
<link href="src/css/theme-chipotle.css" rel="stylesheet" type="text/css" media="all" />
<link href="src/css/custom.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Lato:300,400%7CRaleway:100,400,300,500,600,700%7COpen+Sans:400,500,600' rel='stylesheet' type='text/css'>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.0/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.0/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.16/browser.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/remarkable/1.6.2/remarkable.min.js"></script>
</head>
<body class="btn-rounded">
<div class="nav-container">
<nav>
<div class="nav-bar">
<div class="module left">
<a href="index.html">
<img class="logo logo-light" alt="Foundry" src="img/logo-light.png">
<img class="logo logo-dark" alt="Foundry" src="img/logo-dark.png">
</a>
</div>
<div class="module widget-handle mobile-toggle right visible-sm visible-xs">
<i class="ti-menu"></i>
</div>
<div class="module-group right">
<div class="module left">
<ul class="menu">
<li>
<a href="#">About</a>
</li>
<li class="has-dropdown">
<a href="#">Projects</a>
<ul>
<li>
<a href="#">French</a>
</li>
<li>
<a href="#">Deutsch</a>
</li>
</ul>
</li>
<li class="has-dropdown">
<a href="#">
Single Dropdown
</a>
<ul>
<li class="has-dropdown">
<a href="#">
Second Level
</a>
<ul>
<li>
<a href="#">
Single
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
<div class="main-container">
<section class="cover fullscreen image-slider slider-arrow-controls controls-inside parallax">
<ul class="slides">
<li class="overlay image-bg">
<div class="background-image-holder">
<img alt="image" class="background-image" src="img/cover7.jpg">
</div>
<div class="container v-align-transform">
<div class="row">
<div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 text-center">
<img alt="Logo" class="image-small mb8" src="img/logo-light.png">
<h6 class="uppercase mb32">Web Development</h6>
<p class="text-justify mb0">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
</div>
</li>
</ul>
</section><section class="bg-dark">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h6 class="uppercase">Section Title</h6>
<hr class="mb160 mb-xs-24">
</div>
</div>
<div class="row">
<div class="col-md-10">
<h1 class="thin">Design and Code</h1>
</div>
</div>
<div class="row mb160 mb-xs-0">
<div class="col-md-6 col-sm-8">
<p class="lead">
Making things.
</p>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 mb-xs-24">
<i class="ti-pulse icon mb32"></i>
<h6 class="uppercase">Skills</h6>
<ul>
<li>Design</li>
<li>Code</li>
<li>Copywriting</li>
<li>Photography</li>
<li>Illustration</li>
</ul>
</div>
<div class="col-md-3 col-sm-6 mb-xs-24">
<i class="ti-map-alt icon mb32"></i>
<h6 class="uppercase">Software</h6>
<ul>
<li>Sketch</li>
</ul>
</div>
<div class="col-md-3 col-sm-6 mb-xs-24">
<i class="ti-mobile icon mb32"></i>
<h6 class="uppercase">Frameworks</h6>
<ul>
<li>Express</li>
<li>React</li>
<li>Ruby on Rails</li>
</ul>
</div>
<div class="col-md-3 col-sm-6 mb-xs-24">
<i class="ti-harddrives icon mb32"></i>
<h6 class="uppercase">Languages</h6>
<ul>
<li>Javascript</li>
<li>HTML/CSS</li>
<li>Jquery</li>
<li>Ruby</li>
</ul>
</div>
</div>
</div>
</section>
<div id="root">
</div>
<section>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-5">
<h4 class="uppercase">Get In Touch</h4>
<p>
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident,
</p>
<hr>
<p>
438 Marine Parade
<br> Elwood, Victoria
<br> P.O Box 3184
</p>
<hr>
<p>
<strong>E:</strong> angel@nuisance.co
<br>
<strong>P:</strong> +65 8668 1973
<br>
</p>
</div>
<div class="col-sm-6 col-md-5 col-md-offset-1">
<form class="form-email" data-success="Thanks for your submission, we will be in touch shortly." data-error="Please fill all fields correctly.">
<input type="text" class="validate-required" name="name" placeholder="Your Name">
<input type="text" class="validate-required validate-email" name="email" placeholder="Email Address">
<textarea class="validate-required" name="message" rows="4" placeholder="Message"></textarea>
<button type="submit">Send Message</button>
</form>
</div>
</div>
</div>
</section>
</section>
<footer class="footer-2 bg-primary">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 text-center mb64 mb-xs-24">
<a href="#">
<img alt="Logo" class="image-xs mb16" src="img/logo-light.png">
</a>
<p class="lead mb48 mb-xs-16">
Web Developer<br>
Currently based in Singapore<br>
@sprazzeus
</p>
<ul class="list-inline social-list spread-children">
<li><a href="#"><i class="icon icon-sm ti-github"></i></a></li>
<li><a href="#"><i class="icon icon-sm ti-linkedin"></i></a></li>
<li><a href="#"><i class="icon icon-sm ti-twitter-alt"></i></a></li>
<li><a href="#"><i class="icon icon-sm ti-instagram"></i></a></li>
</ul>
</div>
</div>
<div class="row fade-half">
<div class="col-sm-4 text-center-xs">
<span>© Copyright 2015 Medium Rare</span>
</div>
<div class="col-sm-4 text-center hidden-xs">
<span>Website Design &amp; Development</span>
</div>
<div class="col-sm-4 text-right hidden-xs">
<span>angel@nuisance.co</span>
</div>
</div>
</div>
</footer>
</div>
<script src="src/js/jquery.min.js"></script>
<script src="src/js/bootstrap.min.js"></script>
<script src="src/js/flexslider.min.js"></script>
<script src="src/js/twitterfetcher.min.js"></script>
<script src="src/js/spectragram.min.js"></script>
<script src="src/js/smooth-scroll.min.js"></script>
<script src="src/js/parallax.js"></script>
<script src="src/js/scripts.js"></script>
<script type="text/babel" src="src/App.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment