
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!--[if IE 8]><html class="lt-ie9" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><![endif]-->
<!--[if gt IE 8]><!--><html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:nitro="http://www.bunchball.com/nitro" lang="en"><!--<![endif]-->

<head>
  <meta charset="UTF-8">
  <link type="text/css" rel="stylesheet" href="/css/unblu.css?ver=1.64" >
  <script src="/js/lib/jquery-1.8.3.min.js"></script>
  <script type="text/javascript">
  var unbluAPIKey = '00yxtCXtQu2fzKEwYphRnw'
  var unbluServer =  'https://start.unblu.com'
  var unbluEnableDisable =  'false'
  var path = location.pathname;
  $(document).ready(function(){
      if(unbluEnableDisable=="true"){
        $("#unblu_activation_element_token").show();
      }
      
  })
/* unblu snippet V3.4.20140409 */
unblu = {APIKEY: unbluAPIKey, SERVER: unbluServer};
(function() {
  unblu.c = [];
  unblu.registerApiConsumer = function(callback, apiNames) {
    unblu.c.push({a: apiNames, c: callback});
  } 
  unblu.setLocale = function(locale) {
    unblu.l = locale;
  }
  function h(a, b, c) {
    if (a.addEventListener) a.addEventListener(b, c, false);
    else if (a.attachEvent) a.attachEvent("on" + b, c, true);
  }
  h(window, "DOMContentLoaded", function() {window["x-unblu-tmp-dom-ready"] = true;}, false);
  h(window, "load", function() {window["x-unblu-tmp-window-alive"] = true;});
  if (!window["x-unblu-tmp-window-name"]) window["x-unblu-tmp-window-name"]=window.name;
  var q = document.getElementsByTagName("script")[0];
  if (q) {
    var g = document.createElement("script"); 
    g.setAttribute("src", unblu.SERVER + "/unblu/starter.js"); 
    g.setAttribute("type", "text/javascript"); 
    g.setAttribute("defer","defer");
    q.parentNode.appendChild(g);
    h(g, "load", function() {}); 
    h(g, "error", function() {});
  }
})();
 



</script>
  <meta name="viewport" content="width=device-width, height=device-height">
  <title>
    iEnergy Home
  </title>

  
<!-- TypeKit -->
<script type="text/javascript" src="//use.typekit.com/sxp2ekp.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>


<link rel="shortcut icon" href="/assets/favicon-9ef27019cc7a636e29ecc851528f716e.ico" type="image/x-icon" />

<script type="text/javascript">
  document.createElement("section");
  document.createElement("header");
  document.createElement("nav");
  document.createElement("article");
  document.createElement("footer");
</script>

<link rel="stylesheet" type="text/css" href="/css/foundation/foundation.css?ver=1.64" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/dropkick.css?ver=1.64" media="all" />
<link rel="stylesheet" type="text/css" href="/css/themes/smoothness/jquery-ui-1.12.1.css?ver=1.64" />
<link rel="stylesheet" type="text/css" href="/style/css/nxstyle.css?ver=1.64" media="all" />
<link rel="stylesheet" type="text/css" href="/css/default.css?ver=1.64" media="all" />

<link rel="stylesheet" type="text/css" href="/css/print.css?ver=1.64" media="print" />
<script>
  var DOMAIN = "https://staging.ienergyhome.io/";
  var FB_CALLBACK = "/facebook/callback?backUrl=%2Fxml%2Frss%2Ffeed.xml";
  var INVITE_TOKEN = "";
  var USER_LOGIN = "false";
</script>




  
    
    
    
    <meta name="layout" content="main">
	
	
    <style>/* HIDE THE FOOTER TILE ON THIS PAGE*/
      .footer-spacer{
        display: none !important;
      }
    </style>
  
  
  
  
  
</head>
<body> 
<a id="unblu_activation_element_token" class="small-button"></a>
  
  

<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PDGBJ4"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PDGBJ4');</script>
<!-- End Google Tag Manager -->   

  

  <div class="container">
  </div>

    


<svg xmlns="http://www.w3.org/2000/svg" style="width:0;height:0;visibility:hidden;display:none;"><symbol viewBox="0 0 20 20" id="icons-banner"><title>banner</title> <path id="banner-XMLID_1_" d="M10.9,1L11,0.6c0.4-0.9,1.8-0.6,1.8,0.4l0,0.5
  c0,0.8,1,1.2,1.6,0.7l0.3-0.3c0.7-0.7,1.9,0.1,1.5,1.1L16,3.3c-0.3,0.7,0.4,1.5,1.1,1.3l0.4-0.2c1-0.3,1.7,0.9,0.9,1.6l-0.4,0.3
  c-0.6,0.5-0.3,1.5,0.5,1.6l0.5,0c1,0.1,1.2,1.5,0.2,1.8l-0.5,0.1c-0.8,0.2-0.9,1.3-0.2,1.7l0.4,0.2c0.9,0.5,0.4,1.8-0.6,1.7
  l-0.5-0.1c-0.8-0.1-1.3,0.8-0.9,1.5l0.3,0.4c0.6,0.8-0.3,1.9-1.2,1.4l-0.4-0.2c-0.7-0.4-1.6,0.2-1.4,1l0.1,0.5
  c0.2,1-1.1,1.6-1.7,0.7l-0.3-0.4c-0.5-0.7-1.5-0.4-1.7,0.4l-0.1,0.5c-0.2,1-1.6,1-1.8,0L9,18.7c-0.2-0.8-1.2-1-1.7-0.4L7,18.7
  C6.5,19.5,5.2,19,5.4,18l0.1-0.5c0.2-0.8-0.7-1.4-1.4-1l-0.4,0.2c-0.9,0.5-1.8-0.5-1.2-1.4L2.8,15c0.5-0.7,0-1.6-0.9-1.5l-0.5,0.1
  c-1,0.1-1.4-1.2-0.6-1.7l0.4-0.2c0.7-0.4,0.6-1.5-0.2-1.7L0.7,9.8c-1-0.3-0.8-1.7,0.2-1.8l0.5,0c0.8-0.1,1.1-1.1,0.5-1.6L1.5,6
  c-0.8-0.7,0-1.9,0.9-1.6l0.4,0.2C3.6,4.8,4.3,4,4,3.3L3.8,2.9C3.4,1.9,4.5,1.1,5.3,1.8l0.3,0.3c0.6,0.5,1.6,0.1,1.6-0.7l0-0.5
  c0-1,1.4-1.3,1.8-0.4L9.1,1C9.5,1.7,10.5,1.7,10.9,1z"/> </symbol><symbol viewBox="0 0 20 20" id="icons-house"><title>house</title> <path id="house-XMLID_7_" d="M17.2,7.2l-2.4-2.4L10,0.2L0,10h3v9.6C3,19.9,2.9,20,3.2,20h13.4c0.2,0,0.4-0.1,0.4-0.4v-9.3
  V10h3L17.2,7.2z M8,20v-4.6C8,15.3,8,15,8.3,15h3.4c0.3,0,0.3,0.3,0.3,0.4V20"/> <path id="house-XMLID_1_" d="M17,2C17.1,2,17.1,2,17,2h-2c-0.1,0-0.1,0,0,0v1.8l2,2.3V2z"/> </symbol><symbol viewBox="0 0 20 20" id="icons-person"><title>person</title> <path id="person-XMLID_5_" d="M17.5,14.4c-1.2-0.5-3-1.9-5.7-2.4c0.7-0.7,1.2-1.9,1.7-3.2c0.3-0.8,0.2-1.4,0.2-2.4
  c0-0.7,0.1-1.8-0.1-2.4c-0.6-2.1-2.1-2.7-3.8-2.7c-1.7,0-3.2,0.6-3.8,2.7c-0.2,0.6,0,1.7,0,2.4c0,0.9-0.1,1.6,0.2,2.4
  c0.5,1.4,1,2.5,1.7,3.2c-2.6,0.5-4.4,1.9-5.6,2.4C0,15.5,0,16.7,0,16.7v2.1h20v-2.1C20,16.7,20,15.5,17.5,14.4z"/> </symbol></svg>



<div class="utility-nav-container custom-color hide-for-small">
  <div class="utility-nav-bar">
    <nav class="top-bar" data-topbar role="navigation">
      <ul class="title-area left">
        <li class="name">
          <a href="http://www.cityofpaloalto.org/gov/depts/utl/default.asp"  class="main-logo" tabindex="1" target="_blank">
            <img src="/images/logo.png" alt="Palo Alto - iEnergy Home" class="">
          </a>
        </li>
        <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
      </ul>

      <section class="top-bar-section left">

        <!-- Left Nav Section -->
        <ul class="left util-nav"><li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/resrebate/default.asp" tabindex="2" target="_blank">Efficiency Programs</a></li><li><a href="http://www.cityofpaloalto.org/water" tabindex="3" target="_blank">Drought Information</a></li><li><a href="http://www.greenwasteofpaloalto.com/" tabindex="4" target="_blank">GreenWaste</a></li><li><a href="http://www.cityofpaloalto.org/gov/depts/utl/billpay/default.asp" tabindex="5" target="_blank">Contact Us</a></li></ul>

        <!-- Right Nav Section -->
        <ul class="right util-buttons">
          <li class=""><a href="https://myutilitiesaccount.cityofpaloalto.org/bdisu/public/frameset_top_html.jsp" class="button white" tabindex="8" target="_blank">Pay bills</a></li>
          <li class=""><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/outages/default.asp" class="button white" tabindex="9" target="_blank">Outages</a></li>
        </ul>

      </section>
    </nav>
  </div>
</div>



  <div class="head-container custom-color hide-for-small">
    
  </div>

  <div class="hide-for-medium-up">
	<div class="top-bar">
		<ul class="title-area">
			<li class="name">
				<h4 class="white">
                    
                    
                      
			iEnergy Home
		
                    
				</h4>
			</li>
			<li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
		</ul>

	</div>
	<div class="mobile-menu-container row hide">
		<div class="mobile-menu columns">
			<a href="" class="close-button">&times;</a>
			<div class="m-space1"></div>
	        <ul class="main-nav list-block text-center">
              
              
              
              
              
              
              
	          	
	        </ul>
	        <hr/>
	        <ul class="text-center list-block">
	        	<li>
	        		<a href="#">Switch Properties</a>
	        	</li>
	        	<li>
					
						<a id="signIn" href="#ShowSignIn" data-action="ShowSignIn" data-target="authModal" class="btnSignIn modal-caller close-button" >Sign-In</a>
					

	        	</li>
	        </ul>
	        <hr/>
	        <a href="https://myutilitiesaccount.cityofpaloalto.org/bdisu/public/frameset_top_html.jsp" class="button expand space1 m-space1" target="_blank">Pay bills</a>
	        <a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/outages/default.asp" class="button expand" target="_blank">Outages</a>

		</div>
		<div class="mobile-menu-footer columns text-center">
			<a href="/" class="main-logo">  ADDED TEMPORARY LOGO BG
				<img src="/images/Palo_alto_logo.png" alt="logo" class="">
			</a>
		</div>
	</div>
</div>


    
    

    

    <!-- Layout Body start -->
    
	<div class="page-title hide-for-medium-up">
		
	</div>

    
    <div class="home-pg client">
      
      

      <div class="page">
        <div class="text-center main-text">
          <h1 class="white main-title">Learn, Earn, Save</h1>
    			<div class="hide-for-medium-up">

    				<div class="row">
    					<p class="white space10 columns small-10 small-centered">
    					
							Welcome to your new utility portal, where you can view your electric, gas and water usage.
                        

    					</p>

    					  <a href="/login/register" class="columns small-6 button border-right">Sign Up</a>
    		    	      <a id="signIn" href="#ShowSignIn" data-action="ShowSignIn" class="columns small-6 button button modal-caller" data-target="authModal">Log In</a>
    				</div>
    			</div>
          <div class="hide-for-small">
            
          	
          	<p class="white space3">
             
                    Welcome to your new utility portal, where you can view your electric, gas and water usage.
              
          	  
          	</p>
          	<div class="btnSignIn">
	          <a href="/login/register" class="button white home-btn mr-15">Sign Up</a>
    	      <a id="signIn" href="#ShowSignIn" data-action="ShowSignIn" class="button white home-btn modal-caller" data-target="authModal">Log In</a>
            </div>
            
              <div class="arrow_text">
                <svg  viewBox="0 10 300 100" class="line_svg">
                            <defs>
                              <marker id="markerArrow" markerWidth="13" markerHeight="13" refX="2" refY="6"
                                 orient="auto">
                                <path d="M0,0 L0,10 L10,6 L1,1" class="arrow_path" />
                              </marker>
                            </defs>
                            <path d="M 0,67 C 2,58 58,140 140,10" class="svg_path" style="marker-end: url(#markerArrow);" />
                </svg>
                <div class="message_sign">Sign up today and automatically be entered to <br/> <span class="bold_text"> WIN A FREE </span> <br/> advanced energy audit! </span></div>
              </div>
             
          </div>

        </div>
        

      </div>
    </div>

    
    <!-- testing -->
    

  
    <!-- Layout Body eof -->

    <div class="clear"></div>

    


  <div class="footer-spacer hide-for-small"></div>


