Created
October 19, 2016 09:43
-
-
Save JoeSz/e94e8853836e56778cf375b4e4e71761 to your computer and use it in GitHub Desktop.
Basic HTML5 boilerplate with FontAwesome and Bootstrap.
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> | |
<!-- | |
ToDo: HTML, CSS, JS -> concatenate and minify for production | |
- JavaScript: https://jscompress.com/ | |
- CSS: http://www.cleancss.com/css-minify/ | |
- HTML: http://www.willpeavy.com/minifier/ | |
--> | |
<meta charset="UTF-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Basic HTML5 boilerplate with FontAwesome and Bootstrap.</title> | |
<meta name="description" content=""> | |
<meta name="author" content=""> | |
<!-- Twitter: see https://dev.twitter.com/docs/cards/types/summary-card for details --> | |
<meta name="twitter:card" content="summary" /> | |
<meta name="twitter:site" content="" /> | |
<meta name="twitter:title" content="" /> | |
<meta name="twitter:description" content="" /> | |
<meta name="twitter:url" content="http://www." /> | |
<meta name="twitter:image" content="" /> | |
<!-- Facebook (and some others) use the Open Graph protocol: see http://ogp.me/ for details --> | |
<meta property="og:locale" content="de_DE" /> | |
<meta property="og:type" content="website" /> | |
<meta property="og:title" content="" /> | |
<meta property="og:description" content="" /> | |
<meta property="og:url" content="http://www." /> | |
<meta property="og:site_name" content="" /> | |
<meta property="og:image" content="" /> | |
<!-- Latest Bootstrap CSS 3.3.7 compiled and minified CSS --> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | |
<!-- Font Awesome CDN --> | |
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous"> | |
<!-- Roboto from Google Fonts: https://fonts.google.com/specimen/Roboto --> | |
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> | |
<link rel="stylesheet" href="css/styles.css?v=1.0"> | |
<!--[if lte IE 9]> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script> | |
<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]--> | |
</head> | |
<body> | |
<header> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-xs-12 col-sm-6"> | |
<img src="logo.png" alt="logo"> | |
<h1>Title</h1> | |
</div> | |
</div> | |
</div> | |
</header> | |
<div role="main"> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-xs-12 col-sm-6"> | |
<p>Content</p> | |
</div> | |
</div> | |
</div> | |
</div> | |
<footer> | |
<!-- jQuery CDN – Latest Stable Versions 2.2.4 --> | |
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> | |
<!-- Latest Bootstrap JavaScript 3.3.7 compiled and minified JavaScript --> | |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> | |
<!-- concatenate and minify for production --> | |
<script src="js/scripts.js"></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> | |
</footer> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment