89 lines
11 KiB
HTML
89 lines
11 KiB
HTML
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>index.html</title>
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||
|
|
<style type="text/css">
|
||
|
|
<!--
|
||
|
|
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
|
||
|
|
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
|
||
|
|
table {color: #888888; background-color: #313335; font-family: monospace}
|
||
|
|
.tag {color: #e8bf6a}
|
||
|
|
.ST2 {color: #6a8759}
|
||
|
|
.ST3 {color: #6897bb}
|
||
|
|
.ST4 {color: #6d9cbe}
|
||
|
|
.ST1 {color: #505050; background-color: #323232}
|
||
|
|
.ws {color: #505050}
|
||
|
|
.argument {color: #bababa}
|
||
|
|
.ST0 {color: #628fb5; background-color: #323232}
|
||
|
|
.value {color: #a5c261}
|
||
|
|
-->
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab5_4_CalebFontenot/public_html/5.7/index.html</td></tr></table>
|
||
|
|
<pre>
|
||
|
|
<span class="ST0"><!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">"en"</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">head</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">title</span><span class="tag">></span>Trillium Media Design<span class="tag"></</span><span class="tag">title</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">link</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">"icon"</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"favicon.ico"</span> <span class="argument">type</span><span class="argument">=</span><span class="value">"image/x-icon"</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">"utf-8"</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">style</span><span class="tag">></span>
|
||
|
|
<span class="ST2">body</span> { background-color:<span class="ST3">#f4ffe4</span>;
|
||
|
|
color:<span class="ST3">#333333</span>;
|
||
|
|
background-image: <span class="ST2">url(trilliumgradient.png)</span>;
|
||
|
|
background: <span class="ST2">url(trilliumfoot.gif)</span> no-repeat right bottom,
|
||
|
|
<span class="ST2">url(trilliumgradient.png)</span>;
|
||
|
|
}
|
||
|
|
<span class="ST2">h1</span> { background-color:<span class="ST3">#d5edb3</span>;
|
||
|
|
color:<span class="ST3">#5c743d</span>;
|
||
|
|
height:<span class="ST3">86px</span>;
|
||
|
|
}
|
||
|
|
<span class="ST2">h2</span> { background-color:<span class="ST3">#d5edb3</span>;
|
||
|
|
color:<span class="ST3">#5c743d</span>;
|
||
|
|
background-image: <span class="ST2">url(trilliumbg.gif)</span>;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
padding-left: <span class="ST3">30px</span>;
|
||
|
|
|
||
|
|
}
|
||
|
|
<span class="ST2">ul</span> { list-style-image: <span class="ST2">url(trillium.gif)</span>; }
|
||
|
|
<span class="ST2">.</span><span class="ST2">companyname</span> { color: <span class="ST3">#5c743d</span>;
|
||
|
|
}
|
||
|
|
<span class="tag"></</span><span class="tag">style</span><span class="tag">></span>
|
||
|
|
<span class="tag"></</span><span class="tag">head</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">body</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">header</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span><span class="tag"><</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">"trilliumbanner.jpg"</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">"Trillium Media Design"</span> <span class="argument">width</span><span class="argument">=</span><span class="value">"700"</span>
|
||
|
|
<span class="argument">height</span><span class="argument">=</span><span class="value">"86"</span><span class="tag">></span><span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
||
|
|
<span class="tag"></</span><span class="tag">header</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">nav</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"index.html"</span><span class="tag">></span><span class="tag"><</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">"home.gif"</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">"Home"</span> <span class="argument">width</span><span class="argument">=</span><span class="value">"120"</span> <span class="argument">height</span><span class="argument">=</span><span class="value">"40"</span><span class="tag">></span><span class="tag"></</span><span class="tag">a</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"services.html"</span><span class="tag">></span><span class="tag"><</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">"services.gif"</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">"Services"</span> <span class="argument">width</span><span class="argument">=</span><span class="value">"120"</span> <span class="argument">height</span><span class="argument">=</span><span class="value">"40"</span><span class="tag">></span><span class="tag"></</span><span class="tag">a</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"contact.html"</span><span class="tag">></span><span class="tag"><</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">"contact.gif"</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">"Contact"</span> <span class="argument">width</span><span class="argument">=</span><span class="value">"120"</span> <span class="argument">height</span><span class="argument">=</span><span class="value">"40"</span><span class="tag">></span><span class="tag"></</span><span class="tag">a</span><span class="tag">></span>
|
||
|
|
<span class="tag"></</span><span class="tag">nav</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>New Media and Web Design<span class="tag"></</span><span class="tag">h2</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span><span class="tag"><</span><span class="tag">span</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span><span class="ST2">companyname</span><span class="value">"</span><span class="tag">></span>Trillium Media Design<span class="tag"></</span><span class="tag">span</span><span class="tag">></span> will bring your company<span class="ST4">&rsquo;</span>s Web presence to the next level. <span class="tag"><</span><span class="tag">br</span><span class="tag">></span>
|
||
|
|
We offer a comprehensive range of services: <span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">ul</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">li</span><span class="tag">></span>Website Design<span class="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">li</span><span class="tag">></span>Interactive Animation<span class="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">li</span><span class="tag">></span>E-Commerce Solutions<span class="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">li</span><span class="tag">></span>Usability Studies<span class="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">li</span><span class="tag">></span>Search Engine Optimization<span class="tag"></</span><span class="tag">li</span><span class="tag">></span>
|
||
|
|
<span class="tag"></</span><span class="tag">ul</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">h2</span><span class="tag">></span>Meeting Your Business Needs<span class="tag"></</span><span class="tag">h2</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>Our expert designers are creative and eager to work with you.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">footer</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">nav</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"index.html"</span><span class="tag">></span>Home<span class="tag"></</span><span class="tag">a</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"services.html"</span><span class="tag">></span>Services<span class="tag"></</span><span class="tag">a</span><span class="tag">></span>
|
||
|
|
<span class="tag"><</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">"contact.html"</span><span class="tag">></span>Contact<span class="tag"></</span><span class="tag">a</span><span class="tag">></span>
|
||
|
|
<span class="tag"></</span><span class="tag">nav</span><span class="tag">></span>
|
||
|
|
Copyright <span class="ST4">&copy;</span> 2018 Your Name Here
|
||
|
|
<span class="tag"></</span><span class="tag">footer</span><span class="tag">></span>
|
||
|
|
<span class="tag"></</span><span class="tag">body</span><span class="tag">></span>
|
||
|
|
<span class="tag"></</span><span class="tag">html</span><span class="tag">></span>
|
||
|
|
</pre></body>
|
||
|
|
</html>
|