<div class="footer-wrapper">
	<div class="row hide-for-medium-up">
		<div class="columns">
			<div class="section-container accordion" data-section="accordion">
				<section>
					<p class="title" data-section-title><a href="">City of Palo Alto Utilities <span class="icons-footer-arrow icon"></span></a></p>
					<div class="content" data-section-content>
						<ul class="no-style links">
							<li><a href="http://www.cityofpaloalto.org/gov/depts/utl/default.asp" class="underline-hover" target="_blank">Home</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/sustainablehome/default.asp" class="underline-hover" target="_blank">Environment & Sustainability</a></li>
              <li><a href="http://cityofpaloalto.org/gov/depts/utl/residents/resources/pcm/carbon_neutral_portfolio.asp" class="underline-hover" target="_blank">Carbon Neutral Portfolio</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/news/news_releases.asp" class="underline-hover" target="_blank">News</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/resources/default.asp" class="underline-hover" target="_blank">Resources</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/about/default.asp" class="underline-hover" target="_blank">About Us</a></li>
						</ul>
					</div>
				</section>
				<section>
					<p class="title" data-section-title><a href="#">Customer Service <span class="icons-footer-arrow icon"></span></a></p>
					<div class="content" data-section-content>
						<ul class="no-style links">
							<li><a href="http://www.cityofpaloalto.org/gov/depts/utl/billpay/default.asp" class="underline-hover" target="_blank">Billing & Payment</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/contact.asp" class="underline-hover" target="_blank">Useful Contact Numbers</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/billpay/ratechange.asp" class="underline-hover" target="_blank">Rates</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/about/rules.asp" class="underline-hover" target="_blank">Utility Rules & Regulation</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/outages/default.asp" class="underline-hover" target="_blank">Storm & Outage Information</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/safety/default.asp" class="underline-hover" target="_blank">Get Safety Information</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/contact.asp" class="underline-hover" target="_blank">Customer Support</a></li>
						</ul>
					</div>
				</section>
				<section>
					<p class="title" data-section-title><a href="#">Utility Programs & Services <span class="icons-footer-arrow icon"></span></a></p>
					<div class="content" data-section-content>
						<ul class="no-style links">
							<li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/resrebate/default.asp" class="underline-hover" target="_blank">Save Energy & Money</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/programs/home_efficiency_genie.asp" class="underline-hover" target="_blank">Home Energy Efficiency Program</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/resrebate/smartenergy.asp" class="underline-hover" target="_blank">Smart Energy Rebate Program</a></li>
              <li><a href="http://www.cityofpaloalto.org/news/displaynews.asp?NewsID=2336&amp;TargetID=235,310" class="underline-hover" target="_blank">Water & Drought Update</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/billpay/lowincome.asp" class="underline-hover" target="_blank">Low Income Programs</a></li>
              <li><a href="http://www.cityofpaloalto.org/workshops" class="underline-hover">Trainings & Workshops</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/sustainablehome/paloaltogreen_gas/default.asp" class="underline-hover" target="_blank">Palo Alto Green Gas</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/sustainablehome/electric_vehicles/default.asp" class="underline-hover" target="_blank">Electric Vehicle Information</a></li>
              <li><a href="http://cityofpaloalto.org/gov/depts/utl/residents/resources/pcm/solar_programs_in_palo_alto.asp" class="underline-hover" target="_blank">Solar Information</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/programs/customer_connect_pilot/default.asp" class="underline-hover" target="_blank">Advanced Meter Information</a></li>
              <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/faqs.asp" class="underline-hover" target="_blank">Residential FAQ</a></li>
						</ul>
					</div>
				</section>
        <section>
          <p class="title" data-section-title><a href="#">Social Media <span class="icons-footer-arrow icon"></span></a></p>
          <div class="content" data-section-content>
            <ul class="no-style links">
              <li><a href="https://www.facebook.com/PaloAltoUtilities/" class="underline-hover" target="_blank">Facebook</a></li>
              <li><a href="https://twitter.com/PAUtilities" class="underline-hover" target="_blank">Twitter</a></li>
              <li><a href="https://www.instagram.com/palo_alto_utilities/" class="underline-hover" target="_blank">Instagram</a></li>
              <li><a href="https://www.youtube.com/user/CPAUtilities" class="underline-hover" target="_blank">Youtube</a></li>
            </ul>
          </div>
        </section>
			</div>
		</div>
	</div>

  <div class="footer hide-for-small">
    <div class="row collapse"> 
      <div class="columns large-3 small-6">
        <h5 class="space3">City of Palo Alto Utilities</h5>
        
      </div>
      <div class="columns large-3 small-6 pl-10">
        <h5 class="space3">Customer Service</h5>
      </div>
      <div class="columns large-4 small-6 pl-10">
        <h5 class="space3">Utility Programs & Services</h5>
        
      </div>
      <div class="columns large-2 small-6">
        <h5 class="space3">Social Media</h5>
      </div>
    </div>

    <div class="row">
      <div class="columns large-3 small-6">
        <ul class="no-style links">
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/default.asp" class="underline-hover" target="_blank">Home</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/sustainablehome/default.asp" class="underline-hover" target="_blank">Environment & Sustainability</a></li>
          <li><a href="http://cityofpaloalto.org/gov/depts/utl/residents/resources/pcm/carbon_neutral_portfolio.asp" class="underline-hover" target="_blank">Carbon Neutral Portfolio</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/news/news_releases.asp" class="underline-hover" target="_blank">News</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/resources/default.asp" class="underline-hover" target="_blank">Resources</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/about/default.asp" class="underline-hover" target="_blank">About Us</a></li>
        </ul>
      </div>
      <div class="columns large-3 small-6">
        <ul class="no-style links">
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/billpay/default.asp" class="underline-hover" target="_blank">Billing & Payment</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/contact.asp" class="underline-hover" target="_blank">Useful Contact Numbers</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/billpay/ratechange.asp" class="underline-hover" target="_blank">Rates</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/about/rules.asp" class="underline-hover" target="_blank">Utility Rules & Regulation</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/outages/default.asp" class="underline-hover" target="_blank">Storm & Outage Information</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/safety/default.asp" class="underline-hover" target="_blank">Get Safety Information</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/contact.asp" class="underline-hover" target="_blank">Customer Support</a></li>
        </ul>
      </div>
      <div class="columns large-4 small-6">
        <ul class="no-style links">
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/resrebate/default.asp" class="underline-hover" target="_blank">Save Energy & Money</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/programs/home_efficiency_genie.asp" class="underline-hover" target="_blank">Home Energy Efficiency Program</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/resrebate/smartenergy.asp" class="underline-hover" target="_blank">Smart Energy Rebate Program</a></li>
          <li><a href="http://www.cityofpaloalto.org/news/displaynews.asp?NewsID=2336&amp;TargetID=235,310" class="underline-hover" target="_blank">Water & Drought Update</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/billpay/lowincome.asp" class="underline-hover" target="_blank">Low Income Programs</a></li>
          <li><a href="http://www.cityofpaloalto.org/workshops" class="underline-hover" target="_blank">Trainings & Workshops</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/sustainablehome/paloaltogreen_gas/default.asp" class="underline-hover" target="_blank">Palo Alto Green Gas</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/sustainablehome/electric_vehicles/default.asp" class="underline-hover" target="_blank">Electric Vehicle Information</a></li>
          <li><a href="http://cityofpaloalto.org/gov/depts/utl/residents/resources/pcm/solar_programs_in_palo_alto.asp" class="underline-hover" target="_blank">Solar Information</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/programs/customer_connect_pilot/default.asp" class="underline-hover" target="_blank">Advanced Meter Information</a></li>
          <li><a href="http://www.cityofpaloalto.org/gov/depts/utl/residents/faqs.asp" class="underline-hover" target="_blank">Residential FAQ</a></li>
        </ul>
      </div>
      <div class="columns large-2 small-6 pl-10">
        <ul class="no-style links">
          <li><a href="https://www.facebook.com/PaloAltoUtilities/" class="underline-hover" target="_blank">Facebook</a></li>
          <li><a href="https://twitter.com/PAUtilities" class="underline-hover" target="_blank">Twitter</a></li>
          <li><a href="https://www.instagram.com/palo_alto_utilities/" class="underline-hover" target="_blank">Instagram</a></li>
          <li><a href="https://www.youtube.com/user/CPAUtilities" class="underline-hover" target="_blank">Youtube</a></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="footer-end">
  	<div class="footer">
  		<div class="row">
				<div class="columns large-2 small-12 nx-logo-col hide-for-small">
					<img src="/images/Nexant_footer_logo.png" alt="Nexant Logo" class="">
				</div>
				<div class="columns large-4 small-12 powered-by-col hide-for-small">
					<span class="powered-by">Powered by iEnergy&reg;</span>
					<span>Copyright Nexant Inc, 2015. All rights reserved.</span>
				</div>
  			
        <div class="hide-for-medium-up">
  				
    			
				  <div class="small-12 columns m-space1">Copyright Nexant Inc, 2015. All rights reserved.</div>
  				
  				<div class="small-12 columns m-space2">
  					<a href="/pages/privacy-policy" class="underline-hover">Privacy Policy</a>
  				</div>
  				<div class="text-center">
  					<div class="small-8 small-centered columns">
  						<div class="small-4 columns">
  							<a href=""><span class="icon icons-mobile-facebook"></span></a>
  						</div>
  						<div class="small-4 columns">
  							<a href=""><span class="icon icons-mobile-twitter"></span></a>
  						</div>
  						<div class="small-4 columns">
  							<a href=""><span class="icon icons-mobile-youtube"></span></a>
  						</div>
  					</div>
  				</div>
  			</div>
  			<div class="columns large-6 small-6 text-right hide-for-small tos-col">
  				
  			
  			<a href="/pages/privacy-policy" class="underline-hover">Privacy Policy</a>
  		</div>
  	</div>
  </div>
