wc0sby.github.io/events.html at master · wc0sby/wc0sby.github.io · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/master.css">
    <link href="https://fonts.googleapis.com/css?family=Architects+Daughter" rel="stylesheet">
    <link rel="icon" href="./images/bike.png">
    <title>Cycle Adventures - Book Today!</title>
    <!--Code above set the browser tab icon-->
  </head>
  <body>
    <header>
      <div class="myLogo">
      <img src="./images/logo2.png" alt="">
      <h1>Cycling <br> Adventures</h1>
    </div>
      <nav>
        <a href="./index.html"><i class="fa fa-home fa-fw" aria-hidden="true"></i>Home</a>
        <a href="#"><i class="fa fa-calendar-o" aria-hidden="true"></i> Events</a>
        <a href="./services.html"><i class="fa fa-bicycle" aria-hidden="true"></i> Services</a>
        <a href="#"><i class="fa fa-address-card" aria-hidden="true"></i> Contact</a>
      </nav>
    </header>
    <main>
        <!-- Code below inteded to hold content targeting the consumer -->
        <section class="content">
            <iframe src="https://calendar.google.com/calendar/embed?src=oi8dnlghjq3umrj67jlacdkgqc%40group.calendar.google.com&ctz=America/Chicago" style="border: 0" width="800" height="400" frameborder="0" scrolling="no"></iframe>
        </section>
    </main>
    <div class="footer-container">
    <footer>
      <div class="contact">
        <address class="primary-address">
          Cycling Advertures |
          5555 Cycle Rd |
          Austin, TX 78704 <br>
          Pnone: 512.789.2564
        </address>
      </div>
        <div class="credits">
        <p>Photo Credits</p>
        <ul>
          <li>Background: Pexels.com</li>
          <li>Featured: Backroads.com</li>
          <li>Icons: fontawesome.io</li>
        </ul>
      </div>
    </div>
      <!-- <div class="social-bar">

      </div> -->

    </footer>
    <aside class="social-bar">
      <i class="fa fa-facebook-square" aria-hidden="true"></i>
      <i class="fa fa-twitter-square" aria-hidden="true"></i>
      <i class="fa fa-google-plus-square" aria-hidden="true"></i>
      <i class="fa fa-tumblr-square" aria-hidden="true"></i>

    </aside>
  </body>
</html>