|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| − | <style type="text/css">
| |
| − | p
| |
| − | { padding: 0 0 10px 0;
| |
| − | line-height: 1.7em;}
| |
| − |
| |
| − | img
| |
| − | { border: 0;}
| |
| − |
| |
| − | h1, h2, h3, h4, h5, h6
| |
| − | { font: normal 250% 'News Cycle', Arial, sans-serif;
| |
| − | color: #FFF;
| |
| − | letter-spacing: -1px;
| |
| − | margin: 0 0 10px 0;}
| |
| − |
| |
| − | h2
| |
| − | { font-size: 165%;
| |
| − | }
| |
| − |
| |
| − | h3
| |
| − | { font-size: 130%;}
| |
| − |
| |
| − | h4, h5, h6
| |
| − | { margin: 0;
| |
| − | padding: 0 0 0px 0;
| |
| − | font-size: 150%;
| |
| − | line-height: 1.5em;}
| |
| − |
| |
| − | h5, h6
| |
| − | { font: normal 95% Arial, Helvetica, sans-serif;
| |
| − | padding-bottom: 15px;}
| |
| − |
| |
| − | span
| |
| − | { color: #432415;
| |
| − | text-shadow: 1px 1px #FFF;}
| |
| − |
| |
| − | a, a:hover
| |
| − | { color: #FFF;
| |
| − | background: transparent;
| |
| − | outline: none;
| |
| − | text-decoration: none;}
| |
| − |
| |
| − | a:hover
| |
| − | { text-decoration: underline;}
| |
| − |
| |
| − | ul
| |
| − | { margin: 2px 0 22px 30px;
| |
| − | line-height: 1.7em;
| |
| − | font-style: normal;
| |
| − | font-size: 100%;}
| |
| − |
| |
| − | ol
| |
| − | { margin: 8px 0 22px 20px;}
| |
| − |
| |
| − | ol li
| |
| − | { margin: 0 0 11px 0;}
| |
| − |
| |
| − | #main, header, #banner, #menubar, #site_content, footer, #content_grey, nav
| |
| − | { margin-left: 0px;
| |
| − | margin-right: 0px;}
| |
| − |
| |
| − | #main
| |
| − | { background: transparent;}
| |
| − |
| |
| − | header
| |
| − | { height: 120px;}
| |
| − |
| |
| − | #banner
| |
| − | { width: 940px;
| |
| − | position: relative;
| |
| − | height: 50px;
| |
| − | padding: 15px 0 0 0;
| |
| − | background: transparent;}
| |
| − |
| |
| − | nav
| |
| − | { height: 50px;}
| |
| − |
| |
| − | #menubar
| |
| − | { width: 940px;
| |
| − | height: 50px;
| |
| − | text-align: center;
| |
| − | margin: 0 auto;
| |
| − | background: #432415;
| |
| − | background: -moz-linear-gradient(#723D27, #432415);
| |
| − | background: -o-linear-gradient(#723D27, #432415);
| |
| − | background: -webkit-linear-gradient(#723D27, #432415);
| |
| − | border-radius: 7px 7px 0px 0px;
| |
| − | -moz-border-radius: 7px 7px 0px 0px;
| |
| − | -webkit-border: 7px 7px 0px 0px;}
| |
| − |
| |
| − | #welcome
| |
| − | { width: 880px;
| |
| − | float: left;
| |
| − | height: 50px;
| |
| − | margin: 0 auto;
| |
| − | padding-left: 20px;
| |
| − | background: transparent;}
| |
| − |
| |
| − | #welcome_slogan
| |
| − | { width: 880px;
| |
| − | float: left;
| |
| − | height: 50px;
| |
| − | margin: 0 auto;
| |
| − | padding-left: 20px;
| |
| − | background: transparent;}
| |
| − |
| |
| − | #welcome H3
| |
| − | { font: bold 300% 'News Cycle', Arial, sans-serif;
| |
| − | text-shadow: 1px 1px #000;
| |
| − | color: #FFF;}
| |
| − |
| |
| − | #welcome_slogan H3
| |
| − | { font: bold 200% 'News Cycle', Arial, sans-serif;
| |
| − | text-shadow: 1px 1px #000;
| |
| − | color: #FFF;}
| |
| − |
| |
| − | ul#nav
| |
| − | { margin:0;
| |
| − | float: right;}
| |
| − |
| |
| − | ul#nav li
| |
| − | { padding: 0 0 0 0px;
| |
| − | list-style: none;
| |
| − | margin: 2px 0 0 0;
| |
| − | display: inline;
| |
| − | background: transparent;}
| |
| − |
| |
| − | ul#nav li a
| |
| − | { float: left;
| |
| − | font: bold 120% Arial, Helvetica, sans-serif;
| |
| − | height: 24px;
| |
| − | margin: 10px 20px 0 0;
| |
| − | text-shadow: 0px -1px 0px #000;
| |
| − | padding: 6px 20px 0 20px;
| |
| − | background: transparent;
| |
| − | border-radius: 7px 7px 7px 7px;
| |
| − | -moz-border-radius: 7px 7px 7px 7px;
| |
| − | -webkit-border: 7px 7px 7px 7px;
| |
| − | text-align: center;
| |
| − | color: #FFF;
| |
| − | text-decoration: none;}
| |
| − |
| |
| − | ul#nav li.current a, ul#nav li:hover a
| |
| − | { color: #FFF;
| |
| − | background: #723D27;
| |
| − | background: -moz-linear-gradient(#432415, #723D27);
| |
| − | background: -o-linear-gradient(#432415, #723D27);
| |
| − | background: -webkit-linear-gradient(#432415, #723D27);
| |
| − | text-shadow: none;}
| |
| − |
| |
| − | #site_content
| |
| − | { width: 940px;
| |
| − | overflow: hidden;
| |
| − | margin-bottom: 30px;
| |
| − | background: #884C34;
| |
| − | border-radius: 0px 0px 7px 7px;
| |
| − | -moz-border-radius: 0px 0px 7px 7px;
| |
| − | -webkit-border: 0px 0px 7px 7px;
| |
| − | -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
| |
| − | -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
| |
| − | box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}
| |
| − |
| |
| − | #content
| |
| − | { width: 900px;
| |
| − | margin: 0 0 20px 20px;
| |
| − | float: left;
| |
| − | text-align: justify;}
| |
| − |
| |
| − | .content_item
| |
| − | { width: 900px;
| |
| − | margin-bottom: 20px;}
| |
| − |
| |
| − | .content_item h1
| |
| − | { text-align: center;}
| |
| − |
| |
| − | .content_imagetext
| |
| − | { width: 890px;
| |
| − | padding: 5px;
| |
| − | margin: 20px 0 0 0;
| |
| − | float: left;}
| |
| − |
| |
| − | .content_image
| |
| − | { float: left;
| |
| − | width: 300px;
| |
| − | height: 150px;
| |
| − | margin: 0 20px 10px 0;
| |
| − | padding: 10px;
| |
| − | -moz-box-shadow: inset 0 0 20px #ADADAD;
| |
| − | -webkit-box-shadow: inset 0 0 20px #ADADAD;
| |
| − | box-shadow: inset 0 0 20px #ADADAD;}
| |
| − |
| |
| − | .content_container
| |
| − | { width: 275px;
| |
| − | padding: 5px;
| |
| − | margin: 10px 10px 20px 0;
| |
| − | float: left;}
| |
| − |
| |
| − | footer
| |
| − | { width: 940px;
| |
| − | height: 50px;
| |
| − | padding-top: 15px;
| |
| − | padding-bottom: 15px;
| |
| − | margin-bottom: 30px;
| |
| − | font-weight: bold;
| |
| − | text-align: center;
| |
| − | background: #432415;
| |
| − | background: -moz-linear-gradient(#723D27, #432415);
| |
| − | background: -o-linear-gradient(#723D27, #432415);
| |
| − | background: -webkit-linear-gradient(#723D27, #432415);
| |
| − | border-radius: 7px 7px 7px 7px;
| |
| − | -moz-border-radius: 7px 7px 7px 7px;
| |
| − | -webkit-border: 7px 7px 7px 7px;
| |
| − | -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
| |
| − | -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
| |
| − | box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}
| |
| − |
| |
| − | footer a, footer a:hover
| |
| − | { text-decoration: none;
| |
| − | padding-bottom: 20px;
| |
| − | color: #FFF;}
| |
| − |
| |
| − | footer a:hover
| |
| − | { text-decoration: underline;}
| |
| − |
| |
| − | .button_small
| |
| − | { font: normal 110% Arial, Helvetica, sans-serif;
| |
| − | width: 180px;
| |
| − | padding: 5px 2px 7px 2px;
| |
| − | background: #432415;
| |
| − | background: -moz-linear-gradient(#723D27, #432415);
| |
| − | background: -o-linear-gradient(#723D27, #432415);
| |
| − | background: -webkit-linear-gradient(#723D27, #432415);
| |
| − | border-radius: 7px 7px 7px 7px;
| |
| − | -moz-border-radius: 7px 7px 7px 7px;
| |
| − | -webkit-border: 7px 7px 7px 7px;
| |
| − | -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
| |
| − | -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
| |
| − | box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}
| |
| − |
| |
| − | .button_small a
| |
| − | { color: #FFF;
| |
| − | text-shadow: 1px 1px #000;
| |
| − | padding-left: 5px;}
| |
| − |
| |
| − | .form_settings
| |
| − | { margin: 15px 0 0 0;}
| |
| − |
| |
| − | .form_settings p
| |
| − | { padding: 0 0 4px 0;}
| |
| − |
| |
| − | .form_settings span
| |
| − | { float: left;
| |
| − | width: 280px;
| |
| − | text-align: left;
| |
| − | text-shadow: 1px 1px #000;
| |
| − | color: #FFF;}
| |
| − |
| |
| − | .form_settings input, .form_settings textarea
| |
| − | { padding: 2px;
| |
| − | width: 299px;
| |
| − | font: 100% arial;
| |
| − | border: 1px solid #E5E5DB;
| |
| − | background: #FFF;
| |
| − | color: #47433F;}
| |
| − |
| |
| − | .form_settings input[type="checkbox"]
| |
| − | { padding: 2px 0;
| |
| − | width: 15px;
| |
| − | font: 100% arial;
| |
| − | border: 0;
| |
| − | background: #FFF;
| |
| − | color: #47433F;
| |
| − | margin: 28px 0;}
| |
| − |
| |
| − | .form_settings .submit
| |
| − | { font: 100% arial;
| |
| − | border: none;
| |
| − | width: 99px;
| |
| − | margin: 0 0 0 206px;
| |
| − | height: 26px;
| |
| − | padding: 2px 0 3px 0;
| |
| − | cursor: pointer;
| |
| − | background: #432415;
| |
| − | background: -moz-linear-gradient(#723D27, #432415);
| |
| − | background: -o-linear-gradient(#723D27, #432415);
| |
| − | background: -webkit-linear-gradient(#723D27, #432415);
| |
| − | border: 1px solid #432415;
| |
| − | color: #FFF;}
| |
| − |
| |
| − | .slideshow
| |
| − | { width: 900px;
| |
| − | height: 250px;
| |
| − | margin-left: 20px;
| |
| − | -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
| |
| − | -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
| |
| − | box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;}
| |
| − |
| |
| − | /* styling for the slideshow on the homepage */
| |
| − | ul.slideshow {
| |
| − | list-style: none;
| |
| − | width: 900px;
| |
| − | height: 250px;
| |
| − | overflow: hidden;
| |
| − | position: relative;
| |
| − | margin: 20px 0 0 0;}
| |
| − |
| |
| − | ul.slideshow li {
| |
| − | position: absolute;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | left: 0;
| |
| − | right: 0;}
| |
| − |
| |
| − | ul.slideshow li.show {
| |
| − | z-index: 500;}
| |
| − |
| |
| − | ul img {
| |
| − | border: none;}
| |
| − |
| |
| − | #slideshow-caption {
| |
| − | width: 900px;
| |
| − | height: 38px;
| |
| − | position: absolute;
| |
| − | bottom: 0;
| |
| − | left: 0;
| |
| − | z-index: 500;}
| |
| − |
| |
| − | #slideshow-caption .slideshow-caption-container {
| |
| − | padding: 10px 25px 10px 25px;
| |
| − | background: transparent url(../images/transparent.png) repeat;
| |
| − | z-index: 1000;}
| |
| − |
| |
| − | #slideshow-caption p {
| |
| − | padding: 0;
| |
| − | font: normal 130% arial, sans-serif;
| |
| − | color: #FFF;
| |
| − | text-shadow: 1px 1px #000;}
| |
| − |
| |
| − | table, th, td {
| |
| − | border: 1px solid white;
| |
| − | }
| |
| − |
| |
| − | td{
| |
| − | text-align: left;
| |
| − | }
| |
| − |
| |
| − | th {
| |
| − | text-align: center;
| |
| − | padding: 8px;
| |
| − | }
| |
| − |
| |
| − | #htd{
| |
| − | text-align: center;
| |
| − | font-size: 240%;
| |
| − | }
| |
| − |
| |
| − | .content_imagetext1
| |
| − | { width: 890px;
| |
| − | padding: 5px;
| |
| − | margin: 20px 0 0 0;
| |
| − | float: left;}
| |
| − |
| |
| − | .content_image1
| |
| − | { float: left;
| |
| − | width: 199px;
| |
| − | height: 284px;
| |
| − | margin: 0 20px 10px 0;
| |
| − | padding: 10px;
| |
| − | -moz-box-shadow: inset 0 0 20px #ADADAD;
| |
| − | -webkit-box-shadow: inset 0 0 20px #ADADAD;
| |
| − | box-shadow: inset 0 0 20px #ADADAD;}
| |
| − |
| |
| − | .content_imagetext2
| |
| − | { width: 890px;
| |
| − | padding: 5px;
| |
| − | margin: 20px 0 0 0;
| |
| − | float: left;}
| |
| − |
| |
| − | .content_image2
| |
| − | { float: left;
| |
| − | width: 250px;
| |
| − | height: 284px;
| |
| − | margin: 0 20px 10px 0;
| |
| − | padding: 10px;
| |
| − | -moz-box-shadow: inset 0 0 20px #ADADAD;
| |
| − | -webkit-box-shadow: inset 0 0 20px #ADADAD;
| |
| − | box-shadow: inset 0 0 20px #ADADAD;}
| |
| − |
| |
| − | </style>
| |
| | <body> | | <body> |
| − | <div id="main">
| + | Welcome |
| − | <header>
| + | |
| − | <div id="banner">
| + | |
| − | <div id="welcome">
| + | |
| − | <h3>DEI AGRA</h3>
| + | |
| − | </div><!--close welcome-->
| + | |
| − | <div id="welcome_slogan">
| + | |
| − | <h3>Wiki Page</h3>
| + | |
| − | </div><!--close welcome_slogan-->
| + | |
| − | </div><!--close banner-->
| + | |
| − | </header>
| + | |
| − | | + | |
| − | <nav>
| + | |
| − | <div id="menubar">
| + | |
| − | <ul id="nav">
| + | |
| − | <li class="current"><a href="index.html">Home</a></li>
| + | |
| − | <li><a href="team.html">Team</a></li>
| + | |
| − | <li><a href="humanpractice .html">Human Practices</a></li>
| + | |
| − | <li><a href="biosafety.html">Biosafety</a></li>
| + | |
| − | <li><a href="projects.html">Project</a></li>
| + | |
| − | <li><a href="contact.html">Contact Us</a></li>
| + | |
| − | </ul>
| + | |
| − | </div><!--close menubar-->
| + | |
| − | </nav>
| + | |
| − |
| + | |
| − | <div id="site_content">
| + | |
| − | | + | |
| − | <div class="slideshow">
| + | |
| − | <ul class="slideshow">
| + | |
| − | <li class="show"><img width="900" height="250" src="https://static.igem.org/mediawiki/2017/1/1f/Background.jpg" /></li>
| + | |
| − | <li><img width="900" height="250" src="images/home_2.jpg" /></li>
| + | |
| − |
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div id="content">
| + | |
| − | <div class="content_item">
| + | |
| − | <h1>Welcome To Wiki Page</h1>
| + | |
| − | <p> WATER IS SOUL OF UNIVERSE, A SOUL THAT FILLS LIFE, LOVE AND HOPE IN THIS WORLD, A SOUL WHICH HAS EVENTUALLY FADED INTO DARK CORNERS, A SOUL WHICH IS NOW CRYING FOR ENLIGHTMENT, A SOUL WHICH NEEDS AWAKEMENT WITHIN ALL OF US!!!</p>
| + | |
| − |
| + | |
| − | <div class="content_imagetext">
| + | |
| − | <div class="content_image">
| + | |
| − | <img width="310" height="150"src="images/image1.png" alt="image1"/>
| + | |
| − | </div>
| + | |
| − | <p> It is not just a molecule of oxygen and hydrogen, it is plethora of emotions and every day struggle. So water the essential requisite of nature, within which life originates and evolve, has now been completely intoxicated and destroyed by varied human activities and practices. We human in this metamorphism of evolution, have devastatingly affected this natural lineage and now the biggest problem posed by these un-regulated, and un-monitored human activities is release of heavy metal as waste product in water–bodies, as industrial discharge. Which increases concentration of these metals beyond permissible limits. </p>
| + | |
| − | </div><!--close content_imagetext-->
| + | |
| − |
| + | |
| − | <div class="content">
| + | |
| − | <p> Thus, heavy metals (trace metals) becomes one of the most persistent pollutants in wastewater. The discharge of high amounts of heavy metals into water bodies leads to several environmental and health impacts, like – </p>
| + | |
| − | </div><!--close content-->
| + | |
| − |
| + | |
| − | <div>
| + | |
| − | <ul>
| + | |
| − | <li>Death of aquatic life</li>
| + | |
| − | <li>Destruction from sedimentation</li>
| + | |
| − | <li>Algal blooms</li>
| + | |
| − | <li>Habitat destruction</li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="content_container">
| + | |
| − | <div class="button_small">
| + | |
| − | <a href="file:///C:/Users/DELL/Desktop/nwofnwfwuwf/New%20folder/HTML5%20Pinboard/freehtml5pinboard/projects.html">Click Here to Read More...</a>
| + | |
| − | </div><!--close button_small-->
| + | |
| − | </div><!--close content_container-->
| + | |
| − | </div><!--close content_item-->
| + | |
| − | </div><!--close content-->
| + | |
| − | </div><!--close site_content-->
| + | |
| − | </div><!--close main-->
| + | |
| − |
| + | |
| − | <footer>
| + | |
| − | <a href="index.html">Home</a> | <a href="team.html">Team</a> | <a href="humanpractice.html">Human Practice </a> | <a href="biosafety.html">Biosafety</a>| <a href="projects.html">Projects</a> | <a href="contact.html">Contact Us</a><br/><br/>
| + | |
| − | Dayal Bagh Institue
| + | |
| − | </footer>
| + | |
| − | | + | |
| − | <!-- javascript at the bottom for fast page loading -->
| + | |
| − | <script type="text/javascript" src="js/jquery.js"></script>
| + | |
| − | <script type="text/javascript" src="image_slide.txt"></script>
| + | |
| − |
| + | |
| | </body> | | </body> |
| | </html> | | </html> |
