Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
Line 25: | Line 24: | ||
<a class="dropdown-toggle" data-toggle="dropdown" href="">Our Project<span class="caret"></span></a> | <a class="dropdown-toggle" data-toggle="dropdown" href="">Our Project<span class="caret"></span></a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
− | <li><a href=" | + | <li><a href="#">Page 1-1</a></li> |
<li><a href="#">Page 1-2</a></li> | <li><a href="#">Page 1-2</a></li> | ||
<li><a href="#">Page 1-3</a></li> | <li><a href="#">Page 1-3</a></li> | ||
Line 40: | Line 39: | ||
</nav> | </nav> | ||
</body> | </body> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
Line 69: | Line 69: | ||
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ | /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ | ||
html { | html { | ||
− | font-family: sans-serif; | + | font-family:sans-serif; |
-webkit-text-size-adjust: 100%; | -webkit-text-size-adjust: 100%; | ||
-ms-text-size-adjust: 100%; | -ms-text-size-adjust: 100%; | ||
Line 978: | Line 978: | ||
a:hover, | a:hover, | ||
a:focus { | a:focus { | ||
+ | |||
color: #2a6496; | color: #2a6496; | ||
text-decoration: underline; | text-decoration: underline; | ||
Line 1,416: | Line 1,417: | ||
padding: 2px 4px; | padding: 2px 4px; | ||
font-size: 90%; | font-size: 90%; | ||
− | color: # | + | color: #gdf; |
background-color: #333; | background-color: #333; | ||
border-radius: 3px; | border-radius: 3px; | ||
Line 2,432: | Line 2,433: | ||
} | } | ||
.form-control:focus { | .form-control:focus { | ||
− | border-color: # | + | border-color: #7ee975; |
outline: 0; | outline: 0; | ||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); | -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); | ||
Line 6,448: | Line 6,449: | ||
} | } | ||
.fa-inverse { | .fa-inverse { | ||
− | color: # | + | color: #74ff74; |
} | } | ||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen | /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen | ||
Line 7,856: | Line 7,857: | ||
} | } | ||
/*====================================== | /*====================================== | ||
− | + | HOME SECTION STYLES | |
+ | =======================================*/ | ||
+ | #home-sec { | ||
+ | background-color:#134f90; | ||
+ | line-height:30px; | ||
+ | } | ||
+ | home-sec .carousel-caption { | ||
+ | top: 50px; | ||
+ | } | ||
+ | .slide-h1 { | ||
+ | font-size:50px; | ||
+ | font-weight:900; | ||
+ | padding-bottom:10px; | ||
+ | } | ||
+ | .slide-h2 { | ||
+ | font-size:25px; | ||
+ | font-weight:900; | ||
+ | padding-bottom:10px; | ||
+ | } | ||
+ | /*====================================== | ||
+ | NAV STYLES | ||
+ | =======================================*/ | ||
+ | |||
+ | #nav{ | ||
+ | position: fixed; | ||
+ | top: 60%; | ||
+ | right:10px; | ||
+ | } | ||
+ | |||
+ | #nav li{ | ||
+ | display: block; | ||
+ | margin: 10px; | ||
+ | width: 20px; | ||
+ | height: 20px; | ||
+ | overflow: hidden; | ||
+ | background-color: rgb(0, 0, 0); | ||
+ | border-radius: 50%; | ||
+ | border-radius: 50%; | ||
+ | -webkit-box-shadow: 0px 0px 3px 2px rgb(255, 255, 255); | ||
+ | -moz-box-shadow: 0px 0px 3px 2px rgb(255, 255, 255); | ||
+ | -ms-box-shadow: 0px 0px 3px 2px rgb(255, 255, 255); | ||
+ | box-shadow: 0px 0px 3px 2px rgb(255, 255, 255); | ||
+ | } | ||
+ | |||
+ | #nav li:hover{ | ||
+ | background-color:#fff; | ||
+ | } | ||
+ | |||
+ | #nav a{ | ||
+ | text-indent: -999em; | ||
+ | color: transparent; | ||
+ | } | ||
+ | |||
+ | /*====================================== | ||
+ | ABOUT SECTION STYLES | ||
=======================================*/ | =======================================*/ | ||
Line 7,864: | Line 7,919: | ||
} | } | ||
/*====================================== | /*====================================== | ||
− | + | FEATURES SECTION STYLES | |
=======================================*/ | =======================================*/ | ||
#features-sec { | #features-sec { | ||
Line 7,881: | Line 7,936: | ||
} | } | ||
/*====================================== | /*====================================== | ||
− | + | CONTACT SECTION STYLES | |
=======================================*/ | =======================================*/ | ||
#contact-sec { | #contact-sec { | ||
Line 7,992: | Line 8,047: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <!--INDICATORS--> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
<!-- HOME SECTION END--> | <!-- HOME SECTION END--> | ||
<div id="nav"> | <div id="nav"> | ||
Line 8,110: | Line 8,169: | ||
<!-- FOOTER SECTION END--> | <!-- FOOTER SECTION END--> | ||
+ | |||
+ | <!--CORE SCRIPTS--> | ||
+ | <script src="assets/js/jquery-1.11.1.js"></script> | ||
+ | <!--BOOTSTRAP SCRIPTS--> | ||
+ | <script src="assets/js/bootstrap.js"></script> | ||
+ | <!--WOW SCRIPTS--> | ||
+ | <script src="assets/js/wow.js"></script> | ||
+ | <!--SCROLL SCRIPTS--> | ||
+ | <script src="assets/js/jquery.smooth-scroll.min.js"></script> | ||
+ | <!--SCROLL ANIMATION SCRIPTS--> | ||
+ | <script src="assets/js/scrollReveal.js"></script> | ||
+ | <!--CUSTOM SCRIPTS--> | ||
+ | <script src="assets/js/custom.js"></script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 02:39, 14 October 2016
Project Description
We are surrounded by plastic everyday, specifically PET (Polyethylene terephthalate). Considered as the most common type of polyester, PET is a plastic resin often used for packaging consumer products. We can also find it in our water bottles, plastic toys, and even in the fiber of our clothing. PET is a combination of two monomers known as ethylene glycol and purified terephthalic acid that, when combined, form the polymer PET. The problem with PET is that although it is a convenient material for humans to use, it does not easily biodegrade. As PET accumulates in the ecosystems around the world, it poses detrimental effects on habitats worldwide. That is why it is crucial that we find an efficient way to degrade PET.
Journal
TEAM