Skip to content

Instantly share code, notes, and snippets.

@Masd925

Masd925/XHTML5 CSS base

Last active March 7, 2018 10:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Masd925/674b400121777db3287bc51c56a9ed6b to your computer and use it in GitHub Desktop.
Save Masd925/674b400121777db3287bc51c56a9ed6b to your computer and use it in GitHub Desktop.
Download ZIP
XHTML5/CSS base
Raw
index.html
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="author" content="Author name and company here"/>
<meta name="description" content="Description here"/>
<title>Title here</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css"/>
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
</head>
<body>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
Raw
styles.css
@-ms-viewport { width: device-width; } // IE-10 fix
body {
font-size: small; // So font-sizing works on browsers (for vision impaired people)
}
.noselect { /* Avoids text selection and highlighting */
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE/Edge */
user-select: none; /* non-prefixed version, currently
not supported by any browser */
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) { /* Bootstrap lg */
}
@media only screen and (min-width: 992px) and (max-width: 1199px) { /* Bootstrap md */
}
@media only screen and (min-width: 768px) and (max-width: 991px) { /* Bootstrap sm */
}
@media only screen and (max-width: 767px) { /* Bootstrap xs */
}
@media only screen and (max-width: 360px) {
}
Raw
XHTML5 CSS base
XHTML5/CSS base
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment