Scribd Logo
Upload

Welcome to Scribd!

  • Home

    Uploaded by

    namnblob
    25 views6 pages
    website design test 1

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    website design test 1

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    25 views6 pages

    Home

    Uploaded by

    namnblob
    website design test 1

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 6

    C:\Users\Nevin\School\BPA\Regionals Website _ CSS\home.

    html

    Friday, January 17, 2014 10:50 PM

    <!DOCTYPE HTML> <html lang="en-us"> <head> <meta content="text/html; charset=utf-8" http-equiv="content-type" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" /> <title>A Greener Home</title> <!-- Navigation css files --> <link href="css/N_normalize.css" rel="stylesheet" type="text/css" /> <link href="css/N_demo.css" rel="stylesheet" type="text/css" /> <link href="css/N_icons.css" rel="stylesheet" type="text/css" /> <link href="css/N_component.css" rel="stylesheet" type="text/css" /> <!-- /Navigation css files --> <!-- Header css files --> <link href="css/H_flexslider.css" rel="stylesheet" type="text/css" /> <link href="css/H_mobilemenu.css" rel="stylesheet" type="text/css" /> <link href="css/H_style.css" rel="stylesheet" type="text/css" /> <!-- /Header css files --> <!-- typekit --> <script type="text/javascript" src="//use.typekit.net/twp0ubb.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script> <!-- /typekit--> <script src="js/modernizr.custom.js"></script> <link href="images/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link href="css/styles.css" rel="stylesheet" type="text/css" /> </head> <body id="homepage"> <div class="main-page-big-header"> <div class="two-columns-60"> <div class="main-header-title"> <img alt="logo-top" class="main-title" src="images/MainpageHeaderTitle2.png" /> </div> </div> <div class="two-columns-40"> <div class="main-header-text"> <h1 class="main-header">The website for all your alternative energy needs!</h1> </div> </div>
    -1-

    C:\Users\Nevin\School\BPA\Regionals Website _ CSS\home.html

    Friday, January 17, 2014 10:50 PM

    </div> <header class="home"> <div class="container1"> <div class="onecol"><a href="#"> <img class="logo" href="home.html" src="images/Icon2.png" /></a> <a href=""><img alt="menu-trigger" class="menu-trigger" id="trigger" src="images/open-menu-trigger.png" /> </a> </div> </div> </header> <div class="container-fill"> <div class="container"> <div class="mp-pusher" id="mp-pusher"> <nav class="mp-menu" id="mp-menu"> <div class="mp-level"> <h2>All Categories</h2> <ul> <li class="icon icon-arrow-left"> <a href="#">Solar Energy</a> <div class="mp-level"> <h2>Solar Energy</h2> <a class="mp-back" href="#">back</a> <ul> <li><a href="SolarEnergy_FAQ.html">FAQ</a></li> <li class="icon icon-arrow-left"> <a href="#">About Solar Energy</a> <div class="mp-level"> <h2>About Solar Energy</h2> <a class="mp-back" href="#">back</a> <ul> <li><a href="SolarEnergy_General.html">General Information</a></li> <li><a href="SolarEnergy_Impact.html">Environmental Impact</a></li> <li><a href="SolarEnergy_Regions.html">Regions Where It Works Best </a></li> </ul> </div> </li> <li class="icon icon-arrow-left"> <a href="#">Financial Information</a>
    -2-

    C:\Users\Nevin\School\BPA\Regionals Website _ CSS\home.html

    Friday, January 17, 2014 10:50 PM

    <div class="mp-level"> <h2>Financial Information</h2> <a class="mp-back" href="#">back</a> <ul> <li><a href="SolarEnergy_Aid.html">Financial Aid</a></li> <li><a href="SolarEnergy_Cost.html">Cost Calculator</a></li> </ul> </div> </li> <li><a href="SolarEnergy_Links.html">Links to Other Information</a></li> </ul> </div> </li> <li class="icon icon-arrow-left"> <a href="#">Wind Energy</a> <div class="mp-level"> <h2>Wind Energy</h2> <a class="mp-back" href="#">back</a> <ul> <li><a href="WindEnergy_FAQ.html">FAQ</a></li> <li class="icon icon-arrow-left"> <a href="#">About Wind Energy</a> <div class="mp-level"> <h2>About Wind Energy</h2> <a class="mp-back" href="#">back</a> <ul> <li><a href="WindEnergy_General.html">General Information</a></li> <li><a href="WindEnergy_Impact.html">Environmental Impact</a></li> <li><a href="WindEnergy_Regions.html">Regions Where It Works Best </a></li> </ul> </div> </li> <li class="icon icon-arrow-left"> <a href="#">Financial Information</a> <div class="mp-level"> <h2>Financial Information</h2> <a class="mp-back" href="#">back</a> <ul> <li><a href="WindEnergy_Aid.html">Financial Aid</a></li> <li><a href="WindEnergy_Cost.html">Cost Calculator</a></li>
    -3-

    C:\Users\Nevin\School\BPA\Regionals Website _ CSS\home.html

    Friday, January 17, 2014 10:50 PM

    </ul> </div> </li> <li><a href="WindEnergy_Links.html">Links to Other Information</a></li> </ul> </div> </li> <li class="icon icon-arrow-left"> <a href="#">Hydroelectric Energy</a> <div class="mp-level"> <h2>Hydroelectric Energy</h2> <a class="mp-back" href="#">back</a> <ul> <li><a href="HydroelectricEnergy_FAQ.html">FAQ</a></li> <li class="icon icon-arrow-left"> <a href="#">About Hydroelectric Energy</a> <div class="mp-level"> <h2>About Hydroelectric Energy</h2> <a class="mp-back" href="#">back</a> <ul> <li><a href="HydroelectricEnergy_General.html">General Information </a></li> <li><a href="HydroelectricEnergy_Impact.html">Environmental Impact </a></li> <li><a href="HydroelectricEnergy_Regions.html">Regions Where It Works Best</a></li> </ul> </div> </li> <li class="icon icon-arrow-left"> <a href="#">Financial Information</a> <div class="mp-level"> <h2>Financial Information</h2> <a class="mp-back" href="#">back</a> <ul> <li><a href="HydroelectricEnergy_Aid.html">Financial Aid</a></li> <li><a href="HydroelectricEnergy_Cost.html">Cost Calculator</a></li> </ul> </div> </li> <li><a href="HydroelectricEnergy_Links.html">Links to Other Information</a></li>
    -4-

    C:\Users\Nevin\School\BPA\Regionals Website _ CSS\home.html

    Friday, January 17, 2014 10:50 PM

    </ul> </div> </li> <li><a href="Contact_Us.html">Contact Us</a></li> </ul> </div> </nav> <div class="scroller"><!-- this is for emulating position fixed of the nav --> <div class="scroller-inner"><!-- Top Navigation --> <div> <h1></h1> </div> <div class="two-columns-40"> <h1 style="margin:0px 100px">Welcome to A Greener Home, your first step to a cleaner, cheaper, and more efficient energy solution.</h1> <p></p> <p style="text-align:center">Click the menu button to view pages of information.</p> <p></p> </div> <div class="two-columns-60"> <script language="JavaScript" src=" http://www.renewableenergyworld.com/feed/feed2js.php?src=http%3A%2F%2Fwww.renewableenergyworld. com%2Frss%2Frenews.rss&chan=title&num=10&desc=1&au=y&date=y&tz=-5&targ=y&utf=y&html=p" charset="UTF-8" type="text/javascript"></script> <noscript> <a href=" http://www.renewableenergyworld.com/feed/feed2js.php?src=http%3A%2F%2Fwww.renewableenergywo rld.com%2Frss%2Frenews.rss&chan=title&num=10&desc=1&au=y&date=y&tz=-5&targ=y&utf=y&html=y" >View RSS feed</a> </noscript> </div> </div> </div> </div> <div style="clear:both;"></div> <script src="js/classie.js"></script> <script src="js/mlpushmenu.js"></script> <script> new mlPushMenu( document.getElementById( 'mp-menu' ), document.getElementById( 'trigger' ) );
    -5-

    C:\Users\Nevin\School\BPA\Regionals Website _ CSS\home.html

    Friday, January 17, 2014 10:50 PM

    </script> <footer> <div class="container1"> <div class="onecol" style="text-align:center;"> <div class="footer-logo"> <img alt="A Greener Home" src="images/FooterTitle.png" /> </div> </div> </div> <div style="clear:both;"></div> <div class="legal"> <p class="legal">&copy; 2014 A Greener Home All Rights Reserved.</p> </div> </footer> </div> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="js/jquery.stickyPanel.min.js"></script> <script type="text/javascript"> $().ready(function () { var stickyPanelOptions = { afterDetachCSSClass: "", savePanelSpace: true }; $("header").stickyPanel(stickyPanelOptions); }); </script> <script> $(document).ready(function(){ $(".nav-button").click(function () { $(".nav-button,.menu").toggleClass("open"); }); }); </script> </div> </body> </html>

    -6-

    You might also like