Skip to content

Instantly share code, notes, and snippets.

@inanutshell86

inanutshell86/index.html

Last active April 5, 2017 16:23
Show Gist options
  • Save inanutshell86/a4c4ce9e1bf98868587eaa8fd1aaca07 to your computer and use it in GitHub Desktop.
Save inanutshell86/a4c4ce9e1bf98868587eaa8fd1aaca07 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Index</title>
<link rel="stylesheet" href="/css/style.css">
<!-- Pixel Glass -->
<style>
HTML {
background-repeat: no-repeat;
background-position: 50% 0;
/* Mobile layout by default */
background-image: url( "/img/pixel-glass/320.jpg" );
}
/* Tablet */
@media ( min-width: 768px ) {
HTML {
/* Tablet layout */
background-image: url( "/img/pixel-glass/768.jpg" );
}
}
/* Desktop */
@media ( min-width: 1200px ) {
HTML {
/* Desktop layout */
background-image: url( "/img/pixel-glass/1200.jpg" );
}
}
</style>
<link href="/pixel-glass/styles.css" rel="stylesheet">
<script src="/pixel-glass/script.js"></script>
<!-- // Pixel Glass -->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media
queries -->
<!--[if lt IE9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="wrapper">
</div>
<footer class="page-footer">
</footer>
<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