Preprocessing-II/index.html at master · danfrrr13/Preprocessing-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
92
93
<!doctype html>

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

  <title>Fun Bus Travel Agency - Solution</title>

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

  <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
  <![endif]-->
</head>

<body>

  <nav>
    <h1>
      Fun Bus
    </h1>
    <div>
      <a href="#">Home</a>
      <a href="#">About Us</a>
      <a href="#">Blog</a>
      <a href="#">Contact</a>
    </div>
  </nav>

  <div class="container home">
    <header>
      <figure>
        <img src="img/fun-bus.jpg" />
      </figure>
      <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>
      <figure class="img-content">
        <img src="img/adventure.jpg" alt="Let's go on an adventure!">
      </figure>
    </section>
    <section class="content-section inverse-content">
      <figure class="img-content">
          <img src="img/fun.jpg" class="img-fluid rounded" alt="Lets have fun!">
      </figure>
      <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>
        <button>Sign Me Up!</button>
      </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>
        <button>Sign Me Up!</button>
      </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>
        <button>Sign Me Up!</button>
      </div>
    </section>
  </div><!-- container -->

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

</body>
</html>