DOM-II/index.html at main · BradM92/DOM-II · 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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>Fun Bus Travel Agency</title>

  <link href="https://fonts.googleapis.com/css?family=Indie+Flower|Roboto" rel="stylesheet">
  <link href="less/index.less" rel="stylesheet">

  <!-- If we omit the "defer" attribute, `index.js` will load and execute
  _before_ the rest of the HTML is parsed by the browser, which would be bad because
  the code inside `index.js` expects the page to be fully parsed (and the DOM fully built) -->
  <script defer src="js/index.js"></script>
  <!-- We will often see script tags placed right before the closing body tag,
  it's a way of getting around the problem above without the need for "defer" -->
</head>

<body>

  <header class="main-navigation">
    <div class="container nav-container">
      <h1 class="logo-heading">Fun Bus</h1>
      <nav class="nav">
        <a class="nav-link" href="#">Home</a>
        <a class="nav-link" href="#">About Us</a>
        <a class="nav-link" href="#">Blog</a>
        <a class="nav-link" href="#">Contact</a>
      </nav>
    </div>
  </header>

  <div class="container home">
    <header class="intro">
      <img src="img/fun-bus.jpg" alt="bus in the sand">
      <h2>Welcome To Fun Bus!</h2>
      <p>Traveling expedition modern, clean webdesign blogger clean website theme website modern. Design pretty design, travelblogger adventure WordPress wanderlust theme blogger website expedition theme travelblogger. Adventure fun traveler pretty design website expedition.</p>
    </header>
    <section class="content-section">
      <div class="text-content">
        <h2>Let's Go!</h2>
        <p>Adventure webdesign pretty design design, excursion cute WordPress blogger design webdesign adventure. Pretty simple traveling fun WordPress wanderlust darn simple organized.</p>
        <p>Expedition colorful design simple excursion blogger blogger design WordPress design, design organized website theme.</p>
      </div>
      <div class="img-content">
        <img src="img/adventure.jpg" alt="Let's go on an adventure!">
      </div>
    </section>
    <section class="content-section inverse-content">
      <div class="img-content">
          <img src="img/fun.jpg" class="img-fluid rounded" alt="Lets have fun!">
      </div>
      <div class="text-content">
        <h2>Adventure Awaits</h2>
        <p>Adventure webdesign pretty design design, excursion cute WordPress blogger design webdesign adventure. Pretty simple traveling fun WordPress wanderlust darn simple organized.</p>
        <p>Expedition colorful design simple excursion blogger blogger design WordPress design, design organized website theme.</p>
      </div>

    </section>
    <section class="content-destination">
      <h2>Pick Your Destination</h2>
      <p>Expedition excursion design darn excursion fun, clean simple organized WordPress Travel colorful webdesign. Traveler blogger website design expedition clean excursion traveling.</p>
      <img src="img/destination.jpg" alt="Second slide">
    </section>
    <section class="content-pick">

      <div class="destination">
        <h4>Fun In The Sun</h4>
        <p>Expedition excursion design excursion fun, clean simple organized WordPress Travel colorful webdesign. Traveler blogger website design expedition clean excursion traveling.</p>
        <div class="btn">Sign Me Up!</div>
      </div>
      <div class="destination">
        <h4>Mountain Excursion</h4>
        <p>Expedition excursion design excursion fun, clean simple organized WordPress Travel colorful webdesign. Traveler blogger website design expedition clean excursion traveling.</p>
        <div class="btn">Sign Me Up!</div>
      </div>
      <div class="destination">
        <h4>Island Getaway</h4>
        <p>Expedition excursion design excursion fun, clean simple organized WordPress Travel colorful webdesign. Traveler blogger website design expedition clean excursion traveling.</p>
        <div class="btn">Sign Me Up!</div>
      </div>
    </section>
  </div><!-- container -->

  <footer class="footer">
    <p>Copyright Fun Bus 2020</p>
  </footer>

</body>
</html>