1<!DOCTYPE html> 2<html lang="en"> 3 <head id="html-head"> 4 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 5 <title>Home</title> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> 8 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway"> 9 <link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"> 10 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 11 <link rel="stylesheet" href="/site/templates/styles/site-layout.css"> 12
12<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
12 13 <link rel='stylesheet' href='/site/templates/styles/colorbox.css'> 14
14<script src='/site/templates/scripts/jquery.colorbox.js'></script>
14 15 16 <link rel="stylesheet" type="text/css" href="/site/modules/FieldtypeLeafletMapMarker/assets/font-awesome-4.6.3/css/font-awesome.min.css"> <!-- Styles supporting the use of Leaflet.js --> 17 <link rel="stylesheet" type="text/css" href="https://unpkg.com/[email protected]/dist/leaflet.css" /> 18 <link rel="stylesheet" type="text/css" href="/site/modules/FieldtypeLeafletMapMarker/assets/leaflet-markercluster/MarkerCluster.css" /> 19 <link rel="stylesheet" type="text/css" href="/site/modules/FieldtypeLeafletMapMarker/assets/leaflet-markercluster/MarkerCluster.Default.css" /> 20 21 <!-- Scripts supporting the use of Leaflet.js --> 22
22<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
22 23
23<script type="text/javascript" src="/site/modules/FieldtypeLeafletMapMarker/assets/leaflet-markercluster/leaflet.markercluster.js"></script>
23 24
24<script type="text/javascript" src="/site/modules/FieldtypeLeafletMapMarker/assets/leaflet-providers/leaflet-providers.js"></script>
24 25
25<script type="text/javascript" src="/site/modules/FieldtypeLeafletMapMarker/MarkupLeafletMap.js"></script>
25 26 27 <!-- Extend Leaflet with Awesome.Markers --> 28 <link rel="stylesheet" type="text/css" href="/site/modules/FieldtypeLeafletMapMarker/assets/leaflet-awesome-markers/leaflet.awesome-markers.css" /> 29
29<script type="text/javascript" src="/site/modules/FieldtypeLeafletMapMarker/assets/leaflet-awesome-markers/leaflet.awesome-markers.min.js"></script>
29 30 <!--
30<script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?sensor=false'></script>
30--> 31 32 33 34
34<script> 35 36 37 jQuery(document).ready(function($) { 38 $('a.gallery').colorbox({transition:'elastic', speed:350, maxWidth:'90%', maxHeight:'90%'}); 39 $('a.cb').colorbox({transition:'elastic', speed:350, maxWidth:'90%', maxHeight:'90%'}); 40 }); 41 42 // Script to open and close sidebar 43 // Toggle grid padding 44 function myFunction() { 45 var x = document.getElementById("myGrid"); 46 if (x.className === "w3-row") { 47 x.className = "w3-row-padding"; 48 } else { 49 x.className = x.className.replace("w3-row-padding", "w3-row"); 50 } 51 } 52 53 // Open and close sidebar 54 function w3_open() { 55 document.body.classList.add("mobile-menu-open"); 56 document.getElementById("mySidebar").style.width = "50%"; 57 document.getElementById("mySidebar").style.display = "block"; 58 } 59 60 function w3_close() { 61 document.body.classList.remove("mobile-menu-open"); 62 document.getElementById("mySidebar").style.display = "none"; 63 } 64 65 function syncSidebarOffset() { 66 var header = document.getElementById("top"); 67 if (!header) return; 68 69 var headerHeight = Math.ceil(header.getBoundingClientRect().height); 70 document.documentElement.style.setProperty("--header-height", headerHeight + "px"); 71 document.documentElement.style.setProperty("--sidebar-offset", headerHeight + "px"); 72 } 73 74 window.addEventListener("load", syncSidebarOffset); 75 window.addEventListener("resize", syncSidebarOffset); 76 </script>
76 77 78 79 80 </head> 81 82 <!-- Sidebar/menu --> 83<nav class="w3-sidebar w3-collapse w3-animate-left" style="z-index:3;width:200px;" id="mySidebar"><br> 84 <div class="w3-container"> 85 <a href="/" onclick="w3_close()" class="w3-hide-large w3-right w3-hover-grey" title="close menu"><i class="fa fa-remove" style="font-size:24px"></i> </a> 86 </div> 87 <div class="w3-bar-block"> 88 <a href='/' class='w3-bar-item w3-button w3-padding'><img src='/site/assets/images/roses/home.png' width='20' height='20'><i class='w3-margin-right'></i>Home</a><a href='/annual-membership/' class='w3-bar-item w3-button w3-padding'><i class='fa fa-calendar fa-fw w3-margin-right margin-left'></i>Annual Membership</a><a href='/flying-sites/' class='w3-bar-item w3-button w3-padding w3-margin-left'><img src='/site/assets/images/roses/flying-sites.png' width='20' height='20'><i class='w3-margin-right'></i>Flying Sites</a><a href='/notam/' class='w3-bar-item w3-button w3-padding w3-margin-left'><img src='/site/assets/images/roses/notam.png' width='20' height='20'><i class='w3-margin-right'></i>NOTAM</a><a href='/weather/' class='w3-bar-item w3-button w3-padding w3-margin-left'><img src='/site/assets/images/roses/weather.png' width='20' height='20'><i class='w3-margin-right'></i>Weather</a><a href='/links/' class='w3-bar-item w3-button w3-padding w3-margin-left'><img src='/site/assets/images/roses/links.png' width='20' height='20'><i class='w3-margin-right'></i>Links</a><a href='/liaisons/' class='w3-bar-item w3-button w3-padding w3-margin-left'><img src='/site/assets/images/roses/liaisons.png' width='20' height='20'><i class='w3-margin-right'></i>Committee</a> 89 <a href="#join" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-thumbs-up fa-fw w3-margin-right"></i>JOIN</a> 90 <a href="#contact" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-envelope fa-fw w3-margin-right"></i>CONTACT</a> 91 92 </div> 93 <div class="w3-panel w3-large"> 94 <!-- 95 <i class="fa fa-facebook-official w3-hover-opacity"></i> 96 <i class="fa fa-instagram w3-hover-opacity"></i> 97 <i class="fa fa-snapchat w3-hover-opacity"></i> 98 <i class="fa fa-pinterest-p w3-hover-opacity"></i> 99 <i class="fa fa-twitter w3-hover-opacity"></i> 100 <i class="fa fa-linkedin w3-hover-opacity"></i> 101 --> 102 </div> 103</nav> 104 105<!-- Overlay effect when opening sidebar on small screens --> 106<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"> 107</div> 108 109 <!-- Navbar 110<div class="w3-top w3-panel"> 111 <div class="w3-bar w3-theme-d2 w3-mobile w3-left-align w3-large"> 112 <a href="" class="w3-bar-item w3-button w3-padding-large w3-mobile w3-theme-d4"><i class="fa fa-home w3-margin-right"></i><img src="/site/assets/images/mw&b_logo_text.png" style="height:80px"/></a> 113 </div> 114</div>--> 115 116<div class="site-header-shell"> 117 <!-- Header --> 118 <header id="top"> 119 <div class="site-logo"><a href="/"><img src="/site/assets/images/MWBSC.png"></a></div> 120 <div class="w3-bar w3-xlarge w3-container site-branding-bar bgimg"> 121 <span class="w3-bar-item site-club-title"><h1>The Mid-Wales & Borders Soaring Club</h1></span> 122 <span class="w3-button w3-hide-large w3-xxlarge w3-hover-text-grey w3-left site-menu-toggle" onclick="w3_open()"><i class="fa fa-bars" style="font-size:24px"></i></span> 123 </div> 124 125 126 <div class="w3-container site-page-title"> 127 <h2>Home</h2> 128 </div> 129 </header> 130</div> 131<div id="content"> 132<!-- !PAGE CONTENT! --> 133 134 135<div class="w3-main site-main"> 136 137 <!-- First Photo Grid--> 138 <div class="w3-row-padding w3-padding-16"> 139 <div class="w3-third w3-container w3-margin-bottom"> 140 <img src="/site/assets/images/image001.jpg" alt="Norway" style="width:100%" class="w3-card-4 w3-hover-opacity"> 141 <div class="w3-container w3-white"> 142 <!--<p><b>Lorem Ipsum</b></p> 143 <p>Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p>--> 144 </div> 145 </div> 146 <div class="w3-third w3-container w3-margin-bottom"> 147 <img src="/site/assets/images/image002.jpg" alt="Norway" style="width:100%" class="w3-card-4 w3-hover-opacity"> 148 <div class="w3-container w3-white"> 149 <!--<p><b>Lorem Ipsum</b></p> 150 <p>Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p>--> 151 </div> 152 </div> 153 <div class="w3-third w3-container"> 154 <img src="/site/assets/images/image003.jpg" alt="Norway" style="width:100%" class="w3-card-4 w3-hover-opacity"> 155 <div class="w3-container w3-white"> 156 <!--<p><b>Lorem Ipsum</b></p> 157 <p>Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p>--> 158 </div> 159 </div> 160 </div> 161 <div class="w3-container "> 162 </div> 163 164 <!-- About --> 165 <!--<div class="w3-row-padding w3-padding-16" id="about"> 166 </div> 167--> 168 169 <div class="w3-container"> 170 <h4><strong>About Us</strong></h4> 171<p>We are a group of hang glider and paraglider pilots who fly in Mid-Wales, roughly from Rhaeadr to Aberystwyth and from Aberdyfi to Aberteifi. We provide post-Club Pilot support, negotiate and manage sites to fly in our area, and organise social and training events for our members.</p> 172<p>We are affiliated with the Welsh Free Flight Federation so our members are able to fly many of the sites in Wales. In return WFFF members may fly our open sites without paying the daily membership fee.</p> 173<p>We are a club of qualified pilots -- we do not teach people to fly. If you would like to learn how to fly a hang glider or paraglider then you must find a school.<a href='/site/assets/files/1/image005.500x0.jpg' class='gallery'><img class='w3-card-4 w3-margin-left' src='/site/assets/files/1/image005.500x0.jpg' style='float:right;width:100%;max-width:300px' alt='' /></a></p> 174<p> </p> 175<p>The Mid-Wales Paragliding Centre is based near Aberystwyth and run by a club member. Other Welsh and nearby schools are listed on the links page, all the schools in the UK are listed on the BHPA website. How to join</p> 176<p>Full instructions are on the how to join page. Full membership costs £10 per year. Flying our sites</p> 177<p>Look at the sites guide for up-to-date information on our sites. Welsh Free Flight Federation members are welcome to fly our open sites, as are any BHPA members. BHPA membership includes 3rd party insurance hence why you must be a current BHPA to fly our sites.</p> 178<p>We'd love for everyone to be able to fly all our sites, unfortunately, some of our sites, marked "members only", are extremely sensititive. These are restrictions placed upon us by the landowners. Please do not fly any of these sites if you are not a member: you risk permanent loss of the site for everybody. If, on your travels, you see a likely looking hill and fancy flying it, please contact us first as there will probably be a reason that it's not in the sites guide. Flying such hills can jeopardise other hills under our stewardship and we'd rather avoid such issues!</p> 179 <!--<h4>Site Guide</h4>--> 180 <!-- Sites Guide Section --> 181 <!--<p>
182 <button class="w3-button w3-dark-grey w3-padding-large w3-margin-top w3-margin-bottom"> 183 <i class="fa fa-download w3-margin-right"></i>Download Site Guide 184 </button> 185 </p>--> 186<!-- End page content --> 187<hr class="w3-opacity" style="margin:0;border-color:#d6d6d6;"> 188 189<!-- Contact Section --> 190 191<div class="w3-container w3-padding-large"> 192 <h4 id="contact"><b>Contact US</b></h4> 193 <div class="w3-row-padding w3-center w3-padding-16" style="margin:0 -16px"> 194 <div class="w3-half w3-blue-grey"> 195 <p><i id="join" class="fa fa-thumbs-up w3-xxlarge w3-text-light-grey"></i></p> 196 <p class="w3-text-light-grey"><a href="https://www.flymidwales.org.uk/annual-membership/">JOIN</a></p> 197 </div> 198 <div class="w3-half w3-cyan"> 199 <p><a href = "mailto:[email protected]"><i id="contact" class="fa fa-envelope w3-xxlarge w3-text-light-grey"></i></a></p> 200 <p><a href = "mailto:[email protected]">[email protected]</a></p> 201 </div> 202 </div> 203 <hr class="w3-opacity"> 204 205<!-- Footer --> 206<footer class="w3-container w3-padding-16"> 207 <div class="w3-row-padding"> 208 <div class="w3-quarter"></div> 209 <div class="w3-twothird"> 210 <p><i class="fa fa-copyright"></i> The Mid-Wales & Borders Soaring Club.</p> 211 <p>Powered by processwire & <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p> 212 </div> 213 214 <div class="w3-third"><!-- 215 <h3>BLOG POSTS</h3> 216 <ul class="w3-ul w3-hoverable"> 217 <li class="w3-padding-16"> 218 <img src="/w3images/workshop.jpg" class="w3-left w3-margin-right" style="width:50px"> 219 <span class="w3-large">Lorem</span><br> 220 <span>Sed mattis nunc</span> 221 </li> 222 <li class="w3-padding-16"> 223 <img src="/w3images/gondol.jpg" class="w3-left w3-margin-right" style="width:50px"> 224 <span class="w3-large">Ipsum</span><br> 225 <span>Praes tinci sed</span> 226 </li> 227 </ul> 228 --> 229 </div> 230 231 <div class="w3-third"> 232 <!-- 233 <h3>POPULAR TAGS</h3> 234 <p> 235 <span class="w3-tag w3-black w3-margin-bottom">Travel</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">New York</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">London</span> 236 <span class="w3-tag w3-grey w3-small w3-margin-bottom">IKEA</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">NORWAY</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">DIY</span> 237 <span class="w3-tag w3-grey w3-small w3-margin-bottom">Ideas</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Baby</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Family</span> 238 <span class="w3-tag w3-grey w3-small w3-margin-bottom">News</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Clothing</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Shopping</span> 239 <span class="w3-tag w3-grey w3-small w3-margin-bottom">Sports</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Games</span> 240 </p> 241 --> 242 </div> 243 244 </div> 245 <div class="w3-grey w3-center w3-padding-24">Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-opacity">w3.css</a> 246 </div> 247</footer> 248</div><!----> 249 250 251</body> 252</html> 253</div> 254</div> 255 256
257<script> 258jQuery('a.cb').colorbox({transition:'elastic',speed:350}); 259</script>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.