HTML CODING
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<link href="/M:/Wittbook/CSS/caltime.css" rel="stylesheet" type="text/css" />
<body>
<div id ="page">
<div id ="logos"><!--logosOpen-->
<div id ="logowitt">
<img src="images/logowitt.gif" />
</div>
<div id ="logoart">
<img src="images/logoart.gif" />
</div>
</div>
<div id="menu">
<ul id="menulist">
<li class="menuitem"><a href="index.html">HOME</a></li>
<li class="menuitem"><a href="contact.html">CONTACT</a></li>
<li class="menuitem"><a href="whatifs.html">WHAT IFS?</a></li>
<li class="menuitem"><a href="caltime.html">CALENDER, TIMETABLE</a></li>
<li class="menuitem"><a href="path.html">COURSES, PATHWAYS</a></li>
<li class="menuitem"><a href="photos.html">STUDENT GALLERY</a></li>
<li class="menuitem"><a href="resources.html">FACILITIES, RESOURCES</a></li>
</ul>
</div>
<div id="welcome">
<div id="heading">
<h1>Calender and Timetables </h1>
</div>
<div id="into">
<h2>Calendar</h2>
<br />
<p>You can download a copy of the WITT Academic Calendar from here at:</p>
<p><a href="http://www.witt.ac.nz/Study-at-WITT/Important-Dates">http://www.witt.ac.nz/Study-at-WITT/Important-Dates/</a></p>
<br />
<h2>Timetables</h2>
<br />
<p>You will be provided a class timetable at the beginning of your course. If you lose yours, or you did not receive one, ask your tutor for a copy. Copies can be collected from the noticeboard outside the tutor office in F Block.</p>
<p>You can find online timetables here:</p>
<p><a href="http://www.witt.ac.nz/Study-at-WITT/Course-Timetables/">http://www.witt.ac.nz/Study-at-WITT/Course-Timetables/</a></p>
</div>
</div>
<div id="info">
<div id="links">
<ul >
<li class="linkitem"><h3>0800 WITT WORKS</h3><h3>0800 948 896</h3></li>
<li class="linkitem"><a href="http://www.witt.ac.nz/uploaded_images/HomeLogos/WITT-Updated-Campus-Map.pdf"> SITE MAP</a></li>
<li class="linkitem"><a href="http://www.wittworks.ac.nz"><img src="images/witt.gif" /></a></li>
<li class="linkitem"><a href="http://www.wittart.co.nz"><img src="images/wittart.gif" /></a></li>
<li class="linkitem"><a href="http://www.youtube.com/user/wittartdesign"><img src="images/youtube.gif" /></a></li>
<li class="linkitem"><a href="http://www.twitter.com/WITTart"><img src="images/twitter.gif" /></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
CSS CODING
@charset "utf-8";
/* CSS Document */
*{
margin:0;
border:0;
padding:0;
}
#page{
margin:0 auto;
width:1000px;
height:1000px;
background-color:orange;
}
#logos{
width:1000px;
height:250px;
}
#logowitt{
float: left;
margin:15px;
}
#logoart{
float:right;
margin:15px;
Margin-left:85px;}
#menu{
height:96px;
}
#menulist{
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size:28px;
font-style:normal;
text-align:center;
}
.menuitem{
display:inline;
margin:20px;
}
#welcome{
background-color:white;
width:970px;
height:500px;
margin:15px;
}
#heading{
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size:28px;
font-style:normal;
text-align:left;
Margin:15px;
}
#into{
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size:18px;
text-align:left;
margin:15px;
}
info{
height:100px;
}
links{height:80px;
}
.linkitem{
display:inline;
Margin:15px;
float:right;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size:22px;
font-style:normal;
margin-right:45px;
}
SCREEN PRINT OF WEB PAGE
No comments:
Post a Comment