CINXE.COM
Things to See & Do in Oban | Seafood Capital of Scotland
<!DOCTYPE html> <html lang="en-gb"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> <link rel="canonical" href="https://www.oban.org.uk/see-do/" /> <!-- Google Tag Manager --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-732914-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-732914-1'); </script> <script id="Cookiebot" data-cbid="0f51eafd-02e2-49c2-b782-c575a9ba1149" data-blockingmode="auto" type="text/javascript" src="https://consent.cookiebot.com/uc.js"></script> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"> <link rel="manifest" href="/favicons/site.webmanifest"> <link rel="mask-icon" color="#035282" href="/favicons/safari-pinned-tab.svg"> <link rel="shortcut icon" href="/favicons/favicon.ico"> <meta name="msapplication-TileColor" content="#035282"> <meta name="msapplication-config" content="/favicons/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <meta name="apple-mobile-web-app-title" content="Visit Oban "> <meta name="application-name" content="Visit Oban "> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="Visit Oban "> <meta name="twitter:title" content=""> <meta property="og:title" content="" /> <meta property="og:type" content="website" /> <title>Things to See & Do in Oban | Seafood Capital of Scotland </title> <meta name="description" content="Oban has many special things to see and do, whether you like to take it easy or you seek an adrenaline rush in the Seafood Capital of Scotland" /> <meta name="keywords" content="" /> <link rel="stylesheet" href="https://use.typekit.net/yor8efl.css"> <link rel="stylesheet" href="/css/ThirdParty/flickity.min.css" /> <script crossorigin="anonymous" src="https://kit.fontawesome.com/dace7ae32e.js"></script> <link href="/sb/site-stylesheets.css.v5" rel="stylesheet" /> </head> <body class="nav-fixed bg-white"> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=UA-732914-1" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <section class="site-container"> <nav class="nav nav-fixed blue-nav bg-dark-blue"> <section class="primary-nav"> <div class="nav-logo"> <a href="/" alt="Visit Oban home page" title="Go to Visit Oban home page"><img src="/media/rtzfngsz/love-oban-logo-ribbon.svg" title="Wild About Argyll Logo image" /></a> </div> <div class="nav-logo-tablet"> <a href="/" alt="Visit Oban home page" title="Go to Visit Oban home page"><img src="/media/rtzfngsz/love-oban-logo-ribbon.svg" title="Wild About Argyll Logo image" /></a> </div> <div class="nav-logo-mobile"> <a href="/" alt="Visit Oban home page" title="Go to Visit Oban home page"><img src="/media/ahwpbnms/love-oban-no-text.svg" title="Wild About Argyll Logo image" /></a> </div> <div class="primary-nav-inner"> <a href="/visit/" alt="Where to Visit" class="btn-cta btn-transparent dark" title="Where to Visit">Where to Visit</a> <a href="/stay/" alt="Stay" class="btn-cta btn-transparent dark" title="Stay">Stay</a> <a href="/eat-drink/" alt="Eat & Drink" class="btn-cta btn-transparent dark" title="Eat & Drink">Eat & Drink</a> <a href="/see-do/" alt="See & Do" class="btn-cta btn-transparent dark" title="See & Do">See & Do</a> <a href="/places-to-shop/" alt="Places to Shop" class="btn-cta btn-transparent dark" title="Places to Shop">Places to Shop</a> <a href="/whats-on/" alt="What's On" class="btn-cta btn-transparent dark" title="What's On">What's On</a> <a href="/blogs/" alt="Blogs" class="btn-cta btn-transparent dark" title="Blogs">Blogs</a> <a href="/getting-here/" alt="Getting Here" class="btn-cta btn-transparent dark" title="Getting Here">Getting Here</a> <a href="/seafood-capital-of-scotland/" alt="Seafood Capital of Scotland" class="btn-cta btn-transparent dark" title="Seafood Capital of Scotland">Seafood Capital of Scotland</a> <a href="/search/" alt="Search" class="btn-cta btn-dark-blue cta-alt dark margin-right-10px" title="Search">Search</a> <div id="nav-button--menu-open" class="nav-button"> Menu <i class="fa-light fa-bars menu-open margin-left-10px"></i> </div> </div> </section> <div class="menu-container"> <section class="menu-panel color-white"> <div class="menu-grid"> <div class="cta-row"> <a href="/search/" alt="Search" class="btn-cta btn-dark-blue cta-alt dark" title="Search">Search</a> <div id="nav-button--menu-close" class="nav-button"> <i class="fa-light fa-xmark menu-close"></i> </div> </div> <div class="nav-links"> <div class="primary-nav-link-container"> <a href="/visit/" alt="Where to Visit" class="primary-nav-link selected" data-subitems-id="cc9865ea-a218-414b-8187-8e5c838c646b">Where to Visit<hr class="selected-indicator" /></a> <i class="fa fa-2x fa-chevron-right mobile-nav--submenu-open selected" data-subitems-id="cc9865ea-a218-414b-8187-8e5c838c646b"></i> </div> <div class="primary-nav-link-container"> <a href="/stay/" alt="Stay" class="primary-nav-link " data-subitems-id="8ec725f2-2791-448e-b1f6-18dc4d3f5f50">Stay<hr class="selected-indicator" /></a> <i class="fa fa-2x fa-chevron-right mobile-nav--submenu-open " data-subitems-id="8ec725f2-2791-448e-b1f6-18dc4d3f5f50"></i> </div> <div class="primary-nav-link-container"> <a href="/eat-drink/" alt="Eat & Drink" class="primary-nav-link " data-subitems-id="b7ef09da-9bfe-4c70-989f-8d46e4bc04f5">Eat & Drink<hr class="selected-indicator" /></a> <i class="fa fa-2x fa-chevron-right mobile-nav--submenu-open " data-subitems-id="b7ef09da-9bfe-4c70-989f-8d46e4bc04f5"></i> </div> <div class="primary-nav-link-container"> <a href="/see-do/" alt="See & Do" class="primary-nav-link " data-subitems-id="325497c0-9b3c-458f-820b-100382d0fb7f">See & Do<hr class="selected-indicator" /></a> <i class="fa fa-2x fa-chevron-right mobile-nav--submenu-open " data-subitems-id="325497c0-9b3c-458f-820b-100382d0fb7f"></i> </div> <div class="primary-nav-link-container"> <a href="/places-to-shop/" alt="Places to Shop" class="primary-nav-link " data-subitems-id="5c74b40f-fe2a-43b8-933e-10e151614f98">Places to Shop<hr class="selected-indicator" /></a> </div> <div class="primary-nav-link-container"> <a href="/whats-on/" alt="What's On" class="primary-nav-link " data-subitems-id="b9ecfff0-c3a4-49d8-9fe8-e1027582b9bf">What's On<hr class="selected-indicator" /></a> </div> <div class="primary-nav-link-container"> <a href="/blogs/" alt="Blogs" class="primary-nav-link " data-subitems-id="a20e68d8-83e2-46d4-b9f7-79be81d19376">Blogs<hr class="selected-indicator" /></a> </div> <div class="primary-nav-link-container"> <a href="/getting-here/" alt="Getting Here" class="primary-nav-link " data-subitems-id="0d29335d-0324-4b92-914e-73b0266c5f98">Getting Here<hr class="selected-indicator" /></a> <i class="fa fa-2x fa-chevron-right mobile-nav--submenu-open " data-subitems-id="0d29335d-0324-4b92-914e-73b0266c5f98"></i> </div> <div class="primary-nav-link-container"> <a href="/seafood-capital-of-scotland/" alt="Seafood Capital of Scotland" class="primary-nav-link " data-subitems-id="4407a4e1-460c-4a36-a465-f3d47fd6a3ad">Seafood Capital of Scotland<hr class="selected-indicator" /></a> <i class="fa fa-2x fa-chevron-right mobile-nav--submenu-open " data-subitems-id="4407a4e1-460c-4a36-a465-f3d47fd6a3ad"></i> </div> <div class="nav-secondary-links"> <a href="/webcams/" alt="Webcam" class="secondary-nav-link">Webcam</a> <a href="/podcasts/" alt="Podcasts" class="secondary-nav-link">Podcasts</a> <a href="/downloads/" alt="Downloads" class="secondary-nav-link">Downloads</a> </div> </div> <div class="nav-subitems"> <div class="nav-subitem-list selected" id="cc9865ea-a218-414b-8187-8e5c838c646b"> <a href="/visit/oban/" alt="Oban Town Centre" class="subitem-nav-link">Oban Town Centre</a> <a href="/visit/oban-lorn/" alt="Around Oban & Lorn" class="subitem-nav-link">Around Oban & Lorn</a> <a href="/visit/islands/" alt="Islands from Oban" class="subitem-nav-link">Islands from Oban</a> </div> <div class="nav-subitem-list " id="8ec725f2-2791-448e-b1f6-18dc4d3f5f50"> <a href="/stay/hotels/" alt="Hotels" class="subitem-nav-link">Hotels</a> <a href="/stay/guest-houses/" alt="Guest Houses" class="subitem-nav-link">Guest Houses</a> <a href="/stay/self-catering/" alt="Self Catering" class="subitem-nav-link">Self Catering</a> <a href="/stay/bed-breakfasts/" alt="Bed & Breakfasts" class="subitem-nav-link">Bed & Breakfasts</a> <a href="/stay/hostels/" alt="Hostels" class="subitem-nav-link">Hostels</a> <a href="/stay/caravan-parks/" alt="Caravan Parks" class="subitem-nav-link">Caravan Parks</a> </div> <div class="nav-subitem-list " id="b7ef09da-9bfe-4c70-989f-8d46e4bc04f5"> <a href="/eat-drink/local-producers/" alt="Local Producers" class="subitem-nav-link">Local Producers</a> </div> <div class="nav-subitem-list " id="325497c0-9b3c-458f-820b-100382d0fb7f"> <a href="/see-do/boat-trips/" alt="Boat trips" class="subitem-nav-link">Boat trips</a> <a href="/see-do/distillery/" alt="Distillery" class="subitem-nav-link">Distillery</a> <a href="/see-do/attractions/" alt="Attractions" class="subitem-nav-link">Attractions</a> <a href="/see-do/castles-heritage/" alt="Castles & Heritage" class="subitem-nav-link">Castles & Heritage</a> <a href="/see-do/days-out/" alt="Days out" class="subitem-nav-link">Days out</a> <a href="/see-do/on-the-water/" alt="On the Water" class="subitem-nav-link">On the Water</a> <a href="/see-do/cycling-oban/" alt="Cycling" class="subitem-nav-link">Cycling</a> <a href="/see-do/walking-oban/" alt="Walking" class="subitem-nav-link">Walking</a> <a href="/see-do/nature-wildlife/" alt="Nature & wildlife" class="subitem-nav-link">Nature & wildlife</a> <a href="/see-do/culture-art/" alt="Culture & art" class="subitem-nav-link">Culture & art</a> <a href="/see-do/tours-guided-experiences/" alt="Tours & Guided Experiences" class="subitem-nav-link">Tours & Guided Experiences</a> <a href="/downloads/" alt="Downloads" class="subitem-nav-link">Downloads</a> </div> <div class="nav-subitem-list " id="5c74b40f-fe2a-43b8-933e-10e151614f98"> </div> <div class="nav-subitem-list " id="b9ecfff0-c3a4-49d8-9fe8-e1027582b9bf"> </div> <div class="nav-subitem-list " id="a20e68d8-83e2-46d4-b9f7-79be81d19376"> </div> <div class="nav-subitem-list " id="0d29335d-0324-4b92-914e-73b0266c5f98"> <a href="/responsible-tourism/" alt="Responsible Tourism" class="subitem-nav-link">Responsible Tourism</a> <a href="/downloads/" alt="Downloads" class="subitem-nav-link">Downloads</a> </div> <div class="nav-subitem-list " id="4407a4e1-460c-4a36-a465-f3d47fd6a3ad"> <a href="/downloads/" alt="Downloads" class="subitem-nav-link">Downloads</a> <a href="/podcasts/" alt="Podcasts" class="subitem-nav-link">Podcasts</a> <a href="/oban-walking-trails/" alt="Oban Walking Trails" class="subitem-nav-link">Oban Walking Trails</a> </div> </div> </div> <div class="copyright-and-social"> <span class="copyright">©Copyright AITC 2025</span> <div class="social-links"> <a href="https://www.facebook.com/loveoban" target="_blank" class="menu-item-social" alt="Facebook Link" title="Facebook Link"><i class="fa fa-facebook"></i></a> <a href="https://twitter.com/loveoban_" target="_blank" class="menu-item-social" alt="Twitter Link" title="X (Twitter) Link"><i class="fa-brands fa-x-twitter"></i></a> <a href="https://www.instagram.com/loveoban_/" target="_blank" class="menu-item-social" alt="Instagram Link" title="Instagram Link"><i class="fa fa-instagram"></i></a> </div> </div> </section> </div> </nav> <section class="site-body-container"> <section id="slim-header-with-intro" class="container header-carousel pageheader height-pixels-700 tablet-height-pixels-700 mobile-height-pixels-700 layout-width-full-width margin-top-none margin-bottom-none margin-left-none margin-right-none tablet-margin-top-none tablet-margin-bottom-none tablet-margin-left-none tablet-margin-right-none mobile-margin-top-none mobile-margin-bottom-none mobile-margin-left-none mobile-margin-right-none padding-all-none tablet-padding-top-none tablet-padding-bottom-none tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-none mobile-padding-bottom-none mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-centre bg-white" style=""> <div class="background background-image"> <picture style="object-fit:cover;width:100%; height:100%; object-position: center center;"> <source srcset="/media/f0jj2ryi/oban-stock-photos3.jpg?width=1920&quality=90&format=webp 1920w, /media/f0jj2ryi/oban-stock-photos3.jpg?width=1280&quality=90&format=webp 1280w, /media/f0jj2ryi/oban-stock-photos3.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/f0jj2ryi/oban-stock-photos3.jpg?width=1920&quality=90" srcset="/media/f0jj2ryi/oban-stock-photos3.jpg?width=1920&quality=90 1920w, /media/f0jj2ryi/oban-stock-photos3.jpg?width=1280&quality=90 1280w, /media/f0jj2ryi/oban-stock-photos3.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center center;" class="background background-image" alt="Background image - Oban Stock Photos3" /> </picture> <span class="background-caption color-white">McCaig's Tower</span> </div> <div class="background background-image"> <picture style="object-fit:cover;width:100%; height:100%; object-position: center center;"> <source srcset="/media/jtmlpibg/swimmers2_stephensweeneyphotography.jpg?width=1920&quality=90&format=webp 1920w, /media/jtmlpibg/swimmers2_stephensweeneyphotography.jpg?width=1280&quality=90&format=webp 1280w, /media/jtmlpibg/swimmers2_stephensweeneyphotography.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/jtmlpibg/swimmers2_stephensweeneyphotography.jpg?width=1920&quality=90" srcset="/media/jtmlpibg/swimmers2_stephensweeneyphotography.jpg?width=1920&quality=90 1920w, /media/jtmlpibg/swimmers2_stephensweeneyphotography.jpg?width=1280&quality=90 1280w, /media/jtmlpibg/swimmers2_stephensweeneyphotography.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center center;" class="background background-image" alt="Background image - Swimmers2 Stephensweeneyphotography" /> </picture> <span class="background-caption color-white">Castle Stalker</span> </div> <div class="background background-image"> <picture style="object-fit:cover;width:100%; height:100%; object-position: center center;"> <source srcset="/media/1f1hr1yv/mum-kit-good-cute-sharpenai-focus.jpg?width=1920&quality=90&format=webp 1920w, /media/1f1hr1yv/mum-kit-good-cute-sharpenai-focus.jpg?width=1280&quality=90&format=webp 1280w, /media/1f1hr1yv/mum-kit-good-cute-sharpenai-focus.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/1f1hr1yv/mum-kit-good-cute-sharpenai-focus.jpg?width=1920&quality=90" srcset="/media/1f1hr1yv/mum-kit-good-cute-sharpenai-focus.jpg?width=1920&quality=90 1920w, /media/1f1hr1yv/mum-kit-good-cute-sharpenai-focus.jpg?width=1280&quality=90 1280w, /media/1f1hr1yv/mum-kit-good-cute-sharpenai-focus.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center center;" class="background background-image" alt="Background image - Mum & Kit Good & Cute Sharpenai Focus" /> </picture> </div> <div class="background background-image"> <picture style="object-fit:cover;width:100%; height:100%; object-position: center center;"> <source srcset="/media/jltn2lnf/oban-distillery-shop.jpg?width=1920&quality=90&format=webp 1920w, /media/jltn2lnf/oban-distillery-shop.jpg?width=1280&quality=90&format=webp 1280w, /media/jltn2lnf/oban-distillery-shop.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/jltn2lnf/oban-distillery-shop.jpg?width=1920&quality=90" srcset="/media/jltn2lnf/oban-distillery-shop.jpg?width=1920&quality=90 1920w, /media/jltn2lnf/oban-distillery-shop.jpg?width=1280&quality=90 1280w, /media/jltn2lnf/oban-distillery-shop.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center center;" class="background background-image" alt="Background image - Oban Distillery Shop" /> </picture> <span class="background-caption color-white">Oban Distillery</span> </div> <div class="background background-gradient" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 5%, rgba(0, 0, 0, 0.0) 25%); z-index: 5;"></div> <div class="component page-header-component layout-width-full-width " data-carousel-delay="8.0"> </div> </section> <section id="slim-header-with-intro-introduction" class="container introduction pageheader-introduction height-auto tablet-height-auto mobile-height-auto layout-width-full-width margin-top-none margin-bottom-40px margin-left-none margin-right-none tablet-margin-top-none tablet-margin-bottom-40px tablet-margin-left-none tablet-margin-right-none mobile-margin-top-none mobile-margin-bottom-40px mobile-margin-left-none mobile-margin-right-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-top bg-white" style=""> <div class="component text-component-with-features layout-width-site-width "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-20px padding-left-none padding-right-none tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-top bg-white color-dark-blue" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-white" style="">--> <div class="breadcrumb"> <a href="/" alt="Home" class="breadcrumb-link color-dark-blue">Home</a> <span class="divider color-dark-blue">|</span> <span class="breadcrumb-current color-dark-blue">See & Do</span> </div> <h1 class="color-dark-blue">Things to See & Do in Oban</h1> <span class="subheading color-dark-blue">There is something for everyone, all year round</span> <div class="bodytext color-dark-blue columns-1"> <p>Everywhere you turn, there’s something special to see and do in Oban & Lorn, whether you like to take it easy or you seek an adrenaline rush. Castle hunting, shopping, diving, kayaking, sailing, walking, cycling, touring, hearing live music, visiting museums- there is so much to choose from no matter what time of year you visit.</p> <p>Explore our activity providers here or find out what's happening around town, from live music and theatre to community get togethers.</p> </div> <!--</div>--> </div> <div class="introduction-image"> <picture style="object-fit:contain;width:100%; height:100%; object-position: center center;"> <source srcset="/media/jsipidn1/oban-map.svg?width=640&quality=90 1920w, /media/jsipidn1/oban-map.svg?width=1280&quality=90 1280w, /media/jsipidn1/oban-map.svg?width=600&quality=90 600w" type="image/webp" /> <img src="/media/jsipidn1/oban-map.svg?width=1920&quality=90" srcset="/media/jsipidn1/oban-map.svg?width=640&quality=90 1920w, /media/jsipidn1/oban-map.svg?width=1280&quality=90 1280w, /media/jsipidn1/oban-map.svg?width=600&quality=90 600w" style="object-fit:contain;width:100%; height:100%; object-position: center center;" class="" alt="OBAN MAP" /> </picture> </div> </div> </section> <section id="widgets-component---mixed-components-example-introduction" class="container introduction widgetscomponent-introduction height-auto tablet-height-auto mobile-height-auto layout-width-full-width margin-top-40px margin-bottom-none margin-left-none margin-right-none tablet-margin-top-40px tablet-margin-bottom-none tablet-margin-left-none tablet-margin-right-none mobile-margin-top-40px mobile-margin-bottom-none mobile-margin-left-none mobile-margin-right-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-centre v-content-align-centre bg-green" style=""> <div class="component text-component layout-width-site-width "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-10px padding-bottom-2px padding-left-10px padding-right-10px tablet-padding-top-10px tablet-padding-bottom-2px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-10px mobile-padding-bottom-2px mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-centre bg-green color-white" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-green" style="">--> <h3 class="color-white">Top reasons to visit</h3><!--</div>--> </div> </div> <svg viewBox="0 0 1783.11 37.28" preserveAspectRatio="none" class="wavy-top"> <g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="bg-none" d="M116.67,7.28c26,0,34,5.56,62,0s14,0,40,0h98c26,0,50.67-7.53,79,0s44.1,9.65,64.55,2.47S488,3.68,519.34,3.68s13.77-8.27,62.55,0,123.88,0,161.33,0,86.45,6.6,126.45,6.6,89.55-6.6,129-6.6h120c34,0,20.06,8.26,66,0s45.57,0,76.79,0,33.32,14.87,59.66,6.6,30.88-5.45,41.22-5.45h180.33s122,9.43,146,9.43,36-7,50-7c10.08,0,32.63,2.07,44.44,3.23V0H0V8.65L20.67,7.28Z" /><polygon class="cls-1" points="0 37.23 0 37.28 1783.11 37.28 1783.11 29.29 0 37.23" /> <path d="M1783.11,10.49c-11.81-1.16-34.36-3.23-44.44-3.23-14,0-26,7-50,7s-146-9.43-146-9.43H1362.34c-10.34,0-14.88-2.82-41.22,5.45s-28.44-6.6-59.66-6.6-30.85-8.26-76.79,0-32,0-66,0h-120c-39.45,0-89,6.6-129,6.6s-89-6.6-126.45-6.6S630.67,12,581.89,3.68s-31.21,0-62.55,0-38.67-1.11-59.12,6.07S424,14.81,395.67,7.28s-53,0-79,0h-98c-26,0-12-5.56-40,0s-36,0-62,0h-96L0,8.65V37.23l1783.11-7.94Z" /> </g></g> </svg> </section> <section id="widgets-component---mixed-components-example" class="container widgetscomponent height-auto tablet-height-auto mobile-height-auto layout-width-full-width margin-top-none margin-bottom-none margin-left-none margin-right-none tablet-margin-top-none tablet-margin-bottom-none tablet-margin-left-none tablet-margin-right-none mobile-margin-top-none mobile-margin-bottom-none mobile-margin-left-none mobile-margin-right-none padding-top-20px padding-bottom-40px padding-left-none padding-right-none tablet-padding-top-20px tablet-padding-bottom-40px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-20px mobile-padding-bottom-40px mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-centre bg-green" style=""> <div class="component widgets-component layout-width-site-width desktop-grid-3 tablet-grid-3 mobile-grid-1" style=" grid-row-gap: 20px; grid-column-gap: 60px;"> <div class="sub-component icon-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-top-none tablet-padding-bottom-none tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-none mobile-padding-bottom-none mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-centre bg-green label-position-below" style=" "> <img src="/media/k0hhpako/islands-01.svg?width=60&height=60&rmode=max&quality=90" srcset="/media/k0hhpako/islands-01.svg?width=60&height=60&rmode=max&quality=90 60w" style="width:60px; height:60px; object-position: center center;" class="padding-top-5px padding-bottom-5px padding-left-20px padding-right-20px tablet-padding-top-5px tablet-padding-bottom-5px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-5px mobile-padding-bottom-5px mobile-padding-left-20px mobile-padding-right-20px" alt="ISLANDS 01" /> <div class="icon-label"> <span class="h6 color-white">6 Hebridean islands</span> </div></div> <div class="sub-component icon-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-top-none tablet-padding-bottom-none tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-none mobile-padding-bottom-none mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-centre bg-green label-position-below" style=" "> <img src="/media/iaapcc50/seafood-01.svg?width=60&height=60&rmode=max&quality=90" srcset="/media/iaapcc50/seafood-01.svg?width=60&height=60&rmode=max&quality=90 60w" style="width:60px; height:60px; object-position: center center;" class="padding-top-5px padding-bottom-5px padding-left-20px padding-right-20px tablet-padding-top-5px tablet-padding-bottom-5px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-5px mobile-padding-bottom-5px mobile-padding-left-20px mobile-padding-right-20px" alt="SEAFOOD 01" /> <div class="icon-label"> <span class="h6 color-white">Scotland's seafood capital</span> </div></div> <div class="sub-component icon-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-top-none tablet-padding-bottom-none tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-none mobile-padding-bottom-none mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-centre bg-green label-position-below" style=" "> <img src="/media/dgqbjt3u/castle-01.svg?width=60&height=60&rmode=max&quality=90" srcset="/media/dgqbjt3u/castle-01.svg?width=60&height=60&rmode=max&quality=90 60w" style="width:60px; height:60px; object-position: center center;" class="padding-top-5px padding-bottom-5px padding-left-20px padding-right-20px tablet-padding-top-5px tablet-padding-bottom-5px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-5px mobile-padding-bottom-5px mobile-padding-left-20px mobile-padding-right-20px" alt="CASTLE 01" /> <div class="icon-label"> <span class="h6 color-white">13 medieval castles</span> </div></div> <div class="sub-component icon-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-top-none tablet-padding-bottom-none tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-none mobile-padding-bottom-none mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-centre bg-green label-position-below" style=" "> <img src="/media/vfsdjdnu/distilleries-01.svg?width=60&height=60&rmode=max&quality=90" srcset="/media/vfsdjdnu/distilleries-01.svg?width=60&height=60&rmode=max&quality=90 60w" style="width:60px; height:60px; object-position: center center;" class="padding-top-5px padding-bottom-5px padding-left-20px padding-right-20px tablet-padding-top-5px tablet-padding-bottom-5px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-5px mobile-padding-bottom-5px mobile-padding-left-20px mobile-padding-right-20px" alt="DISTILLERIES 01" /> <div class="icon-label"> <span class="h6 color-white">2 national nature reserves</span> </div></div> <div class="sub-component icon-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-top-none tablet-padding-bottom-none tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-none mobile-padding-bottom-none mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-centre bg-green label-position-below" style=" "> <img src="/media/jb0jxmtu/destinations-01.svg?width=60&height=60&rmode=max&quality=90" srcset="/media/jb0jxmtu/destinations-01.svg?width=60&height=60&rmode=max&quality=90 60w" style="width:60px; height:60px; object-position: center center;" class="padding-top-5px padding-bottom-5px padding-left-20px padding-right-20px tablet-padding-top-5px tablet-padding-bottom-5px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-5px mobile-padding-bottom-5px mobile-padding-left-20px mobile-padding-right-20px" alt="DESTINATIONS 01" /> <div class="icon-label"> <span class="h6 color-white">6 glorious gardens</span> </div></div> <div class="sub-component icon-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-top-none tablet-padding-bottom-none tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-none mobile-padding-bottom-none mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-centre bg-green label-position-below" style=" "> <img src="/media/vxam34zd/waterbody-01.svg?width=60&height=60&rmode=max&quality=90" srcset="/media/vxam34zd/waterbody-01.svg?width=60&height=60&rmode=max&quality=90 60w" style="width:60px; height:60px; object-position: center center;" class="padding-top-5px padding-bottom-5px padding-left-20px padding-right-20px tablet-padding-top-5px tablet-padding-bottom-5px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-5px mobile-padding-bottom-5px mobile-padding-left-20px mobile-padding-right-20px" alt="WATERBODY 01" /> <div class="icon-label"> <span class="h6 color-white">5 marinas</span> </div></div></div> <svg viewBox="0 0 1784 38.25" preserveAspectRatio="none" class="wavy-bottom"> <g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="bg-none" d="M665.33,33.61c-34,0-20.06-8.27-66,0s-45.57,0-76.79,0S502.67,22.7,476.33,31,432,29,421.66,29s-10.33,3.45-52.33,3.45h-128s-59-4.45-83-4.45-89,1-103,1C44.56,29,13.68,27.23,0,26.41V38.25H928.33c-35.68,0-98.6-4.64-143-4.64Z" /> <path class="bg-none" d="M1763.33,30s-58-6.07-84-6.07-46,.52-74,6.07-14,0-40,0h-98c-19.95,0-29.71,7.94-46,8.25h364V28.53Z" /> <polygon class="bg-none" points="1785.33 0 0 0 0 7.97 1785.33 0.04 1785.33 0" /> <path class="bg-none" d="M1333.33,29c-20.45,7.18-37.33,4.64-68.67,4.64s-13.77,8.27-62.55,0-123.88,0-161.33,0-72.45,4.61-112.45,4.61h491.14A63.36,63.36,0,0,1,1404.33,36C1376,28.5,1353.78,21.82,1333.33,29Z" /> <path d="M1565.33,30c26,0,12,5.55,40,0s48-6.07,74-6.07,84,6.07,84,6.07l22-1.47V0L0,8V26.41C13.68,27.23,44.56,29,55.33,29c14,0,79-1,103-1s83,4.45,83,4.45h128c42,0,42-3.45,52.33-3.45S450,39.3,476.33,31s15,2.61,46.21,2.61,30.85,8.27,76.79,0,32,0,66,0h120c44.4,0,107.32,4.64,143,4.64,40,0,75-4.61,112.45-4.61s112.55-8.27,161.33,0,31.21,0,62.55,0,48.22,2.54,68.67-4.64,42.67-.5,71,7a63.36,63.36,0,0,0,15.14,2.25h1.89c16.26-.31,26-8.25,46-8.25Z" /> </g></g> </svg> </section> <section id="vertical-widgets---dark-theme-introduction" class="container introduction verticalsplitwidgets-introduction height-auto tablet-height-auto mobile-height-auto layout-width-full-width margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-centre v-content-align-centre bg-white" style=""> <div class="component text-component layout-width-site-width "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-40px padding-bottom-none padding-left-none padding-right-none tablet-padding-top-40px tablet-padding-bottom-none tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-40px mobile-padding-bottom-none mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-centre bg-white color-dark-blue" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-white" style="">--> <h2 class="color-dark-blue">Top things to see & do in Oban, Lorn & the Isles</h2><!--</div>--> </div> </div> </section> <section id="vertical-widgets---dark-theme" class="container verticalsplitwidgets height-auto tablet-height-auto mobile-height-auto layout-width-full-width margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-40px padding-bottom-40px padding-left-none padding-right-none tablet-padding-top-40px tablet-padding-bottom-40px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-40px mobile-padding-bottom-40px mobile-padding-left-20px mobile-padding-right-20px h-content-align-left v-content-align-top bg-white" style=""> <div class="component widgets-component layout-width-site-width desktop-grid-4 tablet-grid-2 mobile-grid-1" style=" grid-row-gap: 20px; grid-column-gap: 20px;"> <div class="sub-component vertical-split-widget text-above angled-top height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-bottom bg-light-blue" style=" "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-40px padding-left-20px padding-right-20px tablet-padding-top-20px tablet-padding-bottom-40px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-20px mobile-padding-bottom-40px mobile-padding-left-20px mobile-padding-right-20px h-content-align-left v-content-align-fill-space bg-light-blue color-white" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-light-blue" style="">--> <h5 class="color-white">BOAT TRIPS</h5> <div class="bodytext color-white columns-1"> <p>Boat trips are an unbeatable way to explore the area and discover the wonderful wildlife that inhabits our waters and coastline.</p> </div> <section class="cta-container"> <a href="/see-do/boat-trips/" alt="Explore" class="btn-cta btn-light-blue dark btn-hover-light-blue dark" title="Explore">Explore</a> </section> <!--</div>--> </div> <div class="sub-component image-sub-component bottom-section-clip-path height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-centre v-content-align-centre bg-light-blue" style=" "> <picture style="object-fit:cover;width:100%; height:100%; object-position: center center;"> <source srcset="/media/bkjlc5bk/dunollie-castle-boat-trip.jpg?width=480&quality=90&format=webp 1920w, /media/bkjlc5bk/dunollie-castle-boat-trip.jpg?width=640&quality=90&format=webp 1280w, /media/bkjlc5bk/dunollie-castle-boat-trip.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/bkjlc5bk/dunollie-castle-boat-trip.jpg?width=1920&quality=90" srcset="/media/bkjlc5bk/dunollie-castle-boat-trip.jpg?width=480&quality=90 1920w, /media/bkjlc5bk/dunollie-castle-boat-trip.jpg?width=640&quality=90 1280w, /media/bkjlc5bk/dunollie-castle-boat-trip.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center center;" class="" alt="Dunollie Castle Boat Trip" title="" /> </picture> </div></div> <div class="sub-component vertical-split-widget text-above angled-top height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-bottom bg-peach" style=" "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-40px padding-left-20px padding-right-20px tablet-padding-top-20px tablet-padding-bottom-40px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-20px mobile-padding-bottom-40px mobile-padding-left-20px mobile-padding-right-20px h-content-align-left v-content-align-fill-space bg-peach color-white" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-peach" style="">--> <h5 class="color-white">OBAN DISTILLERY</h5> <div class="bodytext color-white columns-1"> <p>Oban's sheltered harbour is perfect for two things; seafaring and whisky-making in one of Scotland's oldest and smallest distilleries. </p> </div> <section class="cta-container"> <a href="/see-do/distillery/" alt="Explore" class="btn-cta btn-peach dark btn-hover-peach dark" title="Explore">Explore</a> </section> <!--</div>--> </div> <div class="sub-component image-sub-component bottom-section-clip-path height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-centre bg-peach" style=" "> <picture style="object-fit:cover;width:100%; height:100%; object-position: left center;"> <source srcset="/media/tqupiboy/oban-distillery-guide.jpg?width=480&quality=90&format=webp 1920w, /media/tqupiboy/oban-distillery-guide.jpg?width=640&quality=90&format=webp 1280w, /media/tqupiboy/oban-distillery-guide.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/tqupiboy/oban-distillery-guide.jpg?width=1920&quality=90" srcset="/media/tqupiboy/oban-distillery-guide.jpg?width=480&quality=90 1920w, /media/tqupiboy/oban-distillery-guide.jpg?width=640&quality=90 1280w, /media/tqupiboy/oban-distillery-guide.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: left center;" class="" alt="Oban Distillery Guide" title="" /> </picture> </div></div> <div class="sub-component vertical-split-widget text-above angled-top height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-bottom bg-dark-blue" style=" "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-40px padding-left-20px padding-right-20px tablet-padding-top-20px tablet-padding-bottom-40px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-20px mobile-padding-bottom-40px mobile-padding-left-20px mobile-padding-right-20px h-content-align-left v-content-align-fill-space bg-dark-blue color-white" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-dark-blue" style="">--> <h5 class="color-white">ATTRACTIONS</h5> <div class="bodytext color-white columns-1"> <p>From boat trips to natural wonders, built heritage and museums, Oban has world class attractions to experience.</p> </div> <section class="cta-container"> <a href="/see-do/attractions/" alt="Explore" class="btn-cta btn-dark-blue dark btn-hover-dark-blue dark" title="Explore">Explore</a> </section> <!--</div>--> </div> <div class="sub-component image-sub-component bottom-section-clip-path height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-centre bg-light-blue" style=" "> <picture style="object-fit:cover;width:100%; height:100%; object-position: center center;"> <source srcset="/media/isuiednt/ganavan-from-drone.jpg?width=480&quality=90&format=webp 1920w, /media/isuiednt/ganavan-from-drone.jpg?width=640&quality=90&format=webp 1280w, /media/isuiednt/ganavan-from-drone.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/isuiednt/ganavan-from-drone.jpg?width=1920&quality=90" srcset="/media/isuiednt/ganavan-from-drone.jpg?width=480&quality=90 1920w, /media/isuiednt/ganavan-from-drone.jpg?width=640&quality=90 1280w, /media/isuiednt/ganavan-from-drone.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center center;" class="" alt="Ganavan From Drone" title="" /> </picture> </div></div> <div class="sub-component vertical-split-widget text-above angled-top height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-bottom bg-green" style=" "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-40px padding-left-20px padding-right-20px tablet-padding-top-20px tablet-padding-bottom-40px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-20px mobile-padding-bottom-40px mobile-padding-left-20px mobile-padding-right-20px h-content-align-left v-content-align-fill-space bg-green color-white" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-green" style="">--> <h5 class="color-white">CASTLES & HERITAGE</h5> <div class="bodytext color-white columns-1"> <p>Home to many castles, fabulous forts and historic houses dotted along our coastline and islands</p> </div> <section class="cta-container"> <a href="/see-do/castles-heritage/" alt="Explore" class="btn-cta btn-green dark btn-hover-green dark" title="Explore">Explore</a> </section> <!--</div>--> </div> <div class="sub-component image-sub-component bottom-section-clip-path height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-centre bg-green" style=" "> <picture style="object-fit:cover;width:100%; height:100%; object-position: center center;"> <source srcset="/media/ummfhgme/visitscotland_stalker-castle.jpg?width=480&quality=90&format=webp 1920w, /media/ummfhgme/visitscotland_stalker-castle.jpg?width=640&quality=90&format=webp 1280w, /media/ummfhgme/visitscotland_stalker-castle.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/ummfhgme/visitscotland_stalker-castle.jpg?width=1920&quality=90" srcset="/media/ummfhgme/visitscotland_stalker-castle.jpg?width=480&quality=90 1920w, /media/ummfhgme/visitscotland_stalker-castle.jpg?width=640&quality=90 1280w, /media/ummfhgme/visitscotland_stalker-castle.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center center;" class="" alt="Visitscotland Stalker Castle" title="" /> </picture> </div></div> <div class="sub-component vertical-split-widget text-above angled-top height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-bottom bg-dark-blue" style=" "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-40px padding-left-20px padding-right-20px tablet-padding-top-20px tablet-padding-bottom-40px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-20px mobile-padding-bottom-40px mobile-padding-left-20px mobile-padding-right-20px h-content-align-left v-content-align-fill-space bg-dark-blue color-white" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-dark-blue" style="">--> <h5 class="color-white">DAYS OUT</h5> <div class="bodytext color-white columns-1"> <p>Whether you are here on holiday, a short break, live here, or touring around Scotland, there are plenty of days out to enjoy.</p> </div> <section class="cta-container"> <a href="/see-do/days-out/" alt="Explore" class="btn-cta btn-dark-blue dark btn-hover-dark-blue dark" title="Explore">Explore</a> </section> <!--</div>--> </div> <div class="sub-component image-sub-component bottom-section-clip-path height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-centre bg-red" style=" "> <picture style="object-fit:cover;width:100%; height:100%; object-position: left center;"> <source srcset="/media/ifajyu4g/visitscotland_bridge-over-the-atlantic.jpg?width=480&quality=90&format=webp 1920w, /media/ifajyu4g/visitscotland_bridge-over-the-atlantic.jpg?width=640&quality=90&format=webp 1280w, /media/ifajyu4g/visitscotland_bridge-over-the-atlantic.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/ifajyu4g/visitscotland_bridge-over-the-atlantic.jpg?width=1920&quality=90" srcset="/media/ifajyu4g/visitscotland_bridge-over-the-atlantic.jpg?width=480&quality=90 1920w, /media/ifajyu4g/visitscotland_bridge-over-the-atlantic.jpg?width=640&quality=90 1280w, /media/ifajyu4g/visitscotland_bridge-over-the-atlantic.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: left center;" class="" alt="Visitscotland Bridge Over The Atlantic" title="" /> </picture> </div></div> <div class="sub-component vertical-split-widget text-above angled-top height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-bottom bg-waa-bright-blue" style=" "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-40px padding-left-20px padding-right-20px tablet-padding-top-20px tablet-padding-bottom-40px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-20px mobile-padding-bottom-40px mobile-padding-left-20px mobile-padding-right-20px h-content-align-left v-content-align-fill-space bg-waa-bright-blue color-white" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-waa-bright-blue" style="">--> <h5 class="color-white">ON THE WATER</h5> <div class="bodytext color-white columns-1"> <p>No matter how you like to be active in, on or near water, you’ll find world class experiences in Oban, Lorn & the Isles! </p> </div> <section class="cta-container"> <a href="/see-do/on-the-water/" alt="Explore" class="btn-cta btn-waa-bright-blue dark btn-hover-waa-bright-blue dark" title="Explore">Explore</a> </section> <!--</div>--> </div> <div class="sub-component image-sub-component bottom-section-clip-path height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-centre v-content-align-centre bg-waa-bright-blue" style=" "> <picture style="object-fit:cover;width:100%; height:100%; object-position: center top;"> <source srcset="/media/ko1b3lda/oban-from-water.jpg?width=480&quality=90&format=webp 1920w, /media/ko1b3lda/oban-from-water.jpg?width=640&quality=90&format=webp 1280w, /media/ko1b3lda/oban-from-water.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/ko1b3lda/oban-from-water.jpg?width=1920&quality=90" srcset="/media/ko1b3lda/oban-from-water.jpg?width=480&quality=90 1920w, /media/ko1b3lda/oban-from-water.jpg?width=640&quality=90 1280w, /media/ko1b3lda/oban-from-water.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center top;" class="" alt="Oban From Water" title="" /> </picture> </div></div> <div class="sub-component vertical-split-widget text-above angled-top height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-bottom bg-red" style=" "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-40px padding-left-20px padding-right-20px tablet-padding-top-20px tablet-padding-bottom-40px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-20px mobile-padding-bottom-40px mobile-padding-left-20px mobile-padding-right-20px h-content-align-left v-content-align-fill-space bg-red color-white" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-red" style="">--> <h5 class="color-white">CYCLING</h5> <div class="bodytext color-white columns-1"> <p>Oban is very fortunate in having many great places to to go cycling, suitable both for mountain bikes and road bikes.</p> </div> <section class="cta-container"> <a href="/see-do/cycling-oban/" alt="Explore" class="btn-cta btn-red dark btn-hover-red dark" title="Explore">Explore</a> </section> <!--</div>--> </div> <div class="sub-component image-sub-component bottom-section-clip-path height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-centre v-content-align-centre bg-red" style=" "> <picture style="object-fit:cover;width:100%; height:100%; object-position: center center;"> <source srcset="/media/pqvp0r04/cycle-highland-explorer.jpg?width=480&quality=90&format=webp 1920w, /media/pqvp0r04/cycle-highland-explorer.jpg?width=640&quality=90&format=webp 1280w, /media/pqvp0r04/cycle-highland-explorer.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/pqvp0r04/cycle-highland-explorer.jpg?width=1920&quality=90" srcset="/media/pqvp0r04/cycle-highland-explorer.jpg?width=480&quality=90 1920w, /media/pqvp0r04/cycle-highland-explorer.jpg?width=640&quality=90 1280w, /media/pqvp0r04/cycle-highland-explorer.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center center;" class="" alt="Cycle Highland Explorer" title="" /> </picture> </div></div> <div class="sub-component vertical-split-widget text-above angled-top height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-bottom bg-waa-dark-green" style=" "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-40px padding-left-20px padding-right-20px tablet-padding-top-20px tablet-padding-bottom-40px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-20px mobile-padding-bottom-40px mobile-padding-left-20px mobile-padding-right-20px h-content-align-left v-content-align-fill-space bg-waa-dark-green color-white" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-waa-dark-green" style="">--> <h5 class="color-white">WALKING</h5> <div class="bodytext color-white columns-1"> <p>From gentle beach strolls or family walks in woods to epic long-distance routes, we have something for all levels of walker.</p> </div> <section class="cta-container"> <a href="/see-do/walking-oban/" alt="Explore" class="btn-cta btn-waa-dark-green dark btn-hover-waa-dark-green dark" title="Explore">Explore</a> </section> <!--</div>--> </div> <div class="sub-component image-sub-component bottom-section-clip-path height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-centre v-content-align-centre bg-waa-dark-green" style=" "> <picture style="object-fit:cover;width:100%; height:100%; object-position: center center;"> <source srcset="/media/d3ukp1nb/visitscotland-pulpit-hill-oban.jpg?width=480&quality=90&format=webp 1920w, /media/d3ukp1nb/visitscotland-pulpit-hill-oban.jpg?width=640&quality=90&format=webp 1280w, /media/d3ukp1nb/visitscotland-pulpit-hill-oban.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/d3ukp1nb/visitscotland-pulpit-hill-oban.jpg?width=1920&quality=90" srcset="/media/d3ukp1nb/visitscotland-pulpit-hill-oban.jpg?width=480&quality=90 1920w, /media/d3ukp1nb/visitscotland-pulpit-hill-oban.jpg?width=640&quality=90 1280w, /media/d3ukp1nb/visitscotland-pulpit-hill-oban.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center center;" class="" alt="Visitscotland Pulpit Hill Oban" title="" /> </picture> </div></div> <div class="sub-component vertical-split-widget text-above angled-top height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-bottom bg-green" style=" "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-40px padding-left-20px padding-right-20px tablet-padding-top-20px tablet-padding-bottom-40px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-20px mobile-padding-bottom-40px mobile-padding-left-20px mobile-padding-right-20px h-content-align-left v-content-align-fill-space bg-green color-white" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-green" style="">--> <h5 class="color-white">NATURE & WILDLIFE</h5> <div class="bodytext color-white columns-1"> <p>Our eco-system is home to some incredible wildlife on land and at sea, so enjoy some of the many eco tourism offerings.<span> </span></p> </div> <section class="cta-container"> <a href="/see-do/nature-wildlife/" alt="Explore" class="btn-cta btn-green dark btn-hover-green dark" title="Explore">Explore</a> </section> <!--</div>--> </div> <div class="sub-component image-sub-component bottom-section-clip-path height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-centre bg-green" style=" "> <picture style="object-fit:cover;width:100%; height:100%; object-position: center center;"> <source srcset="/media/p2kjvcqz/highlander-tongue-out.jpg?width=480&quality=90&format=webp 1920w, /media/p2kjvcqz/highlander-tongue-out.jpg?width=640&quality=90&format=webp 1280w, /media/p2kjvcqz/highlander-tongue-out.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/p2kjvcqz/highlander-tongue-out.jpg?width=1920&quality=90" srcset="/media/p2kjvcqz/highlander-tongue-out.jpg?width=480&quality=90 1920w, /media/p2kjvcqz/highlander-tongue-out.jpg?width=640&quality=90 1280w, /media/p2kjvcqz/highlander-tongue-out.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center center;" class="" alt="Highlander Tongue Out" title="" /> </picture> </div></div> <div class="sub-component vertical-split-widget text-above angled-top height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-bottom bg-peach" style=" "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-40px padding-left-20px padding-right-20px tablet-padding-top-20px tablet-padding-bottom-40px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-20px mobile-padding-bottom-40px mobile-padding-left-20px mobile-padding-right-20px h-content-align-left v-content-align-fill-space bg-peach color-white" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-peach" style="">--> <h5 class="color-white">CULTURE, MUSIC & ART</h5> <div class="bodytext color-white columns-1"> <p>Here you'll discover remarkable experiences or learn how to live like a local. We're sure you'll just love Oban!</p> </div> <section class="cta-container"> <a href="/see-do/culture-art/" alt="Explore" class="btn-cta btn-peach dark btn-hover-peach dark" title="Explore">Explore</a> </section> <!--</div>--> </div> <div class="sub-component image-sub-component bottom-section-clip-path height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-centre bg-red" style=" "> <picture style="object-fit:cover;width:100%; height:100%; object-position: left center;"> <source srcset="/media/nbug1zv0/visitscotland_trad-music.jpg?width=480&quality=90&format=webp 1920w, /media/nbug1zv0/visitscotland_trad-music.jpg?width=640&quality=90&format=webp 1280w, /media/nbug1zv0/visitscotland_trad-music.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/nbug1zv0/visitscotland_trad-music.jpg?width=1920&quality=90" srcset="/media/nbug1zv0/visitscotland_trad-music.jpg?width=480&quality=90 1920w, /media/nbug1zv0/visitscotland_trad-music.jpg?width=640&quality=90 1280w, /media/nbug1zv0/visitscotland_trad-music.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: left center;" class="" alt="Visitscotland Trad Music" title="" /> </picture> </div></div> <div class="sub-component vertical-split-widget text-above angled-top height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-bottom bg-waa-teal" style=" "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-40px padding-left-20px padding-right-20px tablet-padding-top-20px tablet-padding-bottom-40px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-20px mobile-padding-bottom-40px mobile-padding-left-20px mobile-padding-right-20px h-content-align-left v-content-align-fill-space bg-waa-teal color-white" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-waa-teal" style="">--> <h5 class="color-white">TOURS & GUIDED EXPERIENCES</h5> <div class="bodytext color-white columns-1"> <p>The diversity of things to see & do means you need local help. So, why not book a guided tour?</p> </div> <section class="cta-container"> <a href="/see-do/tours-guided-experiences/" alt="Explore" class="btn-cta btn-waa-teal dark btn-hover-waa-teal dark" title="Explore">Explore</a> </section> <!--</div>--> </div> <div class="sub-component image-sub-component bottom-section-clip-path height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-centre bg-waa-teal" style=" "> <picture style="object-fit:cover;width:100%; height:100%; object-position: center center;"> <source srcset="/media/wkvng5rj/oban-basking-shark-1.jpg?width=480&quality=90&format=webp 1920w, /media/wkvng5rj/oban-basking-shark-1.jpg?width=640&quality=90&format=webp 1280w, /media/wkvng5rj/oban-basking-shark-1.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/wkvng5rj/oban-basking-shark-1.jpg?width=1920&quality=90" srcset="/media/wkvng5rj/oban-basking-shark-1.jpg?width=480&quality=90 1920w, /media/wkvng5rj/oban-basking-shark-1.jpg?width=640&quality=90 1280w, /media/wkvng5rj/oban-basking-shark-1.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center center;" class="" alt="Oban Basking Shark (1)" title="" /> </picture> </div></div> <div class="sub-component vertical-split-widget text-above angled-top height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-bottom bg-waa-bright-blue" style=" "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-40px padding-left-20px padding-right-20px tablet-padding-top-20px tablet-padding-bottom-40px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-20px mobile-padding-bottom-40px mobile-padding-left-20px mobile-padding-right-20px h-content-align-left v-content-align-fill-space bg-waa-bright-blue color-white" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-waa-bright-blue" style="">--> <h5 class="color-white">ISLAND HOPPING</h5> <div class="bodytext color-white columns-1"> <p>Oban is known as ‘The Gateway to the Isles’, so t<span>here are plenty of wonderful Scottish islands that are within day-trip distance of Oban.</span></p> </div> <section class="cta-container"> <a href="/visit/islands/" alt="Explore" class="btn-cta btn-waa-bright-blue dark btn-hover-waa-bright-blue dark" title="Explore">Explore</a> </section> <!--</div>--> </div> <div class="sub-component image-sub-component bottom-section-clip-path height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-centre bg-waa-bright-blue" style=" "> <picture style="object-fit:cover;width:100%; height:100%; object-position: center center;"> <source srcset="/media/nbbpys4u/oban-ferry.jpg?width=480&quality=90&format=webp 1920w, /media/nbbpys4u/oban-ferry.jpg?width=640&quality=90&format=webp 1280w, /media/nbbpys4u/oban-ferry.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/nbbpys4u/oban-ferry.jpg?width=1920&quality=90" srcset="/media/nbbpys4u/oban-ferry.jpg?width=480&quality=90 1920w, /media/nbbpys4u/oban-ferry.jpg?width=640&quality=90 1280w, /media/nbbpys4u/oban-ferry.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center center;" class="" alt="Oban Ferry" title="" /> </picture> </div></div></div> </section> <section id="single-horizontal-widget-component---light-theme" class="container horizontalsplitwidgets height-auto tablet-height-auto mobile-height-auto layout-width-full-width margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-40px padding-bottom-40px padding-left-none padding-right-none tablet-padding-top-40px tablet-padding-bottom-40px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-40px mobile-padding-bottom-40px mobile-padding-left-20px mobile-padding-right-20px h-content-align-left v-content-align-top bg-white" style=""> <div class="background background-image"> <picture style="object-fit:cover;width:100%; height:100%; object-position: center center;"> <source srcset="/media/vavg4qot/waa-background.svg?width=1920&quality=90 1920w, /media/vavg4qot/waa-background.svg?width=1280&quality=90 1280w, /media/vavg4qot/waa-background.svg?width=600&quality=90 600w" type="image/webp" /> <img src="/media/vavg4qot/waa-background.svg?width=1920&quality=90" srcset="/media/vavg4qot/waa-background.svg?width=1920&quality=90 1920w, /media/vavg4qot/waa-background.svg?width=1280&quality=90 1280w, /media/vavg4qot/waa-background.svg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center center;" class="background background-image" alt="Background image - Waa Logo Background" /> </picture> </div> <div class="component widgets-component layout-width-narrow desktop-grid-1 tablet-grid-1 mobile-grid-1" style=" grid-row-gap: 20px; grid-column-gap: 0px;"> <div class="sub-component horizontal-split-widget angled-left height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-left v-content-align-top bg-light-blue split-30-70" style=" "> <div class="sub-component text-sub-component sub-component-left height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-20px padding-left-20px padding-right-30px tablet-padding-top-20px tablet-padding-bottom-20px tablet-padding-left-20px tablet-padding-right-30px mobile-padding-top-20px mobile-padding-bottom-20px mobile-padding-left-20px mobile-padding-right-30px h-content-align-left v-content-align-centre bg-light-blue color-white" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-light-blue" style="">--> <h5 class="color-white">Create Your Oban Itinerary</h5> <div class="bodytext color-white columns-1"> <p>Try our fun interactive itinerary builder that will help create your perfect Oban itinerary based on the things you enjoy.</p> </div> <section class="cta-container"> <a href="/itinerary/" alt="Explore" class="btn-cta btn-light-blue dark btn-hover-light-blue dark" title="Explore">Explore</a> </section> <!--</div>--> </div> <div class="sub-component image-sub-component sub-component-right height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-centre v-content-align-centre bg-light-blue" style=" "> <div class="background background-image"> <picture style="object-fit:cover;width:100%; height:100%; object-position: center center;"> <source srcset="/media/0cob5lnf/snorkel-trails-argyll.jpeg?width=1280&quality=90&format=webp 1920w, /media/0cob5lnf/snorkel-trails-argyll.jpeg?width=800&quality=90&format=webp 1280w, /media/0cob5lnf/snorkel-trails-argyll.jpeg?width=768&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/0cob5lnf/snorkel-trails-argyll.jpeg?width=1920&quality=90" srcset="/media/0cob5lnf/snorkel-trails-argyll.jpeg?width=1280&quality=90 1920w, /media/0cob5lnf/snorkel-trails-argyll.jpeg?width=800&quality=90 1280w, /media/0cob5lnf/snorkel-trails-argyll.jpeg?width=768&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center center;" class="background background-image" alt="Background image - Snorkel Trails Argyll" /> </picture> </div> </div></div></div> </section> <section id="eat-blogs-introduction" class="container introduction featuredcontent-introduction height-auto tablet-height-auto mobile-height-auto layout-width-full-width margin-top-40px margin-bottom-none margin-left-none margin-right-none tablet-margin-top-40px tablet-margin-bottom-none tablet-margin-left-none tablet-margin-right-none mobile-margin-top-40px mobile-margin-bottom-none mobile-margin-left-none mobile-margin-right-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-centre v-content-align-centre bg-white" style=""> <div class="component text-component layout-width-site-width "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-top-none tablet-padding-bottom-none tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-none mobile-padding-bottom-none mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-centre bg-white color-dark-blue" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-white" style="">--> <h4 class="color-dark-blue">Be inspired by our blogs below</h4> <span class="subheading color-dark-blue">What will you see and do in Oban to activate your body and mind?</span> <!--</div>--> </div> </div> </section> <section id="eat-blogs" class="container hover-slide-in featuredcontent height-auto tablet-height-auto mobile-height-auto layout-width-full-width margin-top-none margin-bottom-40px margin-left-none margin-right-none tablet-margin-top-none tablet-margin-bottom-40px tablet-margin-left-none tablet-margin-right-none mobile-margin-top-none mobile-margin-bottom-40px mobile-margin-left-none mobile-margin-right-none padding-top-40px padding-bottom-none padding-left-none padding-right-none tablet-padding-top-40px tablet-padding-bottom-none tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-40px mobile-padding-bottom-none mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-top bg-white" style=""> <div class="component featured-content-component layout-width-site-width featured-articles-2 hover-slide-in featuredcontent "> <div class="featured-article"> <a href="/blogs/a-cycling-adventure-to-oban-with-robin-mckelvie/" alt="A Cycling Adventure to Oban with Robin McKelvie" class="fill-frame-link"></a> <div class="background background-image"> <picture style="object-fit:cover;width:100%; height:100%; object-position: center center;"> <source srcset="/media/pqvp0r04/cycle-highland-explorer.jpg?width=960&quality=90&format=webp 1920w, /media/pqvp0r04/cycle-highland-explorer.jpg?width=1280&quality=90&format=webp 1280w, /media/pqvp0r04/cycle-highland-explorer.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/pqvp0r04/cycle-highland-explorer.jpg?width=1920&quality=90" srcset="/media/pqvp0r04/cycle-highland-explorer.jpg?width=960&quality=90 1920w, /media/pqvp0r04/cycle-highland-explorer.jpg?width=1280&quality=90 1280w, /media/pqvp0r04/cycle-highland-explorer.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center center;" class="background background-image" alt="Background image - Cycle Highland Explorer" /> </picture> </div> <div class="details-panel"> <div class="details-panel-inner bg-light-blue"> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-light-blue" style="">--> <h6 class="color-white">A Cycling Adventure to Oban with Robin McKelvie</h6> <div class="bodytext color-white columns-1"> <p>Join travel writer Robin McKelvie on his cycling adventure to Oban. Starting with his train journey up to island hopping in and around Oban.</p> </div> <section class="cta-container"> <a href="/blogs/a-cycling-adventure-to-oban-with-robin-mckelvie/" alt="Read More" class="btn-cta btn-light-blue dark btn-hover-light-blue dark" title="Read More">Read More</a> </section> <!--</div>--> </div> </div> </div> <div class="featured-article"> <a href="/blogs/6-beautiful-castles-near-oban-lorn-isles/" alt="6 Beautiful Castles near Oban, Lorn & Isles " class="fill-frame-link"></a> <div class="background background-image"> <picture style="object-fit:cover;width:100%; height:100%; object-position: center center;"> <source srcset="/media/2znfhbqh/dunollie-castle.jpg?width=960&quality=90&format=webp 1920w, /media/2znfhbqh/dunollie-castle.jpg?width=1280&quality=90&format=webp 1280w, /media/2znfhbqh/dunollie-castle.jpg?width=600&quality=90&format=webp 600w" type="image/webp" /> <img src="/media/2znfhbqh/dunollie-castle.jpg?width=1920&quality=90" srcset="/media/2znfhbqh/dunollie-castle.jpg?width=960&quality=90 1920w, /media/2znfhbqh/dunollie-castle.jpg?width=1280&quality=90 1280w, /media/2znfhbqh/dunollie-castle.jpg?width=600&quality=90 600w" style="object-fit:cover;width:100%; height:100%; object-position: center center;" class="background background-image" alt="Background image - Dunollie Castle" /> </picture> </div> <div class="details-panel"> <div class="details-panel-inner bg-light-blue"> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-light-blue" style="">--> <h6 class="color-white">6 Beautiful Castles near Oban, Lorn & Isles </h6> <div class="bodytext color-white columns-1"> <p>Here are six castles in Oban and Lorn that should be top of your list. Visit to see some of Argyll’s most stunning scenery and get closer to Scotland’s past. </p> </div> <section class="cta-container"> <a href="/blogs/6-beautiful-castles-near-oban-lorn-isles/" alt="Read More" class="btn-cta btn-light-blue dark btn-hover-light-blue dark" title="Read More">Read More</a> </section> <!--</div>--> </div> </div> </div> </div> </section> <section id="widgets-component---signposting-introduction" class="container introduction widgetscomponent-introduction height-auto tablet-height-auto mobile-height-auto layout-width-full-width margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-all-none mobile-padding-all-none h-content-align-centre v-content-align-centre bg-dark-blue" style=""> <div class="component text-component layout-width-full-width "> <div class="sub-component text-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-none padding-left-none padding-right-none tablet-padding-top-20px tablet-padding-bottom-none tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-20px mobile-padding-bottom-none mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-centre bg-dark-blue color-white" style=" "> <!--<div class="sub-component text-sub-component padding-all-20px tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-centre height-auto tablet-height-auto mobile-height-auto bg-dark-blue" style="">--> <h3 class="color-white">Explore Oban, Lorn & the Isles </h3><!--</div>--> </div> </div> </section> <section id="widgets-component---signposting" class="container widgetscomponent height-auto tablet-height-auto mobile-height-auto layout-width-full-width margin-top-none margin-bottom-none margin-left-none margin-right-none tablet-margin-top-none tablet-margin-bottom-none tablet-margin-left-none tablet-margin-right-none mobile-margin-top-none mobile-margin-bottom-none mobile-margin-left-none mobile-margin-right-none padding-top-30px padding-bottom-30px padding-left-none padding-right-none tablet-padding-top-30px tablet-padding-bottom-30px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-30px mobile-padding-bottom-30px mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-centre bg-dark-blue" style=""> <div class="component widgets-component layout-width-site-width desktop-grid-3 tablet-grid-3 mobile-grid-1" style=" grid-row-gap: 60px; grid-column-gap: 60px;"> <div class="sub-component icon-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-top-none tablet-padding-bottom-none tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-none mobile-padding-bottom-none mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-fill-space bg-dark-blue label-position-below" style=" "> <img src="/media/3sqk2atp/eat-drink-01.svg?width=80&height=80&rmode=max&quality=90" srcset="/media/3sqk2atp/eat-drink-01.svg?width=80&height=80&rmode=max&quality=90 80w" style="width:80px; height:80px; object-position: center center;" class="padding-all-20px tablet-padding-all-20px mobile-padding-all-20px" alt="EAT DRINK 01" /> <div class="icon-label"> <span class="h4 color-white">EAT & DRINK</span> <div class="label-description color-white"> <p>Whether it’s seafood, whisky, chocolate or ice cream, our larder is overflowing with delectable edibles.</p> </div> </div> <section class="cta-container"> <a href="/eat-drink/" alt="Explore" class="btn-cta btn-dark-blue dark btn-hover-dark-blue dark" title="Explore">Explore</a> </section> </div> <div class="sub-component icon-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-top-none tablet-padding-bottom-none tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-none mobile-padding-bottom-none mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-fill-space bg-dark-blue label-position-below" style=" "> <img src="/media/h1dhigrx/stay-01.svg?width=80&height=80&rmode=max&quality=90" srcset="/media/h1dhigrx/stay-01.svg?width=80&height=80&rmode=max&quality=90 80w" style="width:80px; height:80px; object-position: center center;" class="padding-all-20px tablet-padding-all-20px mobile-padding-all-20px" alt="STAY 01" /> <div class="icon-label"> <span class="h4 color-white">STAY</span> <div class="label-description color-white"> <p>From modern luxury in the heart of Oban to family-friendly self-catering, we have just the place.</p> </div> </div> <section class="cta-container"> <a href="/stay/" alt="Explore" class="btn-cta btn-dark-blue dark btn-hover-dark-blue dark" title="Explore">Explore</a> </section> </div> <div class="sub-component icon-sub-component height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-all-none tablet-padding-top-none tablet-padding-bottom-none tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-none mobile-padding-bottom-none mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-fill-space bg-dark-blue label-position-below" style=" "> <img src="/media/kind0vvz/shoppin-bag-02-01.svg?width=80&height=80&rmode=max&quality=90" srcset="/media/kind0vvz/shoppin-bag-02-01.svg?width=80&height=80&rmode=max&quality=90 80w" style="width:80px; height:80px; object-position: center center;" class="padding-all-20px tablet-padding-all-20px mobile-padding-all-20px" alt="Shoppin Bag 02 01" /> <div class="icon-label"> <span class="h4 color-white">PLACES TO SHOP</span> <div class="label-description color-white"> <p>Looking for clothing, whisky, shoes, soaps, jewellery, art, souvenirs or just a little something for yourself?</p> </div> </div> <section class="cta-container"> <a href="/places-to-shop/" alt="Explore" class="btn-cta btn-dark-blue dark btn-hover-dark-blue dark" title="Explore">Explore</a> </section> </div></div> </section> </section> <footer id="footer"> <section id="footer-grid" class="container gridcomponent height-auto tablet-height-auto mobile-height-auto layout-width-full-width margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-none padding-bottom-20px padding-left-none padding-right-none tablet-padding-top-none tablet-padding-bottom-20px tablet-padding-left-20px tablet-padding-right-20px mobile-padding-top-none mobile-padding-bottom-20px mobile-padding-left-20px mobile-padding-right-20px h-content-align-centre v-content-align-top bg-light-blue" style=""> <div class="component grid-component layout-width-site-width desktop-grid-6 tablet-grid-6 mobile-grid-2" style=" grid-row-gap: 20px; grid-column-gap: 20px;"> <div class="sub-component links-sub-component mobile-col-start-1 mobile-col-end-1 mobile-row-start-1 mobile-row-end-1 tablet-col-start-1 tablet-col-end-1 tablet-row-start-1 tablet-row-end-1 desktop-col-start-1 desktop-col-end-1 desktop-row-start-1 desktop-row-end-1 height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-20px padding-left-none padding-right-none tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-top bg-light-blue" style=";grid-row-gap: 5px"> <span class="text-bold">Inspiration</span> <a href="/visit/" class="list-link color-white" alt="Where to Visit" title="Where to Visit">Where to Visit</a> <a href="/see-do/" class="list-link color-white" alt="See & Do" title="See & Do">See & Do</a> <a href="/eat-drink/" class="list-link color-white" alt="Eat & Drink" title="Eat & Drink">Eat & Drink</a> <a href="/whats-on/" class="list-link color-white" alt="What's On" title="What's On">What's On</a> <a href="/places-to-shop/" class="list-link color-white" alt="Places to Shop" title="Places to Shop">Places to Shop</a> <a href="/seafood-capital-of-scotland/" class="list-link color-white" alt="Seafood Capital of Scotland" title="Seafood Capital of Scotland">Seafood Capital of Scotland</a> </div> <div class="sub-component links-sub-component mobile-col-start-1 mobile-col-end-1 mobile-row-start-2 mobile-row-end-2 tablet-col-start-2 tablet-col-end-2 tablet-row-start-1 tablet-row-end-1 desktop-col-start-2 desktop-col-end-2 desktop-row-start-1 desktop-row-end-1 height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-20px padding-left-none padding-right-none tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-top bg-light-blue" style=";grid-row-gap: 5px"> <span class="text-bold">Planning</span> <a href="/downloads/" class="list-link color-white" alt="Downloads" title="Downloads">Downloads</a> <a href="/webcams/" class="list-link color-white" alt="Webcams" title="Webcams">Webcams</a> <a href="/blogs/" class="list-link color-white" alt="Blogs" title="Blogs">Blogs</a> <a href="/getting-here/" class="list-link color-white" alt="Getting Here" title="Getting Here">Getting Here</a> <a href="/podcasts/" class="list-link color-white" alt="Podcasts" title="Podcasts">Podcasts</a> <a href="/contact-us/" class="list-link color-white" alt="Contact Us" title="Contact Us">Contact Us</a> </div> <div class="sub-component links-sub-component mobile-col-start-2 mobile-col-end-2 mobile-row-start-2 mobile-row-end-2 tablet-col-start-3 tablet-col-end-3 tablet-row-start-1 tablet-row-end-1 desktop-col-start-3 desktop-col-end-4 desktop-row-start-1 desktop-row-end-1 height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-20px padding-left-none padding-right-none tablet-padding-all-20px mobile-padding-all-20px h-content-align-left v-content-align-top bg-light-blue" style=";grid-row-gap: 5px"> <span class="text-bold">Essentials</span> <a href="/privacy-policy/" class="list-link color-white" alt="Privacy Policy" title="Privacy Policy">Privacy Policy</a> <a href="/terms-of-website/" class="list-link color-white" alt="Terms of Website" title="Terms of Website">Terms of Website</a> <a href="/acceptable-use/" class="list-link color-white" alt="Acceptable Use" title="Acceptable Use">Acceptable Use</a> <a href="/cookie-policy/" class="list-link color-white" alt="Cookie Policy" title="Cookie Policy">Cookie Policy</a> <a href="/accessibility-policy/" class="list-link color-white" alt="Accessibility Policy" title="Accessibility Policy">Accessibility Policy</a> <a href="/photo-credits/" class="list-link color-white" alt="Photo Credits" title="Photo Credits">Photo Credits</a> </div> <div class="sub-component image-sub-component mobile-col-start-2 mobile-col-end-2 mobile-row-start-1 mobile-row-end-1 tablet-col-start-6 tablet-col-end-6 tablet-row-start-1 tablet-row-end-1 desktop-col-start-6 desktop-col-end-6 desktop-row-start-1 desktop-row-end-1 height-auto tablet-height-auto mobile-height-auto margin-all-none tablet-margin-all-none mobile-margin-all-none padding-top-20px padding-bottom-20px padding-left-none padding-right-none tablet-padding-all-20px mobile-padding-all-20px h-content-align-right v-content-align-top bg-light-blue" style=" "> <picture style="width:auto; height:180px; object-position: right top;"> <source srcset="/media/3klg5kzp/love-oban-logo-white-text.svg?width=1920&quality=90 1920w, /media/3klg5kzp/love-oban-logo-white-text.svg?width=1280&quality=90 1280w, /media/3klg5kzp/love-oban-logo-white-text.svg?width=600&quality=90 600w" type="image/webp" /> <img src="/media/3klg5kzp/love-oban-logo-white-text.svg?height=180&quality=90" srcset="/media/3klg5kzp/love-oban-logo-white-text.svg?width=1920&quality=90 1920w, /media/3klg5kzp/love-oban-logo-white-text.svg?width=1280&quality=90 1280w, /media/3klg5kzp/love-oban-logo-white-text.svg?width=600&quality=90 600w" style="width:auto; height:180px; object-position: right top;" class="" alt="Love Oban Logo White Text" title="" /> </picture> </div></div> </section> <div class="copyright layout-width-site-width"> <div class="copyright-message"> <p>© Copyright 2024 / Argyll & the Isles Tourism Cooperative Limited. All rights reserved</p> </div> <div class="social-links"> <a href="https://www.facebook.com/loveoban" target="_blank" class="menu-item-social" alt="Facebook Link" title="Facebook Link"><i class="fa fa-facebook"></i></a> <a href="https://twitter.com/loveoban_" target="_blank" class="menu-item-social" alt="Twitter Link" title="X (Twitter) Link"><i class="fa-brands fa-x-twitter"></i></a> <a href="https://www.instagram.com/loveoban_/" target="_blank" class="menu-item-social" alt="Instagram Link" title="Instagram Link"><i class="fa fa-instagram"></i></a> </div> <div class="credit"> Website by <a href="https://designlinecreative.co.uk/" alt="Designline Creative Website" title="Designline Creative website">Designline Creative</a> </div> </div> <div class="footer-logos layout-width-full-width bg-white"> <div class="partner-logos layout-width-site-width"> <a href="http://www.argyll-bute.gov.uk/" title="Argyll and Bute Council" target="_blank"> <img src="/media/djidjszu/argyll_bute_logo_square_fb.jpg" alt=""> </a> <a href="http://www.hie.co.uk/" title="Highlands and Islands Enterprise" target="_blank"> <img src="/media/mt3pjnp2/hie_400x400.jpg" alt=""> </a> <a href="https://www.visitscotland.com/" title="https://www.visitscotland.com/" target="_blank"> <img src="/media/f3wngwng/visitscotland_full_lockup_thistle_rgb.png" alt=""> </a> <a href="https://www.calmac.co.uk/" title="CalMac" target="_blank"> <img src="/media/gxtoz0wx/calmac-400x400.jpg" alt=""> </a> <a href="https://www.gov.uk/" title="GOV.UK" target="_blank"> <img src="/media/jyfmt5lb/gov-funded-logo.png" alt=""> </a> <a href="https://www.argyll.uhi.ac.uk/our-centres/" title="UHI Argyll" target="_blank"> <img src="/media/opfbkbgi/uhi-argyll-borders.jpg" alt=""> </a> </div> </div> </footer> </section> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation-unobtrusive/3.2.11/jquery.validate.unobtrusive.min.js"></script> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDPgYsU157aHVlce_xvylGaOtCitKSdYcs"></script> <script src="/sb/script-dependencies.js.v5" type="text/javascript"></script> <script src="/sb/site-scripts.js.v5" type="text/javascript"></script> </body> </html>