INDEX
S.NO TOPICS PAGE
1 FRONT PAGES 1-4
2 INDEX CODING 5-7
3 POLLUTION HOME PAGE 8-13
4 AIR POLLUTION WEBPAGE 14-21
5 WATER POLLUTION WEBPAGE 22-30
6 SUGGESTIONS WEBPAGE 31-41
7 BACK PAGES 42
HOME PAGE
AND ITS
CODING
<HTML>
<HEAD>
<TITLE>Types of Pollution</TITLE>
<STYLE>
TABLE{background-repeat:no-repeat}
A:link{color:yellow;display:inline-block;text-
decoration:none}
A:visited{color:white}
A:hover{backgroung-color:red}
TD{padding-left:15px}
</STYLE>
</HEAD>
<BODY Link=”Red” vlink=”Grey” alink=”blue” border=1
bgcolor=”#DCDDDF”>
<TABLE width=”100%” height=5 bgcolor=”black”>
<TR>
<TD width=”20%” height=5 valign=”baseline”>
<FONT Face=”Arial” color=”white” size=3>
<P Align=<right”><A
Href=”https://www.facebook.com”><IMG
src=”facebook.png”
align=”bottom”>   </P>
</TD>
<TD width=”20%” height=5 valign=”baseline”>
<FONT Face=”Arial” size=2>
<P align=”left”> <A Href=”https://www.gmail.com”><IMG
src=”gmail.png” align=”bottom”></P>
</TD>
</FONT>
</TR></TABLE>
<HR>
<TABLE width=100% height=35 bgcolor=”black”>
<TR>
<TD width=”20” height=5 valign=”baseline”>
<FONT Face= “Arial” color=”White” size=3>
<P Align=”left”><IMG src=”top-logo.png”
align=”bottom”></P>
</TD>
<TD width=100% height=35 valign=”middle”>
<Font face=”Arial” color=”White” size=3>
<P align=”center”>
Home | 
<A Href=”mission.html”>About Us</A> |
 <A Href=”Airp.html”>Air Pollution</A> |
 <A Href=”Water.html”>Water Pollution</A> |
 <A Href=”Soil.html”>Soil Pollution</A> |
 <A Href=”Feedback1.html”>Suggestions</A>
</FONT></TD>
</TR>
</TABLE>
<TABLE height=50 width=100% bgcolor=”#DCDDDF”
cellpadding=10>
<TR>
<TD>
<CENTER><IMG src=”earth.jpg” height=90%
width=70%></CENTER>
</TD>
</TR>
</TABLE>
<BR>
<TABLE>
<TR><TD width=100% valign=”middle”>
<FONT Face=”Segoe UI” size=4>
<P> Pollution, we hear it every other day at school, college,
and read about it in newspaper. So what is it? <B
style=”color:red”> Pollution occurs when pollutants
contaminate the natural surroundings; </B> which brings
about changes that affect our normal lifestyles adversely.
Pollutants are the key elements or components of pollution
which are generally waste materials of different forms.
Pollution disturbs our ecosystem and the balance in the
environment. With modernization and development in our
lives, pollution has reached its peak; giving rise to global
warming and human illness.</P>
<P> Pollution is of many types, but the commonly known
are air, soil, water pollution. Let us know abot
them….</P></FONT></TD></TR>
<TR>
<TD width=100% valign=”middle” align=center>
<A Href=”airp.html”><H1 style=”font-
family;CopperplateGothic; font-weight:bold; text-
align:center; font-size:25px; color:yellow>TYPES OF
POLLUTION</H1></TD>
</TR>
</TABLE>
</BODY>
</HTML>
AIR POLLUTION
AND ITS
CODING
<HTML>
<HEAD>
<TITLE>AIR POLLUTION</TITLE>
<STYLE>
TABLE{background-repeat:no-repeat}
A:link{color:yellow; display:inline-block; text-
decoration:none}
A:visited{color:white}
A:hover{backgroung-color:red}
TD{padding-left:15px}
</STYLE>
</HEAD>
<BODY link=”Red” vlink=”Grey” alink=”blue” border=1
bgcolor=”peachpuff”>
<TABLE width=”100%” height=”2%” bgcolor=”black”>
<TR>
<TD width=”20%” height=”50%” valign=”baseline”>
<FONT Face=”Arial” color=”white” size=2>
<P align=”right”><IMG src=”phone.png”
align=”bottom”> 81300100096</P>
</TD>
<TD width=”60%” height=”50%”valign=”baseline”>
<FONT face=”Arial” color=”white” size=2>
<P align=”right”><A
Href=”https://www.facebook.com”><IMG
src=”facebook.png”
align=”bottom”></A>   </P>
</TD><TD width=”20%“ height=”50%” valign=”baseline”>
<FONT Face=”Arial” size=2>
<P align=”left”><A Href=”https://www.gmail.com”><IMG
src=”gmail.png” align=”bottom”></A></P>
</TD>
</FONT>
</TR>
</TABLE>
<HR>
<TABLE width=100% height=35 bgcolor=”black”>
<TR>
<TD width=”20%” height=5 valign=”baseline”>
<FONT face=”Arial” color=”white” size=3
<P align=”left”><IMG src=”top-logo.png”
align=”bottom”></P>
</TD>
<TD width=100% height=35 valign=”Middle”>
<FONT
<P align=”center”><A Href=”main.html”>Home</A> |
 
