tbennett tbennett

tbennett / header-demo

Last active September 18, 2022 04:25

Header example with logo, tagline, search, nav, and meta-nav

	<!--
	An example of how one might setup the HTML for a site header complete with
	a meta nav and main site navigation. Source order could be changed, but I consider
	the H1 and main nav more important than the meta nav, so that's how I ordered things.

	Styles are added just to give an impression as to how this might be set up
	visually.
	-->
	<!DOCTYPE html>
	<html lang="en">

tbennett / Description List

Last active August 29, 2015 14:10

Description Lists - previously known as Definition Lists

	<!--
	Description List (aka. Definition List)
	more info here:
	https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl

	you can use mutiple DT's or DD's per list entry
	-->

	<dl>
	<dt>Ira Glass</dt>

tbennett / figure-demo

Last active October 31, 2019 07:26

Figure example with caption

	<style>
	.media-module {
	width:300px; border:solid;padding:10px;margin:0;
	}
	.media-module .main-item {
	width:100%; height:auto; background:#ccc;
	}
	.media-module .caption {
	font-size:.75em;
	margin-top:.5em;

tbennett / form_example

Last active April 5, 2022 20:41

HTML5 Example Form

	<!DOCTYPE html>
	<html 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.0">
	<title>HTML5 Example Form: Kitchen-Sink</title>
	</head>
	<body>

tbennett / HTML5 Template

Last active December 30, 2021 22:06

A basic HTML5 template based on HTML5 Bolierplate minus the Google analytics bits

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Page Title</title>
	<link rel="stylesheet" href="styles/css/main.css" />
	</head>

	<body id="home">