<commit_before>
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="The Paramount Group.us">
       
    <title>Boat Ramp Finder - Udacity Front End Web Developer Project 5</title>
     <!-- gracefully handle error if any loading google map    -->
   
    <script>
        function mapDidNotLoad() {
            alert('Error loading map.');
        }
    </script>
    
         <!-- Load Google Maps API    -->
    
	<script async src="https://maps.googleapis.com/maps/api/js?&libraries=places" onerror="mapDidNotLoad()"></script>
    
    
    
    
          
    <!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/freelancer.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#page-top">Boat Ramp Finder</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li class="page-scroll">
                        <a href="http://www.theparamountgroup.us" target="_blank">TPG</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#portfolio">Resources</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#contact">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>


    <!-- Map Section -->
    
    <section id="mapsection"> 
      <div class="row">
          <div id="cityandcountry" class="col-sm-12 col-lg-12 col-md-12">
                      <table id="locationField">
                        <tr><input id="autocomplete" placeholder="Enter your city" type="text" /></tr>
                      </table>
    
                      <table id="controls">
                      	
                        <select id="country">
<!--                      <option value="all">All</option>
                          <option value="au">Australia</option>
                          <option value="br">Brazil</option>
                          <option value="ca">Canada</option>
                          <option value="fr">France</option>
                          <option value="de">Germany</option>
                          <option value="mx">Mexico</option>
                          <option value="nz">New Zealand</option>
                          <option value="it">Italy</option>
                          <option value="za">South Africa</option>
                          <option value="es">Spain</option>
                          <option value="pt">Portugal</option> -->
                          <option value="us" selected>U.S.A.</option>
   <!--                   <option value="uk">United Kingdom</option> -->
                        </select>
                      </table>
            </div><!-- End city and country -->
       </div>  <!-- End Row -->
          <div  class="row"> <!-- display map with markers and display list of locations-->
             <div id="maprow" class="col-sm-9 col-lg-9 col-md-9">
                <div id="map"></div>
             </div> <!-- end col-md-9 -->
         
             <div class="col-sm-3 col-lg-3 col-md-3"> <!-- display google places boat ramps -->
                 <table>
                     <thead>
                       <tr>
                       <th class="lead"><input type="search" data-bind="value: filterLetter, valueUpdate: 'afterkeydown'" placeholder="filter by name"/></th>
                       </tr> 
                     </thead>   
                     <tbody id="points" class="list-group" data-bind="template: { name: 'pointsTmpl', foreach: filteredPoints}"></tbody>
                        <script id="pointsTmpl" type="text/html">
                        
                            <tr class="list-group-item points">
                               <td data-bind="text: name, click: $parent.showInfoWindow"></td>
                            </tr>
                        </script>                           
                  </table>
              </div> <!-- end col-md-3 -->
      
     </div> <!-- End Row -->
  <!--        
    <div id="definepins" class="row">
        <div class="col-md-4">
          <img src="img/map-pin-green.png" class="img-responsive" alt="map icon green">
          <div>Green Pins - Google maps search</div>
        </div>
        
        <div class="col-md-4">
          <img src="img/map-pin-blue.png" class="img-responsive" alt=" map icon green">
          <div>Blue Pins - User Entered</div>
        </div>
        <div class="col-md-4">
          <img src="img/map-pin-foursquare.png" class="img-responsive" alt=" map icon foursquare">
          <div>Four Square Pins</div>
        </div>
     </div><!-- End Row             
   </section> <!-- End Container for Map Section-->


    <!-- ********************   Resources Grid Section ****************************  -->
    
<!--    
    <section id="portfolio">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Resources</h2>
                    <hr class="star-primary">
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 portfolio-item">
                    <a href="http://www.weather.gov/forecastmaps" target="_blank" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/weather-icon-900x650px.png" class="img-responsive" alt="weather icon created by theparamountgroup.us">
                    </a>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a href="http://tidesandcurrents.noaa.gov/map/" target="_blank" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/tides-icon-900x650px.png" class="img-responsive" alt="tides icon created by theparamountgroup.us">
                    </a>
                </div>
                <div class="col-sm-4 portfolio-item">
                   <a href="http://www.uscgboating.org/" target="_blank" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/boat-icon-900x650px.png" class="img-responsive" alt="">
                    </a>
                </div>
               
            </div>
        </div>
    </section>
 

    <!-- About Section -->
    <section class="success" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>About</h2>
                    <hr class="star-light">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-lg-offset-2">
                    <p>Boat Ramp Finder uses the Google Maps & FourSquare API to help find Boat Ramps in your local area. The website also takes additional input from the Fusion Tables maintained by The Paramount Group.us, inc. These tables offer supplemental locations that are not found using the Google Maps search.</p>
                </div>
                <div class="col-lg-4">
                    <p>Boat Ramp Finder is a great starter website that will offer useful information to the public and be easily expanded. The Fusion table API option has a great many other uses for small businesses that need to display information on Google Maps for their company websites.</p>
                </div>
              
            </div>
        </div>
    </section>

    <!-- Contact Section --
    <section id="contact">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Contact Me</h2>
                    <hr class="star-primary">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. -->
                    <!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. --
                    <form name="sentMessage" id="contactForm" novalidate>
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label>Name</label>
                                <input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label>Email Address</label>
                                <input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label>Phone Number</label>
                                <input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label>Message</label>
                                <textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <br>
                        <div id="success"></div>
                        <div class="row">
                            <div class="form-group col-xs-12">
                                <button type="submit" class="btn btn-success btn-lg">Send</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
  
    <!-- Footer -->
    <footer class="text-center">
        <div class="footer-above">
            <div class="container">
                <div class="row">
                    <div class="footer-col col-md-4">
                        <h3>Location</h3>
                        <p>1110 Hwy A1A, Suite G<br>Satellite Beach, FL 32937</p>
                    </div>
                    <div class="footer-col col-md-4">
                        <h3>Around the Web</h3>
                        <ul class="list-inline">
                            <li>
                                <a href="https://plus.google.com/+TheparamountgroupUs" class="btn-social btn-outline"><i class="fa fa-fw fa-google-plus"></i></a>
                            </li>
                            <li>
                                <a href="https://www.facebook.com/TheParamountGroup" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a>
                            </li>
                            <li>
                                <a href="https://twitter.com/paramountmedia" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
                            </li>
                            <li>
                                <a href="https://www.linkedin.com/in/paramountmedia" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="footer-col col-md-4">
                        <h3>About Boat Ramp Finder</h3>
                        <p>Boat Ramp Finder was made possible by open source Bootstrap theme created by <a href="http://startbootstrap.com" target="_blank">Start Bootstrap and </a> <a href="https://developers.google.com/maps/documentation/javascript/examples/" target="_blank">Google Maps Developers API samples</a>.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-below">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        Copyright &copy; www.theparamountgroup.us 2016
                    </div>
                </div>
            </div>
        </div>
    </footer>


    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
    <script src="js/classie.js"></script>
    <script src="js/cbpAnimatedHeader.js"></script>

    <!-- Contact Form JavaScript -->
    <script src="js/jqBootstrapValidation.js"></script>
    <script src="js/contact_me.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="js/freelancer.js"></script>
    
    <!-- knoockout file  -->
    <script src="js/knockout-3.4.0.js"></script>
    
      <!-- javascript file -->
    <script src="js/smile.js"></script>
   
    <!-- javascript file -->
    <script src="js/udacitydelay.js"></script>
    

 

</section></body>

