Professional Documents
Culture Documents
Callyn Naidoo
Web
Technology
511
Assignment
3
Contents
Question One:.......................................................................................................................................4
Interface:...........................................................................................................................................4
CODE:................................................................................................................................................4
Question Two:.....................................................................................................................................10
Interface:.........................................................................................................................................10
CODE:...............................................................................................................................................10
Question Three:...................................................................................................................................15
Interface:.........................................................................................................................................15
CODE:...............................................................................................................................................15
Question Four:.....................................................................................................................................23
Interface:.........................................................................................................................................23
CODE:...............................................................................................................................................23
Question Five:......................................................................................................................................29
Interface:.........................................................................................................................................29
CODE:...............................................................................................................................................29
4
Question One:
Interface:
CODE:
<!DOCTYPE HTML>
<html>
<head>
<style>
footer{
width: 100%;
background-color:darkblue;
padding:3px 0px;
5
text-align:center;
color:gold;
font-family:calibri;
font-size:12px;
#menu-outer{
height:84px;
background-color:drakblue;
.table{
display:table;
margin:0 auto;
ul#horizontal-list{
min-width:100%;
list-style: none;
padding:20px;
width:100%;
background-color:darkblue;
padding:3px 0px;
color:gold;
}
6
ul#horizontal-list li{
display: inline;
li a{
background-color:drakblue;
text-decoration:none;
padding: 80px;
.bgcoldblue {
color: gold;
background-color: darkblue;
.bgcolsdb {
color: gold;
background-color: darkblue;.
width: 80px;
-webkit-appearance: none;
</style>
7
</head>
<body>
<div id="menu-outer">
<div class="table">
<ul id="horizontal-list">
<li><font color
="gold">Campus</font></li>  
;
<li >
<option class="bgcoldblue">Programs</option>
<option class="bgcoldblue">HET</option>
</select>
</li>
8
</ul>
</div>
</div>
<br>
<br>
<br>
<p>
In the current economic situation, it becomes mandatory for institutions to increase their
networking opportunities through affiliations and partnerships. When partnerships are
implemented correctly, the private sector can increase efficiency and choice, and expand
access to education services, particularly for households that tend to be poorly served by
traditional delivery methods.
Richfield’s relations with the private sector, encompass cooperation with business
corporations, small and medium enterprises, professional and economic associations as well
as other organizations of the business community, individuals, communities, parents and
families.
Richfield recognizes that when we collaborate with some of the most ambitious
organizations, we can multiply our impact in areas from education to economic
development to poverty alleviation because of our ISO 9001:2015 accreditation status! We
have enduring partnerships and affiliations with a number of like-minded organizations and
leaders who are eager to help drive global change and deliver true results.
</p>
<br>
<h5><font color ="gold">These affiliations and collaborations assist the Institution in inter
alia :</font></h5>
<li>Networking</li>
<li>Industry and Academic Experts as External Moderators, members of DACUM Panel and
Senate</li>
</ul>
<footer>
</footer>
</body>
</html>
10
Question Two:
Interface:
CODE:
<!DOCTYPE HTML>
<html>
<head>
<style>
footer{
width: 100%;
background-color:darkblue;
padding:3px 0px;
text-align:center;
color:gold;
11
font-family:calibri;
font-size:12px;
#menu-outer{
height:84px;
background-color:drakblue;
.table{
display:table;
margin:0 auto;
ul#horizontal-list{
min-width:100%;
list-style: none;
padding:20px;
width:100%;
background-color:darkblue;
padding:3px 0px;
color:gold;
}
12
ul#horizontal-list li{
display: inline;
li a{
background-color:drakblue;
text-decoration:none;
padding:80px;
ul#horiline-list li{
display: inline;
float: right;
padding:5px;
.bgcoldblue {
color: gold;
background-color: darkblue;
.bgcolsdb {
color: gold;
background-color: darkblue;.
width: 80px;
-webkit-appearance: none;
13
</style>
</head>
<body>
<div id="menu-outer">
<div class="table">
<ul id="horizontal-list">
<li><font color
="gold">Campus</font></li>  
;
<li >
<option class="bgcoldblue">Programs</option>
<option class="bgcoldblue">HET</option>
</select>
</li>
</ul>
</div>
</div>
<p>
<ul id="horiline-list">
</ul>
</video>
</p>
<footer>
</footer>
</body>
</html>
15
Question Three:
Interface:
CODE:
<!DOCTYPE HTML>
<html>
<head>
<style>
footer{
width: 100%;
background-color:darkblue;
padding:3px 0px;
text-align:center;
color:gold;
font-family:calibri;
16
font-size:12px;
#menu-outer{
height:84px;
background-color:drakblue;
.table{
display:table;
margin:0 auto;
ul#horizontal-list{
min-width:100%;
list-style: none;
padding:20px;
width:100%;
background-color:darkblue;
padding:3px 0px;
color:gold;
}
17
ul#horizontal-list li{
display: inline;
li a{
background-color:drakblue;
text-decoration:none;
padding:121px;
ul#horiline-list li{
float: right;
margin-top:50px;
list-style:none;
ul#horiline-list li{
float: right;
list-style:none;
.p{
float: left;
margin-top:50px;
.bgcoldblue {
18
color: gold;
background-color: darkblue;
.bgcolsdb {
color: gold;
background-color: darkblue;.
width: 80px;
-webkit-appearance: none;
</style>
</head>
<body>
<div id="menu-outer">
<div class="table">
<ul id="horizontal-list">
<li><font color
="gold">Campus</font></li>  
;
<li >
<option class="bgcoldblue">Programs</option>
<option class="bgcoldblue">HET</option>
</select>
</li>
</ul>
</div>
</div>
<tr>
<td>
<p class="p">
<br>
20
Visit any of our Campuses that accept Debit and Credit Cards, and you can also pay
with your Edgars or Jet Card! Please note that your Edgars or Jet Thank U Card along with
the Card Holder must be present for the transaction. Proof of ID will be required.
Download the Snapscan App to your Mobile Phone or Tablet Device. Open the
SnapScan app, tap on “Scan” and scan the SnapCode displayed at the shop. This identifies
the shop and prompts you to enter the amount you wish to pay. Enter your PIN to secure
and complete the transaction. Richfield will receive a notification containing a confirmation
of payment from SnapScan and your account will be updated accordingly.
Direct Cash Deposits can be made at any branch of Standard Bank using the M65
form which can be obtained from your nearest Campus. This form can only be used at
Standard Bank branches. Don’t forget to ensure that your name AND student number are on
both sections of the form.
</p>
</td>
<td>
<ul style="list-style:none">
<br>
<br>
<br>
21
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</ul>
</td>
</tr>
</table>
<br>
<footer>
22
</footer>
</body>
</html>
23
Question Four:
Interface:
CODE:
<!DOCTYPE HTML>
<html>
<head>
<style>
footer{
width: 100%;
background-color:darkblue;
24
padding:3px 0px;
text-align:center;
color:gold;
font-family:calibri;
font-size:12px;
#menu-outer{
height:84px;
background-color:drakblue;
.table{
display:table;
margin:0 auto;
ul#horizontal-list{
min-width:100%;
list-style: none;
padding:20px;
width:100%;
background-color:darkblue;
padding:3px 0px;
color:gold;
25
ul#horizontal-list li{
display: inline;
li a{
background-color:drakblue;
text-decoration:none;
padding: 80px;
.bgcoldblue {
color: gold;
background-color: darkblue;
.bgcolsdb {
color: gold;
background-color: darkblue;.
width: 80px;
-webkit-appearance: none;
}
26
</style>
</head>
<body>
<div id="menu-outer">
<div class="table">
<ul id="horizontal-list">
<li><font color
="gold">Campus</font></li>  
;
<li >
<option class="bgcoldblue">Programs</option>
<option class="bgcoldblue">HET</option>
</select>
27
</li>
</ul>
</div>
</div>
<br>
<br>
<br>
<p>
In the current economic situation, it becomes mandatory for institutions to increase their
networking opportunities through affiliations and partnerships. When partnerships are
implemented correctly, the private sector can increase efficiency and choice, and expand
access to education services, particularly for households that tend to be poorly served by
traditional delivery methods.
Richfield’s relations with the private sector, encompass cooperation with business
corporations, small and medium enterprises, professional and economic associations as well
as other organizations of the business community, individuals, communities, parents and
families.
Richfield recognizes that when we collaborate with some of the most ambitious
organizations, we can multiply our impact in areas from education to economic
development to poverty alleviation because of our ISO 9001:2015 accreditation status! We
have enduring partnerships and affiliations with a number of like-minded organizations and
leaders who are eager to help drive global change and deliver true results.
</p>
<br>
<h5><font color ="gold">These affiliations and collaborations assist the Institution in inter
alia :</font></h5>
<li>Networking</li>
<li>Industry and Academic Experts as External Moderators, members of DACUM Panel and
Senate</li>
</ul>
<footer>
</footer>
</body>
</html>
29
Question Five:
Interface:
CODE:
<!DOCTYPE HTML>
<html>
<head>
<style>
footer{
width: 100%;
background-color:darkblue;
padding:3px 0px;
text-align:center;
color:gold;
font-family:calibri;
30
font-size:12px;
#menu-outer{
height:84px;
background-color:drakblue;
.table{
display:table;
margin:0 auto;
ul#horizontal-list{
min-width:100%;
list-style: none;
padding:20px;
width:100%;
background-color:darkblue;
padding:3px 0px;
color:gold;
}
31
ul#horizontal-list li{
display: inline;
li a{
background-color:drakblue;
text-decoration:none;
padding:119px;
#colorlayout{
color:grey;
#coursesytle{
width: 995px;
height: 27px;
.bgcoldblue {
color: gold;
background-color: darkblue;
.bgcolsdb {
color: gold;
32
background-color: darkblue;.
width: 80px;
-webkit-appearance: none;
</style>
</head>
<body>
<div id="menu-outer">
<div class="table">
<ul id="horizontal-list">
<li><font color
="gold">Campus</font></li>  
;
<li >
<option class="bgcoldblue">Programs</option>
<option class="bgcoldblue">HET</option>
</select>
</li>
</ul>
</div>
</div>
</br>
</br>
<div id = "colorlayout">
</br>
</br>
</br>
</br>
34
</br>
</br>
</br>
</br>
</br>
</br>
<select>
<option> </option>
<option> Hcit</option>
<option> BSC</option>
<option> Fet</option>
35
</select>
</br>
</br>
<select>
<option> </option>
</select>
</br>
</br>
</br>
</br>
36
</br>
</br>
<select>
<option> </option>
<option> </option>
</select>
</br>
</br>
<br/>
<br/>
37
</br>
</br>
</br>
</br>
</div>
<footer>
</footer>
</body>
</html>