template-style.css - om-institute-of

Assignment Valid for July 2015-16
Course Code: MCSL-016
Course Title: Internet Concepts and Web Design
(Lab Course)
Assignment Number: BCA (IV)/L-016/Assignment/2015
Maximum Marks: 50
Last Dates for Submission: 15th October, 2015
1. Create a website that provides information about historical tourist places around
your city. Your site should include the following pages.
(a) The Home page should consists of four areas containing the following information:
TOP area containing the name of your city and a photograph of a historical
monument. Make sure that you use a good picture format.
LEFTMENU area containing the links to other pages – these links should include My City, List of Monuments, and History of the City, Important Addresses and
Feedback.
The CONTENT area of this Home page should display information like population,
and climatic conditions etc. about your city.
The COPYRIGHT area should display the copyright information and current date
and time. You need to make sure that the TOP, LEFT MENU and
COPYRIGHT area is same across all the pages of the website.
(b) My City page should give information about the objectives, festivals of the city etc.
in some structured format in the CONTENT area. You may use lists or tables for the
same.
(c) List of Monuments page lists the names of important Monuments in the CONTENT
area. These names should be hyperlinked to History of City page.
(d) History of City page should highlight the history of city as well as important
monuments in the CONTENT area.
HOME.html
<! DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="viewport" content="width=device-width" />
<title>My City Agra</title>
<link rel="stylesheet" href="css/components.css">
<link rel="stylesheet" href="css/responsee.css">
<link rel="stylesheet" href="owl-carousel/owl.carousel.css">
<link rel="stylesheet" href="owl-carousel/owl.theme.css">
<! -- CUSTOM STYLE -->
<link rel="stylesheet" href="css/template-style.css">
<script type="text/javascript" src="js/first.js"></script>
1|Page
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
<script type="text/javascript" src="js/second.js"></script>
<script type="text/javascript" src="js/modernizr.js"></script>
<script type="text/javascript" src="js/responsee.js"></script>
<!--[if lt IE 9]>
<script src="js/html51.js"></script>
<! [endif]-->
</head>
<body class="size-1140 align-content-left">
<div style="height: 200px;background-color:cornsilk;"><img src="img/agratourism.jpg"/></div>
<div class="line">
<div id="content-wrapper">
<!-- LEFT COLUMN -->
<div class="s-12 l-3">
<div class="logo-box">
<h1>My City Agra</h1>
</div>
<div class="aside-nav">
<ul class="chevron">
<li><a href="index.html"><i class="icon-list"></i>MyCity</a></li>
<li><a href="Monuments.html"><i class="icon-camera"></i>Monuments</a></li>
<li><a href="City.html"><i class="icon-heart"></i>City History</a>
<!--<ul>
<li><a href="about.html">About 1</a></li>
<li><a href="about.html">About 2</a></li>
</ul>-->
</li>
<li><a href="Address.html"><i class="icon-mail"></i>Address</a></li>
<li><a href="FeedBack.html"><i class="icon-mail"></i>FeedBack</a></li>
</ul>
<div id="search" class="line" >
<input class="s-11" name="" placeholder="Search" title="Search" type="text" /><a class="s1" ><i class="icon-magnifying"></i></a>
</div>
<div id="social">
<a target="_blank" href="https://www.facebook.com/myresponsee"><i class="iconfacebook_circle"></i></a> <a target="_blank" href="https://twitter.com/MyResponsee"><i
class="icon-twitter_circle"></i></a>
2|Page
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
</div>
</div>
</div>
<!-- RIGHT COLUMN -->
<div class="s-12 l-9">
<div class="box">
<!-- HEADER -->
<!-- CAROUSEL -->
<div class="line">
<div id="owl-demo" class="owl-carousel owl-theme margin-bottom">
<div class="item"><img src="img/tajmo1.jpg" alt=""></div>
<div class="item"><img src="img/taj2.jpg" alt=""></div>
<div class="item"><img src="img/taj3.jpg" alt=""></div>
<div class="item"><img src="img/taj4.jpg" alt=""></div>
<div class="item"><img src="img/agra-tourism.jpg" alt=""></div>
<div class="item"><img src="img/taj6.jpg" alt=""></div>
</div>
</div>
<section>
<article class="line">
<div class="margin">
<h1 style="color:gray;">Festivals in Agra</h1>
<div class="s-12 l-2 date">
<i class="icon-calendar"></i>
<p><span>18</span><br />February</p>
</div>
<div class="s-12 l-10">
<h2>Taj Mahotsav</h2>
<p> This most popular festival is held every year between the 18th and 27th of February in
Shilpgram in Agra.The festival is themed as the Mughal era, and every year a message is
given to the world –in 2009 it was Universal peace and harmony-.Hundreds of artists from
all over India bring their arts & crafts. Dance and singing performances are held, children
ride on camels and elephants and Indian cuisine is there for the ones that are eager to
taste.</p>
<br />
<hr>
</div>
</div>
3|Page
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
</article>
<article class="line">
<div class="margin">
<div class="s-12 l-2 date">
<i class="icon-calendar"></i>
<p><span>22</span><br />October</p>
</div>
<div class="s-12 l-10">
<h2>Ram Barat</h2>
<p> This festival is a part of the Ramlila, the staging of life of Rama that ends with the
killing of Ravana on the day of Dussehra. </p> <br /> <p>Literally Ram Barat means
marriage procession of Shri Ram. Every year a new location is choosen and is decorated
with flowers and lights, and many visitors come to see the fair and attend the royal
wedding of the divine deities.</p>
<hr>
</div>
</div>
</article>
<article class="line">
<div class="margin">
<div class="s-12 l-2 date">
<i class="icon-calendar"></i>
<p><span>12</span><br />August</p>
</div>
<div class="s-12 l-10">
<h2>Kalilash Fair</h2>
<p>The fair is held in the Kalilash temple 12 km to Agra. It is dedicated to the appearance
of Lord Shiva in a form of a stone lingam and celebrated on the monsoon months at August
and September.</p>
<br />
</div>
</div>
</article>
</section>
</div>
<!-- FOOTER -->
<div class="box footer">
<footer class="line">
<div class="s-12 l-6">
4|Page
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
<p>© 2015, All Rights Reserved.<br />OTI PVT LTD</p>
</div>
<div class="s-12 l-6">
<p class="right">Design and coding by OIT Student</p>
</div>
</footer>
</div>
</div>
</div>
</div>
<img id="background" class="hide-s" src="img/background.jpg" alt="">
<script type="text/javascript" src="owl-carousel/owl.carousel.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#owl-demo").owlCarousel({
navigation : true,
slideSpeed : 300,
paginationSpeed : 400,
autoPlay : true,
singleItem:true
});
});
</script>
</body>
</htML>
MONUMENTS.HTML
<!DOCTYPE HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=WINDOWS1250">
<META NAME="VIEWPORT" CONTENT="WIDTH=DEVICE-WIDTH" />
<TITLE>MY CITY AGRA</TITLE>
<LINK REL="STYLESHEET" HREF="CSS/COMPONENTS.CSS">
<LINK REL="STYLESHEET" HREF="CSS/RESPONSEE.CSS">
<!-- CUSTOM STYLE -->
<LINK REL="STYLESHEET" HREF="CSS/TEMPLATE-STYLE.CSS">
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JS/FIRST.JS"></SCRIPT>
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JS/SECOND.JS"></SCRIPT>
5|Page
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JS/MODERNIZR.JS"></SCRIPT>
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JS/RESPONSEE.JS"></SCRIPT>
<!--[IF LT IE 9]>
<SCRIPT SRC="JS/HTML51.JS"></SCRIPT>
<![ENDIF]-->
<STYLE>
.LEFT A
{COLOR:ORANGE;
}
.RIGHT A
{COLOR:ORANGE;
}
</STYLE>
</HEAD>
<BODY CLASS="SIZE-1140 ALIGN-CONTENT-LEFT">
<DIV STYLE="HEIGHT:200PX;BACKGROUND-COLOR:CORNSILK;"><IMG SRC="IMG/AGRATOURISM.JPG"/></DIV>
<DIV CLASS="LINE">
<DIV ID="CONTENT-WRAPPER">
<!-- LEFT COLUMN -->
<DIV CLASS="S-12 L-3">
<DIV CLASS="LOGO-BOX">
<H1>MY CITY AGRA</H1>
</DIV>
<DIV CLASS="ASIDE-NAV">
<UL CLASS="CHEVRON">
<LI><A HREF="INDEX.HTML"><I CLASS="ICON-LIST"></I>MYCITY</A></LI>
<LI><A HREF="MONUMENTS.HTML"><I CLASS="ICON- CAMERA"> </I> MONUMENTS </A>
</LI>
<LI><A HREF="CITY.HTML"><I CLASS="ICON-HEART"></I>CITY HISTORY</A>
<!--<UL>
<LI><A HREF="ABOUT.HTML">ABOUT 1</A></LI>
<LI><A HREF="ABOUT.HTML">ABOUT 2</A></LI>
</UL>-->
</LI>
<LI><A HREF="ADDRESS.HTML"><I CLASS="ICON-MAIL"></I>ADDRESS</A></LI>
<LI><A HREF="FEEDBACK.HTML"><I CLASS="ICON-MAIL"></I>FEEDBACK</A></LI>
</UL>
<DIV ID="SEARCH" CLASS="LINE" >
6|Page
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
<INPUT CLASS="S-11" NAME="" PLACEHOLDER="SEARCH"
TITLE="SEARCH" TYPE="TEXT" /><A CLASS="S-1" ><I CLASS="ICON-MAGNIFYING"></I></A>
</DIV>
<DIV ID="SOCIAL">
<A TARGET="_BLANK"
HREF="HTTPS://WWW.FACEBOOK.COM/MYRESPONSEE"><I CLASS="ICONFACEBOOK_CIRCLE"></I></A> <A TARGET="_BLANK"
HREF="HTTPS://TWITTER.COM/MYRESPONSEE"><I CLASS="ICONTWITTER_CIRCLE"></I></A>
</DIV>
</DIV>
</DIV>
<!-- RIGHT COLUMN -->
<DIV CLASS="S-12 L-9">
<DIV CLASS="BOX">
<!-- HEADER -->
<!-- CAROUSEL -->
<DIV CLASS="LINE">
<H1><FONT COLOR="RED">MONUMENTS OF AGRA</FONT></H1>
<SECTION>
<DIV CLASS='RIGHT' STYLE="WIDTH:40%;FLOAT:RIGHT;MARGIN:2PX;" >
<IMG SRC='./IMG/TAJMO1.JPG' STYLE='HEIGHT:250PX;WIDTH:300PX;' />
<A HREF="CITY.HTML">TAJ MAHAL</A>
<IMG SRC='./IMG/FATEHPUR SIKRI.JPG' STYLE='HEIGHT:250PX;WIDTH:300PX;' />
<A HREF="CITY.HTML">FATEHPUR SIKRI</A>
<IMG SRC='./IMG/ITIMAT-UD-DAUL.JPG' STYLE='HEIGHT:250PX;WIDTH:300PX;' />
<A HREF="CITY.HTML">ITIMAD UD DAULAH</A>
</DIV>
<DIV CLASS='LEFT' STYLE='WIDTH:58%;'>
<IMG SRC='./IMG/SIKANDRA.JPG' STYLE='HEIGHT:250PX;WIDTH:300PX;' /><BR>
<A HREF="CITY.HTML">SIKANDRA</A><BR>
<IMG SRC='./IMG/SOOR_SAROVAR_HEADER.JPG' STYLE='HEIGHT:250PX;WIDTH:300PX;'
/><BR>
<A HREF="CITY.HTML">SOOR SAROVAR</A><BR>
<IMG SRC='./IMG/AGRA_FORT.JPG' STYLE='HEIGHT:250PX;WIDTH:300PX;' /><BR>
<A HREF="CITY.HTML">RED FORT</A>
</DIV>
</SECTION>
</DIV>
7|Page
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
</DIV>
<!-- FOOTER -->
<DIV CLASS="BOX FOOTER">
<FOOTER CLASS="LINE">
<DIV CLASS="S-12 L-6">
<P>© 2015, ALL RIGHTS RESERVED.<BR />OTI PVT LTD</P>
</DIV>
<DIV CLASS="S-12 L-6">
<P CLASS="RIGHT">DESIGN AND CODING BY OIT STUDENT</P>
</DIV>
</FOOTER>
</DIV>
</DIV>
</DIV>
</DIV>
<IMG ID="BACKGROUND" CLASS="HIDE-S" SRC="IMG/BACKGROUND.JPG" ALT="">
</BODY>
</HTML>
CITY.HTML
<!DOCTYPE HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=WINDOWS1250">
<META NAME="VIEWPORT" CONTENT="WIDTH=DEVICE-WIDTH" />
<TITLE>MY CITY AGRA</TITLE>
<LINK REL="STYLESHEET" HREF="CSS/COMPONENTS.CSS">
<LINK REL="STYLESHEET" HREF="CSS/RESPONSEE.CSS">
<!-- CUSTOM STYLE -->
<LINK REL="STYLESHEET" HREF="CSS/TEMPLATE-STYLE.CSS">
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JS/FIRST.JS"></SCRIPT>
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JS/SECOND.JS"></SCRIPT>
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JS/MODERNIZR.JS"></SCRIPT>
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JS/RESPONSEE.JS"></SCRIPT>
<!--[IF LT IE 9]>
<SCRIPT SRC="JS/HTML51.JS"></SCRIPT>
<![ENDIF]-->
</HEAD>
<BODY CLASS="SIZE-1140 ALIGN-CONTENT-LEFT">
8|Page
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
<DIV STYLE="HEIGHT:200PX;BACKGROUND-COLOR:CORNSILK;"><IMG SRC="IMG/AGRATOURISM.JPG"/></DIV>
<DIV CLASS="LINE">
<DIV ID="CONTENT-WRAPPER">
<!-- LEFT COLUMN -->
<DIV CLASS="S-12 L-3">
<DIV CLASS="LOGO-BOX">
<H1>MY CITY AGRA</H1>
</DIV>
<DIV CLASS="ASIDE-NAV">
<UL CLASS="CHEVRON">
<LI><A HREF="INDEX.HTML"><I CLASS="ICON-LIST"></I>MYCITY</A></LI>
<LI><A HREF="MONUMENTS.HTML"><I CLASS="ICON-CAMERA"> </I> MONUMENTS </A>
</LI>
<LI><A HREF="CITY.HTML"><I CLASS="ICON-HEART"></I>CITY HISTORY</A>
<!--<UL>
<LI><A HREF="ABOUT.HTML">ABOUT 1</A></LI>
<LI><A HREF="ABOUT.HTML">ABOUT 2</A></LI>
</UL>-->
</LI>
<LI><A HREF="ADDRESS.HTML"><I CLASS="ICON-MAIL"></I>ADDRESS</A></LI>
<LI><A HREF="FEEDBACK.HTML"><I CLASS="ICON-MAIL"></I>FEEDBACK</A></LI>
</UL>
<DIV ID="SEARCH" CLASS="LINE" >
<INPUT CLASS="S-11" NAME="" PLACEHOLDER="SEARCH" TITLE="SEARCH" TYPE="TEXT" />
<A CLASS="S-1" ><I CLASS="ICON-MAGNIFYING"></I></A>
</DIV>
<DIV ID="SOCIAL">
<A TARGET="_BLANK"
HREF="HTTPS://WWW.FACEBOOK.COM/MYRESPONSEE"><I CLASS="ICONFACEBOOK_CIRCLE"> </I></A> <A TARGET="_BLANK"
HREF="HTTPS://TWITTER.COM/MYRESPONSEE"><I CLASS="ICONTWITTER_CIRCLE"></I></A>
</DIV>
</DIV>
</DIV>
<!-- RIGHT COLUMN -->
<DIV CLASS="S-12 L-9">
<DIV CLASS="BOX">
9|Page
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
<!-- HEADER -->
<!-- CAROUSEL -->
<DIV CLASS="LINE">
<SECTION>
<H2>HISTORY OF AGRA MONUMENTS</H2>
<ARTICLE CLASS="LINE">
<H3>SIKANDRA AGRA HISTORY AND FACTS</H3>
<P>SIKANDRA, THE LAST RESTING PLACE OF THE MUGHAL
EMPEROR AKBAR THE GREAT,IS ON THE DELHI-AGRA HIGHWAY, ONLY 13 KILOMETRES
FROM THE AGRA FORT. AKBAR'S TOMB REFLECTS THE COMPLETENESS OF HIS
PERSONALITY. THE VAST, BEAUTIFULLY CARVED, RED-OCHRE SANDSTONE TOMB WITH
DEERS, RABBITS AND LANGURS IS SET AMIDST A LUSH GARDEN. AKBAR HIMSELF PLANNED
HIS OWN TOMB AND SELECTED A SUITABLE SITE FOR IT. TO CONSTRUCT A TOMB IN ONE'S
LIFETIME WAS A TURKIC CUSTOM WHICH THE MUGHALS FOLLOWED RELIGIOUSLY.
AKBAR'S SON JAHANGIR COMPLETED CONSTRUCTION OF THIS PYRAMIDAL TOMB IN
1613.</P>
<H3>AGRA FORT: HOME OF MUGHALS</H3>
<P CLASS="MARGIN-BOTTOM">AGRA FORT IS THE MOST
IMPORTANT FORT OF INDIA, THE GREAT MUGHALS: BABUR, HUMAYUN, AKBAR, JAHANGIR,
SHAH JEHAN AND AURANGZEB LIVED HERE AND COUNTRY WAS GOVERNED FROM HERE. IT
CONTAINED THE LARGEST STATE TREASURY AND MINT. IT WAS VISITED BY FOREIGN
AMBASSADORS, TRAVELERS AND THE HIGHEST DIGNITARIES WHO PARTICIPATED IN THE
MAKING OF MEDIEVAL HISTORY OF INDIA. NO OTHER FORT OF INDIA HAD THIS
HONOR.</P>
<H3>HISTORY OF TAJ MAHAL</H3>
<P CLASS="MARGIN-BOTTOM">THE TAJ MAHAL OF AGRA IS ONE
OF THE SEVEN WONDERS OF THE WORLD, FOR REASONS MORE THAN JUST LOOKING
MAGNIFICENT. IT'S THE HISTORY OF TAJ MAHAL THAT ADDS A SOUL TO ITS MAGNIFICENCE:
A SOUL THAT IS FILLED WITH LOVE, LOSS, REMORSE, AND LOVE AGAIN. BECAUSE IF IT WAS
NOT FOR LOVE, THE WORLD WOULD HAVE BEEN ROBBED OF A FINE EXAMPLE UPON
WHICH PEOPLE BASE THEIR RELATIONSHIPS. AN EXAMPLE OF HOW DEEPLY A MAN LOVED
HIS WIFE, THAT EVEN AFTER SHE REMAINED BUT A MEMORY, HE MADE SURE THAT THIS
MEMORY WOULD NEVER FADE AWAY. THIS MAN WAS THE MUGHAL EMPEROR SHAH
JAHAN, WHO WAS HEAD-OVER-HEELS IN LOVE WITH MUMTAZ MAHAL, HIS DEAR WIFE.
SHE WAS A MUSLIM PERSIAN PRINCESS (HER NAME ARJUMAND BANU BEGUM BEFORE
MARRIAGE) AND HE WAS THE SON OF THE MUGHAL EMPEROR JEHANGIR AND GRANDSON
OF AKBAR THE GREAT. IT WAS AT THE AGE OF 14 THAT HE MET MUMTAZ AND FELL IN LOVE
WITH HER. FIVE YEARS LATER IN THE YEAR 1612, THEY GOT MARRIED.</P>
<H3>ITIMAD UD DAULAH</H3>
10 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
<P CLASS="MARGIN-BOTTOM">ITMAD-UD-DAULA HAS A SPECIAL
PLACE IN THE CHRONICLES OF BOTH HISTORY AS WELL AS ARCHITECTURE. THIS IS
PRECISELY BECAUSE ITMAD UD DAULA IS THE VERY FIRST TOMB IN INDIA THAT IS ENTIRELY
MADE OUT OF MARBLE. THIS IS ACTUALLY A MAUSOLEUM THAT OVERLOOKS THE RIVER
YAMUNA AND IS A TOMB OF MIR GHIYAS BEG, A MINISTER IN THE COURT OF SHAH
JAHAN.THE STORY OF ITMAD-UD-DAULA IS AN INSPIRATIONAL RAG TO RICHES SAGA. THE
TOMB OF ITIMAD-UD-DAULAH IS AS INTERESTING AS THE LIFE OF THE PERSON FOR WHOM
IT WAS BUILT. MIRZA GHIYAS-UD-DIN OR GHIYAS BEG (LATER KNOWN AS ITIMAD-UDDAULAH) WAS A POOR MERCHANT AND LIVED IN PERSIA (MODERN-DAY IRAN). HIS WIFE
GAVE BIRTH TO A DAUGHTER WHOM HE WANTED TO ABANDON FOR HE HAS NO MONEY
TO FEED HER BUT THE PERSISTENT WAILS OF THE INFANT CHANGED HIS HEART. THE BABY
GIRL BROUGHT A STROKE OF GOOD LUCK TO HER PARENTS, FOR GHIYAS BEG FOUND A
CARAVAN THAT STRAIGHTAWAY TOOK HIM TO THE COURT OF THE GREAT MUGHAL
EMPEROR, AKBAR. . AFTER AKBAR'S DEATH IN 1605, HIS SON JAHANGIR BECAME THE
MUGHAL EMPEROR, WHO MADE GHIYAS BEG HIS CHIEF MINISTER OR WAZIR. GHIYAS BEG
WAS ALSO HONORED WITH THE TITLE OF ITIMAD-UD-DAULAH OR THE PILLAR OF THE
STATE.</P>
<H3>SOOR SAROVAR</H3>
<P CLASS="MARGIN-BOTTOM">SOOR SAROVAR WILDLIFE
SANCTUARY LIES IN A SPRAWLING 15-ACRE GREEN EXPANSE, 17 KM FROM AGRA DISTRICT,
UTTAR PRADESH. ESTABLISHED IN 1991, THE SANCTUARY HAS AN AREA OF 4 SQ KM. LOCAL
AND MIGRATORY BIRDS, JACKAL, MONGOOSE AND HARES ROAM THE SANCTUARY.THE
SOOR SAROVAR WETLAND AT KEETHAM, AGRA, IS 175 KM FROM DELHI. IT IS A PLACE OF
NATURAL BEAUTY. THE PLACE INSPIRED POET SOORDAS TO COMPOSE THE "BHAKTI
KAVYA", ONE OF THE FINEST PIECES OF DEVOTIONAL POETRY EVER WRITTEN. </P>
</ARTICLE>
</SECTION>
</DIV>
</DIV>
<!-- FOOTER -->
<DIV CLASS="BOX FOOTER">
<FOOTER CLASS="LINE">
<DIV CLASS="S-12 L-6">
<P>© 2015, ALL RIGHTS RESERVED.<BR />OTI PVT LTD</P>
</DIV>
<DIV CLASS="S-12 L-6">
<P CLASS="RIGHT">DESIGN AND CODING BY OIT STUDENT</P>
</DIV>
</FOOTER>
11 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
</DIV>
</DIV>
</DIV>
</DIV>
<IMG ID="BACKGROUND" CLASS="HIDE-S" SRC="IMG/BACKGROUND.JPG" ALT="">
</BODY>
</HTML>
ADDRESS.HTML
<!DOCTYPE HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=WINDOWS1250">
<META NAME="VIEWPORT" CONTENT="WIDTH=DEVICE-WIDTH" />
<TITLE>MY CITY AGRA</TITLE>
<LINK REL="STYLESHEET" HREF="CSS/COMPONENTS.CSS">
<LINK REL="STYLESHEET" HREF="CSS/RESPONSEE.CSS">
<!-- CUSTOM STYLE -->
<LINK REL="STYLESHEET" HREF="CSS/TEMPLATE-STYLE.CSS">
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JS/FIRST.JS"></SCRIPT>
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JS/SECOND.JS"></SCRIPT>
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JS/MODERNIZR.JS"></SCRIPT>
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JS/RESPONSEE.JS"></SCRIPT>
<!--[IF LT IE 9]>
<SCRIPT SRC="JS/HTML51.JS"></SCRIPT>
<![ENDIF]-->
</HEAD>
<BODY CLASS="SIZE-1140 ALIGN-CONTENT-LEFT">
<DIV STYLE="HEIGHT:200PX;BACKGROUND-COLOR:CORNSILK;"><IMG SRC="IMG/AGRATOURISM.JPG"/></DIV>
<DIV CLASS="LINE">
<DIV ID="CONTENT-WRAPPER">
<!-- LEFT COLUMN -->
<DIV CLASS="S-12 L-3">
<DIV CLASS="LOGO-BOX">
<H1>MY CITY AGRA</H1>
</DIV>
<DIV CLASS="ASIDE-NAV">
<UL CLASS="CHEVRON">
12 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
<LI><A HREF="INDEX.HTML"><I CLASS="ICONLIST"></I>MYCITY</A></LI>
<LI><A HREF="MONUMENTS.HTML"><I CLASS="ICONCAMERA"></I>MONUMENTS</A></LI>
<LI><A HREF="CITY.HTML"><I CLASS="ICON-HEART"></I>CITY
HISTORY</A>
<!--<UL>
<LI><A HREF="ABOUT.HTML">ABOUT 1</A></LI>
<LI><A HREF="ABOUT.HTML">ABOUT 2</A></LI>
</UL>-->
</LI>
<LI><A HREF="ADDRESS.HTML"><I CLASS="ICONMAIL"></I>ADDRESS</A></LI>
<LI><A HREF="FEEDBACK.HTML"><I CLASS="ICONMAIL"></I>FEEDBACK</A></LI>
</UL>
<DIV ID="SEARCH" CLASS="LINE" >
<INPUT CLASS="S-11" NAME="" PLACEHOLDER="SEARCH"
TITLE="SEARCH" TYPE="TEXT" /><A CLASS="S-1" ><I CLASS="ICON-MAGNIFYING"></I></A>
</DIV>
<DIV ID="SOCIAL">
<A TARGET="_BLANK"
HREF="HTTPS://WWW.FACEBOOK.COM/MYRESPONSEE"><I CLASS="ICONFACEBOOK_CIRCLE"></I></A> <A TARGET="_BLANK"
HREF="HTTPS://TWITTER.COM/MYRESPONSEE"><I CLASS="ICONTWITTER_CIRCLE"></I></A>
</DIV>
</DIV>
</DIV>
<!-- RIGHT COLUMN -->
<DIV CLASS="S-12 L-9">
<DIV CLASS="BOX">
<!-- HEADER -->
<!-- CAROUSEL -->
<DIV CLASS="LINE">
<SECTION>
<H2>GOVERNMENT ADDRESS</H2>
<DIV CLASS='RIGHT' STYLE="WIDTH:40%;FLOAT:RIGHT;MARGIN:2PX;" >
<P STYLE='HEIGHT:250PX;WIDTH:300PX;BACKGROUND:#E9E299'>
<FONT COLOR="RED">UP TOURISM</FONT><BR>
13 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
GOVERNMENT DEPARTMENTS<BR>
(0562) 2226431<BR>
64, TAJ ROAD, AGRA- 282001<BR>
NEAR HOTEL CLARKS SHIRAZ<BR>
</P>
<P STYLE='HEIGHT:250PX;WIDTH:300PX;BACKGROUND:#E9E299'>
<FONT COLOR="RED">NAGAR NIGAM AGRA</FONT><BR>
GOVERNMENT DEPARTMENTS<BR>
09319406036<BR>
CIVIL LINES, SANJAY PLACE, AGRA- 282002<BR>
NEAR HOTEL CLARKS SHIRAZ<BR>
NEAR SUR SADAN AUDITORIUM<BR>
NAGARNIGAMAGRA.COM
</P>
<P STYLE='HEIGHT:250PX;WIDTH:300PX;BACKGROUND:#E9E299'>
<FONT COLOR="RED">NAGAR PALIKA OFFICE</FONT><BR>
GOVERNMENT DEPARTMENTS<BR>
(0562) 2226431<BR>
MAHATMA GANDHI ROAD, TAJGANJ, AGRA- 282002 <BR>
NEAR SUR SADAN<BR>
NAGARNIGAMAGRA.COM<BR>
AMCAGRA@YAHOO.COM<BR>
</P>
</DIV>
<DIV CLASS='LEFT' STYLE='WIDTH:58%;'>
<P STYLE='HEIGHT:250PX;WIDTH:300PX;BACKGROUND:#E9E299'>
<FONT COLOR="RED">THE ASSISTANT ENGINEER CIVIL SUB DIVISION</FONT><BR>
GOVERNMENT DEPARTMENTS<BR>
(0562) 2463196<BR>
SUB DIVISION HPO COMPOUND, PRATAP PURA, AGRA- 282001<BR>
NEAR NORTHERN INDIA COMPLEX<BR>
</P>
<P STYLE='HEIGHT:250PX;WIDTH:300PX;BACKGROUND:#E9E299'>
<FONT COLOR="RED">CHIEF DEVELOPMENT OFFICERS</FONT><BR>
GOVERNMENT DEPARTMENTS<BR>
(0562) 2851616<BR>
VIKAS BHAVAN, SANJAY PLACE, AGRA- 285005<BR>
NEAR SANJAY PLACE POST OFFICE<BR>
14 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
</P>
<P STYLE='HEIGHT:250PX;WIDTH:300PX;BACKGROUND:#E9E299'>
<FONT COLOR="RED">NATIONAL JALMA INSTITUTE OF LEPROSY AND OTHER
MYCROBACTERIAL DISEASES</FONT><BR>
GOVERNMENT DEPARTMENTS<BR>
(0562) 2331756, (0562) 2333595<BR>
DR. MIYAZAKI MARG, TAJGANJ, AGRA- 282001<BR>
NEAR TAJGANJ HOTEL<BR>
</P>
</DIV>
</SECTION>
</DIV>
</DIV>
<!-- FOOTER -->
<DIV CLASS="BOX FOOTER">
<FOOTER CLASS="LINE">
<DIV CLASS="S-12 L-6">
<P>© 2015, ALL RIGHTS RESERVED.<BR />OTI PVT LTD</P>
</DIV>
<DIV CLASS="S-12 L-6">
<P CLASS="RIGHT">DESIGN AND CODING BY OIT STUDENT</P>
</DIV>
</FOOTER>
</DIV>
</DIV>
</DIV>
</DIV>
<IMG ID="BACKGROUND" CLASS="HIDE-S" SRC="IMG/BACKGROUND.JPG" ALT="">
</BODY>
</HTML>
FEEDBACK.HTML
<!DOCTYPE HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=WINDOWS1250">
<META NAME="VIEWPORT" CONTENT="WIDTH=DEVICE-WIDTH" />
<TITLE>MY CITY AGRA</TITLE>
15 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
<LINK REL="STYLESHEET" HREF="CSS/COMPONENTS.CSS">
<LINK REL="STYLESHEET" HREF="CSS/RESPONSEE.CSS">
<!-- CUSTOM STYLE -->
<LINK REL="STYLESHEET" HREF="CSS/TEMPLATE-STYLE.CSS">
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JS/FIRST.JS"></SCRIPT>
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JS/SECOND.JS"></SCRIPT>
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JS/MODERNIZR.JS"></SCRIPT>
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JS/RESPONSEE.JS"></SCRIPT>
<!--[IF LT IE 9]>
<SCRIPT SRC="JS/HTML51.JS"></SCRIPT>
<![ENDIF]-->
</HEAD>
<BODY CLASS="SIZE-1140 ALIGN-CONTENT-LEFT">
<DIV STYLE="HEIGHT:200PX;BACKGROUND-COLOR:CORNSILK;"><IMG SRC="IMG/AGRATOURISM.JPG"/></DIV>
<DIV CLASS="LINE">
<DIV ID="CONTENT-WRAPPER">
<!-- LEFT COLUMN -->
<DIV CLASS="S-12 L-3">
<DIV CLASS="LOGO-BOX">
<H1>MY CITY AGRA</H1>
</DIV>
<DIV CLASS="ASIDE-NAV">
<UL CLASS="CHEVRON">
<LI><A HREF="INDEX.HTML"><I CLASS="ICONLIST"></I>MYCITY</A></LI>
<LI><A HREF="MONUMENTS.HTML"><I CLASS="ICON-CAMERA"> </I> MONUMENTS </A>
</LI> <LI><A HREF="CITY.HTML"><I CLASS="ICON-HEART"></I>CITY HISTORY</A>
<!--<UL>
<LI><A HREF="ABOUT.HTML">ABOUT 1</A></LI>
<LI><A HREF="ABOUT.HTML">ABOUT 2</A></LI>
</UL>-->
</LI>
<LI><A HREF="ADDRESS.HTML"><I CLASS="ICON-MAIL"></I>ADDRESS</A></LI>
<LI><A HREF="FEEDBACK.HTML"><I CLASS="ICON-MAIL"></I>FEEDBACK</A></LI>
</UL>
<DIV ID="SEARCH" CLASS="LINE" >
<INPUT CLASS="S-11" NAME="" PLACEHOLDER="SEARCH"
TITLE="SEARCH" TYPE="TEXT" /><A CLASS="S-1" ><I CLASS="ICON-MAGNIFYING"></I></A>
16 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
</DIV>
<DIV ID="SOCIAL">
<A TARGET="_BLANK" HREF="#"><I CLASS="ICONFACEBOOK_CIRCLE"></I></A> <A TARGET="_BLANK" HREF="#"><I CLASS="ICONTWITTER_CIRCLE"></I></A>
</DIV>
</DIV>
</DIV>
<!-- RIGHT COLUMN -->
<DIV CLASS="S-12 L-9">
<DIV CLASS="BOX">
<!-- HEADER -->
<!-- CAROUSEL -->
<DIV CLASS="LINE">
<SECTION>
<H2>FEEDBACK</H2>
<DIV CLASS="LINE">
<FORM CLASS="CUSTOMFORM" ACTION="">
<DIV CLASS="LINE">
<DIV CLASS="MARGIN">
<DIV CLASS="S-12 L-4">
<INPUT NAME="" PLACEHOLDER="YOUR NAME" TITLE="YOUR NAME" TYPE="TEXT"
REQUIRED />
</DIV>
<DIV CLASS="S-12 L-4"><INPUT NAME="" PLACEHOLDER="YOUR E-MAIL" TITLE="YOUR EMAIL" TYPE="TEXT" REQUIRED /></DIV>
<DIV CLASS="S-12 L-4"></DIV>
</DIV>
</DIV>
<DIV CLASS="S-12"><TEXTAREA PLACEHOLDER="YOUR MASSAGE" NAME="" ROWS="5"
REQUIRED></TEXTAREA></DIV>
<DIV CLASS="LINE">
<DIV CLASS="MARGIN">
<DIV CLASS="S-12 L-6">
<INPUT NAME="RADIO1" VALUE=""
CHECKED="CHECKED" TYPE="RADIO" /><LABEL>SITE ADMINISTRATOR</LABEL><BR />
<INPUT NAME="RADIO1" VALUE="" TYPE="RADIO"
/><LABEL>CONTENT MANAGER</LABEL><BR />
17 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
</DIV>
<DIV CLASS="S-12 L-6">
<P><LABEL>YOUR EXPRIENCE AT SITE:</LABEL></P>
<SELECT FORM="SELECT" MULTIPLE="MULTIPLE"
NAME="" REQUIRED>
<OPTION VALUE="FIRST">AVEREAGE</OPTION>
<OPTION VALUE="SECOND">GOOD</OPTION>
<OPTION VALUE="THIRD">VERY GOOD</OPTION>
<OPTION VALUE="FOURTH">EXCELLENT</OPTION>
</SELECT>
</DIV>
</DIV>
</DIV>
<DIV CLASS="S-12 L-2 RIGHT"><BUTTON
TYPE="SUBMIT">SUBMIT</BUTTON></DIV>
</FORM>
</DIV>
</DIV>
</SECTION>
</DIV>
</DIV>
<!-- FOOTER -->
<DIV CLASS="BOX FOOTER">
<FOOTER CLASS="LINE">
<DIV CLASS="S-12 L-6">
<P>© 2015, ALL RIGHTS RESERVED.<BR />OTI PVT LTD</P>
</DIV>
<DIV CLASS="S-12 L-6">
<P CLASS="RIGHT">DESIGN AND CODING BY OIT STUDENT</P>
</DIV>
</FOOTER>
</DIV>
</DIV>
</DIV>
</DIV>
<IMG ID="BACKGROUND" CLASS="HIDE-S" SRC="IMG/BACKGROUND.JPG" ALT="">
</BODY>
</HTML>
CSS FILES
18 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
COMPONENTS.CSS
/* CUSTOM FORMS */
FORM.CUSTOMFORM INPUT, FORM.CUSTOMFORM SELECT, FORM.CUSTOMFORM
TEXTAREA, FORM.CUSTOMFORM BUTTON {
FONT-SIZE:0.9EM;
FONT-FAMILY:INHERIT;
MARGIN-BOTTOM:1.25EM;
}
FORM.CUSTOMFORM INPUT, FORM.CUSTOMFORM SELECT {HEIGHT: 2.7EM;}
FORM.CUSTOMFORM INPUT, FORM.CUSTOMFORM TEXTAREA, FORM.CUSTOMFORM
SELECT {
BACKGROUND: NONE REPEAT SCROLL 0 0 #F5F5F5;
TRANSITION: BACKGROUND 0.20S LINEAR 0S;
-O-TRANSITION: BACKGROUND 0.20S LINEAR 0S;
-MS-TRANSITION: BACKGROUND 0.20S LINEAR 0S;
-MOZ-TRANSITION: BACKGROUND 0.20S LINEAR 0S;
-WEBKIT-TRANSITION: BACKGROUND 0.20S LINEAR 0S;
}
FORM.CUSTOMFORM INPUT:HOVER, FORM.CUSTOMFORM TEXTAREA:HOVER,
FORM.CUSTOMFORM SELECT:HOVER, FORM.CUSTOMFORM INPUT:FOCUS,
FORM.CUSTOMFORM TEXTAREA:FOCUS, FORM.CUSTOMFORM SELECT:FOCUS
{BACKGROUND: NONE REPEAT SCROLL 0 0 #FFF;}
FORM.CUSTOMFORM INPUT, FORM.CUSTOMFORM TEXTAREA, FORM.CUSTOMFORM
SELECT {
BACKGROUND: NONE REPEAT SCROLL 0 0 #F5F5F5;
BORDER: 1PX SOLID #E0E0E0;
PADDING: 0.625EM;
WIDTH: 100%;
}
FORM.CUSTOMFORM INPUT[TYPE="FILE"] {
BORDER: 1PX SOLID #E0E0E0;
HEIGHT: AUTO;
MAX-HEIGHT: 2.7EM;
MIN-HEIGHT: 2.7EM;
PADDING: 0.4EM;
WIDTH: 100%;
}
FORM.CUSTOMFORM INPUT[TYPE="RADIO"], FORM.CUSTOMFORM
INPUT[TYPE="CHECKBOX"] {
19 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
MARGIN-RIGHT: 0.625EM;
WIDTH:AUTO;
PADDING:0;
HEIGHT:AUTO;
}
FORM.CUSTOMFORM OPTION {PADDING: 0.625EM;}
FORM.CUSTOMFORM SELECT[MULTIPLE="MULTIPLE"] {HEIGHT: AUTO;}
FORM.CUSTOMFORM BUTTON {
WIDTH: 100%;
BACKGROUND: NONE REPEAT SCROLL 0 0 #444444;
BORDER: 0 NONE;
COLOR: #FFFFFF;
HEIGHT: 2.7EM;
PADDING: 0.625EM;
CURSOR:POINTER;
WIDTH: 100%;
TRANSITION: BACKGROUND 0.20S LINEAR 0S;
-O-TRANSITION: BACKGROUND 0.20S LINEAR 0S;
-MS-TRANSITION: BACKGROUND 0.20S LINEAR 0S;
-MOZ-TRANSITION: BACKGROUND 0.20S LINEAR 0S;
-WEBKIT-TRANSITION: BACKGROUND 0.20S LINEAR 0S;
}
FORM.CUSTOMFORM BUTTON:HOVER {BACKGROUND: NONE REPEAT SCROLL 0 0
#666666;}
/* ICON FONT - MFG LABS */
@FONT-FACE {
FONT-FAMILY: 'MFG';
SRC: URL('../FONT/MFGLABSICONSET-WEBFONT.EOT');
SRC: URL('../FONT/MFGLABSICONSET-WEBFONT.SVG#MFG_LABS_ICONSETREGULAR')
FORMAT('SVG'),
URL('../FONT/MFGLABSICONSET-WEBFONT.EOT?#IEFIX')
FORMAT('EMBEDDED-OPENTYPE'),
URL('../FONT/MFGLABSICONSET-WEBFONT.WOFF') FORMAT('WOFF'),
URL('../FONT/MFGLABSICONSET-WEBFONT.TTF') FORMAT('TRUETYPE');
FONT-WEIGHT: NORMAL;
FONT-STYLE: NORMAL;
}
I, .ICON {
FONT-FAMILY: 'MFG';
20 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
FONT-SIZE: 1EM;
FONT-STYLE: NORMAL;
FONT-WEIGHT: NORMAL;
COLOR:#E3E3E3;
}
.ICON2X {FONT-SIZE: 2EM;}
.ICON3X {FONT-SIZE: 3EM;}
.GRADIENT {
COLOR: #999999;
TEXT-SHADOW: 1PX 1PX 1PX RGBA(27, 27, 27, 0.19);
TRANSITION: ALL 0.1S EASE-IN-OUT 0S;
}
.GRADIENT:HOVER, .GRADIENT .CURRENT {
COLOR: #EEEEEE;
TEXT-SHADOW: 0 0 3PX RGBA(255, 255, 255, 0.25);
}
.ICON-CLOUD:BEFORE { CONTENT: "\2601"; }
.ICON-AT:BEFORE { CONTENT: "\0040"; }
.ICON-PLUS:BEFORE { CONTENT: "\002B"; }
.ICON-MINUS:BEFORE { CONTENT: "\2212"; }
.ICON-ARROW_UP:BEFORE { CONTENT: "\2191"; }
.ICON-ARROW_DOWN:BEFORE { CONTENT: "\2193"; }
.ICON-ARROW_RIGHT:BEFORE { CONTENT: "\2192"; }
.ICON-ARROW_LEFT:BEFORE { CONTENT: "\2190"; }
.ICON-CHEVRON_DOWN:BEFORE { CONTENT: "\F004"; }
.ICON-CHEVRON_UP:BEFORE { CONTENT: "\F005"; }
.ICON-CHEVRON_RIGHT:BEFORE { CONTENT: "\F006"; }
.ICON-CHEVRON_LEFT:BEFORE { CONTENT: "\F007"; }
.ICON-REORDER:BEFORE { CONTENT: "\F008"; }
.ICON-LIST:BEFORE { CONTENT: "\F009"; }
.ICON-REORDER_SQUARE:BEFORE { CONTENT: "\F00A"; }
.ICON-REORDER_SQUARE_LINE:BEFORE { CONTENT: "\F00B"; }
.ICON-COVERFLOW:BEFORE { CONTENT: "\F00C"; }
.ICON-COVERFLOW_LINE:BEFORE { CONTENT: "\F00D"; }
.ICON-PAUSE:BEFORE { CONTENT: "\F00E"; }
.ICON-PLAY:BEFORE { CONTENT: "\F00F"; }
.ICON-STEP_FORWARD:BEFORE { CONTENT: "\F010"; }
.ICON-STEP_BACKWARD:BEFORE { CONTENT: "\F011"; }
.ICON-FAST_FORWARD:BEFORE { CONTENT: "\F012"; }
21 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
.ICON-FAST_BACKWARD:BEFORE { CONTENT: "\F013"; }
.ICON-CLOUD_UPLOAD:BEFORE { CONTENT: "\F014"; }
.ICON-CLOUD_DOWNLOAD:BEFORE { CONTENT: "\F015"; }
.ICON-DATA_SCIENCE:BEFORE { CONTENT: "\F016"; }
.ICON-DATA_SCIENCE_BLACK:BEFORE { CONTENT: "\F017"; }
.ICON-GLOBE:BEFORE { CONTENT: "\F018"; }
.ICON-GLOBE_BLACK:BEFORE { CONTENT: "\F019"; }
.ICON-MATH_ICO:BEFORE { CONTENT: "\F01A"; }
.ICON-MATH:BEFORE { CONTENT: "\F01B"; }
.ICON-MATH_BLACK:BEFORE { CONTENT: "\F01C"; }
.ICON-PAPERPLANE_ICO:BEFORE { CONTENT: "\F01D"; }
.ICON-PAPERPLANE:BEFORE { CONTENT: "\F01E"; }
.ICON-PAPERPLANE_BLACK:BEFORE { CONTENT: "\F01F"; }
.ICON-COLOR_BALANCE:BEFORE { CONTENT: "\F020"; }
.ICON-STAR:BEFORE { CONTENT: "\2605"; }
.ICON-STAR_HALF:BEFORE { CONTENT: "\F022"; }
.ICON-STAR_EMPTY:BEFORE { CONTENT: "\2606"; }
.ICON-STAR_HALF_EMPTY:BEFORE { CONTENT: "\F024"; }
.ICON-RELOAD:BEFORE { CONTENT: "\F025"; }
.ICON-HEART:BEFORE { CONTENT: "\2665"; }
.ICON-HEART_BROKEN:BEFORE { CONTENT: "\F028"; }
.ICON-HASHTAG:BEFORE { CONTENT: "\F029"; }
.ICON-REPLY:BEFORE { CONTENT: "\F02A"; }
.ICON-RETWEET:BEFORE { CONTENT: "\F02B"; }
.ICON-SIGNIN:BEFORE { CONTENT: "\F02C"; }
.ICON-SIGNOUT:BEFORE { CONTENT: "\F02D"; }
.ICON-DOWNLOAD:BEFORE { CONTENT: "\F02E"; }
.ICON-UPLOAD:BEFORE { CONTENT: "\F02F"; }
.ICON-PLACEPIN:BEFORE { CONTENT: "\F031"; }
.ICON-DISPLAY_SCREEN:BEFORE { CONTENT: "\F032"; }
.ICON-TABLET:BEFORE { CONTENT: "\F033"; }
.ICON-SMARTPHONE:BEFORE { CONTENT: "\F034"; }
.ICON-CONNECTED_OBJECT:BEFORE { CONTENT: "\F035"; }
.ICON-LOCK:BEFORE { CONTENT: "\F512"; }
.ICON-UNLOCK:BEFORE { CONTENT: "\F513"; }
.ICON-CAMERA:BEFORE { CONTENT: "\F4F7"; }
.ICON-ISIGHT:BEFORE { CONTENT: "\F039"; }
.ICON-VIDEO_CAMERA:BEFORE { CONTENT: "\F03A"; }
.ICON-RANDOM:BEFORE { CONTENT: "\F03B"; }
22 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
.ICON-MESSAGE:BEFORE { CONTENT: "\F4AC"; }
.ICON-DISCUSSION:BEFORE { CONTENT: "\F03D"; }
.ICON-CALENDAR:BEFORE { CONTENT: "\F4C5"; }
.ICON-RINGBELL:BEFORE { CONTENT: "\F03F"; }
.ICON-MOVIE:BEFORE { CONTENT: "\F040"; }
.ICON-MAIL:BEFORE { CONTENT: "\2709"; }
.ICON-PEN:BEFORE { CONTENT: "\270F"; }
.ICON-SETTINGS:BEFORE { CONTENT: "\9881"; }
.ICON-MEASURE:BEFORE { CONTENT: "\F044"; }
.ICON-VECTOR:BEFORE { CONTENT: "\F045"; }
.ICON-VECTOR_PEN:BEFORE { CONTENT: "\2712"; }
.ICON-MUTE_ON:BEFORE { CONTENT: "\F047"; }
.ICON-MUTE_OFF:BEFORE { CONTENT: "\F048"; }
.ICON-HOME:BEFORE { CONTENT: "\2302"; }
.ICON-SHEET:BEFORE { CONTENT: "\F04A"; }
.ICON-ARROW_BIG_RIGHT:BEFORE { CONTENT: "\21C9"; }
.ICON-ARROW_BIG_LEFT:BEFORE { CONTENT: "\21C7"; }
.ICON-ARROW_BIG_DOWN:BEFORE { CONTENT: "\21CA"; }
.ICON-ARROW_BIG_UP:BEFORE { CONTENT: "\21C8"; }
.ICON-DRIBBBLE_CIRCLE:BEFORE { CONTENT: "\F04F"; }
.ICON-DRIBBBLE:BEFORE { CONTENT: "\F050"; }
.ICON-FACEBOOK_CIRCLE:BEFORE { CONTENT: "\F051"; }
.ICON-FACEBOOK:BEFORE { CONTENT: "\F052"; }
.ICON-GIT_CIRCLE_ALT:BEFORE { CONTENT: "\F053"; }
.ICON-GIT_CIRCLE:BEFORE { CONTENT: "\F054"; }
.ICON-GIT:BEFORE { CONTENT: "\F055"; }
.ICON-OCTOPUS:BEFORE { CONTENT: "\F056"; }
.ICON-TWITTER_CIRCLE:BEFORE { CONTENT: "\F057"; }
.ICON-TWITTER:BEFORE { CONTENT: "\F058"; }
.ICON-GOOGLE_PLUS_CIRCLE:BEFORE { CONTENT: "\F059"; }
.ICON-GOOGLE_PLUS:BEFORE { CONTENT: "\F05A"; }
.ICON-LINKED_IN_CIRCLE:BEFORE { CONTENT: "\F05B"; }
.ICON-LINKED_IN:BEFORE { CONTENT: "\F05C"; }
.ICON-INSTAGRAM:BEFORE { CONTENT: "\F05D"; }
.ICON-INSTAGRAM_CIRCLE:BEFORE { CONTENT: "\F05E"; }
.ICON-MFG_ICON:BEFORE { CONTENT: "\F05F"; }
.ICON-XING:BEFORE { CONTENT: "\F532"; }
.ICON-XING_CIRCLE:BEFORE { CONTENT: "\F533"; }
.ICON-MFG_ICON_CIRCLE:BEFORE { CONTENT: "\F060"; }
23 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
.ICON-USER:BEFORE { CONTENT: "\F061"; }
.ICON-USER_MALE:BEFORE { CONTENT: "\F062"; }
.ICON-USER_FEMALE:BEFORE { CONTENT: "\F063"; }
.ICON-USERS:BEFORE { CONTENT: "\F064"; }
.ICON-FILE_OPEN:BEFORE { CONTENT: "\F4C2"; }
.ICON-FILE_CLOSE:BEFORE { CONTENT: "\F067"; }
.ICON-FILE_ALT:BEFORE { CONTENT: "\F068"; }
.ICON-FILE_CLOSE_ALT:BEFORE { CONTENT: "\F069"; }
.ICON-ATTACHMENT:BEFORE { CONTENT: "\F06A"; }
.ICON-CHECK:BEFORE { CONTENT: "\2713"; }
.ICON-CROSS_MARK:BEFORE { CONTENT: "\274C"; }
.ICON-CANCEL_CIRCLE:BEFORE { CONTENT: "\F06E"; }
.ICON-CHECK_CIRCLE:BEFORE { CONTENT: "\F06D"; }
.ICON-MAGNIFYING:BEFORE { CONTENT: "\F50D"; }
.ICON-INBOX:BEFORE { CONTENT: "\F070"; }
.ICON-CLOCK:BEFORE { CONTENT: "\23F2"; }
.ICON-STOPWATCH:BEFORE { CONTENT: "\23F1"; }
.ICON-HOURGLASS:BEFORE { CONTENT: "\231B"; }
.ICON-TROPHY:BEFORE { CONTENT: "\F074"; }
.ICON-UNLOCK_ALT:BEFORE { CONTENT: "\F075"; }
.ICON-LOCK_ALT:BEFORE { CONTENT: "\F510"; }
.ICON-ARROW_DOUBLED_RIGHT:BEFORE { CONTENT: "\21D2"; }
.ICON-ARROW_DOUBLED_LEFT:BEFORE { CONTENT: "\21D0"; }
.ICON-ARROW_DOUBLED_DOWN:BEFORE { CONTENT: "\21D3"; }
.ICON-ARROW_DOUBLED_UP:BEFORE { CONTENT: "\21D1"; }
.ICON-LINK:BEFORE { CONTENT: "\F07B"; }
.ICON-WARNING:BEFORE { CONTENT: "\2757"; }
.ICON-WARNING_ALT:BEFORE { CONTENT: "\2755"; }
.ICON-MAGNIFYING_PLUS:BEFORE { CONTENT: "\F07E"; }
.ICON-MAGNIFYING_MINUS:BEFORE { CONTENT: "\F07F"; }
.ICON-WHITE_QUESTION:BEFORE { CONTENT: "\2754"; }
.ICON-BLACK_QUESTION:BEFORE { CONTENT: "\2753"; }
.ICON-STOP:BEFORE { CONTENT: "\F080"; }
.ICON-SHARE:BEFORE { CONTENT: "\F081"; }
.ICON-EYE:BEFORE { CONTENT: "\F082"; }
.ICON-TRASH_CAN:BEFORE { CONTENT: "\F083"; }
.ICON-HARD_DRIVE:BEFORE { CONTENT: "\F084"; }
.ICON-INFORMATION_BLACK:BEFORE { CONTENT: "\F085"; }
.ICON-INFORMATION_WHITE:BEFORE { CONTENT: "\F086"; }
24 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
.ICON-PRINTER:BEFORE { CONTENT: "\F087"; }
.ICON-LETTER:BEFORE { CONTENT: "\F088"; }
.ICON-SOUNDCLOUD:BEFORE { CONTENT: "\F089"; }
.ICON-SOUNDCLOUD_CIRCLE:BEFORE { CONTENT: "\F08A"; }
.ICON-ANCHOR:BEFORE { CONTENT: "\2693"; }
.ICON-FEMALE_SIGN:BEFORE { CONTENT: "\2640"; }
.ICON-MALE_SIGN:BEFORE { CONTENT: "\2642"; }
.ICON-JOYSTICK:BEFORE { CONTENT: "\F514"; }
.ICON-HIGH_VOLTAGE:BEFORE { CONTENT: "\26A1"; }
.ICON-FIRE:BEFORE { CONTENT: "\F525"; }
.ICON-NEWSPAPER:BEFORE { CONTENT: "\F4F0"; }
.ICON-CHART:BEFORE { CONTENT: "\F526"; }
.ICON-SPREAD:BEFORE { CONTENT: "\F527"; }
.ICON-SPINNER_1:BEFORE { CONTENT: "\F528"; }
.ICON-SPINNER_2:BEFORE { CONTENT: "\F529"; }
.ICON-CHART_ALT:BEFORE { CONTENT: "\F530"; }
.ICON-LABEL:BEFORE { CONTENT: "\F531"; }
.ICON-BRUSH:BEFORE { CONTENT: "\E000"; }
.ICON-REFRESH:BEFORE { CONTENT: "\E001"; }
.ICON-NODE:BEFORE { CONTENT: "\E002"; }
.ICON-NODE_2:BEFORE { CONTENT: "\E003"; }
.ICON-NODE_3:BEFORE { CONTENT: "\E004"; }
.ICON-LINK_2_NODES:BEFORE { CONTENT: "\E005"; }
.ICON-LINK_3_NODES:BEFORE { CONTENT: "\E006"; }
.ICON-LINK_LOOP_NODES:BEFORE { CONTENT: "\E007"; }
.ICON-NODE_SIZE:BEFORE { CONTENT: "\E008"; }
.ICON-NODE_COLOR:BEFORE { CONTENT: "\E009"; }
.ICON-LAYOUT_DIRECTED:BEFORE { CONTENT: "\E010"; }
.ICON-LAYOUT_RADIAL:BEFORE { CONTENT: "\E011"; }
.ICON-LAYOUT_HIERARCHICAL:BEFORE { CONTENT: "\E012"; }
.ICON-NODE_LINK_DIRECTION:BEFORE { CONTENT: "\E013"; }
.ICON-NODE_LINK_SHORT_PATH:BEFORE { CONTENT: "\E014"; }
.ICON-NODE_CLUSTER:BEFORE { CONTENT: "\E015"; }
.ICON-DISPLAY_GRAPH:BEFORE { CONTENT: "\E016"; }
.ICON-NODE_LINK_WEIGHT:BEFORE { CONTENT: "\E017"; }
.ICON-MORE_NODE_LINKS:BEFORE { CONTENT: "\E018"; }
.ICON-NODE_SHAPE:BEFORE { CONTENT: "\E00A"; }
.ICON-NODE_ICON:BEFORE { CONTENT: "\E00B"; }
.ICON-NODE_TEXT:BEFORE { CONTENT: "\E00C"; }
25 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
.ICON-NODE_LINK_TEXT:BEFORE { CONTENT: "\E00D"; }
.ICON-NODE_LINK_COLOR:BEFORE { CONTENT: "\E00E"; }
.ICON-NODE_LINK_SHAPE:BEFORE { CONTENT: "\E00F"; }
.ICON-CREDIT_CARD:BEFORE { CONTENT: "\F4B3"; }
.ICON-DISCONNECT:BEFORE { CONTENT: "\F534"; }
.ICON-GRAPH:BEFORE { CONTENT: "\F535"; }
.ICON-NEW_USER:BEFORE { CONTENT: "\F536"; }
RESPONSEE.CSS
@IMPORT
URL('HTTP://FONTS.GOOGLEAPIS.COM/CSS?FAMILY=OPEN+SANS:300,400,600,700,800&SU
BSET=LATIN,LATIN-EXT');
*{
-WEBKIT-BOX-SIZING:BORDER-BOX;
-MOZ-BOX-SIZING:BORDER-BOX;
BOX-SIZING:BORDER-BOX;
MARGIN:0;
}
BODY {
BACKGROUND:NONE REPEAT SCROLL 0 0 #D3D3D3;
FONT-SIZE:100%;
MARGIN:0;
FONT-FAMILY:OPEN SANS;
COLOR:#444;
}
H1, H2, H3, H4, H5, H6 {
COLOR:#444;
FONT-WEIGHT: NORMAL;
MARGIN:0.2EM 0 0.2EM 0;
}
H1 {FONT-SIZE:2.4EM;}
H2 {FONT-SIZE:2EM;}
H3 {FONT-SIZE:1.6EM;}
H4 {FONT-SIZE:1.2EM;}
H5 {FONT-SIZE:1EM;}
H6 {FONT-SIZE:0.9EM;}
A, A:LINK, A:VISITED, A:HOVER, A:ACTIVE {
TEXT-DECORATION:NONE;
COLOR:#444;
26 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
}
IMG {
HEIGHT:AUTO;
WIDTH:100%;
}
TABLE {
BACKGROUND:NONE REPEAT SCROLL 0 0 #FFF;
BORDER:1PX SOLID #D0D0D0;
BORDER-COLLAPSE:COLLAPSE;
BORDER-SPACING:0;
TEXT-ALIGN:LEFT;
WIDTH:100%;
}
TABLE TR TD, TABLE TR TH {PADDING:0.625EM;}
TABLE TFOOT, TABLE THEAD {BACKGROUND:NONE REPEAT SCROLL 0 0 #E0E0E0;}
TABLE TR:NTH-OF-TYPE(2N) {BACKGROUND:NONE REPEAT SCROLL 0 0 #E0E0E0;}
TH {BORDER-RIGHT:1PX SOLID #FFF;}
TD {BORDER-RIGHT:1PX SOLID #E0E0E0;}
.SIZE-960 .LINE {
MARGIN:0 AUTO;
MAX-WIDTH:60EM;
PADDING:0 0.625EM;
}
.SIZE-1140 .LINE {
MARGIN:0 AUTO;
MAX-WIDTH:71.25EM;
PADDING:0 0.625EM;
}
.SIZE-960.ALIGN-CONTENT-LEFT .LINE,.SIZE-1140.ALIGN-CONTENT-LEFT .LINE {MARGINLEFT:0;}
FORM {LINE-HEIGHT:1.4EM;}
NAV {
DISPLAY:BLOCK;
WIDTH:100%;
BACKGROUND:#262626;
}
.LINE:AFTER,NAV:AFTER,.CENTER:AFTER,.BOX:AFTER {
CLEAR:BOTH;
CONTENT:".";
27 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
DISPLAY:BLOCK;
HEIGHT:0;
LINE-HEIGHT:0;
VISIBILITY:HIDDEN;
}
.TOP-NAV UL {PADDING:0;}
.TOP-NAV UL UL {
POSITION:ABSOLUTE;
BACKGROUND:#262626;
}
.TOP-NAV LI {
FLOAT:LEFT;
LIST-STYLE:NONE OUTSIDE NONE;
CURSOR:POINTER;
}
.TOP-NAV LI A {
PADDING:1.25EM;
DISPLAY:BLOCK;
COLOR:#FFF;
}
.TOP-NAV LI UL LI A {
BACKGROUND:NONE REPEAT SCROLL 0 0 #222;
MIN-WIDTH:100%;
PADDING:0.625EM;
}
.TOP-NAV LI A:HOVER, .ASIDE-NAV LI A:HOVER {BACKGROUND:#999;}
.TOP-NAV LI UL {DISPLAY:NONE;}
.TOP-NAV LI UL LI {
FLOAT:NONE;
LIST-STYLE:NONE OUTSIDE NONE;
MIN-WIDTH:100%;
PADDING:0;
}
.TOP-NAV LI UL LI UL LI {
FLOAT:NONE;
LIST-STYLE:NONE OUTSIDE NONE;
MIN-WIDTH:100%;
PADDING:0;
}
28 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
.COUNT-NUMBER {
BACKGROUND:NONE REPEAT SCROLL 0 0 #777;
-WEBKIT-BORDER-RADIUS:10EM;
-MOZ-BORDER-RADIUS:10EM;
BORDER-RADIUS:10EM;
DISPLAY:INLINE-BLOCK;
FONT-SIZE:0.7EM;
LINE-HEIGHT:1.8EM;
MARGIN-LEFT:0.3125EM;
TEXT-ALIGN:CENTER;
WIDTH:1.8EM;
COLOR:#FFF;
MARGIN-BOTTOM:-0.3125EM;
}
UL.CHEVRON .COUNT-NUMBER {DISPLAY:NONE;}
UL.CHEVRON .SUBMENU > A:AFTER, UL.CHEVRON .SUB-SUBMENU > A:AFTER,UL.CHEVRON
.ASIDE-SUBMENU > A:AFTER, UL.CHEVRON .ASIDE-SUB-SUBMENU > A:AFTER {
CONTENT:"\F004";
DISPLAY:INLINE-BLOCK;
FONT-FAMILY:MFG;
FONT-SIZE:0.7EM;
MARGIN:0 0.625EM;
}
.TOP-NAV .ACTIVE-ITEM A {BACKGROUND:NONE REPEAT SCROLL 0 0 #999;}
.ASIDE-NAV > UL > LI.ACTIVE-ITEM > A:LINK, .ASIDE-NAV > UL > LI.ACTIVE-ITEM > A:VISITED
{
BACKGROUND:NONE REPEAT SCROLL 0 0 #999;
COLOR:#FFF;
}
@MEDIA SCREEN AND (MIN-WIDTH:801PX) {
.ASIDE-NAV .COUNT-NUMBER {
MARGIN-LEFT:-1.25EM;
FLOAT:RIGHT;
}
.TOP-NAV LI:HOVER > UL {
DISPLAY:BLOCK;
Z-INDEX:10;
}
.TOP-NAV LI:HOVER > UL UL {
29 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
LEFT:100%;
MARGIN:-2.5EM 0;
WIDTH:100%;
}
}
.NAV-TEXT {DISPLAY:NONE;}
.ASIDE-NAV LI LI A, .ASIDE-NAV LI LI.ACTIVE-ITEM A, .ASIDE-NAV LI LI.ASIDE-SUB-SUBMENU
LI A,
.ASIDE-NAV > UL > LI > A, .ASIDE-NAV > UL > LI.ACTIVE-ITEM > A:LINK, .ASIDE-NAV > UL >
LI.ACTIVE-ITEM > A:VISITED, .ASIDE-NAV LI > UL,
.TOP-NAV .ACTIVE-ITEM A, .TOP-NAV LI A, .ASIDE-NAV LI A, .TOP-NAV LI UL LI A, .TOP-NAV
LI A,.TOP-NAV LI A, .TOP-NAV LI UL LI A, .TOP-NAV LI UL LI UL LI A {
TRANSITION:BACKGROUND 0.20S LINEAR 0S;
-O-TRANSITION:BACKGROUND 0.20S LINEAR 0S;
-MS-TRANSITION:BACKGROUND 0.20S LINEAR 0S;
-MOZ-TRANSITION:BACKGROUND 0.20S LINEAR 0S;
-WEBKIT-TRANSITION:BACKGROUND 0.20S LINEAR 0S;
}
.ASIDE-NAV UL {
BACKGROUND:#E8E8E8;
PADDING:0;
}
.ASIDE-NAV LI {
LIST-STYLE:NONE OUTSIDE NONE;
CURSOR:POINTER;
}
.ASIDE-NAV LI A {
DISPLAY:BLOCK;
PADDING:1.25EM;
BORDER-BOTTOM:1PX SOLID #D2D2D2;
}
.ASIDE-NAV > UL > LI:LAST-CHILD A {BORDER-BOTTOM:0 NONE;}
.ASIDE-NAV LI > UL {
HEIGHT:0;
DISPLAY:BLOCK;
POSITION:RELATIVE;
BACKGROUND:#F4F4F4;
BORDER-LEFT:SOLID 1PX #F2F2F2;
BORDER-RIGHT:SOLID 1PX #F2F2F2;
30 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
OVERFLOW:HIDDEN;
}
.ASIDE-NAV LI UL UL {
BORDER:0;
BACKGROUND:#FFF;
}
.ASIDE-NAV UL UL A {PADDING:0.625EM 1.25EM;}
.ASIDE-NAV LI A:LINK, .ASIDE-NAV LI A:VISITED {COLOR:#333;}
.ASIDE-NAV LI LI A:HOVER, .ASIDE-NAV LI LI.ACTIVE-ITEM > A, .ASIDE-NAV LI LI.ASIDE-SUBSUBMENU LI A:HOVER {
COLOR:#999;
BACKGROUND:NONE;
}
.ASIDE-NAV > UL > LI > A:HOVER {COLOR:#FFF;}
.ASIDE-NAV LI LI A:HOVER:BEFORE, .ASIDE-NAV LI LI.ACTIVE-ITEM A:BEFORE {
CONTENT:"\F006";
DISPLAY:INLINE-BLOCK;
FONT-FAMILY:"MFG";
FONT-SIZE:0.6EM;
MARGIN:0 0.625EM 0 -1.25EM;
WIDTH:0.625EM;
}
.ASIDE-NAV LI LI A:LINK, .ASIDE-NAV LI LI A:VISITED {BACKGROUND:NONE;}
.ASIDE-NAV .SHOW-ASIDE-UL, .ASIDE-NAV .ACTIVE-ASIDE-ITEM {
DISPLAY:BLOCK;
HEIGHT:AUTO;
}
.PADDING {
DISPLAY:LIST-ITEM;
LIST-STYLE:NONE OUTSIDE NONE;
PADDING:10PX;
}
.MARGIN {MARGIN:0 -0.625EM;}
.LINE {CLEAR:LEFT;}
.LINE .LINE {PADDING:0;}
.HIDE-L {DISPLAY:NONE;}
.BOX {
BACKGROUND:NONE REPEAT SCROLL 0 0 #FFF;
DISPLAY:BLOCK;
31 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
PADDING:1.25EM;
WIDTH:100%;
}
.MARGIN-BOTTOM {MARGIN-BOTTOM:1.25EM;}
.S-1, .S-2,.S-FIVE,.S-3, .S-4, .S-5, .S-6, .S-7, .S-8, .S-9, .S-10, .S-11, .S-12, .L-1, .L-2, .L-FIVE, .L-3,
.L-4, .L-5, .L-6, .L-7, .L-8, .L-9, .L-10, .L-11, .L-12 {
FLOAT:LEFT;
POSITION:RELATIVE;
}
.S-1 {WIDTH:8.3333%;}
.S-2 {WIDTH:16.6666%;}
.S-FIVE {WIDTH:16.6666%;}
.S-3 {WIDTH:25%;}
.S-4 {WIDTH:33.3333%;}
.S-5 {WIDTH:41.6666%;}
.S-6 {WIDTH:50%;}
.S-7 {WIDTH:58.3333%;}
.S-8 {WIDTH:66.6666%;}
.S-9 {WIDTH:75%;}
.S-10 {WIDTH:83.3333%;}
.S-11 {WIDTH:90%;}
.S-12 {WIDTH:100%;}
.MARGIN > .S-1,.MARGIN > .S-2,.MARGIN > .S-FIVE,.MARGIN > .S-3,.MARGIN > .S4,.MARGIN > .S-5,.MARGIN > .S-6,.MARGIN > .S-7,.MARGIN > .S-8,.MARGIN > .S-9,.MARGIN
> .S-10,.MARGIN > .S-11,.MARGIN > .S-12,
.MARGIN > .L-1,.MARGIN > .L-2,.MARGIN > .L-FIVE,.MARGIN > .L-3,.MARGIN > .L-4,.MARGIN
> .L-5,.MARGIN > .L-6,.MARGIN > .L-7,.MARGIN > .L-8,.MARGIN > .L-9,.MARGIN > .L10,.MARGIN > .L-11,.MARGIN > .L-12 {PADDING:0 0.625EM;}
.MARGIN > .S-1 {WIDTH:8.3333%;}
.MARGIN > .S-2 {WIDTH:16.6666%;}
.MARGIN > .S-FIVE {WIDTH:20%;}
.MARGIN > .S-3 {WIDTH:25%;}
.MARGIN > .S-4 {WIDTH:33.3333%;}
.MARGIN > .S-5 {WIDTH:41.6666%;}
.MARGIN > .S-6 {WIDTH:50%;}
.MARGIN > .S-7 {WIDTH:58.3333%;}
.MARGIN > .S-8 {WIDTH:66.6666%;}
.MARGIN > .S-9 {WIDTH:75%;}
.MARGIN > .S-10 {WIDTH:83.3333%;}
32 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
.MARGIN > .S-11 {WIDTH:90%;}
.MARGIN > .S-12 {WIDTH:100%;}
.L-1 {WIDTH:8.3333%;}
.L-2 {WIDTH:16.6666%;}
.L-FIVE {WIDTH:20%;}
.L-3 {WIDTH:25%;}
.L-4 {WIDTH:33.3333%;}
.L-5 {WIDTH:41.6666%;}
.L-6 {WIDTH:50%;}
.L-7 {WIDTH:58.3333%;}
.L-8 {WIDTH:66.6666%;}
.L-9 {WIDTH:75%;}
.L-10 {WIDTH:83.3333%;}
.L-11 {WIDTH:90%;}
.L-12 {CLEAR:LEFT;WIDTH:100%;}
.MARGIN > .L-1 {WIDTH:8.3333%;}
.MARGIN > .L-2 {WIDTH:16.6666%;}
.MARGIN > .L-FIVE {WIDTH:20%;}
.MARGIN > .L-3 {WIDTH:25%;}
.MARGIN > .L-4 {WIDTH:33.3333%;}
.MARGIN > .L-5 {WIDTH:41.6666%;}
.MARGIN > .L-6 {WIDTH:50%;}
.MARGIN > .L-7 {WIDTH:58.3333%;}
.MARGIN > .L-8 {WIDTH:66.6666%;}
.MARGIN > .L-9 {WIDTH:75%;}
.MARGIN > .L-10 {WIDTH:83.3333%;}
.MARGIN > .L-11 {WIDTH:90%;}
.MARGIN > .L-12 {WIDTH:100%;}
.RIGHT {FLOAT:RIGHT;}
@MEDIA SCREEN AND (MAX-WIDTH:800PX) {
.SIZE-960 {MAX-WIDTH:800PX;}
.SIZE-1140 {MAX-WIDTH:800PX;}
.HIDE-L {DISPLAY:BLOCK;}
.HIDE-S {DISPLAY:NONE;}
NAV {
DISPLAY:BLOCK;
CURSOR:POINTER;
LINE-HEIGHT:3EM;
}
33 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
.TOP-NAV LI A {BACKGROUND:NONE REPEAT SCROLL 0 0 #4A4A4A;}
.TOP-NAV > UL {
HEIGHT:0;
MAX-WIDTH:100%;
OVERFLOW:HIDDEN;
POSITION:RELATIVE;
Z-INDEX:999;
}
.TOP-NAV > UL.SHOW-MENU {HEIGHT:AUTO;}
.TOP-NAV UL UL {
LEFT:0;
MARGIN-TOP:0;
POSITION:RELATIVE;
RIGHT:0;
}
.TOP-NAV LI UL LI A {MIN-WIDTH:100%;}
.TOP-NAV LI {
FLOAT:NONE;
LIST-STYLE:NONE OUTSIDE NONE;
PADDING:0;
}
.TOP-NAV LI A {
BORDER-TOP:1PX SOLID #333;
COLOR:#FFF;
DISPLAY:BLOCK;
PADDING:0.625EM;
TEXT-DECORATION:NONE;
}
.TOP-NAV LI UL LI A {BORDER-TOP:1PX SOLID #878787;}
.TOP-NAV LI UL LI UL LI A {BORDER-TOP:1PX SOLID #989898;}
.TOP-NAV LI A:HOVER {
BACKGROUND:NONE REPEAT SCROLL 0 0 #8B8B8B;
COLOR:#FFF;
}
.TOP-NAV LI UL,.TOP-NAV LI UL LI UL {
DISPLAY:BLOCK;
OVERFLOW:HIDDEN;
HEIGHT:0;
}
34 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
.TOP-NAV > UL UL.SHOW-UL {
DISPLAY:BLOCK;
HEIGHT:AUTO;
}
.TOP-NAV LI UL LI A {
BACKGROUND:NONE REPEAT SCROLL 0 0 #9D9D9D;
PADDING:0.625EM;
}
.TOP-NAV LI UL LI UL LI A {
BACKGROUND:NONE REPEAT SCROLL 0 0 #D7D7D7;
COLOR:#222;
}
.NAV-TEXT {
COLOR:#FFF;
DISPLAY:BLOCK;
FONT-SIZE:1.2EM;
LINE-HEIGHT:3EM;
MARGIN-RIGHT:0.625EM;
MAX-WIDTH:100%;
TEXT-ALIGN:RIGHT;
VERTICAL-ALIGN:MIDDLE;
}
.NAV-TEXT:AFTER {
CONTENT:"\F008";
FONT-FAMILY:"MFG";
FONT-SIZE:1.1EM;
MARGIN-LEFT:0.5EM;
TEXT-ALIGN:RIGHT;
}
.COUNT-NUMBER {MARGIN-RIGHT:-1.25EM;}
.L-1 {WIDTH:8.3333%;}
.L-2 {WIDTH:16.6666%;}
.L-FIVE {WIDTH:20%;}
.L-3 {WIDTH:25%;}
.L-4 {WIDTH:33.3333%;}
.L-5 {WIDTH:41.6666%;}
.L-6 {WIDTH:50%;}
.L-7 {WIDTH:58.3333%;}
.L-8 {WIDTH:66.6666%;}
35 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
.L-9 {WIDTH:75%;}
.L-10 {WIDTH:83.3333%;}
.L-11 {WIDTH:90%;}
.L-12 {WIDTH:100%;}
.MARGIN > .L-1 {WIDTH:8.3333%;}
.MARGIN > .L-2 {WIDTH:16.6666%;}
.MARGIN > .L-FIVE {WIDTH:20%;}
.MARGIN > .L-3 {WIDTH:25%;}
.MARGIN > .L-4 {WIDTH:33.3333%;}
.MARGIN > .L-5 {WIDTH:41.6666%;}
.MARGIN > .L-6 {WIDTH:50%;}
.MARGIN > .L-7 {WIDTH:58.3333%;}
.MARGIN > .L-8 {WIDTH:66.6666%;}
.MARGIN > .L-9 {WIDTH:75%;}
.MARGIN > .L-10 {WIDTH:83.3333%;}
.MARGIN > .L-11 {WIDTH:90%;}
.MARGIN > .L-12 {WIDTH:100%;}
.S-1 {WIDTH:8.3333%;}
.S-2 {WIDTH:16.6666%;}
.S-FIVE {WIDTH:20%;}
.S-3 {WIDTH:25%;}
.S-4 {WIDTH:33.3333%;}
.S-5 {WIDTH:41.6666%;}
.S-6 {WIDTH:50%;}
.S-7 {WIDTH:58.3333%;}
.S-8 {WIDTH:66.6666%;}
.S-9 {WIDTH:75%;}
.S-10 {WIDTH:83.3333%;}
.S-11 {WIDTH:90%;}
.S-12 {WIDTH:100%;FLOAT:NONE;}
.MARGIN > .S-1 {WIDTH:8.3333%;}
.MARGIN > .S-2 {WIDTH:16.6666%;}
.MARGIN > .S-FIVE {WIDTH:20%;}
.MARGIN > .S-3 {WIDTH:25%;}
.MARGIN > .S-4 {WIDTH:33.3333%;}
.MARGIN > .S-5 {WIDTH:41.6666%;}
.MARGIN > .S-6 {WIDTH:50%;}
.MARGIN > .S-7 {WIDTH:58.3333%;}
.MARGIN > .S-8 {WIDTH:66.6666%;}
36 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
.MARGIN > .S-9 {WIDTH:75%;}
.MARGIN > .S-10 {WIDTH:83.3333%;}
.MARGIN > .S-11 {WIDTH:90%;}
.MARGIN > .S-12 {WIDTH:100%;}
}
.CENTER {
FLOAT:NONE;
MARGIN:0 AUTO;
DISPLAY:BLOCK;
}
TEMPLATE-STYLE.CSS
BODY {
BACKGROUND: NONE REPEAT SCROLL 0 0 #252D30;
}
.LOGO-BOX {
BACKGROUND: NONE REPEAT SCROLL 0 0 #252D30;
DISPLAY: BLOCK;
PADDING: 1.25EM;
WIDTH: 100%;
BORDER-BOTTOM: 1PX SOLID #151E1F;
}
H1 {
COLOR: #FFFFFF;
FONT-FAMILY: IMPACT,TAHOMA;
FONT-SIZE: 1.5EM;
LETTER-SPACING: 0.04EM;
TEXT-TRANSFORM: UPPERCASE;
}
.ASIDE-NAV UL {
BACKGROUND: NONE REPEAT SCROLL 0 0 #252D30;
}
.ASIDE-NAV LI A {
BORDER-BOTTOM: 1PX SOLID #151E1F;
COLOR: #FFFFFF;
}
.ASIDE-NAV LI A:LINK, .ASIDE-NAV LI A:VISITED {
COLOR: #FFFFFF;
}
37 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
.ASIDE-NAV LI > UL,.ASIDE-NAV LI UL UL {
BACKGROUND: NONE REPEAT SCROLL 0 0 #151E1F;
}
.TOP-NAV LI A:HOVER, .ASIDE-NAV LI A:HOVER,.ASIDE-NAV > UL > LI.ACTIVE-ITEM > A:LINK,
.ASIDE-NAV > UL > LI.ACTIVE-ITEM > A:VISITED {
BACKGROUND: NONE REPEAT SCROLL 0 0 #181F22;
}
I{
COLOR: #E36132;
DISPLAY: INLINE-BLOCK;
FONT-SIZE: 1.2EM;
WIDTH: 1.8EM;
}
.DATE {
TEXT-ALIGN: CENTER;
}
.DATE SPAN {
FONT-SIZE: 2.7EM;
}
.DATE I {
COLOR: #D0D0D0;
FONT-SIZE: 1.5EM;
WIDTH: AUTO;
}
#SEARCH,#SOCIAL {
BORDER-TOP: 1PX SOLID #151E1F;
PADDING: 1.25EM;
POSITION: RELATIVE;
}
#SEARCH I {
MARGIN-LEFT: 0.625EM;
WIDTH: AUTO;
}
#SOCIAL I {
COLOR: #B0B0B0;
FONT-SIZE: 1.8EM;
WIDTH: AUTO;
}
ARTICLE HR {
38 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
COLOR: #E0E0E0;
MARGIN: 1.25EM 0;
}
#CONTENT-WRAPPER:AFTER {
CLEAR: BOTH;
CONTENT: ".";
DISPLAY: BLOCK;
HEIGHT: 0;
LINE-HEIGHT: 0;
VISIBILITY: HIDDEN;
}
#CONTENT-WRAPPER {
BACKGROUND: NONE REPEAT SCROLL 0 0 #252D30;
}
IMG#BACKGROUND {
HEIGHT: AUTO;
POSITION: FIXED;
TOP: 0;
WIDTH: 100%;
Z-INDEX: -10;
}
.FOOTER {
BACKGROUND: NONE REPEAT SCROLL 0 0 #E0E0E0;
}
@MEDIA SCREEN AND (MAX-WIDTH: 800PX) {
.ASIDE-NAV LI A,#SEARCH,#SOCIAL {
PADDING: 0.625EM 1.25EM;
}
OUTPUT:
39 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
40 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
41 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
42 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772
Assignment Valid for July 2015-16
43 | P a g e
Contact : 9990232743, 9871906214, 7827319900, 011-22430772