</div>
</div>





  

  





<div id="authModal" class="make-modal">
  <div class="inner">
    <div class="frmRegister modal-forms">
      <h3 class="orange med-bold">Register for iEnergy Home</h3>
      <hr class="orange">

      <h6 class="green mt-5">Use Facebook or Twitter to sign-up</h6>

      <div class="connect">
        <a href="#" class="buttons-connect-fb-med facebook connect mr-5"></a><span>or</span>
        <a href="/twitter/index?backUrl=%2Fxml%2Frss%2Ffeed.xml" class="buttons-connect-twitter-med connect twitter"></a>
      </div>
      
      <hr class="dotted">

      <h6 class="green mt-5">Sign-up for an iEnergy Home account</h6>
      <form id="Register_old"
        method="POST"
        action="/login/register_save">
        <div class="error-messages">
          <ul></ul>
        </div>
        <div class="row collapse">
          <div class="columns large-6 pr-10">
            
            
            <fieldset>
              <div class="row collapse">
                <div class="columns large-5 pt-5">
                  <label class="bold">Email:</label>
                </div>
                <div class="columns large-7">
                  <input type="text" name="email" id="register_email" tabindex="1005">
                </div>
              </div>
              <div class="row collapse">
                <div class="columns large-5 pt-5">
                  <label class="bold">Confirm Email:</label>
                </div>
                <div class="columns large-7">
                  <input type="text" name="confirmEmail" id="confirmEmail" tabindex="1006">
                </div>
              </div>
              <div class="row collapse">
                <div class="columns large-5 pt-5">
                  <label class="bold">Password:</label>
                </div>
                <div class="columns large-7">
                  <input type="password" name="password" id="register_password" tabindex="1007">
                </div>
              </div>
              <div class="row collapse">
                <div class="columns large-5 pt-5">
                  <label class="bold">Confirm Password:</label>
                </div>
                <div class="columns large-7">
                  <input type="password" name="confirmPassword" id="confirmPassword" tabindex="1008">
                </div>
              </div>
              <div class="row collapse">
                <div class="columns large-5 pt-5">
                  <label class="bold">Zip code:</label>
                </div>
                <div class="columns large-7">
                  <input type="text" name="zipcode" id="zipcode" tabindex="1009">
                </div>
              </div>
            </fieldset>
          </div>
        
          <div class="columns large-6 pl-10 border-left">
            <fieldset>
              <div class="row collapse mb-15">
                <div class="columns large-6 pt-5">
                  <label class="bold" for="buildingType">Building type:</label>
                </div>
                <div class="columns large-6">
                  <select id="buildingType" name="buildingType" class="makeMeFancy" tabindex="1010">
                    <option value="">Select</option>
                    
                    <option value="5" >
                      Mobile Home
                    </option>
                    
                    <option value="1" >
                      Single-Family Detached House
                    </option>
                    
                    <option value="2" >
                      Single-Family Attached House
                    </option>
                    
                    <option value="3" >
                      Apartment Building With 2-4 Units
                    </option>
                    
                    <option value="4" >
                      Apartment Building With 5 Or More Units
                    </option>
                    
                  </select>
                </div>
              </div>
              <div class="row collapse mb-15">
                <div class="columns large-6 pt-5">
                  <label class="bold" for="buildingYear">Year Build:</label>
                </div>
                <div class="columns large-6">
                  <select id="buildingYear" name="buildingYear" class="makeMeFancy" tabindex="1011">
                    <option value="">Select</option>
                    
                    <option value="1" >
                      Before 1940
                    </option>
                    
                    <option value="2" >
                      1940 – 1949
                    </option>
                    
                    <option value="3" >
                      1950 – 1959
                    </option>
                    
                    <option value="4" >
                      1960 – 1969
                    </option>
                    
                    <option value="5" >
                      1970 – 1979
                    </option>
                    
                    <option value="6" >
                      1980 – 1984
                    </option>
                    
                    <option value="7" >
                      1985 – 1989
                    </option>
                    
                    <option value="8" >
                      1990 – 1994
                    </option>
                    
                    <option value="9" >
                      1995 – 1999
                    </option>
                    
                    <option value="10" >
                      2000 – 2002
                    </option>
                    
                    <option value="11" >
                      2003
                    </option>
                    
                    <option value="12" >
                      2004
                    </option>
                    
                    <option value="13" >
                      After 2005
                    </option>
                    
                  </select>
                </div>
              </div>
              <div class="row collapse mb-15">
                <div class="columns large-6 pt-5">
                  <label class="bold" for="buildingOccupants">Occupants:</label>
                </div>
                <div class="columns large-6">
                  <select id="buildingOccupants" name="buildingOccupants" class="makeMeFancy" tabindex="1012">
                    <option value="">Select</option>
                    
                    <option value="1" >
                      1 person
                    </option>
                    
                    <option value="2" >
                      2 persons
                    </option>
                    
                    <option value="3" >
                      3 persons
                    </option>
                    
                    <option value="4" >
                      4 persons
                    </option>
                    
                    <option value="5" >
                      5 persons
                    </option>
                    
                    <option value="6" >
                      6 persons
                    </option>
                    
                    <option value="7" >
                      7 persons
                    </option>
                    
                    <option value="8" >
                      8 persons
                    </option>
                    
                    <option value="9" >
                      9 persons
                    </option>
                    
                    <option value="10" >
                      10 persons
                    </option>
                    
                    <option value="11" >
                      11 persons
                    </option>
                    
                    <option value="12" >
                      12 persons
                    </option>
                    
                    <option value="13" >
                      13 persons
                    </option>
                    
                    <option value="14" >
                      14 persons
                    </option>
                    
                    <option value="15" >
                      15 persons or more
                    </option>
                    
                  </select>
                </div>
              </div>
            </fieldset>

            <hr class="dotted">
            <fieldset>
              <input type="checkbox"
                name="agree"
                id="agree" tabindex="1013">
              <label for="agree" class="inline-block">
                I agree to the ienergyhome.com
                <a href="/pages/terms-of-use">Terms of Use</a>
              </label>
            </fieldset>

            <fieldset>
              <div class="text-right space1">
                <input type="submit" value="Register for free" class="button green" tabindex="1014">
              </div>
            </fieldset>
          </div>
        </div>
      </form>

      <div class="clear"></div>
    </div>

    <div class="frmSignin clearfix modal-forms">
      <h3 class="orange med-bold mt-5">
      Sign-In to iEnergy Home
      </h3>
      <hr class="orange">
      <div class="row collapse space1">
        <div class="columns">
          <h6 class="green mt-5">Returning User Login?</h6>
		
          <form 
            method="POST"
            action="/login/sign_in"
            id="SignIn">
            <input type="hidden" id="returnURL" name="returnURL" value="http://defrang.com/grails/home/index.dispatch" />
            <div class="error-messages">
              <ul></ul>
            </div>
            <fieldset class="relative">
              <div class="tooltip wrong-pass" data-attachedto="email" data-manual-trigger="true">
                The email address and password do not match our records. Please try again
              </div>

              <div class="tooltip lockout" data-attachedto="email" data-manual-trigger="true">
                Your account has been lock out due to number of failed attempts
              </div>
              <div class="row">
                <div class="columns large-3 small-3">
                  <label class="bold right inline" for="email">Email Address:</label>
                </div>
                <div class="columns large-9 small-9">
                  <input type="text" name="email" id="email" tabindex="1001">
                </div>
              </div>
              <div class="row">
                <div class="columns large-3 small-3">
                  <label class="bold right inline" for="password">Password:</label>
                </div>
                <div class="columns large-9 small-9">
                  <input type="password" name="password" id="password" tabindex="1002">
                </div>
              </div>
              <div class="row space1 m-space1">
                <div class="columns large-3 small-3" >
                  
                </div>
                <div class="columns large-9 small-9">
                  <a href="#ShowForgotPassword" data-action="ShowForgotPassword" id="btnForgotPassword" tabindex="1003">
                    Forgot password?
                  </a>

                  <!-- <a href="/login/forgotPassword">
                    Forgot Password?
                  </a> -->

                  <input type="checkbox" name="rememberMe" tabindex="1004"><small> Remember me </small>
                </div>
              </div>
              <div class="row collapse">
                <div class="columns large-12 text-right">
                  <span id="signingInIcon" class="loading"></span>
                  <input type="submit" value="Sign-In"  class="button green btnGreenSmall" tabindex="1005">
                </div>
              </div>

            </fieldset>
          </form>
        </div>
      </div>
    </div>

    <div class="frmForgotPassword modal-forms">
      <h3 class="orange med-bold">Forgot your password?</h3>
      <hr class="orange">
      <div class="loading hide"></div>
      <div class="col">
        <div class="big med-bold">Enter the email address you used to register with iEnergy Home.</div>
        <p class="big med-bold">We will email your password to this address.</p>
        <form action="/login/forgotPasswordNext" method="post" name="resetPasswordForm" class="form-orange form-horizontal" id="resetPasswordForm" >
          <fieldset>
            <div class="row">
              <div class="columns large-3 small-3">
                <label class="bold right inline">Email:</label>
              </div>
              <div class="columns large-9 small-9">
                <input type="text" name="email" id="txtEmail">
              </div>
              <div class="columns large-3 small-3"></div>
            </div>

            <div class="row mt-10">
              <div class="columns large-6 small-6 text-right">
                <input value="Send Password" type="submit" class="button green" id="btnForgotPassword">
              </div>
              <div class="columns large-6 small-6">
                <a href="#close-form"
                  data-action="close-form"
                  class="button gray"
                  id="btnBack">Back</a>

              </div>
            </div>

          </fieldset>
        </form>
      </div>
    </div>

    <div class="passwordResetResponse modal-forms">
      <hr class="orange">
      <div class="col"></div>
    </div>

    <div class="clear"></div>
  </div>
