Web

YONG LI FANG AI160233

ALEX GOH CHEE HONG AI160207

LEE SHI JIAN CI160032

Interface

The code:

Folder name : geneva.html

<!DOCTYPE html>
<html>
<head>
<title>Geneva</title>
<link rel="stylesheet" href="geneva.css">
</head>
<body>
<h1 class="box">Wikipedia - Geneva</h1>
<div class="paragraph">
<p>Geneva is the second-most populous city in Switzerland (after Zurich) and is the most populous city of Romandy (the French-speaking part of Switzerland). Situated where the Rhone River exits Lake Geneva (French Lac Leman), it is the capital of the Republic and Canton of Geneva.</p>

<div class="wrap">
<p><img src="switzerland.png" height="90px" width="90px" align="left" hspace="16px">Geneva is widely regarded as a global city, mainly because of the presence of numerous International organizations, including the headquarters of many of the agencies of the United Natios and the Red Cross. It is alsothe place where Geneva Conventions were signed, which chiefly concern the treatment of wartime non-combatants and prisoners of war.</p>
</div>

<p>Geneva is also the name of Geneva Francine Stepp, an adorable baby also seen as:</p>
<ul>
<li>a desktop wallpaper</li>
<li>the subject of a recent midterm exam</li>
</ul>
</div>
<div class="topright box2">
<h2><b>Geneva, the name</b></h2>
<p>(f) English Possibly a shortened form of Genevive, or possibly from the name of the city in Switzerland.</p>
<p>Similar names:</p>
<ul>
<li>Jenna</li>
<li>Jennifer (Jenny)</li>
<li>Genevieve</li>
<li>Genevive</li>
</ul>
</div>
</body>
</html>

Folder name : geneva.css

body{
background-image:url(bg.jpg);
background-repeat: no-repeat;
background-size:100% 100%;
}

.box{
border:5px solid orange;
width:275px;
height:40px;
background-color:yellow;
margin-left:190px;
}
.box2{
box-sizing:content-box;
border:5px solid red;
width: 20%;
height: 200px;
padding:1em;
font-family: verdana;
font-size: 9pt;
text-align:justify;
border-spacing:16px;
}
.topright{
position: absolute;
top: 8px;
right: 16px;
}
ul{
font-family: italic;
font-size:9pt;
}
.paragraph{
font-family: verdana;
font-size: 14pt;
text-align: left;
width: 60%;
margin-left: 190px;
}
.wrap{
word-wrap: break-word;
}
img{
margin-left:2px;
}

Web

Monday, May 20, 2019

Hello

Saturday, February 23, 2019

Lab 1 (BIW33303)

Sunday, December 17, 2017

YONG LI FANG AI160233