</html><commit_msg>fix td<commit_after>
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="The Paramount Group.us">
       
    <title>Boat Ramp Finder - Udacity Front End Web Developer Project 5</title>
     <!-- gracefully handle error if any loading google map    -->
   
    <script>
        function mapDidNotLoad() {
            alert('Error loading map.');
        }
    </script>
    
         <!-- Load Google Maps API    -->
    
	<script async src="https://maps.googleapis.com/maps/api/js?&libraries=places" onerror="mapDidNotLoad()"></script>
    
    
    
    
          
    <!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/freelancer.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#page-top">Boat Ramp Finder</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li class="page-scroll">
                        <a href="http://www.theparamountgroup.us" target="_blank">TPG</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#portfolio">Resources</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#contact">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>


    <!-- Map Section -->
    
    <section id="mapsection"> 
      <div class="row">
          <div id="cityandcountry" class="col-sm-12 col-lg-12 col-md-12">
                      <table id="locationField">
                        <tr><td><input id="autocomplete" placeholder="Enter your city" type="text" /></td></tr>
                      </table>
    
                      <table id="controls">
                      	
                        <select id="country">
<!--                      <option value="all">All</option>
                          <option value="au">Australia</option>
                          <option value="br">Brazil</option>
                          <option value="ca">Canada</option>
                          <option value="fr">France</option>
                          <option value="de">Germany</option>
                          <option value="mx">Mexico</option>
                          <option value="nz">New Zealand</option>
                          <option value="it">Italy</option>
                          <option value="za">South Africa</option>
                          <option value="es">Spain</option>
                          <option value="pt">Portugal</option> -->
                          <option value="us" selected>U.S.A.</option>
   <!--                   <option value="uk">United Kingdom</option> -->
                        </select>
                      </table>
            </div><!-- End city and country -->
       </div>  <!-- End Row -->
          <div  class="row"> <!-- display map with markers and display list of locations-->
             <div id="maprow" class="col-sm-9 col-lg-9 col-md-9">
                <div id="map"></div>
             </div> <!-- end col-md-9 -->
         
             <div class="col-sm-3 col-lg-3 col-md-3"> <!-- display google places boat ramps -->
                 <table>
                     <thead>
                       <tr>
                       <th class="lead"><input type="search" data-bind="value: filterLetter, valueUpdate: 'afterkeydown'" placeholder="filter by name"/></th>
                       </tr> 
                     </thead>   
                     <tbody id="points" class="list-group" data-bind="template: { name: 'pointsTmpl', foreach: filteredPoints}"></tbody>
                        <script id="pointsTmpl" type="text/html">
                        
                            <tr class="list-group-item points">
                               <td data-bind="text: name, click: $parent.showInfoWindow"></td>
                            </tr>
                        </script>                           
                  </table>
              </div> <!-- end col-md-3 -->
      
     </div> <!-- End Row -->
  <!--        
    <div id="definepins" class="row">
        <div class="col-md-4">
          <img src="img/map-pin-green.png" class="img-responsive" alt="map icon green">
          <div>Green Pins - Google maps search</div>
        </div>
        
        <div class="col-md-4">
          <img src="img/map-pin-blue.png" class="img-responsive" alt=" map icon green">
          <div>Blue Pins - User Entered</div>
        </div>
        <div class="col-md-4">
          <img src="img/map-pin-foursquare.png" class="img-responsive" alt=" map icon foursquare">
          <div>Four Square Pins</div>
        </div>
     </div><!-- End Row             
   </section> <!-- End Container for Map Section-->


    <!-- ********************   Resources Grid Section ****************************  -->
    