</div>
  <div id="reportOutageModal" class="make-modal">
  <div class="inner">
    <div class="frmOutage modal-forms">
      <h3 class="orange med-bold">Report Outage</h3>
      <hr class="orange">

      <form id="reportOutage"
        method="POST"
        action="#">
        <div class="error-messages">
          <ul></ul>
        </div>
        <fieldset>
          <div class="row collapse space2">
            <div class="columns large-5 pt-5">
              <label class="bold">Outage Type:</label>
            </div>
            <div class="columns large-7">
              <select name="outageType" id="outageType" class="makeMeFancy">
                <option value="full" selected>Full Outage (all power out)</option>
                <option value="partial">Partial Outage (dimming or flickering)</option>
              </select>
            </div>
          </div>
          <div class="row collapse">
            <div class="columns large-5 pt-5">
              <label class="bold">Name:</label>
            </div>
            <div class="columns large-7">
              <input type="text" name="name" id="name">
            </div>
          </div>
          <div class="row collapse">
            <div class="columns large-5 pt-5">
              <label class="bold">Phone Number:</label>
            </div>
            <div class="columns large-7">
              <input type="text" name="phone" id="phone">
            </div>
          </div>
          <div class="row collapse">
            <div class="columns large-5 pt-5">
              <label class="bold">Address:</label>
            </div>
            <div class="columns large-7">
              <input type="text" name="address" id="address">
            </div>
          </div>
          <div class="row collapse space2">
            <div class="columns large-5 pt-5">
              <label class="bold">Picture:</label>
            </div>
            <div class="columns large-7">
              <span class="file-upload">
                <input type="button" class="button blue" value="Upload from Computer">
                <input type="file" name="outageImg" value="Upload" class="upload-button" data-display="fileSelectedPic">
              </span>

              <span id="fileSelectedPic"></span>
            </div>
          </div>
          <div class="row collapse">
            <div class="columns large-5 pt-5">
              <label class="bold">Want updates to this outage:</label>
            </div>
            <div class="columns large-7">
              <ul class="no-style">
                <li class="pb-5"><input type="radio" name="updateBy" id="updateBySMS" value="sms"> <label for="updateBySMS">SMS</label></li>
                <li><input type="radio" name="updateBy" id="updateByEmail" value="email"> <label for="updateBySMS">Email</label></li>
              </ul>
            </div>
          </div>
	      <div class="row collapse">
	        <div class="columns large-12 text-right">
	          <button class="button green large">Submit</button>
	        </div>
	      </div>
          
        </fieldset>
      </form>
    </div>
  </div>
