css-airbnb/index.html at main · parvezjhim/css-airbnb · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <title>Airbnb</title>
</head>
<body>
  <h1><strong>Meet GuideBooks</strong></h1>
  <h2>Discover hundreds of local spots recommended by Airbnb hosts</h2>
  <div id = "top-photos">
    <h1 id ="san-francisco">San Francisco</h1>
    <img class ="photos" src ="/img/san-francisco.jpg" alt = "picture of San Francisco">
    <h1 id = "new-york">New York</h1>
    <img class = "photos" src ="img/new-york.jpg" alt = "photo of New York">
    <h1 id = "london">London</h1>
    <img class ="photos" src = "img/london.jpg" alt ="Photo of London">
    </div>
  <div id ="guidebooks-button">
    <button id ="top-button">See All Guidebooks</button>
  </div>
  <h1><strong>Just for the Weekend</strong></h1>
  <h2>Discover new, inspiring places close to home.</h2>
  <div id ="bottom-photos">
    <h1 id = "napa">Napa</h1>
    <img class = "photos" src = "img/napa.jpg" alt ="pic of Napa">
    <h1 id = "sonoma">Sonoma</h1>
    <img class ="photos"src ="img/sonoma.jpg" alt = "pic of Sonoma">
    <h1 id = "san-francisco-2">San Francisco</h1>
    <img class ="photos"src = "img/san-francisco-2.jpg" alt ="second pic of San Francisco">
  </div>
  <div id ="destination-button">
  <button id="bottom-button">See All Destinations</button>
  </div>
</body>
</html>