Skip to content

Instantly share code, notes, and snippets.

@danielt69

danielt69/index.html

Created December 27, 2015 09:48
Show Gist options
  • Save danielt69/b5a9e590d98fa8fda577 to your computer and use it in GitHub Desktop.
Save danielt69/b5a9e590d98fa8fda577 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <link rel="icon" href="/favicon.ico"> -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" integrity="sha384-aUGj/X2zp5rLCbBxumKTCw2Z50WgIr1vs/PFN4praOTvYXWlVyh2UtNUU0KAUhAX" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Add your site or application content here -->
<i class="fa fa-apple"></i>
<i class="fa fa-chevron-down animation"></i>
<!-- <header class="container-fluid">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12">
<nav>this is the navigation</nav>
<br>
<br>
<br>
<input type="password" id="myPsw" value="psw123">
</div>
</div>
</div>
</header>
<div class="container main">
<div class="row">
<div class="col-xs-3 col-sm-3" data-title="xs" data-mqi="">
<span class="lim">0</span>
</div>
<div class="col-xs-3 col-sm-3" data-title="sm" data-mqi="">
<span class="lim">768</span>
</div>
<div class="col-xs-3 col-sm-3" data-title="md" data-mqi="">
<span class="lim">992</span>
</div>
<div class="col-xs-3 col-sm-3" data-title="lg" data-mqi="">
<span class="lim">1200</span>
</div>
</div>
</div>
<footer class="container-fluid">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12">
<small>All rights reserved 2015</small>
</div>
</div>
</div>
</footer> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://www.youtube.com/iframe_api"></script>
<!-- Latest compiled and minified JavaScript -->
<!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script> -->
<!-- <script src="js/main.js"></script> -->
<script>
$( document ).ready(function() {
var color = 0;
setInterval(function(){
$('i.fa.fa-apple').css('color','hsl(' + color + ',100%,50%)');
color = (color == 360) ? 0 : color+1;
}, 100);
});
</script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID.
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='https://www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment