freecodecamp-slc.github.io/calendar.html at master · FreeCodeCamp-SLC/freecodecamp-slc.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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">

        <!--the line below is a link to the css file google uses (I think). I was trying to make the calendar customizable but the hints I found use PHP https://css-tricks.com/forums/topic/how-can-you-apply-custom-css-to-google-calendar/-->
        <!--<link type="text/css" rel="stylesheet" href="https://www.google.com/calendar/274d9978a272b3b8173326e9fc37e5f8embedcompiled_fastui.css">-->

        <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
        <!---->

    </head>

<body>
  <nav class='navbar navbar-inverse' role='navigation'>
    <div class='container-fluid'>
      <div class='navbar-header'>
        <button type='button' data-toggle='collapse' data-target='.navbar-collapse' class='navbar-toggle navbar-fixed'>
<!--             <span><strong>Menu</strong></span> -->
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

        <a class='navbar-brand' href='#'>Free Code Camp Salt Lake City</a>

      </div>


      <div class='navbar-collapse collapse' aria-expanded='true'>
        <ul class='nav navbar-nav navbar-right'>
          <li class='hover-nav'><a href="/index.html">Home</a></li>
          <li><a href="#">Portfolio</a></li>
          <li><a href="/calendar.html">Calendar</a></li>
          <li><a href="#">Goals</a></li>
          <!--         <li>Sugarhouse Farmers Market</li> -->
        </ul>
      </div>
    </div>
  </nav>


  <div class='container calendar'>
      <!-- <iframe src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%2333ccff&amp;src=pj0t7sbqent264da5qohdedhu0%40group.calendar.google.com&amp;color=%230F4B38&amp;src=djc61ejhgahj1i03g9jg3pnkjbq7evht%40import.calendar.google.com&amp;color=%23125A12&amp;src=cp57278tkddgi3qlekk727vfphu31frs%40import.calendar.google.com&amp;color=%2342104A&amp;src=0aqp119ctaqvftgug7mbhe414l2er06i%40import.calendar.google.com&amp;color=%23AB8B00&amp;src=8bjsg5aq83iqqc9qoumq2n08jm734iij%40import.calendar.google.com&amp;color=%23711616&amp;src=9fo6n29rr3q4bbtitudq4slsqkosgsmk%40import.calendar.google.com&amp;color=%23182C57&amp;src=pj0t7sbqent264da5qohdedhu0%40group.calendar.google.com&amp;color=%23B1365F&amp;ctz=America%2FDenver" style="border-width:0" width="1000" height="600" frameborder="0" scrolling="no"></iframe> -->
      <iframe src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=pj0t7sbqent264da5qohdedhu0%40group.calendar.google.com&amp;color=%23B1365F&amp;ctz=America%2FDenver" style="border-width:0" width="1000" height="600" frameborder="0" scrolling="no"></iframe>
  </div>


  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
</body>