Skip to content

Instantly share code, notes, and snippets.

@quickstep25
Last active June 2, 2020 18:29
Show Gist options
  • Save quickstep25/a21b861f88b1ad4a6255 to your computer and use it in GitHub Desktop.
Save quickstep25/a21b861f88b1ad4a6255 to your computer and use it in GitHub Desktop.
HTML5 Responsive Starter Template - IE8 Compliant
<!doctype html>
<!--doctype must be declared for IE AND file header documentation must be after the doctype otherwise IE will enter quirks mode and fail to respond to IE work arounds for the bootstrap framework-->
<!--
DOC TYPE: HTML
TITLE:
USAGE:
CREATION DATE:
AUTHOR:
ID:
-->
<html lang="en">
<head>
<!--META BASIC-->
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta charset="UTF-8" />
<title>ATT Call Metric Reporting Application</title>
<!--META APP INFORMATION-->
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<!--SEARCH INDEXES IGNORE CONTENT WITHIN-->
<meta name="robots" content="none" />
<!--META: DESKTOP: INTERNET EXPLORER 8 COMPATIBILITY-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--META: CACHE-->
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<!--META: MOBILE: ALL DEVICES-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<!--META: MOBILE: OLDER DEVICES-->
<meta name="HandheldFriendly" content="true" />
<meta name="MobileOptimized" content="0" />
<!--META: MOBILE: APPLE OS DEVICES-->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!--META: MOBILE: APPLE OS: DISABLE TELEPHONE NUMBER LINKS-->
<meta name="format-detection" content="telephone=no" />
<!--BOOTSTRAP STYLES-->
<!--FONTS-->
<!--IE WORK-AROUND LAYOUT STYLES-->
<!--OVERRIDE HTML ELEMENTS-->
<!--OVERRIDE BOOSTRAP - HTML SEMANTIC-->
<!--SIDEBAR NAVIGATION STYLES-->
<!--ARTICLE - MAIN CONTENT STYLES-->
<!--ARTICLE - MAIN CONTENT HEADER STYLES-->
<!--OVERRIDE BOOTSTRAP COMPONENT STYLES-->
<!--CUSTOM: GLOBAL STYLES -->
<!--NAVBAR STYLES-->
<!--GLYPH ICON COLOR STYLES-->
<!--CUSTOM: PAGE SPECIFIC STYLES -->
<!--CUSTOM MEDIA QUERIES-->
<!--ICONS: SET FAVICON-->
<link rel="icon" type="image/x-icon" href=" " />
<link rel="icon" type="image/x-icon" href=" " sizes="16x16" />
<link rel="icon" type="image/x-icon" href=" " sizes="32x32" />
<link rel="icon" type="image/x-icon" href=" " sizes="48x48" />
<!--[if IE]>
<link rel="shortcut icon" href="_icon-fav_16x16.ico">
<![endif]-->
<!--ICONS: SET MOBILE DEVICE ICONS-->
<link rel="apple-touch-icon-precomposed" sizes="29x29" href=" " />
<link rel="apple-touch-icon-precomposed" sizes="29x29" href=" " />
<link rel="apple-touch-icon-precomposed" sizes="40x40" href=" " />
<link rel="apple-touch-icon-precomposed" sizes="50x50" href=" " />
<link rel="apple-touch-icon-precomposed" sizes="57x57" href=" " />
<link rel="apple-touch-icon-precomposed" sizes="59x59" href=" " />
<link rel="apple-touch-icon-precomposed" sizes="59x59" href=" " />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href=" " />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href=" " />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href=" " />
<link rel="apple-touch-icon-precomposed" sizes="80x80" href=" " />
<link rel="apple-touch-icon-precomposed" sizes="100x100" href=" " />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href=" " />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href=" " />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href=" " />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href=" " />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="/respond/html5shiv.js"></script>
<script src="/respond/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- JAVASCRIPT: scripts that do no require to be preloaded before content of page should be placed below. -->
<!-- JQUERY: BROWSER SWITCHES FOR JQUERY - INTERNET EXPLORER BANDAIDS-->
<!--[if !IE]>-->
<script src="/jquery/2.10/jquery-2.1.0.min.js" type="text/javascript"></script>
<!--<![endif]-->
<!--[if IE]>
<script src="/jquery/1.11/jquery-1.11.0.min.js" type="text/javascript"></script>
<![endif]-->
<!--[if !IE]>-->
<script type="text/javascript">
window.jQuery || document.write("<script src='/jquery/2.10/jquery-2.1.0.min.js' type='text/javascript'>"+"<"+"/script>");
</script>
<!--<![endif]-->
<!--[if IE]>
<script type="text/javascript">
window.jQuery || document.write("<script src='/jquery/1.11/jquery-1.11.0.min.js' type='text/javascript'>"+"<"+"/script>");
</script>
<![endif]-->
<!--JQUERY: MIGRATION SCRIPT TO SUPPORT USING JQUERY 2 FOR COMPONENTS AND IE THAT USE JQUERY 1-->
<script src="/jquery-migrate/1.2.1/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<!--FRAMEWORK COMPONENTS AND PLUG-INS-->
<!--BOOTSTRAP-->
<!--GLOBAL CUSTOM SCRIPTS-->
<!--PAGE SPECIFIC SCRIPTS-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment