Skip to content

Instantly share code, notes, and snippets.

@revitalk
revitalk / dabblet.css
Created August 17, 2012 20:17
Horizontal Menu
/**
* Horizontal Menu */
* {
margin:0;
padding:0;
border:0;
font-weight:normal;
}
@revitalk
revitalk / fixed-footer.css
Created August 17, 2012 20:41
Layout with a fixed footer
@revitalk
revitalk / basic.html
Created August 20, 2012 00:48
Basic HTML Page Structure
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
<link href="fixed-footer.css" rel="stylesheet" type="text/css">
</head>
<body>
@revitalk
revitalk / basicHtmlStructure.html
Created August 29, 2012 01:18
Basic HTML Structure
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
</body>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Web Page Title</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="wrapper">
<header>
@revitalk
revitalk / index.html
Created September 10, 2012 21:19
Live Healthy - homepage sketch
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Live Healthy: Your Guide to Healthy Living</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="wrapper">
@revitalk
revitalk / index.html
Created September 25, 2012 02:50
Portfolio Homepage
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width">
<title>Joe Smith Nature photography</title>
<link rel="stylesheet" href="styles.css">
</head>
<body id="homepage">
<div id="wrapper">
<header>
*{
margin:0; /* the universal selector indicates all html elements */
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
}
div#wrapper {
width:950px;
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Alice's Adventures in Wonderland</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="wrapper">
<header>
@font-face {
font-family: 'fontNameRegular';
src: url('fontName-Regular-webfont.eot');
src: url('fontName-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fontName-Regular-webfont.woff') format('woff'),
url('fontName-Regular-webfont.ttf') format('truetype'),
url('fontName-Regular-webfont.svg#fontNameRegular') format('svg');
font-weight: normal;
font-style: normal;