No notes defined.
<header class=" siteHeader">
<div class="siteHeader__container container">
<a href="/" class="siteHeader__brand">
<svg xmlns="http://www.w3.org/2000/svg" class="siteHeader__logo" width="36" height="44" viewBox="3 1 18 22" stroke-width="1" stroke="currentColor" fill="none">
<path d="M6 17.6l-2 -1.1v-2.5" />
<path d="M4 10v-2.5l2 -1.1" />
<path d="M10 4.1l2 -1.1l2 1.1" />
<path d="M18 6.4l2 1.1v2.5" />
<path d="M20 14v2.5l-2 1.12" />
<path d="M14 19.9l-2 1.1l-2 -1.1" />
<line x1="12" y1="12" x2="14" y2="10.9" />
<line x1="18" y1="8.6" x2="20" y2="7.5" />
<line x1="12" y1="12" x2="12" y2="14.5" />
<line x1="12" y1="18.5" x2="12" y2="21" />
<path d="M12 12l-2 -1.12" />
<line x1="6" y1="8.6" x2="4" y2="7.5" />
</svg>
<div class="siteHeader__siteName">Boilerplate</div>
</a>
<nav class=" primaryNav">
<ul class="primaryNav__list">
<li class="primaryNav__item">
<bp-dropdown label-class="primaryNav__link" label="Maine" id="a11y-maine">
<bp-directional>
<div class="linkGroups">
<div class="linkGroups__group">
<div class="linkGroups__heading">Seacoast</div>
<ul class="linkGroups__list">
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Bar Harbor</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Camden</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Castine</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Damariscotta</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Kennebunkport</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Old Orchard Beach</a></li>
</ul>
</div>
<div class="linkGroups__group">
<div class="linkGroups__heading">Parks</div>
<ul class="linkGroups__list">
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Acadia</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Baxter</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Camden Hills</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Popham Beach</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Quoddy Head</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Reid</a></li>
</ul>
</div>
<div class="linkGroups__group">
<div class="linkGroups__heading">Activities</div>
<ul class="linkGroups__list">
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Agricultural Attractions</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Arts & Culture</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Camping</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Fishing</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Guide Services</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Hiking & Climbing</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Hunting</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Lighthouses & Sightseeing</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Shopping</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Spas, Health & Wellness</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Wildlife Watching</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Winter Activities</a></li>
</ul>
</div>
</div>
</bp-directional>
</bp-dropdown>
</li>
<li class="primaryNav__item">
<bp-dropdown label-class="primaryNav__link" href="" label="New Hampshire" id="a11y-new-hampshire">
<bp-directional>
<div class="linkGroups">
<div class="linkGroups__group">
<div class="linkGroups__heading">Towns</div>
<ul class="linkGroups__list">
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Manchester</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Portsmouth</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Sunapee</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Concord</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Conway</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Keene</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Laconia</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Berlin</a></li>
</ul>
</div>
<div class="linkGroups__group">
<div class="linkGroups__heading">Parks</div>
<ul class="linkGroups__list">
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Bear Brook</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Franconia Notch</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Hampton Beach</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Odiorne Point</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Pawtuckaway</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">White Mountains</a></li>
</ul>
</div>
<div class="linkGroups__group">
<div class="linkGroups__heading">Activities</div>
<ul class="linkGroups__list">
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Boating</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Camping</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Canoeing & Kayaking</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Christmas Tree Farms</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Covered Bridges</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Fishing</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Guide Services</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Hunting</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Shopping</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Skiing & Riding</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Waterfalls</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">White Water Rafting</a></li>
</ul>
</div>
</div>
</bp-directional>
</bp-dropdown>
</li>
<li class="primaryNav__item">
<bp-dropdown class="-rightEdge" label-class="primaryNav__link" href="" label="Massachusetts" id="a11y-massachusetts">
<bp-directional>
<div class="linkGroups">
<div class="linkGroups__group">
<div class="linkGroups__heading">Cities</div>
<ul class="linkGroups__list">
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Boston</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Cambridge</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Lowell</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Plymouth</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Salem</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Springfield</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Worcester</a></li>
</ul>
</div>
<div class="linkGroups__group">
<div class="linkGroups__heading">Cape Cod & Islands</div>
<ul class="linkGroups__list">
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Chatham</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Falmouth</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Hyannis</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Martha's Vineyard</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Nantucket</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Oak Bluffs</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Orleans</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Provincetown</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Sandwich</a></li>
<li class="linkGroups__item"><a class="linkGroups__link" href="#">Truro</a></li>
</ul>
</div>
</div>
</bp-directional>
</bp-dropdown>
</li>
</ul>
</nav>
</div>
</header>
<main>
<bp-dismissable storage-key="example-alert" v-slot="{ dismiss }">
<div class="banner" v-cloak>
<div class="banner__container container">
<div class="banner__messsage">
Sit quisquam error ipsum atque odit ex At eum eius autem perspiciatis sit! Sint ab!
</div>
<button class="banner__dismiss" @click="dismiss">
<svg xmlns="http://www.w3.org/2000/svg" class="banner__dismissIcon" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round">
<line x1="18" y1="6" x2="6" y2="18" />
<line x1="6" y1="6" x2="18" y2="18" />
</svg>
</button>
</div>
</div>
</bp-dismissable>
<section class="section -dark">
<div class="section__background">
<picture class="">
<source type="image/webp" srcset="https://picsum.photos/640/160.webp 640w, https://picsum.photos/1024/256.webp 1024w, https://picsum.photos/1440/360.webp 1440w, https://picsum.photos/1920/480.webp 1920w" sizes="100vw" />
<img src="data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="480" width="1920"></svg>" alt="Placeholder Image" class="section__backgroundImg" srcset="https://picsum.photos/640/160 640w, https://picsum.photos/1024/256 1024w, https://picsum.photos/1440/360 1440w, https://picsum.photos/1920/480 1920w" sizes="100vw" />
</picture>
</div>
<div class="section__container -pull-left">
<header class="section__header">
<div class="heading__eyebrow eyebrow">I'm a kicker</div>
<h1 class="section__heading">You're reading a headline.</h1>
</header>
<div class="section__introduction -emphasized">
<p>
Lorem sed molestias possimus impedit accusantium, nostrum?
Delectus adipisci odio impedit.
vitae voluptate molestiae fuga Cumque dolores sunt
voluptatibus neque veniam?
</p>
</div>
<div class="section__actions">
<a class="section__action button -primary" href="#">Learn More</a>
</div>
</div>
</section>
<section class=" section">
<div class="section__container">
<header class="section__header">
<div class="eyebrow -primary">interesting eyebrow</div>
<h2 class="section__heading">Section Heading</h2>
<h3 class="section__subheading accented -secondary">Elit nulla quas possimus exercitationem</h3>
</header>
<div class="section__introduction -emphasized">
<p>Consectetur alias placeat doloremque placeat asperiores Reprehenderit corporis atque amet sunt ullam assumenda delectus. Molestiae sapiente laudantium officia asperiores excepturi. Earum tempora labore neque quia accusantium molestiae unde facere? Dolor.</p>
<p>Dolor iste quo nostrum in perspiciatis adipisci cum? Dolorem fuga itaque non ipsum facere assumenda? Eum est quasi praesentium quo libero? Soluta accusantium accusamus animi quidem corrupti Nemo laboriosam perspiciatis</p>
</div>
</div>
</section>
<section class=" section -designedSection -twoColumn">
<div class="section__container">
<header class="section__header">
<div class="eyebrow -primary">interesting eyebrow</div>
<h2 class="section__heading">Image with Text</h2>
</header>
<div class="section__content section__grid">
<div class="section__item">
<svg viewBox="0 0 100 50">
<rect height="50" width="100" style="fill-opacity:.05" />
</svg>
</div>
<div class="section__item">
<h3 class="section__subheading accented -secondary">Elit nulla quas possimus exercitationem</h3>
<p>
Simple two column layout that can be used with video, images, or just side by side text. Adipisicing ab a aspernatur officia voluptatibus. Sint est corrupti dolore suscipit delectus Enim sequi adipisci fuga similique cum doloribus animi.
</p>
<p>Dolor iste quo nostrum in perspiciatis adipisci cum? Dolorem fuga itaque non ipsum facere assumenda? Eum est quasi praesentium quo libero? Soluta accusantium accusamus animi quidem corrupti Nemo laboriosam perspiciatis</p>
</div>
</div>
</div>
</section>
<section class="-lightGray section -designedSection -twoColumn">
<div class="section__container">
<div class="section__content section__grid">
<div class="section__item">
<iframe src="https://player.vimeo.com/video/374461341" width="100%" height="100%" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
</div>
<div class="section__item">
<div class="eyebrow -secondary">within column</div>
<h2 class="section__heading accented -secondary">Video with Text</h2>
<p>
Section headings can appear either above both columns or within a column like this. Dolor eaque rerum non quis tempore? Magnam voluptatibus ut doloremque laboriosam architecto. Quo eos nesciunt aliquam architecto vitae Adipisci debitis exercitationem nostrum voluptatibus officiis dicta?
</p>
<p>Dolor iste quo nostrum in perspiciatis adipisci cum? Dolorem fuga itaque non ipsum facere assumenda? Eum est quasi praesentium quo libero? Soluta accusantium accusamus animi quidem corrupti Nemo laboriosam perspiciatis</p>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section__container">
<header class="section__header">
<div class="eyebrow -primary">News & Events</div>
<h2 class="section__heading">In the News</h2>
</header>
<section class="carousel -bleedRight">
<div class="carousel__container">
<bp-carousel class="carousel__carousel" variant="bleedRight">
<swiper-slide>
<div class=" card -clickable -wide" @click="click($event, $refs.link)">
<div class="card__container">
<div class="card__background">
<picture class="">
<source type="image/webp" data-srcset="https://picsum.photos/640/640.webp 640w, https://picsum.photos/1024/1024.webp 1024w, https://picsum.photos/1440/1440.webp 1440w, https://picsum.photos/1920/1920.webp 1920w" data-sizes="auto" />
<img src="data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1920" width="1920"></svg>" alt="Placeholder Image" class="lazyload card__backgroundImg" data-srcset="https://picsum.photos/640/640 640w, https://picsum.photos/1024/1024 1024w, https://picsum.photos/1440/1440 1440w, https://picsum.photos/1920/1920 1920w" data-sizes="auto" />
</picture>
</div>
<h3 class="card__heading">One Great Heading</h3>
<p class="card__content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos et voluptatum aliquam neque beatae.</p>
<div class="card__actions -attached">
<a ref="link" href="#foo" class="card__action button -primary">Learn More</a>
</div>
</div>
</div>
</swiper-slide>
<swiper-slide>
<div class=" card -clickable -wide" @click="click($event, $refs.link)">
<div class="card__container">
<div class="card__background">
<picture class="">
<source type="image/webp" data-srcset="https://picsum.photos/640/640.webp 640w, https://picsum.photos/1024/1024.webp 1024w, https://picsum.photos/1440/1440.webp 1440w, https://picsum.photos/1920/1920.webp 1920w" data-sizes="auto" />
<img src="data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1920" width="1920"></svg>" alt="Placeholder Image" class="lazyload card__backgroundImg" data-srcset="https://picsum.photos/640/640 640w, https://picsum.photos/1024/1024 1024w, https://picsum.photos/1440/1440 1440w, https://picsum.photos/1920/1920 1920w" data-sizes="auto" />
</picture>
</div>
<h3 class="card__heading">One Great Heading</h3>
<p class="card__content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos et voluptatum aliquam neque beatae.</p>
<div class="card__actions -attached">
<a ref="link" href="#foo" class="card__action button -primary">Learn More</a>
</div>
</div>
</div>
</swiper-slide>
<swiper-slide>
<div class=" card -clickable -wide" @click="click($event, $refs.link)">
<div class="card__container">
<div class="card__background">
<picture class="">
<source type="image/webp" data-srcset="https://picsum.photos/640/640.webp 640w, https://picsum.photos/1024/1024.webp 1024w, https://picsum.photos/1440/1440.webp 1440w, https://picsum.photos/1920/1920.webp 1920w" data-sizes="auto" />
<img src="data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1920" width="1920"></svg>" alt="Placeholder Image" class="lazyload card__backgroundImg" data-srcset="https://picsum.photos/640/640 640w, https://picsum.photos/1024/1024 1024w, https://picsum.photos/1440/1440 1440w, https://picsum.photos/1920/1920 1920w" data-sizes="auto" />
</picture>
</div>
<h3 class="card__heading">One Great Heading</h3>
<p class="card__content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos et voluptatum aliquam neque beatae.</p>
<div class="card__actions -attached">
<a ref="link" href="#foo" class="card__action button -primary">Learn More</a>
</div>
</div>
</div>
</swiper-slide>
<swiper-slide>
<div class=" card -clickable -wide" @click="click($event, $refs.link)">
<div class="card__container">
<div class="card__background">
<picture class="">
<source type="image/webp" data-srcset="https://picsum.photos/640/640.webp 640w, https://picsum.photos/1024/1024.webp 1024w, https://picsum.photos/1440/1440.webp 1440w, https://picsum.photos/1920/1920.webp 1920w" data-sizes="auto" />
<img src="data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1920" width="1920"></svg>" alt="Placeholder Image" class="lazyload card__backgroundImg" data-srcset="https://picsum.photos/640/640 640w, https://picsum.photos/1024/1024 1024w, https://picsum.photos/1440/1440 1440w, https://picsum.photos/1920/1920 1920w" data-sizes="auto" />
</picture>
</div>
<h3 class="card__heading">One Great Heading</h3>
<p class="card__content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos et voluptatum aliquam neque beatae.</p>
<div class="card__actions -attached">
<a ref="link" href="#foo" class="card__action button -primary">Learn More</a>
</div>
</div>
</div>
</swiper-slide>
<template #button-prev>
<div class="swiper-button-prev"></div>
</template>
<template #button-next>
<div class="swiper-button-next"></div>
</template>
<template #pagination>
<div class="swiper-pagination" slot="pagination"></div>
</template>
</bp-carousel>
</div>
</section>
</div>
</section>
<section class="section -dark">
<div class="section__container">
<header class="section__header">
<h2 class="section__heading">Our Clients</h2>
</header>
<div class=" logoCloud">
<div class="logoCloud__grid">
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-ipsum.svg" alt="logo ipsum">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-ultra.svg" alt="Ultra Prestigious">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-circles.svg" alt="Circles Corp">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-worm.svg" alt="Worm Limited">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-ipsum.svg" alt="logo ipsum">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-ultra.svg" alt="Ultra Prestigious">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-circles.svg" alt="Circles Corp">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-worm.svg" alt="Worm Limited">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-ipsum.svg" alt="logo ipsum">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-ultra.svg" alt="Ultra Prestigious">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-circles.svg" alt="Circles Corp">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-worm.svg" alt="Worm Limited">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-ipsum.svg" alt="logo ipsum">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-ultra.svg" alt="Ultra Prestigious">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-circles.svg" alt="Circles Corp">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-worm.svg" alt="Worm Limited">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-ipsum.svg" alt="logo ipsum">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-ultra.svg" alt="Ultra Prestigious">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-circles.svg" alt="Circles Corp">
</div>
<div class="logoCloud__icon">
<img class="logoCloud__img" src="/media/logo-worm.svg" alt="Worm Limited">
</div>
</div>
</div>
</div>
</section>
<section class=" section -callToActionSection">
<div class="section__container">
<header class="section__header">
<div class="section__eyebrow eyebrow -primary">interesting eyebrow</div>
<h2 class="section__heading">What are you waiting for?</h2>
</header>
<div class="section__content">
<p>Consectetur alias placeat doloremque placeat asperiores Reprehenderit corporis atque amet sunt ullam assumenda delectus.</p>
</div>
<div class="section__actions">
<a class="section__action button -outline" href="#">Sign Up Now</a>
</div>
</div>
</section>
</main>
<footer class=" siteFooter">
<div class="siteFooter__container">
<div class="siteFooter__identity">
<a href="/" class="siteFooter__brand">
<svg xmlns="http://www.w3.org/2000/svg" class="siteFooter__logo" width="36" height="44" viewBox="3 1 18 22" stroke-width="1" stroke="currentColor" fill="none">
<path d="M6 17.6l-2 -1.1v-2.5" />
<path d="M4 10v-2.5l2 -1.1" />
<path d="M10 4.1l2 -1.1l2 1.1" />
<path d="M18 6.4l2 1.1v2.5" />
<path d="M20 14v2.5l-2 1.12" />
<path d="M14 19.9l-2 1.1l-2 -1.1" />
<line x1="12" y1="12" x2="14" y2="10.9" />
<line x1="18" y1="8.6" x2="20" y2="7.5" />
<line x1="12" y1="12" x2="12" y2="14.5" />
<line x1="12" y1="18.5" x2="12" y2="21" />
<path d="M12 12l-2 -1.12" />
<line x1="6" y1="8.6" x2="4" y2="7.5" />
</svg>
<div class="siteFooter__siteName">Boilerplate</div>
</a>
<div class="siteFooter__address">
<div>21 Water Street</div>
<div>Amesbury, MA 01913</div>
<div><a href="tel:+19784628848">978-462-8848</a></div>
</div>
<div class="siteFooter__socialLinks">
<a class="siteFooter__socialLink" href="">
<span class="sr-only">Visit us on Facebook</span>
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="32" height="32" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" />
</svg>
</a>
<a class="siteFooter__socialLink" href="">
<span class="sr-only">Visit us on Instagram</span>
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" width="32" height="32" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<rect x="4" y="4" width="16" height="16" rx="4" />
<circle cx="12" cy="12" r="3" />
<line x1="16.5" y1="7.5" x2="16.5" y2="7.501" />
</svg>
</a>
<a class="siteFooter__socialLink" href="">
<span class="sr-only">Visit us on Twitter</span>
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-twitter" width="32" height="32" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" />
</svg>
</a>
</div>
</div>
<div class="siteFooter__links">
<div class="siteFooter__linksGroup">
<div class="siteFooter__heading">Maine</div>
<ul class="siteFooter__list">
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Lobster Boating</a></li>
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Acadia National Park</a></li>
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Activities</a></li>
</ul>
</div>
<div class="siteFooter__linksGroup">
<div class="siteFooter__heading">Massachusetts</div>
<ul class="siteFooter__list">
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Boston</a></li>
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Lowell</a></li>
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Salem</a></li>
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Martha's Vineyard</a></li>
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Provincetown</a></li>
</ul>
</div>
<div class="siteFooter__linksGroup">
<div class="siteFooter__heading">New Hampshire</div>
<ul class="siteFooter__list">
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Towns</a></li>
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Parks</a></li>
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Activities</a></li>
</ul>
</div>
<div class="siteFooter__linksGroup">
<div class="siteFooter__heading">Rhode Island</div>
<ul class="siteFooter__list">
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Providence</a></li>
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Newport</a></li>
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Warwick</a></li>
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Cranston</a></li>
</ul>
</div>
<div class="siteFooter__linksGroup">
<div class="siteFooter__heading">Vermont</div>
<ul class="siteFooter__list">
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Burlington</a></li>
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Montperlier</a></li>
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Stowe</a></li>
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Rutland</a></li>
<li class="siteFooter__item"><a class="siteFooter__link" href="#">Brattleboro</a></li>
</ul>
</div>
</div>
<div class="siteFooter__utility">
<div class="siteFooter__copyright">© 2022 Boilerplate.</div>
<nav class=" utilityNav">
<ul class="utilityNav__list">
<li class="utilityNav__item">
<a class="utilityNav__link" href="#">privacy policy</a>
</li>
<li class="utilityNav__item">
<a class="utilityNav__link" href="#">legal</a>
</li>
</ul>
</nav>
</div>
</div>
</footer>