</div>
  
<script id="lightboxTmpl" type="text/html">
  <div id="lightbox">
    <div class="bg"></div>
    <div class="lightbox"></div>
  </div>
</script>


<script src="/js/lib/jquery-1.8.3.min.js?ver=1.64"></script>
<script src="/js/lib/jquery-1.12.1-ui.min.js?ver=1.64"></script>
<script src="/js/lib/jquery.validate.min.js?ver=1.64"></script>
<script src="/js/lib/jquery.dropkick-1.0.0.js?ver=1.64"></script>
<script src="/js/lib/jquery.placeholder.js?ver=1.64"></script>
<!-- <script src="/js/lib/scrollability.js?ver=1.64"></script> -->
<script src="/js/lib/foundation.min.js"></script>
<script src="/js/nexant/serialize-json.jquery.js?ver=1.64"></script>
<script src="/js/lib/es5-shim.js?ver=1.64"></script>
<script src="/js/lib/lodash.min.js?ver=1.64"></script>
<script src="/js/lib/slick.min.js?ver=1.64"></script>
<script src="/js/lib/respond.js?ver=1.64"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
  <script type="text/javascript" src="/js/lib/selectivizr-min.js"></script>
  <noscript><link rel="stylesheet" href="[fallback css]" /></noscript>
<![endif]-->

<script src="/style/js/nxstyle.js?ver=1.64"></script>
<script src="/js/validators.js?ver=1.64"></script>
<script src="/js/nexant.utils.js?ver=1.64"></script>
<script src="/js/application.js?ver=1.64"></script>
<script src="/js/mobile.js?ver=1.64"></script>


  
      <script src="/js/styling.js"></script>
      <script src="/js/pages/homepage.js"></script>
    
  
</body>
</html>
