Untitled


<!DOCTYPE html>
<html>
<head>
	<title>Welcome!</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
<style>

.header {
padding: 5px;
font-size: 30px;
text-align: center;
background: skyBlue;
}
body {
font-family: Arial;
padding: 20px;
background: lightBlue;
}
</style>
</head>
<body>
<center>
<br /><br /><br /><br /><br /><br /><br />
<img src="welcome.jpg" alt="#" width="1050" height="450">
</center>
<br />
<br />
<div class="header">
<h4>First Time to visit this website?<br /> Click
	<a href="home.html">HERE</a> to direct you on Home</h4>
</body>
</html>


----------------------------------------------------------------


<!DOCTYPE html>
<html>
<head>
	<title>Home</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}

body {
font-family: Arial;
padding: 20px;
background: lightBlue;
}

.header {
padding: 5px;
font-size: 30px;
text-align: center;
background: skyBlue;
}

.leftcolumn {
float: left;
width: 75%;
}

.rightcolumn {
float: left;
width: 25%;
padding-left: 20px;
}

.fakeimg {
background-color: ;
width: 100%;
padding: 20px;
}

.card {
background-color: ;
padding: 20px;
margin-top: 20px;
}

.row:after {
content: "";
display: table;
clear: both;
}

.footer {
padding: 20px;
text-align: center;
background: violet;
margin-top: 20px;
}

@media screen and (max-width: 800px) {
.leftcolumn, .rightcolumn {
width: 100%;
padding: 0;
}
}
</style>
</head>
<body>
<center>
  <h3 align="right">
    <font face="Arial" size="6">
      |&nbsp;&nbsp;&nbsp;<a href="Welcome.html">Go Back</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
        </font>
    </h3>
<br />
<img src="home.jpg" alt="#" width="850" height="400">
</center>
<div class="row">
<div class="leftcolumn">
<div class="card">
<h1>What is Waste Management?</h1>
<h4>Waste management are the activities and actions required to manage waste from its inception to its final disposal.<br />
This includes the collection, transport, treatment and disposal of waste, together with monitoring and regulation of the waste management process.</h4>
<center>
<img src="waste.jpg" style="height:500px;">
</center>
<br /><br /><br /><br /><br />
</div>
<div class="card">
<h2>Why we should Learn Waste Management?</h2>
<img src="a.png" style="height:200px;">
<h4>• It only cost $0, IT'S FREE!<br />
• Everyone can do it<br />
• It saves money<br />
• Enchance your creativity
• It will help  the Enviroment
</h4>
</div>
</div>
<div class="rightcolumn">
<div class="card">
<h2>Introducing The 3R</h2>
<img src="3r.jpg" style="height:220px;">
</h4>
</div>
<div class="card">
<h3>Separation of Biodegradable and Nonbiodegradable</h3>
<img src="b.jpg" style="height:220px;">
</div>
<div class="card">
<h3>Enviroment Provides Our Needs</h3>
<img src="g.jpg" style="height:220px;">
<p>Lets keep our enviroment clean </p>
</div>
</div>
</div>
</body>
</html>