weather/index.html

<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <title>Weather </title>
    
    
    
    <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.3/animate.min.css'>

        <link rel="stylesheet" href="css/style.css">

    
    
    
  </head>

  <body>

    <div class="container text-center">
  
  <h1> Local Weather </h1>
  
  <h2 id="city" ></h2>
  <h3 id="weather"></h3>
  <div id="icon"></div>
  <h4 id="condition"></h4>
  <button type="button" class="btn btn-success c" id="celsius">Celsisus</button>
  <button type="button" class="btn btn-primary" id="fahrenheit">Fahrenheit</button>
</div>
    <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>

        <script src="js/index.js"></script>

    
    
    
  </body>
</html>