fbbarnes.github.io/adventures-menu.html at main · fbbarnes/fbbarnes.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
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

<script>
function toggleContent(element) {
    element.style.display = (element.dataset.toggled ^= 1) ? "block" : "none";
};
</script>


<h2><button onclick="toggleContent(document.getElementById('adventures_content'));"><h2>Adventures</h2></button></h2>
<div class="hidden" id="adventures_content">

<table>
  <tr>  <tr>

    <td>
      <div class="container">
        <a href="st-oswalds.html"><img src="Images/adam-knowesgate-600x450.jpeg" alt="St Oswald's Way" style="width:100%;"></a>
        <div class="centered">St Oswald's Way</div>
      </div>
    </td>

    <td>
      <div class="container">
        <a href="loch-lomond.html"><img src="Images/james-slava-fred-600x450.jpeg" alt="Loch Lomond." style="width:100%;"></a>
        <div class="centered">Loch Lomond</div>
      </div>
    </td>
    <td>
      <div class="container">
        <a href="coast-to-coast.html"><img src="Images/keld-heather-600x450.jpeg" alt="Keld heather." style="width:100%;"></a>
        <div class="centered">Coast to Coast</div>
      </div>
    </td>

  </tr>

  <tr>  <tr>

    <td>
      <div class="container">
        <a href="moss-side-to-kinder-scout.html"><img src="Images/fred-kinder-600x450.jpg" alt="Looking over Kinder reservoir from the top." style="width:100%;"></a>
        <div class="centered">Moss Side to Kinder Scout</div>
      </div>
    </td>
    <td>
      <div class="container">
        <a href="ethiopia.html"><img src="Images/simien-sunset-edited-600x450.jpeg" alt="Sunset in the Simien Mountains, Ethiopia." style="width:100%;"></a>
        <div class="centered">Ethiopia</div>
      </div>
    </td>
    <td>
      <div class="container">
         <a href="arctic-run.html"><img src="Images/skala-600x450.jpg" alt="Skåla in Nordfjord, Norway" style="width:100%;">  </a>
        <div class="centered">Arctic Run</div>
      </div>
    </td>

  </tr>

  <tr>  <tr>
    <td>
      <div class="container">
        <a href="belarus.html"><img src="Images/gomel-bridge-600x450.jpeg" alt="Bridge in Gomel, Belarus." style="width:100%;"></a>
        <div class="centered">Belarus</div>
      </div>
    </td>
     <td>
      <div class="container">
        <a href="lithuania.html"><img src="Images/vilnius-street-600x450.jpg" alt="Street in Vilnius, Lithuania." style="width:100%;"></a>
        <div class="centered">Lithuania</div>
      </div>
    </td>
    <td>
      <div class="container">
        <a href="california.html"><img src="Images/anza-borrego-600x450.jpeg" alt="Road into the Anza-Borrego Desert, California." style="width:100%;"></a>
        <div class="centered">California</div>
      </div>
    </td>

  </tr>
    <tr>  <tr>
    <td>
      <div class="container">
        <a href="india.html"><img src="Images/taj-river-600x450.jpg" alt=""Sitting by the bank of the Yamuna in front of the Taj Mahal, Agra." style="width:100%;"></a>
        <div class="centered">India</div>
      </div>
    </td>
  </tr>

</table>
</div>