index.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Weather</title>
  6. <link rel="stylesheet" href="./css/index.css">
  7. <link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap.min.css">
  8. </head>
  9. <body>
  10. <body id="body">
  11. <div class='container' id="container">
  12. <form role='form' id="countryWrapper">
  13. <label>Выберите страну</label>
  14. <select class="form-control" id="country"></select>
  15. </form>
  16. <form role='form' id="cityWrapper">
  17. <label>Выберите город</label>
  18. <select class="form-control" id="city"></select>
  19. </form>
  20. </div>
  21. <table class="table">
  22. <tr>
  23. <th>Локация</th>
  24. <td id="location"></td>
  25. </tr>
  26. <tr>
  27. <th>Температура</th>
  28. <td id="temp"></td>
  29. </tr>
  30. <tr>
  31. <th>Скорость ветра</th>
  32. <td id="wind"></td>
  33. </tr>
  34. <tr>
  35. <th>Давление</th>
  36. <td id="bar"></td>
  37. </tr>
  38. <tr>
  39. <th>Влажность</th>
  40. <td id="humidity"></td>
  41. </tr>
  42. </table>
  43. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  44. <script src="./js/index.js"></script>
  45. </body>
  46. </body>
  47. </html>