<!DOCTYPE html>
<html ng-app="rzapp">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Roadzer is a social utility that allows people send notes to other drivers by using their vehicle license plate numbers. People can search their license plate and read any messages sent to them." />
    <meta property="og:description" content="Roadzer is a social utility that allows people send notes to other drivers by using their vehicle license plate numbers. People can search their license plate and read any messages sent to them." />
    <meta name="keywords" content="tags, plate, send messages to plates, road, vent, flirt, roadzer, road zer, traffic jam, vehicle, communication, license plate, tablilla, send messages to, car, notes, message," />
    <meta name="google-site-verification" content="fJIe6owleztmr8GGzAf54NOHW4Ljil9OSn9LLmMoE0w">
    <meta property="fb:app_id" content="254829637891837">
    <meta property="og:title" content="Roadzer"/>
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Roadzer" />
    <meta property="og:image" content="http://roadzer.com/img/logo.png" />
    <meta property="og:url" content="http://roadzer.com" />
    <meta property="section" content="home"/>
    <meta content="http://roadzer.com/img/roadzer-logo-share.jpg" name="thumbnail">
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@roadzer" />
    <meta name="twitter:title" content="Roadzer | Send messages on the road" />
    <meta name="twitter:description" content="Roadzer is a social utility that allows people send notes to other drivers by using their vehicle license plate numbers. People can search their license plate and read any messages sent to them." />
    <meta name="twitter:image" content="http://roadzer.com/img/roadzer-logo-square.jpg" />
    <link rel="image_src" href="http://roadzer.com/img/roadzer-logo-share.jpg">
    <title ng-bind="title + ' | Roadzer'">Roadzer</title>
    <link rel="shortcut icon" href="/favicon.png">
    <link rel="icon" type="image/png" href="/favicon.png">
    <link rel="copyright" type="text/html" title="Roadzer Copyright Information" href="http://Roadzer.com/">
    <base href="/">
    <style>
    [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
    }
    </style>
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic" type="text/css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <!-- Angular Material style sheet -->
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
    <link rel="stylesheet" href="//cdn.jsdelivr.net/emojione/1.5.2/assets/css/emojione.min.css" />
    <link rel="stylesheet" href="css/roadzer.css"/>
  </head>
  <body ng-cloak ng-controller="MainController as main">

    <div layout="row" layout-fill>   
    
      <!-- sidenav -->
      <md-sidenav md-component-id="left" class="md-sidenav-left md-whiteframe-3dp" >
      <div layout="column" layout-align="space-between center" layout-margin layout-fill>
        <div layout="column">
          <a href="/" ng-click="main.toggleSidenav()"><img src="/img/logo.png"></a>
          <md-button ng-href="/about" target="" ng-click="main.toggleSidenav()" translate="SIDE_NAV.ABOUT">About Roadzer</md-button>
          <md-button ng-href="/contact" target="" ng-click="main.toggleSidenav()" translate="SIDE_NAV.CONTACT">Contact us</md-button>
        </div>


        <footer layout="column" layout-align="center center">

          <div>
            <md-button class="hue1" ng-click="main.setLanguage('en');main.toggleSidenav()">English</md-button>
            <md-button class=" hue1" ng-click="main.setLanguage('es_pr');main.toggleSidenav()">Español PR</md-button>
          </div>

          <div class=" ">
            <a target="_blank" href="http://twitter.com/roadzer" class="social-btn twitter">
              <span class="visuallyhidden">Twitter</span>
            </a>
            <a target="_blank" class=" social-btn facebook"  href="http://facebook.com/roadzer">
              <span class="visuallyhidden">Facebook</span>
            </a>
            <a class="social-btn gplus"  href="https://plus.google.com/u/0/b/110015707109151710468/110015707109151710468/about" target="_blank">
              <span class="visuallyhidden">Google Plus</span>
            </a>
          </div>

          <md-button translate="SIDE_NAV.DISCLAMER" ng-href="/disclamer" target="" ng-click="main.toggleSidenav()">Disclamer</md-button>
        </footer>

      </div>
      </md-sidenav>
      <!-- end of sidenav -->
      <!-- sidenav and content -->
      <div layout="column" layout-fill flex>
        <md-toolbar>
        <div class="md-toolbar-tools">
          <md-button class="md-icon-button" aria-label="Settings" ng-click="main.toggleSidenav()">
          <md-icon>menu</md-icon>
          </md-button>
          <h2>
          <a href="/"><span><img src="/img/logo.png" style="width: 75%; position: relative; top: 2px;"></span></a>
          </h2>
          <md-button class="md-icon-button" ng-click="main.showSearch()">
            <md-icon>search</md-icon>
          </md-button >
          <span flex></span>
        </div>
        </md-toolbar>
        <md-content flex>
        <div ng-view></div>
        </md-content>
        <!-- create button  -->
        <div class="layout-row">
          <md-button class="md-accent md-fab md-fab-top-right md-button md-ink-ripple" type="button" ng-transclude="" aria-label="Write a note" ng-click="main.showSendNote()">
          <span class="ng-scope">
            <md-icon>create</md-icon>
          </span>
          </md-button>
        </div>
      </div>
      <!-- end if toolbar and content column -->
      </div> <!-- end of column -->
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-route.min.js"></script>
      <script src="//cdn.jsdelivr.net/emojione/1.5.2/lib/js/emojione.min.js"></script>
      <script type="text/javascript" src="js/rzapp.js"></script>
      <script type="text/javascript" src="js/rzapp.controller.main.js"></script>
      <script type="text/javascript" src="js/rzapp.controller.home.js"></script>
      <script type="text/javascript" src="js/rzapp.controller.statenotes.js"></script>
      <script type="text/javascript" src="js/rzapp.controller.tagnotes.js"></script>
      <script type="text/javascript" src="js/rzapp.controller.singlenote.js"></script>
      <script type="text/javascript" src="js/rzapp.controller.sendnote.js"></script>
      <script type="text/javascript" src="js/rzapp.controller.contact.js"></script>
      <script type="text/javascript" src="js/rzapp.controller.search.js"></script>
      <script type="text/javascript" src="js/rzapp.directive.rznote.js"></script>
      <script type="text/javascript" src="js/rzapp.directive.rznoteslist.js"></script>
      <script type="text/javascript" src="js/rzapp.directive.rznotesfilter.js"></script>
      <script type="text/javascript" src="js/rzapp.directive.rzloading.js"></script>
      <script type="text/javascript" src="js/rzapp.directive.rztag.js"></script>
      <script type="text/javascript" src="js/translation/rzapp.config.translate.js"></script>
      <script type="text/javascript" src="js/rzapp.factory.notes.js"></script>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
      <script type="text/javascript" src="js/components/angular-animate/angular-animate.min.js"></script>
      <script type="text/javascript" src="js/components/angular-aria/angular-aria.min.js"></script>
      <script type="text/javascript" src="js/components/angular-sanitize/angular-sanitize.min.js"></script>
      <script type="text/javascript" src="js/components/angular-translate/angular-translate.min.js"></script>
      <script type="text/javascript" src="js/components/moment/moment.min.js"></script>
      <script type="text/javascript" src="js/components/angular-moment/angular-moment.min.js"></script>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-cookies.min.js"></script>
    </body>
  </html>