<A Href=”mission.html”>About Us</A> | 
|Air Pollution  | 
<A Href=”Water.html”> Water Pollution</A> | 
<A Href=”Soil.html”> Soil Pollution</A> | 
<A Href=”FeedBack1.html> Suggestions</A>
</FONT></TD></TR></TABLE>
<TABLE height=50 width=100% bgcolor=”peachpuff”
cellpadding=10>
<TR><TD width=35% height=50 bgcolor=#250600>
<IMG src=”air-pollution.png”>
</TD><TD width=90% height=50>
<FONT face=”Segoe UI” size=4 color=white>
<P> Air pollution refers to the release of pollutants into the
air that are detrimental to human health and the planet as
a whole.</P>
<H2 style=color:#250600;font-variant:small-caps> Causes of
air pollution</H2>
<UL><LI>Burning of fossil fuel
<LI>Agricultural activities
<LI> Exhaust from factories and industries
<LI>Mining operations
<LI>Indoor air pollution
</UL><H2 style=color:#250600:font-variant:small-caps>
Preventive measures</H2>
<UL><LI>Reduce the air pollution of you automobile
<LI>Use eco-friendly products in your home
<LI>Plant trees
<LI> Keep air-cleaning houseplants
<LI>Take a good care of your fireplace
<LI>Recycle and buy recycled products
</UL>
</TD></TR></TABLE>
<P><A Href=”water.html”>
<FONT color=”silver”><H1 style=”font-family:Copperplate
Gothic;font-weight:bold;text-align:center;font-
size:25px;color:red”>NEXT</H1></FONT></P>
</BODY>
</HTML>
WATER
POLLUTION AND
ITS CODING
<HTML>
<HEAD>
<TITLE>WATER POLLUTION</TITLE>
<STYLE>
TABLE{background-repeat:no-repeat}
A:link{color:yellow; display:inline-block; text-
decoration:none}
A:visited{color:white}
A:hover{backgroung-color:red}
TD{padding-left:15px}
</STYLE>
</HEAD>
<BODY link=”Red” vlink=”Grey” alink=”blue” border=1
bgcolor=”#00AFEF”>
<TABLE width=”100%” height=15 bgcolor=”black”>
<TR>
<TD width=”20%” height=5>
<FONT face=”Arial” color=”white” size=2>
<P align=”right”><IMG src=”phone.png”
align=”bottom”> 81300100096</P>
</TD>
<TD width=”60%” height=5 valign=”baseline”>
<FONT face=”arial” color=”white” size=2
<P align=”right”><A
Href=”https://www.facebook.com”><IMG
src=”facebook.png” align=”bottom”> </P></TD>
<TD width=”20%” height=5 valign=”baseline”>
<FONT face=”Arial” color=”white” size=2>
<P align=”left”><A Href=”https://www.gmail.com”><IMG
src=”gmail.png” align=”bottom”></P>
</TD>
</FONT>
</TR>
</TABLE>
<HR>
<TABLE width=100% height=35 bgcolor=”black”>
<TR><TD width=”20%” height=5 valign=”baseline”>
<FONT face=”Arial” color=”white” size=3>
<P align=”left”><IMG src=”top-logo.png”
align=”bottom”></P>
</TD>
<TD width=100% height=35 valign=”Middle”>
<FONT face=”Arial” color=”white” size=3>
<P align=”center”><A Href=”main.html”>Home</A> |
 
