HTML & CSS
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trillium Media Design</title>
<meta charset="utf-8">
</head>
<body>
<header><h1>Trillium Media Design</h1></header>
<div><a href="index.html">Home</a> <a href="services.html">Services</a> <a href="contact.html">Contact</a></div>
<h2>New Media and Web Design</h2>
<article>Trillium Media Design will bring your company's Web presence to the next level.<br>
We offer a comprehensive range of services:</article>
<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Solutions</li>
<li>Usability Studies</li>
<li>Search Engine Optimization</li>
</ul>
<h2>Meeting Your Business Needs</h2>
<article>Our expert designers are creative and eager to work with you.<br>
Take advantage of the power of Web 2.0!</article>
<footer><div>Copyright © 2012 Your Name Here</div></footer>
</body>
</html>
 |
| Based on original coding |
 |
After change to CSS ( add color)
<!DOCTYPE html>
<html>
<head>
<title>Trillium Media Design</title>
<link rel="stylesheet" type="text/css" href="color.css">
</head>
<body>
<h1><b>Trillium Media Design</b></h1>
<ul style="list-style-type:circle">
<li>Home</li>
<li>Service</li>
<li>Contact</li>
</ul>
<h2>New Media and Web Design</h2>
<div style="background-color:black;color:white;padding:20px;">
<p>Trillium Media Design will bring your company's web presence to the next level. We offer a comprehensive of services.</p>
</div>
<h2>Meeting Your Business Needs</h2>
<p>Our expert designers are creative and eager to work with you</p>
<p>copyright © 2014 Your Name Here</p>
</body>
</html> |
|
Comments
Post a Comment