<!--    
    <section id="portfolio">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Resources</h2>
                    <hr class="star-primary">
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 portfolio-item">
                    <a href="http://www.weather.gov/forecastmaps" target="_blank" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/weather-icon-900x650px.png" class="img-responsive" alt="weather icon created by theparamountgroup.us">
                    </a>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a href="http://tidesandcurrents.noaa.gov/map/" target="_blank" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/tides-icon-900x650px.png" class="img-responsive" alt="tides icon created by theparamountgroup.us">
                    </a>
                </div>
                <div class="col-sm-4 portfolio-item">
                   <a href="http://www.uscgboating.org/" target="_blank" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/boat-icon-900x650px.png" class="img-responsive" alt="">
                    </a>
                </div>
               
            </div>
        </div>
    </section>
 

    <!-- About Section -->
    <section class="success" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>About</h2>
                    <hr class="star-light">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-lg-offset-2">
                    <p>Boat Ramp Finder uses the Google Maps & FourSquare API to help find Boat Ramps in your local area. The website also takes additional input from the Fusion Tables maintained by The Paramount Group.us, inc. These tables offer supplemental locations that are not found using the Google Maps search.</p>
                </div>
                <div class="col-lg-4">
                    <p>Boat Ramp Finder is a great starter website that will offer useful information to the public and be easily expanded. The Fusion table API option has a great many other uses for small businesses that need to display information on Google Maps for their company websites.</p>
                </div>
              
            </div>
        </div>
    </section>

    <!-- Contact Section --
    <section id="contact">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Contact Me</h2>
                    <hr class="star-primary">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. -->
                    <!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. --
                    <form name="sentMessage" id="contactForm" novalidate>
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label>Name</label>
                                <input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label>Email Address</label>
                                <input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label>Phone Number</label>
                                <input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label>Message</label>
                                <textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <br>
                        <div id="success"></div>
                        <div class="row">
                            <div class="form-group col-xs-12">
                                <button type="submit" class="btn btn-success btn-lg">Send</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
  
    <!-- Footer -->
    <footer class="text-center">
        <div class="footer-above">
            <div class="container">
                <div class="row">
                    <div class="footer-col col-md-4">
                        <h3>Location</h3>
                        <p>1110 Hwy A1A, Suite G<br>Satellite Beach, FL 32937</p>
                    </div>
                    <div class="footer-col col-md-4">
                        <h3>Around the Web</h3>
                        <ul class="list-inline">
                            <li>
                                <a href="https://plus.google.com/+TheparamountgroupUs" class="btn-social btn-outline"><i class="fa fa-fw fa-google-plus"></i></a>
                            </li>
                            <li>
                                <a href="https://www.facebook.com/TheParamountGroup" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a>
                            </li>
                            <li>
                                <a href="https://twitter.com/paramountmedia" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
                            </li>
                            <li>
                                <a href="https://www.linkedin.com/in/paramountmedia" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="footer-col col-md-4">
                        <h3>About Boat Ramp Finder</h3>
                        <p>Boat Ramp Finder was made possible by open source Bootstrap theme created by <a href="http://startbootstrap.com" target="_blank">Start Bootstrap and </a> <a href="https://developers.google.com/maps/documentation/javascript/examples/" target="_blank">Google Maps Developers API samples</a>.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-below">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        Copyright &copy; www.theparamountgroup.us 2016
                    </div>
                </div>
            </div>
        </div>
    </footer>


    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
    <script src="js/classie.js"></script>
    <script src="js/cbpAnimatedHeader.js"></script>

    <!-- Contact Form JavaScript -->
    <script src="js/jqBootstrapValidation.js"></script>
    <script src="js/contact_me.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="js/freelancer.js"></script>
    
    <!-- knoockout file  -->
    <script src="js/knockout-3.4.0.js"></script>
    
      <!-- javascript file -->
    <script src="js/smile.js"></script>
   
    <!-- javascript file -->
    <script src="js/udacitydelay.js"></script>
    

 

</section></body>

</html>
{'fraction_non_alphanumeric': 0.14710452399450188, 'fraction_numerical': 0.008187414091914182, 'mean_word_length': 1.3464208090864473, 'pattern_counts': {'":': 0, '<': 821, '<?xml version=': 0, '>': 811, 'https://': 16, 'lorem ipsum': 0, 'www.': 12, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 28, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5138919', 'n_tokens_mistral': 9135, 'n_tokens_neox': 8490, 'n_words': 1956}