<A Href=”mission.html”>About Us</A> | 
</A Href=”airp.html”> Air Pollution</A> | 
<A Href=”Soil.html”> Soil Pollution</A> | 
|Water Pollution | 
<A Href=”FeedBack1.html> Suggestions</A>
</FONT></TD></TR></TABLE>
<TABLE height=50 width=100% bgcolor=”#00AFEF”
cellpadding=10>
<TR><TD width=35% height=50 bgcolor=#00AFEF>
<IMG src=”water-pollution.png”>
</TD><TD width=90% height=50>
<FONT face=”Segoe UI” size=4 color=white>
Water pollution can be defined as the contamination of
water bodies such as lake, rivers, oceans, and
groundwater.</P>
<H2 styl=”color:black; font-variant:small-caps>Causes of
Water Pollution</H2>
<UL>
<LI>Sewage and Waste Water
<LI>Industrial Waste
<LI>Oil Pollution
<LI>Acid Rain
<LI>Global Warming
</UL>
<H2 style=”color:black;font-variant:small-caps>Preventive
measures</H2>
<UL>
<LI>Sewage treatments
<LI>Prevent river water from getting polluted
<LI>Treatment of waste before discharge
<LI>Strict adherence to water laws
<LI>Routine cleaning
<LI>Reducing the use of herbicides and pesticides
</UL>
</TD>
</TR></TABLE>
<P>
<A Href=soil.html>
<FONT color=”silver”>
<H1 STYLE=”font-family:Copperplate Gothic; font-
weight:bold: text-align:center; font-size:25px;
color:red”>NEXT</H1></FONT></P>
</BODY>
</HTML>
SUGGESTIONS
PAGE
AND ITS
CODING
<HTML>
<HEAD>
<TITLE>Feedback Form</TITLE>
<STYLE>
Body{background-image:”environmental.jpg”;background-
repeat:no-repeat; background-
position:center;height:100%;background-size:100%}
TABLE{background-repeat:no-repeat}
TR{background-repeat:no-repeat;background-
position:right}
TD{padding-left:10px}
A:link{color:yellow;display:inline-block;text-
decoration:none}
A:visited{color:white}
A:hover{background-color:red}
</STYLE>
</HEAD>
<BODY><TABLE width=”100%” height=3 bgcolor=”black”>
<TTR>
<TD width=”20%” height=5 valign=”baseline”>
<FONT face=”Arial” color=”white” size=3>
<P align=”right”><IMG src=”phone.png”
align=”bottom”> 81300100096</P>
</TD><TD width=”60%” height=5 valign=”baseline”>
<FONT face=”Arial” color=”white” size=2>
<P align=”right”><A
Href=”https://www.facebook.com”><IMG
src=”facebook.png” align=”bottom”></P></TD>
<TD width=”20%” height=5 valign=”baseline”>
<FONT face=”Arial” color=”white” size=2>
<P align=”left”><A Href=”https://www.gmail.com”><IMG
src=”gmail.png” align=”bottom”></P>
</TD>
</FONT>
</TR>
</TABLE>
<BR>
<TABLE width=100% height=35 bgcolor=”black”>
<TD width=”20%” height=5 valign=”baseline”>
<FONT face=”Arial” color=”white” size=3>
<P align=”left”><IMG src=”top-logo.png”
align=”bottom”></P>
</TD>
<TD width=100% height=35 valign=”Middle”>
<FONT face=”Arial” color=”white” size=3>
<P align=”center”><A Href=”main.html”>Home</A> |
 
<A Href=”mission.html”>About Us</A> | 
</A Href=”airp.html”> Air Pollution</A> | 
<A Href=”Water.html”> Water Pollution</A> | 
<A Href=”Soil.html”> Soil Pollution</A> | 
Sugestions</FONT>
</TD>
</TR>
</TABLE>
<FONT face=”Comic Sans MS” Size=5 color=”green”>
<CENTER><H3 style=”background-color:white;
width=50%”> Please give your valuable
suggestions</H3></CENTER>
<FORM method=”Post” action=”mailto:[email protected]”>
<CENTER><TABLE bgcolor=green><TR>
<TD width=60% valign=”middle”><FONT face=”Comic Sans
MS” size=4 color=”yellow”>
Name: <INPUT type=”text” name=”First
Name” size=25><BR>
H.no: <INPUT type=”text”
size=10>
Street Name/City: <INPUT type=”text”
size=25><BR>
State: <INPUT type=”text” size=20><BR>
Phone: <INPUT type=”text” name=”Phone”
size=25>
E-Mail: ;<INPUT type=”text” name=”E-Mail”
size=25><BR><BR><BR>
<FONT face=”Comic Sans MS” size=4
color=”yellow”>Gender: <INPUT type=”radio”>Male
<INPUT type=”radio”> Female<BR><BR>
Occupation: <SELECT name=”occupation”>
<OPTION value=”school student” selected>School
Student</OPTION>
<OPTION value=”college student”>College
Student</OPTION>
<OPTION value=”professional”>Professional</OPTION>
<OPTION value=”other”>Other</OPTION>
</SELECT><BR><BR>
Pollution type:<BR><INPUT type=”radio” name=”type”>Air
Pollution
<INPUT type=”radio” name=”type”> Water Pollution
<INPUT type=”radio” name=”type”>Soil Pollution
<INPUT type=”radio” name=”type”>Other<BR><BR>
Preventive Measures:<BR>
<TEXTAREA NAME=”measures” COLS=30
ROWS=5></TEXTAREA><BR><BR>
<CENTER><FONT face=”Comic Sans MS” size=4
color=”yellow”><INPUT type=”submit” value=”Post your
suggestions” style=”font-weight:bolder; font-size:15px;
color:red; background-color:white”>
</FORM><TD width=40%>
<IMG src=”suggestion_box.png”>
</TD></TABLE>
</BODY></HTML>
CONCLUSION
Here, I come to the end of the project.
I would like to express and show my experience while
doing this project and learnt many new things with a
wonderful learning experience about coding and webpage
designing on the topic POLLUTION, We hear it every other
day at school/college and read about it in newspapers.
Pollution occurs when pollutant contaminate the natural
surroundings; which brings about change that affect our
normal life styles adversely. Pollutants are the key
elements or components of pollution which are generally
waste materials of different forms.
This project increased my knowledge about pollution
through research, coding and web designing.
ATIF KHAN
