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>Annual Membership</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'><img src='/site/assets/images/roses/flying-sites.png' width='20' height='20'><i class='w3-margin-right'></i>Flying Sites</a><a href='../liaisons' class='w3-bar-item w3-button w3-padding'><img src='/site/assets/images/roses/liaisons.png' width='20' height='20'><i class='w3-margin-right'></i>Committee</a><a href='../links' class='w3-bar-item w3-button w3-padding'><img src='/site/assets/images/roses/links.png' width='20' height='20'><i class='w3-margin-right'></i>Links</a><a href='../notam' class='w3-bar-item w3-button w3-padding'><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'><img src='/site/assets/images/roses/weather.png' width='20' height='20'><i class='w3-margin-right'></i>Weather</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>Annual Membership</h2> 128 </div> 129 </header> 130</div><div id="content" pw-append> 131 132 <div class="w3-main site-main"> 133 <div class="w3-container w3-padding-large"> 134 135 <p>Membership of the club helps to support us in maintaining access to our sites. The cost is only £10 a year- some sites still require payment for access eg Cemmaes.</p> 136<p>Joining gives you access to all our sites as well as a link to join the Telegram group.</p> 137<h4>Please note that, as with all BHPA clubs, your <strong><em>membership is only valid with a current BHPA membership</em></strong>.</h4> 138 <form method="post" style="max-width:560px; margin-top:24px;"> 139 140 141 <h3 style="margin-bottom:16px;">Your Details</h3> 142 143 <div class="w3-section"> 144 <label for="bhpanumber"><b>BHPA Number *</b></label> 145 <input id="bhpanumber" name="bhpanumber" type="text" class="w3-input w3-border" 146 placeholder="e.g. 12345" pattern="[0-9]{4,6}" maxlength="6" required 147 value=""> 148 </div> 149 150 <div class="w3-section"> 151 <label for="pilotrating"><b>Pilot Rating *</b></label> 152 <select id="pilotrating" name="pilotrating" class="w3-select w3-border" required> 153 <option value="">â Select rating â</option> 154 <option value="CP">CP</option> 155<option value="Pilot">Pilot</option> 156<option value="Advanced Pilot">Advanced Pilot</option> 157<option value="Tandem">Tandem</option> 158 </select> 159 </div> 160 161 <h3 style="margin:24px 0 16px;">Emergency Contact</h3> 162 163 <div class="w3-section"> 164 <label for="nok_name"><b>Emergency Contact Name *</b></label> 165 <input id="nok_name" name="nok_name" type="text" class="w3-input w3-border" 166 placeholder="Full name" pattern="[A-Za-z][A-Za-z\s\-'.]{1,79}" maxlength="80" required 167 value=""> 168 </div> 169 170 <div class="w3-section"> 171 <label for="nok_phone"><b>Emergency Contact Phone *</b></label> 172 <input id="nok_phone" name="nok_phone" type="tel" class="w3-input w3-border" 173 placeholder="e.g. 07700 900000" pattern="(\+44\s?7\d{3}|0?7\d{3}|\+44\s?(1\d{3}|2\d{2})|0(1\d{3}|2\d{2}))[\s-]?\d{3,4}[\s-]?\d{3,4}" maxlength="20" required 174 value=""> 175 </div> 176 177 <div class="w3-section"> 178 <label for="nok_address"><b>Emergency Contact Address *</b></label> 179 <textarea id="nok_address" name="nok_address" class="w3-input w3-border" 180 rows="3" minlength="10" placeholder="Street, Town, Postcode" required></textarea> 181 </div> 182 183 <button type="submit" name="start_checkout" value="1" class="btn btn-primary w3
183-margin-top"> 184 Continue to payment › 185 </button> 186 187 </form> 188 189 </div> 190 <hr class="w3-opacity" style="margin:0;border-color:#d6d6d6;"> 191 192<!-- Contact Section --> 193 194<div class="w3-container w3-padding-large"> 195 <h4 id="contact"><b>Contact US</b></h4> 196 <div class="w3-row-padding w3-center w3-padding-16" style="margin:0 -16px"> 197 <div class="w3-half w3-blue-grey"> 198 <p><i id="join" class="fa fa-thumbs-up w3-xxlarge w3-text-light-grey"></i></p> 199 <p class="w3-text-light-grey"><a href="https://www.flymidwales.org.uk/annual-membership/">JOIN</a></p> 200 </div> 201 <div class="w3-half w3-cyan"> 202 <p><a href = "mailto:[email protected]"><i id="contact" class="fa fa-envelope w3-xxlarge w3-text-light-grey"></i></a></p> 203 <p><a href = "mailto:[email protected]">[email protected]</a></p> 204 </div> 205 </div> 206 <hr class="w3-opacity"> 207 208<!-- Footer --> 209<footer class="w3-container w3-padding-16"> 210 <div class="w3-row-padding"> 211 <div class="w3-quarter"></div> 212 <div class="w3-twothird"> 213 <p><i class="fa fa-copyright"></i> The Mid-Wales & Borders Soaring Club.</p> 214 <p>Powered by processwire & <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p> 215 </div> 216 217 <div class="w3-third"><!-- 218 <h3>BLOG POSTS</h3> 219 <ul class="w3-ul w3-hoverable"> 220 <li class="w3-padding-16"> 221 <img src="/w3images/workshop.jpg" class="w3-left w3-margin-right" style="width:50px"> 222 <span class="w3-large">Lorem</span><br> 223 <span>Sed mattis nunc</span> 224 </li> 225 <li class="w3-padding-16"> 226 <img src="/w3images/gondol.jpg" class="w3-left w3-margin-right" style="width:50px"> 227 <span class="w3-large">Ipsum</span><br> 228 <span>Praes tinci sed</span> 229 </li> 230 </ul> 231 --> 232 </div> 233 234 <div class="w3-third"> 235 <!-- 236 <h3>POPULAR TAGS</h3> 237 <p> 238 <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> 239 <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> 240 <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> 241 <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> 242 <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> 243 </p> 244 --> 245 </div> 246 247 </div> 248 <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> 249 </div> 250</footer> 251</div><!----> 252 253 254</body> 255</html> 256 </div> 257 258</div>
259<script> 260jQuery('a.cb').colorbox({transition:'elastic',speed:350}); 261</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.