API_JavaScript_Homework/index.html at master · Cleyrauz/API_JavaScript_Homework · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Dev jobs</title>
    <link rel='stylesheet' type='text/css' href='style.css'>
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.3/dist/leaflet.css"
   integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ=="
   crossorigin=""/>
   <script src="https://unpkg.com/leaflet@1.3.3/dist/leaflet.js"
   integrity="sha512-tAGcCfR4Sc5ZP5ZoVz0quoZDYX5aCtEm/eu1KhSLj2c9eFrylXZknQYmxUssFaVJKvvc0dJQixhGjG2yXWiV9Q=="
   crossorigin=""></script>
   <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.10/lodash.min.js"></script>
   <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script src='mapWrapper.js'></script>
    <script src='app.js'></script>
  </head>
  <body>
    <nav id="menu">
    <div class="navbar">
      <a href="#home">Home</a>
      <a href="#news">News</a>
      <div class="dropdown">
        <button class="dropbtn">Jobs by location</button>
        <select id= 'jobsDropdown'></select>
      </div>
    </div>
    </nav>
        <div class="logo">
          <img src="/images/logo.png" class = "logo" alt="Logo"/>
        </div>
   <h1>Find a tech job today!</h1>
   <h3>Mark a position on the map</h3>
   <main>
     <div id='map'></div>
   </main>
   <div id='info-wrapper'>
  <div id='img'></div>
   <div id='jobs-list'></div>
   <div id='jobs-desc'></div>
   <div id='jobs-apply'></div>
  </div>
   <div id='jobs-chart'></div>
 </div>
 </body>
</html>