Skip to content

Instantly share code, notes, and snippets.

@LasaleFamine

LasaleFamine/HTML5 base structure index.html

Last active September 15, 2016 13:41
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save LasaleFamine/63e3c55d497b6f18e005bfbadfa368e9 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save LasaleFamine/63e3c55d497b6f18e005bfbadfa368e9 to your computer and use it in GitHub Desktop.
Download ZIP
A structured index.html to start building an app on top of it.
Raw
HTML5 base structure index.html
<!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 content="IE=edge" http-equiv="X-UA-Compatible">
<title>Your Site Title</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="" name="description">
<meta content="" name="keywords">
<meta content="" name="author">
<!-- Facebook and Twitter integration (for other OG tags: http://ogp.me/) -->
<meta content="" property="og:title">
<meta content="" property="og:image">
<meta content="" property="og:url">
<meta content="" property="og:site_name">
<meta content="" property="og:description">
<meta content="" name="twitter:title">
<meta content="" name="twitter:image">
<meta content="" name="twitter:url">
<meta content="" name="twitter:card">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link href="favicon.ico" rel="shortcut icon">
<!-- Include font from Google Fonts -->
<!-- <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,700' rel='stylesheet' type='text/css'> -->
<!-- Vendor CSSs -->
<link href="assets/css/sample.min.css" rel="stylesheet">
<link href="assets/css/sample2.min.css" rel="stylesheet">
<!-- Custom CSSs -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- Modernizr JS (https://modernizr.com/) (if need) -->
<!--script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js">
</script-->
<!-- Respond JS (https://github.com/scottjehl/Respond) FOR IE9 below -->
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="some-test-content">
<p>Hello test content</p>
</div>
<!-- Vendor JSs -->
<script src="assets/js/vendor.min.js"></script>
<!-- Main JSs -->
<script src="js/main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment