Untitled

!DOCTYPE html>
<html>
<head>
<title> NIM : 03082180061 </title>
<style>
	*{ box-sizing:border-box; }
	/*sty;e the header*/
	header {background-color:#aec6cf;
			padding:20px;
			justify-content:space-between;
			text-align:center;
			color:black;
			}
	/*Container for flexbox*/
	section{display:-webkit-flex;
			display:flex;
			}
	/*Style the navigation menu*/
	nav{-webkit-flex: 1;
		-ms-flex:1;
		flex:1;
		background:#ccc;
		padding:20px;
		}
	/*style the list inside the menu*/
	nav ul {
		list-style-type: none;
		padding:0;
		}
	/*Style the content */
	article {
		-webkit-flex:3;
		-ms-flex:3;
		flex:3;
		background-color:#f1f1f1;
		padding:10px;
		}
	/*style the footer*/
	footer{
		background-color:#aec6cf;
		padding:10px;
		text-align:justify;
		color:white;
		}


	.true td { font-size:12px;}
	.tab{
		margin-top:5px;
		text-align : center;
		font-weight:bold;
		border:1px solid black
		}
	.tipe td {
		margin-top:10px;
		text-align : center;
		}

	input {border-radius:15px;}
</style>
</head>

<body>
<header>
	<table width="100%">
	<tr>
	<td align="center" width="20%" >
	<img width="100px" height="100px" src="logoo.png">
	</td>
	<td style=" font-size: 22px" width="60%">
	<b>UNIVERSITAS PELITA HARAPAN MEDAN </b>
	</td>
	<td class="true" width="20%">
	<i>True Knowledge</br>
	Faith in Christ</br>
	Godly Character</br>
	</td>
	</table>
</header>

	<table class="tab" width="100%">
	<tr>
	<td width="20%">
	<a href="#">Home </a>
	</td>
	<td width="20%">
	<a href="#">Profile</a>
	</td>
	<td width="20%">
	<a href="#">Registration</a>
	</td>
	<td width="20%">
	<a href="#">About Us</a>
	</td>
	<td width="20%">
	<a href="#"></a>
	</td>
	</tr>
	</table>
	<p align="right">
	Type your keyword here
	<input type="text" name= "search"/>
	</p>

	<table align="center" >
	<tr>
	<td>
	<img width="300px" height="300px" src="csoup.png">
	</td>
	<td>
	<img width="300px" height="300px" src="kopi.jpg">
	</td>
	</tr>
	<tr>
	<td>
	<img width="300px" height="300px" src="pizza.png">
	</td>
	<td>
	<img width="300px" height="300px" src="spagetti.png">
	</td>
	</tr>
	</table>

<footer>
<table align="center">
<tr>
<td>
<img width="25" height="25" src="home.png"> &nbsp&nbsp Lippo Plaza Medan 5<sup>th</sup> - 7<sup>th</sup> Floors </br>
</td>
</tr>
<tr>
<td>
<img width="25" height="25" src="call.png"> &nbsp&nbsp Telp (061)80511117, Fax(061) 8051113
</td>
</tr>
</table>
</footer>
</body>

</html>