Skip to content

Instantly share code, notes, and snippets.

@jerry

jerry/HTML.html

Created January 9, 2011 18:50
Show Gist options
  • Save jerry/771902 to your computer and use it in GitHub Desktop.
Save jerry/771902 to your computer and use it in GitHub Desktop.
Download ZIP
15 Years of HTML
Raw
html-external-css.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="web, design, development, applications, apps, deployment, hosting, marketing, Warsaw, Indiana, South Bend, Fort Wayne, Winona Lake" >
<meta name="description" content="Disruptive Ventures builds disruptive businesses." >
<title>Disruptive Ventures Sample Page</title>
<link href="styles.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page">
<div id="header"></div>
<div id="content">
<h1>Welcome to the Disruptive Ventures Website.</h1>
<p>
<strong>Today</strong> is January 9, 2011.<br/>
Thanks for coming to <a href="../outline.html">today's seminar</a>.
</p>
</div>
<div id="sidebar">
<p>This is the text in the right column.</p>
<img src="../images/footer.gif" alt="DV logo" id="dv_icon" />
<div id="dv_copy">
&copy; 2011 Disruptive Ventures, Inc.<br/>
574-306-2193
</div>
</div>
<div id="footer">
WARNING: Disruptive Ventures creates technological innovations, products and services that use a "disruptive" strategy, rather than a "revolutionary" or "sustaining" strategy, to overturn the existing dominant technologies or status quo products in a market. Market-altering strategies may create extraordinary opportunities and life-changing adventures; proceed at your own risk.
</div>
</div>
</body>
</html>
Raw
HTML.html
<html>
<head>
<meta name="keywords" content="web, design, development, applications, apps, deployment, hosting, marketing, Warsaw, Indiana, South Bend, Fort Wayne, Winona Lake">
<meta name="description" content="Disruptive Ventures builds disruptive businesses.">
<title>Disruptive Ventures Sample Page</title>
</head>
<body text="#ffffff" bgcolor="#3F3F3F" marginheight="0" marginwidth="0">
<table width="965" border="0" bgcolor="#808080" align="center" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="../images/header.jpg">
</td>
</tr>
<tr>
<td>
<table width="965" border="0" cellspacing="0" cellpadding="16">
<tr>
<td width="560">
<h1><font face="helvetica, arial, sans serif" color="#CCCCCC">Welcome to the Disruptive Ventures Website.</font></h1>
<p color="black">
<font face="helvetica, arial, sans serif" size="3"><b>Today</b> is <blink>January 9, 2011</blink>.<br>
Thanks for coming to <a href="../outline.html">today's seminar</a>.</font>
</p>
</td>
<td bgcolor="#333333">
<p><font face="helvetica, arial, sans serif">This is the text in the right column.</font></p>
<table>
<tr>
<td><img src="../images/footer.gif" align="middle"></td>
<td><font face="helvetica, arial, sans serif" size="2">&copy; 2011 Disruptive Ventures, Inc.<br>574-306-2193</font></td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="#000000">
<td colspan="2">
<p>
<font face="helvetica, arial, sans serif" size="1">WARNING: Disruptive Ventures creates technological innovations, products and services that use a "disruptive" strategy, rather than a "revolutionary" or "sustaining" strategy, to overturn the existing dominant technologies or status quo products in a market. Market-altering strategies may create extraordinary opportunities and life-changing adventures; proceed at your own risk.</font>
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Raw
html5.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="web, design, development, applications, apps, deployment, hosting, marketing, Warsaw, Indiana, South Bend, Fort Wayne, Winona Lake" >
<meta name="description" content="Disruptive Ventures builds disruptive businesses." >
<title>Disruptive Ventures Sample Page</title>
<link href="styles.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<header></header>
<contentblock>
<content>
<h1>Welcome to the Disruptive Ventures Website.</h1>
<p>
<strong>Today</strong> is January 9, 2011.<br>
Thanks for coming to <a href="../outline.html">today's seminar</a>.
</p>
</content>
<sidebar>
<p>This is the text in the right column.</p>
<img src="../images/footer.gif" alt="DV logo" id="dv_icon" >
<copyright>
&copy; 2011 Disruptive Ventures, Inc.<br/>
574-306-2193
</copyright>
</sidebar>
</contentblock>
<footer>
WARNING: Disruptive Ventures creates technological innovations, products and services that use a "disruptive" strategy, rather than a "revolutionary" or "sustaining" strategy, to overturn the existing dominant technologies or status quo products in a market. Market-altering strategies may create extraordinary opportunities and life-changing adventures; proceed at your own risk.
</footer>
</body>
</html>
Raw
inline-styles.html
<html>
<head>
<meta name="keywords" content="web, design, development, applications, apps, deployment, hosting, marketing, Warsaw, Indiana, South Bend, Fort Wayne, Winona Lake">
<meta name="description" content="Disruptive Ventures builds disruptive businesses.">
<title>Disruptive Ventures Sample Page</title>
</head>
<body style="color: #ffffff; background-color: #3F3F3F; margin: 0; padding: 0; font-family: helvetica, arial, sans serif; font-size: medium;">
<div id="page" style="width: 965px; background-color: #808080; margin: 0px auto; padding: 0px;">
<div id="header" style="width: 965px; margin: 0; padding: 0; background-image: url(../images/header.jpg); height: 224px;"></div>
<div id="content" style="padding: 16px; width: 560px; margin: 0px; float: left;">
<h1 style="color: #cccccc; margin-top: 0px;">Welcome to the Disruptive Ventures Website.</h1>
<p style="margin: 0px;">
<b>Today</b> is January 9, 2011.<br>
Thanks for coming to <a href="../outline.html">today's seminar</a>.
</p>
</div>
<div id="sidebar" style="width: 341px; margin: 0px; padding: 16px; float: left; background-color: #333333; height: 131px;">
<p style="margin-top: 23px">This is the text in the right column.</p>
<div id="dv_icon" style="float: left; margin: 3px 4px 0px 3px;">
<img src="../images/footer.gif" align="middle">
</div>
<div id="dv_copy" style="font-size: small; float: left; margin-top: 10px;">
&copy; 2011 Disruptive Ventures, Inc.<br>
574-306-2193
</div>
</div>
<div id="footer" style="background-color: #000000; font-size: x-small; clear: left; padding: 16px;">
WARNING: Disruptive Ventures creates technological innovations, products and services that use a "disruptive" strategy, rather than a "revolutionary" or "sustaining" strategy, to overturn the existing dominant technologies or status quo products in a market. Market-altering strategies may create extraordinary opportunities and life-changing adventures; proceed at your own risk.
</div>
</div>
</body>
</html>
Raw
styles.css
body {
color: #ffffff;
background-color: #3F3F3F;
margin: 0;
padding: 0;
font-family: helvetica, arial, sans serif;
font-size: medium;
}
div#page {
width: 965px;
background-color: #808080;
margin: 0px auto;
padding: 0px;
}
div#header {
width: 965px;
margin: 0;
padding: 0;
background-image: url(../images/header.jpg);
height: 224px;
}
div#content {
padding: 16px;
width: 560px;
margin: 0px;
float: left;
}
div#content h1 {
color: #cccccc;
margin-top: 0px;
}
div#content p {
margin: 0px;
}
div#sidebar {
width: 341px;
margin: 0px; padding: 16px;
float: left;
background-color: #333333;
height: 131px;
}
div#sidebar p {
margin-top: 23px;
}
div#sidebar img#dv_icon {
float: left;
margin: 3px 4px 0px 3px;
}
div#sidebar #dv_copy {
font-size: small;
float: left;
margin-top: 10px;
}
div#footer {
background-color: #000000;
font-size: x-small;
clear: left;
padding: 16px;
}
Raw
styles5.css
body {
color: #ffffff;
background-color: #3F3F3F;
margin: 0;
padding: 0;
font-family: helvetica, arial, sans serif;
font-size: medium;
}
header {
display: block;
width: 965px;
margin: 0px auto;
padding: 0;
background-image: url(../images/header.jpg);
height: 224px;
}
contentblock {
display: block;
width: 965px;
margin: 0px auto;
}
contentblock content {
padding: 16px;
width: 560px;
margin: 0px;
float: left;
background-color: #808080;
}
contentblock content h1 {
color: #cccccc;
margin-top: 0px;
}
contentblock content p {
margin: 0px;
}
contentblock sidebar {
width: 341px;
margin: 0px; padding: 16px;
float: left;
background-color: #333333;
height: 131px;
}
contentblock sidebar p {
margin-top: 23px;
}
contentblock sidebar img#dv_icon {
float: left;
margin: 3px 4px 0px 3px;
}
contentblock sidebar copyright {
font-size: small;
float: left;
margin-top: 10px;
}
footer {
display: block;
width: 933px;
margin: 0px auto;
background-color: #000000;
font-size: x-small;
clear: left;
padding: 16px;
}
Raw
XHTML.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
<meta name="keywords" content="web, design, development, applications, apps, deployment, hosting, marketing, Warsaw, Indiana, South Bend, Fort Wayne, Winona Lake" ></meta>
<meta name="description" content="Disruptive Ventures builds disruptive businesses." ></meta>
<title>Disruptive Ventures Sample Page</title>
<style type="text/css">
body {
color: #ffffff;
background-color: #3F3F3F;
margin: 0;
padding: 0;
font-family: helvetica, arial, sansserif;
font-size: medium;
}
#page {
width: 965px;
background-color: #808080;
margin: 0px auto;
padding: 0px;
}
#header {
width: 965px;
margin: 0;
padding: 0;
background-image: url('../images/header.jpg');
height: 224px;
}
#content {
padding: 16px;
width: 560px;
margin: 0px;
float: left;
}
#content h1 {
color: #cccccc;
margin-top: 0px;
}
#content p {
margin: 0px;
}
#sidebar {
width: 341px;
margin: 0px;
padding: 16px;
float: left;
background-color: #333333;
height: 131px;
}
#sidebar p {
margin-top: 23px;
}
#sidebar #dv_icon {
float: left;
margin: 3px 4px 0px 3px;
}
#sidebar #dv_copy {
font-size: small;
float: left;
margin-top: 10px;
}
#footer {
background-color: #000000;
font-size: x-small;
clear: left;
padding: 16px;
}
</style>
</head>
<body>
<div id="page">
<div id="header"></div>
<div id="content">
<h1>Welcome to the Disruptive Ventures Website.</h1>
<p>
<strong>Today</strong> is January 9, 2011.<br/>
Thanks for coming to <a href="../outline.html">today's seminar</a>.
</p>
</div>
<div id="sidebar">
<p>This is the text in the right column.</p>
<div id="dv_icon">
<img src="../images/footer.gif" alt="DV logo" />
</div>
<div id="dv_copy">
&copy; 2011 Disruptive Ventures, Inc.<br/>
574-306-2193
</div>
</div>
<div id="footer">
WARNING: Disruptive Ventures creates technological innovations, products and services that use a "disruptive" strategy, rather than a "revolutionary" or "sustaining" strategy, to overturn the existing dominant technologies or status quo products in a market. Market-altering strategies may create extraordinary opportunities and life-changing adventures; proceed at your own risk.
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment