LAB 8 - TEXT WITH CSS
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trillium Media Design</title>
<meta charset="utf-8">
<style>
body {background-color: #f4ffe4;
color: #333333;
font-family: sans-serif;
}
p {text-indent : 3em;}
h1 {font-family: serif;
background-image: url(trilliumbg.gif) no-repeat center;
width : 100%;
}
h2 {color:#5c743d;
font-family: serif;
}
.companyname{color:#5c743d;
font-weight : bold;
}
footer {font-family: serif;
text-align:center;
}
</style>
</head>
<body>
<header>
<h1><img src="trilliumbanner.jpg" alt="Trillium banner" width=80% ></h1>
</header>
<nav>
<a href="index.html">Home</a>
<a href="graphicd1.html">Service</a>
<a href="graphicd1.html">Contact</a>
</nav>
<div>
<h2>New Media and Web Design</h2>
<p><span class="companyname">Trilium Media Design</span> will bring your company’s web presence to the next level. We offer a comprehensive range of <br>services:</p>
<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-commerce Solution</li>
<li>Usability Studies</li>
<li>Search Engine Optimization</li>
</ul>
<h2>Meeting Your Business Needs</h2>
<p>Our expert designers are creative and eager to work with you.</p>
</div>
<footer><i>Copyright © 2014 Fariha & Amirah </i></footer
</body>
</html>
<html lang="en">
<head>
<title>Trillium Media Design</title>
<meta charset="utf-8">
<style>
body {background-color: #f4ffe4;
color: #333333;
font-family: sans-serif;
}
p {text-indent : 3em;}
h1 {font-family: serif;
background-image: url(trilliumbg.gif) no-repeat center;
width : 100%;
}
h2 {color:#5c743d;
font-family: serif;
}
.companyname{color:#5c743d;
font-weight : bold;
}
footer {font-family: serif;
text-align:center;
}
</style>
</head>
<body>
<header>
<h1><img src="trilliumbanner.jpg" alt="Trillium banner" width=80% ></h1>
</header>
<nav>
<a href="index.html">Home</a>
<a href="graphicd1.html">Service</a>
<a href="graphicd1.html">Contact</a>
</nav>
<div>
<h2>New Media and Web Design</h2>
<p><span class="companyname">Trilium Media Design</span> will bring your company’s web presence to the next level. We offer a comprehensive range of <br>services:</p>
<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-commerce Solution</li>
<li>Usability Studies</li>
<li>Search Engine Optimization</li>
</ul>
<h2>Meeting Your Business Needs</h2>
<p>Our expert designers are creative and eager to work with you.</p>
</div>
<footer><i>Copyright © 2014 Fariha & Amirah </i></footer
</body>
</html>
Comments
Post a Comment