1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 8 <!--Swap our for actual link--> 9 <link rel="canonical" href="https://therace.ie/about/"> 10 11 <meta name="description" content="About - The Race. Irish Outdoors, lifestyle and sports"> 12 <meta name="keywords" content=""> 13 14 <!--Social Media Display--> 15 <meta property="og:title" content="About - The Race. Irish Outdoors, lifestyle and sports"/> 16 <meta property="og:description" content="About - The Race. Irish Outdoors, lifestyle and sports"/> 17 <meta property="og:type" content="website"/> 18 <meta property="og:url" content="https://therace.ie/about/"/> 19 <meta property="og:image" content="/images/social.jpg"/> 20 <meta property="og:image:secure_url" content="/images/social.jpg"/> 21 22 <!--Favicons--> 23 <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%2210 0 100 100%22><text y=%22.90em%22 font-size=%2290%22>ð²</text></svg>"></link> 24 25 <!-- Preload --> 26 <link rel="preload" as="image" href="/assets/logo-light.png"> 27 <link rel="preload" as="font" type="font/woff2" href="/assets/fonts/roboto-v29-latin-regular.woff2" crossorigin> 28 <link rel="preload" as="font" type="font/woff2" href="/assets/fonts/roboto-v29-latin-700.woff2" crossorigin> 29 30 <link rel="stylesheet" href="/css/root.css"> 31 <link rel="stylesheet" href="/css/dark.css"> 32 33 <link rel="preload" as="image" href="/assets/images/ireland2.jpg"/> 34 35 <!-- Loading in page specific CSS sheets from css block --> 36 <link rel="stylesheet" href="/css/critical.css"/> 37 <link rel="stylesheet" href="/css/about.css"> 38 39 <!--Put analytics tag here at the bottom to prevent it from render blocking--> 40 41 <!-- For home page, use full title, including location for SEO. Other pages should just include the page name --> 42 <title> 43 44 About - The Race. Irish Outdoors, lifestyle and sports | The Race 45 46 </title> 47 </head> 48 <body> 49 <!--Screen reader skip main nav--> 50 <a class="skip" aria-label="skip to main content" href="#main">Click To Skip To Main Content</a> 51 52 <!-- ============================================ --> 53<!-- Navigation --> 54<!-- ============================================ --> 55 56<header id="cs-navigation"> 57 <!--Nav Logo--> 58 <a href="/" class="cs-logo" aria-label="back to home" style="text-decoration: none; color: white;"> 59 <img class="cs-logo-img" src="/assets/images/therace-logo.webp" style="filter: grayscale(1) brightness(1000%);" alt="logo" aria-hidden="true" decoding="async"> 60 61 </a> 62 <!--Navigation List--> 63 <nav class="cs-nav" role="navigation"> 64 <!--Mobile Nav Toggle--> 65 <button class="cs-toggle" aria-label="mobile menu toggle"> 66 <div class="cs-box" aria-hidden="true"> 67 <span class="cs-line cs-line1" aria-hidden="true"></span> 68 <span class="cs-line cs-line2" aria-hidden="true"></span> 69 <span class="cs-line cs-line3" aria-hidden="true"></span> 70 </div> 71 </button> 72 <!-- We need a wrapper div so we can set a fixed height on the cs-ul in case the nav list gets too long from too many dropdowns being opened and needs to have an overflow scroll. This wrapper acts as the background so it can go the full height of the screen and not cut off any overflowing nav items while the cs-ul stops short of the bottom of the screen, which keeps all nav items in view no matter how mnay there are--> 73 <div class="cs-ul-wrapper"> 74 <ul id="cs-expanded" class="cs-ul" aria-expanded="false"> 75 <li class="cs-li"> 76 <a href="/" class="cs-li-link"> 77 Home 78 </a> 79 </li> 80 <!--Copy and paste this cs-dropdown list item and replace any .cs-li with this cs-dropdown group to make a new dropdown and it will work--> 81 <li class="cs-li"> 82 <a href="/about" class="cs-li-link"> 83 About 84 </a> 85 </li> 86 <li class="cs-li"> 87 <a href="/latest" class="cs-li-link"> 88 Latest 89 </a> 90 </li> 91 <li class="cs-li"> 92 <a href="/contact" class="cs-li-link"> 93 Contact 94 </a> 95 </li> 96 </ul> 97 </div> 98 </nav> 99 <!--Dark Mode toggle, uncomment button code if you want to enable a dark mode toggle--> 100 <!-- <button id="dark-mode-toggle" aria-label="dark mode toggle"> 101 <svg class="cs-moon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 480" style="enable-background:new 0 0 480 480" xml:space="preserve"><path d="M459.782 347.328c-4.288-5.28-11.488-7.232-17.824-4.96-17.76 6.368-37.024 9.632-57.312 9.632-97.056 0-176-78.976-176-176 0-58.4 28.832-112.768 77.12-145.472 5.472-3.712 8.096-10.4 6.624-16.832S285.638 2.4 279.078 1.44C271.59.352 264.134 0 256.646 0c-132.352 0-240 107.648-240 240s107.648 240 240 240c84 0 160.416-42.688 204.352-114.176 3.552-5.792 3.04-13.184-1.216-18.496z"/></svg> 102 <img class="cs-sun" aria-hidden="true" src="https://csimg.nyc3.cdn.digitaloceanspaces.com/Icons%2Fsun.svg" decoding="async" alt="moon" width="15" height="15"> 103 </button> --> 104</header> 105 106 <main id="main"><!-- Enter html code below --> 107 108<!-- ============================================ --> 109<!-- LANDING --> 110<!-- ============================================ --> 111 112<section id="int-hero"> 113 <h1 id="home-h">About</h1> 114 <picture class=""> 115 <source type="image/webp" srcset="/images/race-cover-200w.webp 200w, /images/race-cover-400w.webp 400w, /images/race-cover-850w.webp 850w" sizes="(max-width: 400px) 400px, (max-width: 850px) 850px, 1920px"> 116 <source type="image/jpeg" srcset="/images/race-cover-200w.jpeg 200w, /images/race-cover-400w.jpeg 400w, /images/race-cover-850w.jpeg 850w" sizes="(max-width: 400px) 400px, (max-width: 850px) 850px, 1920px"> 117 <img 118 src="/images/race-cover-200w.jpeg" 119 width="850" 120 height="1275" 121 alt="the race" 122 loading="lazy" 123 decoding="async"> 124 </picture> 125 </section> 126<!-- ============================================ --> 127<!-- Side By Side --> 128<!-- ============================================ --> 129 130<section id="sbs-1591"> 131 <div class="cs-container"> 132 <div class="cs-image-group"> 133 <!--Top left image--> 134 <picture class="cs-picture cs-picture1"> 135 <!--Mobile Image--> 136 <source media="(max-width: 600px)" srcset="/assets/images/blog/endurance.jpg"> 137 <!--Tablet and above Image--> 138 <source media="(min-width: 601px)" srcset="/assets/images/blog/endurance.jpg"> 139 <img loading="lazy" decoding="async" src="/assets/images/blog/endurance.jpg" alt="endurance" width="413" height="500"> 140 </picture> 141 </div> 142 <div class="cs-content">
143 <span class="cs-topper">About us</span> 144 <h2 class="cs-title">The Race</h2> 145 <p class="cs-text"> 146 147Welcome to our sports, outdoor, and lifestyle blog, your ultimate guide to all things adventurous and exciting in Ireland! Whether you're a thrill-seeker looking for the next adrenaline rush, a nature enthusiast eager to explore Ireland's stunning landscapes, or simply seeking inspiration for a vibrant and active lifestyle, you've come to the right place. From thrilling outdoor activities like hiking, surfing, and mountain biking to insightful guides on wellness, travel, and local culture, our blog is your go-to resource for discovering the best of Ireland's sports, outdoor adventures, and vibrant lifestyle scene. 148 </p> 149 <a href="/blog" class="cs-button-solid">Latest Articles</a> 150 </div> 151 </div> 152</section> 153 154 155 156 157 158 159 160 161 162 163 164 165 166</main> 167 <!-- ============================================ --> 168<!-- Footer --> 169<!-- ============================================ --> 170 171<footer id="footer"> 172 <div class="container"> 173 <div class="right-section"> 174 <div class="lists"> 175 <div class="cs-logo-group"> 176 <a aria-label="go back to home" class="cs-logo" href=""> 177 <img class="cs-logo-img" aria-hidden="true" loading="lazy" decoding="async" src="/assets/images/therace-logo.webp" alt="logo" height="62"> 178 </a> 179 </div> 180 181 </div> 182 </div> 183 </div> 184</footer> 185 186
186<script defer src="/assets/js/nav.js"></script>
186 187
187<script defer src="/assets/js/dark.js"></script>
187 188 189 <!-- 190 This script adds a class to the body after scrolling 100px 191 and we used these body.scroll styles to create some on scroll 192 animations with the navbar 193 --> 194
194<script defer> 195 document.addEventListener('scroll', (e) => { 196 const scroll = document.documentElement.scrollTop; 197 if (scroll >= 100) { 198 document 199 .querySelector('body') 200 .classList 201 .add('scroll') 202 } else { 203 document 204 .querySelector('body') 205 .classList 206 .remove('scroll') 207 } 208 }); 209 </script>
209 210 211 </body> 212</html>
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.