Dev HarryAdney

<title>Accessible Mega Menu Test Page</title>

	<!-- styles for Terrill's test pages -->

RewriteEngine On RewriteCond %{HTTPS} off [OR] RewriteCond %{HTTP_HOST} ^www. [NC] RewriteCond %{HTTP_HOST} ^(?:www.)?(.+)$ [NC] RewriteRule ^ https://%1%{REQUEST_URI} [L,NE,R=301]

:root { --size-300: clamp(0.7rem, 0.66rem + 0.2vw, 0.8rem); --size-400: clamp(0.88rem, 0.83rem + 0.24vw, 1rem); --size-500: clamp(1.09rem, 1rem + 0.47vw, 1.33rem); --size-600: clamp(1.37rem, 1.21rem + 0.8vw, 1.78rem); --size-700: clamp(1.71rem, 1.45rem + 1.29vw, 2.37rem); --size-800: clamp(2.14rem, 1.74rem + 1.99vw, 3.16rem); --size-900: clamp(2.67rem, 2.07rem + 3vw, 4.21rem); --size-1000: clamp(3.34rem, 2.45rem + 4.43vw, 5.61rem); };

Contact Us Contact Information

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Accessible, css only navbar</title>
	</head>
	<body tabindex="-1">
	<header>
	<h1>Steph's Sweet Shoppe</h1>

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="https://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html">
	<title>Accessible accordian</title>

	<style>
	.Accordion {

	// Core assets
	let coreAssets = [];

	// On install, cache core assets
	self.addEventListener('install', function (event) {

	// Cache core assets
	event.waitUntil(caches.open(coreID).then(function (cache) {
	for (let asset of coreAssets) {
	cache.add(new Request(asset));

	/* CSS */

	/* Mobile - 360px */
	@media only screen and (min-width: 0rem) {
	#cs-contact-486 {
	padding: var(--sectionPadding);
	position: relative;
	z-index: 1;
	}
	#cs-contact-486 .cs-container {

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Basic Masonry Layout</title>
	<link rel="stylesheet" href="./styles.css">
	</head>