Generic HTML Template
If you need a generic HTML template, feel free to use this:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="https://cdn.brand.illinois.edu/favicon.ico">
<link rel="apple-touch-icon" href="https://cdn.brand.illinois.edu/touch-icon-40x40.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://cdn.brand.illinois.edu/touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="167x167" href="https://cdn.brand.illinois.edu/touch-icon-167x167.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://cdn.brand.illinois.edu/touch-icon-180x180.png">
<link rel="dns-prefetch" href="//cdn.toolkit.illinois.edu">
<link rel="dns-prefetch" href="//cdn.disability.illinois.edu">
<link rel="stylesheet" href="//cdn.toolkit.illinois.edu/3/toolkit.css">
<script type="module" src="//cdn.toolkit.illinois.edu/3/toolkit.js"></script>
<script src="//cdn.disability.illinois.edu/skipto.min.js"></script>
<script>var SkipToConfig = { 'settings': { 'skipTo': { colorTheme: 'illinois' } } };</script>
<title> <!-- Add title here --> </title>
<!-- Add custom header tags here -->
</head>
<body style="margin: 0;">
<ilw-page>
<ilw-header slot="header">
<!-- Add header details here -->
</ilw-header>
<main>
<!-- Add content details here -->
</main>
<ilw-footer slot="footer">
<!-- Add footer details here -->
</ilw-footer>
</body>
</html>
Notes
- Add
<!DOCTYPE>,<html>and<head>tags - Add standard
<meta>tags - Add
<link>tags for icons - Add
<link>tags for DNS prefetch (for optimized loading) - Add
<link>and<script>tags for toolkit - Add
<script>tags for SkipTo links - Add your
<title>tags and any custom tags in your header - Add your
<body>tag. Note that you should make the body margin 0. - Add your
<ilw-page>,<ilw-header>, and<ilw-footer>tags. The<header>and<footer>regions are automatically added by the<ilw-header>, and<ilw-footer>components.