Skip to content
Permalink
0cab4a8a2f
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Go to file
 
 
Cannot retrieve contributors at this time
63 lines (56 sloc) 2.23 KB
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title>CSS Grid Showcase</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<meta name="theme-color" content="#fafafa">
<link rel="stylesheet" href="https://use.typekit.net/tkh5wgd.css">
<script src="https://code.iconify.design/1/1.0.4/iconify.min.js"></script>
</head>
<body>
<!--[if IE]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<header>
<a href="javascript:void(0);" id="nav-menu" class="mobile"><span class="iconify mobile" data-icon="mdi:menu" data-inline="false"></span></a>
<div class="header-title">
<span class="title">CSS Grid Showcase</span>
</div>
<nav class="m-hidden" id="nav-links">
<a href="#history">History</a>
<a href="#gc-props">Containers</a>
<a href="#gi-props">Items</a>
<a href="#generator">Generator</a>
</nav>
</header>
<main>
<div id="history">
<h1>The History of CSS Grid</h1>
</div>
<div id="gc-props">
<h1>Grid Container Properties</h1>
</div>
<div id="gi-props">
<h1>Grid Item Properties</h1>
</div>
<div id="generator">
<h1>Grid Generator</h1>
</div>
</main>
<footer>
<span class="iconify" data-icon="mdi:github" data-inline="false"></span>
<div class="footer-text">Made by Alex Mueller</div>
</footer>
<script src="js/main.js"></script>
<script src="js/vendor/modernizr-3.8.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
</body>
</html>