Lab 4 : More CSS basics
<!DOCTYPE html>
<html>
<head>
<title>Trillium Media Design</title>
</head>
<body>
<style type="text/css">
body{
background-color:#d0f0c0;
color: black;
border: 80%;
}
h1{
background-color:#9cdf7a;
color:#376f1a;
background-image: url(trilliumlogo.jpg);
background-size: 110px;
background-repeat: no-repeat;
background-position:right;
font-family: Arial, Helvetica, sans-serif;
line-height: 200%;
text-indent: 30px;
font-size: 40px;
padding: 0px;
font-weight: bold;
}
nav{
font-weight: bold;
font-family: Times New Roman, serif;
font-size: 17px;
text-align: center;
background-color: lightgreen;
padding: 2px;
}
h2{
color:#376f1a;
font-family: Times New Roman, serif;
font-size: 25px;
text-indent: 30px;
}
ul{
font-family: Arial, Helvetica, sans-serif;
font-size:0.8em;
text-indent: 30px;
}
p{
font-family: Arial, Helvetica, sans-serif;
font-size:0.8em;
text-indent: 30px;
}
footer{
color:dimgrey;
text-align:left;
font-size: 0.80em;
text-indent: 30px;
text-align: center;
}
</style>
<h1><b><p class="new">Trillium Media Design</p></b></h1>
<nav>
<a href="Home.html">Home</a>
<a href="Service.html">Services</a>
<a href="Contact.html">Contact</a>
</nav>
<div>
<h2><b>New Media and Web Design</b></h2>
<p>Trillium Media Design will bring your company's Web presence to the next level.
We offer a comprehensive range of services.</p>
<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Sollutions</li>
<span style="color:#ff0000"><li>Usability Studies</li>
<li>Search Engine Optimization</li></span>
</ul>
<h2><b>Meeting Your Business Needs</b></h2>
<p>Our Expert designs are creative and eager to work with you.</p>
</div><br><hr>
<footer><i>Copyright©2019 Janapiriya d/o Raman</i>
</footer>
</body>
</html>
No comments:
Post a Comment