Array
(
    [6481] => Array
        (
            [stockID] => 6481
            [status] => 1
            [type] => 1
            [title] => Rousham House & Gardens
            [town] => Bicester
            [county] => Oxfordshire
            [attraction] => Array
                (
                    [0] => 8
                    [1] => 10
                )

            [info] => <p>2</p>
            [image] => 
            [website] => 3
            [facebook] => 4
            [twitter] => 5
            [instagram] => 6
        )

    [6396] => Array
        (
            [stockID] => 6396
            [status] => 0
            [type] => 1
            [title] => Black & White Village Trail 
            [town] => Leominster
            [county] => Herefordshire
            [attraction] => Array
                (
                    [0] => 28
                )

            [info] => 
            [image] => 
            [website] => 
            [facebook] => 
            [twitter] => 
            [instagram] => 
        )

    [6513] => Array
        (
            [stockID] => 6513
            [status] => 0
            [type] => 2
            [title] => Cotswold Wildlife Park 
            [town] => Burford
            [county] => Oxfordshire
            [attraction] => Array
                (
                    [0] => 10
                    [1] => 26
                )

            [info] => 
            [image] => 
            [website] => 
            [facebook] => 
            [twitter] => 
            [instagram] => 
        )

    [5533] => Array
        (
            [stockID] => 5533
            [status] => 0
            [type] => 1
            [title] => Bath Postal Museum
            [town] => Bath
            [county] => Bath and North East Somerset
            [attraction] => Array
                (
                    [0] => 8
                    [1] => 9
                )

            [info] => 
            [image] => 
            [website] => 
            [facebook] => 
            [twitter] => 
            [instagram] => 
        )

    [6917] => Array
        (
            [stockID] => 6917
            [status] => 0
            [type] => 2
            [title] => Cotswold Motoring Museum 2021-22
            [town] => Cheltenham
            [county] => Gloucestershire
            [attraction] => Array
                (
                    [0] => 9
                )

            [info] => 
            [image] => 
            [website] => 
            [facebook] => 
            [twitter] => 
            [instagram] => 
        )

    [7262] => Array
        (
            [stockID] => 7262
            [status] => 0
            [type] => 2
            [title] => The Model Village - Bourton 2022-23
            [town] => Cheltenham
            [county] => Gloucestershire
            [attraction] => Array
                (
                    [0] => 15
                )

            [info] => 
            [image] => 
            [website] => 
            [facebook] => 
            [twitter] => 
            [instagram] => 
        )

    [6928] => Array
        (
            [stockID] => 6928
            [status] => 0
            [type] => 1
            [title] => Stur - Kitchen Magazine 
            [town] => Sturminster Newton
            [county] => Dorset
            [attraction] => Array
                (
                    [0] => 24
                )

            [info] => 
            [image] => 
            [website] => 
            [facebook] => 
            [twitter] => 
            [instagram] => 
        )

    [6978] => Array
        (
            [stockID] => 6978
            [status] => 0
            [type] => 1
            [title] => The Box - Plymouth 2021
            [town] => Plymouth
            [county] => Devon
            [attraction] => Array
                (
                    [0] => 11
                    [1] => 17
                    [2] => 20
                )

            [info] => 
            [image] => 
            [website] => 
            [facebook] => 
            [twitter] => 
            [instagram] => 
        )

    [7054] => Array
        (
            [stockID] => 7054
            [status] => 0
            [type] => 1
            [title] => Museum of Gloucester - Jan to June 2022
            [town] => Gloucester
            [county] => Gloucestershire
            [attraction] => Array
                (
                    [0] => 9
                )

            [info] => 
            [image] => 
            [website] => 
            [facebook] => 
            [twitter] => 
            [instagram] => 
        )

    [7082] => Array
        (
            [stockID] => 7082
            [status] => 0
            [type] => 1
            [title] =>  Crocodiles of the World 21-22
            [town] => Carterton
            [county] => Oxfordshire
            [attraction] => Array
                (
                    [0] => 26
                )

            [info] => 
            [image] => 
            [website] => 
            [facebook] => 
            [twitter] => 
            [instagram] => 
        )

)
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.84.0">
    <title>VisitorPlus</title>

    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
    <script src="https://npmcdn.com/isotope-layout@3.0.6/dist/isotope.pkgd.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>

    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
    
    
    <!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">

    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }


      * { box-sizing: border-box; }

body { font-family: sans-serif; }

/* ---- grid ---- */


.grid {
  position: relative;
  float: left;
  height: 0;
  width: 100%;
  overflow: hidden; 
  background-color: rgb(255, 255, 255);
  border: 10px solid rgb(255, 255, 255);
}

.grid-item {
  background-color: aqua;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 10px solid rgb(255, 255, 255);
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;  
}

.grid-item-large {
  background-color: rgb(24, 173, 31);
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 10px solid rgb(255, 255, 255);
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box; 
}

  @media screen and (min-width: 768px) {
    .grid-item, .grid-sizer {
      width: 33.33333333333334%;
      padding-bottom: 33.33333333333334%; 
     } }

  @media screen and (min-width: 960px) {
    .grid-item, .grid-sizer {
      width: 25%;
      padding-bottom: 25%; } }

  @media screen and (min-width: 1200px) {
    .grid-item, .grid-sizer {
      width: 20%;
      padding-bottom: 20%; } }

  @media screen and (min-width: 1850px) {
    .grid-item, .grid-sizer {
      width: 16.66666666666667%;
      padding-bottom: 16.66666666666667%; 
} }


@media screen and (min-width: 768px) {
    .grid-item-large {
      width: 66.66666666666668%;
      padding-bottom: 66.66666666666668%; } }

  @media screen and (min-width: 960px) {
    .grid-item-large {
      width: 50%;
      padding-bottom: 50%; } }

  @media screen and (min-width: 1200px) {
    .grid-item-large {
      width: 40%;
      padding-bottom: 40%; } }

  @media screen and (min-width: 1850px) {
    .grid-item-large {
      width: -webkit-calc(33.33333333333334% - 2px);
      width: calc(33.33333333333334% - 2px);
      padding-bottom: -webkit-calc(33.33333333333334% + 20px);
      padding-bottom: calc(33.33333333333334% + 20px);
} }



/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-inner ---- */

.grid-inner {
  position: absolute;
}

.grid-title {
  position: absolute;
  bottom: 20px;
  padding: 3px 10px 3px 10px;
  background-color: rgb(0, 0, 0);
  color: white;
  border-right: 2px solid white;
  font-size: 150%;
  line-height: 100%;
  margin-right:10%
}

.grid-category {
  position: absolute;
  top: 20px;
  right: 0px;
  padding: 1px 10px 1px 10px;
  background-color: rgb(228, 87, 197);
  color: white;
  border-left: 2px solid white;
}




    </style>

    
  </head>
  <body>
    
<header>

  <div class="navbar navbar-dark bg-dark shadow-sm">
    <div class="container">
      <a href="#" class="navbar-brand d-flex align-items-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="me-2" viewBox="0 0 24 24"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>
        <strong>Visitorplus</strong>
      </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
    </div>
  </div>


  <div class="collapse bg-dark" id="navbarHeader">
    <div class="container">
      <div class="row">
        <div class="col-sm-8 col-md-7 py-4">
          <h4 class="text-white">Search</h4>
          <p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>
        </div>
        <div class="col-sm-4 offset-md-1 py-4">
          <h4 class="text-white">Find attraction</h4>
          <ul class="list-unstyled">
            <li><a href="#" class="text-white">by location</a></li>
            <li><a href="#" class="text-white">by type</a></li>
            <li><a href="#" class="text-white">view all</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</header>

<main>

<div style="background-color: pink;">
  <div class="container p-4">
    <form method="POST" action="search.php">
      <div class="input-group">
        <select class="search select2-multiple " multiple="multiple" multiple data-placeholder="e.g. 'Bath', 'Cheltenham', 'Gardens' or 'Theatre'" style="width:350px" name="searchMe[]"><optgroup label="Attractions"><option value="stockID-6481">Rousham House & Gardens</option><option value="stockID-6396">Black & White Village Trail </option><option value="stockID-6513">Cotswold Wildlife Park </option><option value="stockID-5533">Bath Postal Museum</option><option value="stockID-6917">Cotswold Motoring Museum 2021-22</option><option value="stockID-7262">The Model Village - Bourton 2022-23</option><option value="stockID-6928">Stur - Kitchen Magazine </option><option value="stockID-6978">The Box - Plymouth 2021</option><option value="stockID-7054">Museum of Gloucester - Jan to June 2022</option><option value="stockID-7082"> Crocodiles of the World 21-22</option></optgroup><optgroup label="Categories"><option value="attractionID-18">Accommodation</option><option value="attractionID-1">Aquariums & Sea Life</option><option value="attractionID-11">Art Galleries & Crafts</option><option value="attractionID-25">Boat Cruises</option><option value="attractionID-14">Brewery & Factory Tours</option><option value="attractionID-7">Cathedrals & Churches</option><option value="attractionID-13">Country Parks & Nature Reserves</option><option value="attractionID-20">Festivals & Events</option><option value="attractionID-24">Food & Drink</option><option value="attractionID-10">Gardens & Arboretum</option><option value="attractionID-8">History & Heritage</option><option value="attractionID-2">Leisure & Adventure Parks</option><option value="attractionID-15">Model Villages</option><option value="attractionID-9">Museums</option><option value="attractionID-22">Outdoor Adventure & Activities</option><option value="attractionID-16">Railway & Bus Journeys</option><option value="attractionID-28">Regional Visitor Guides</option><option value="attractionID-5">Science & Discovery</option><option value="attractionID-21">Shopping & Exhibitions</option><option value="attractionID-29">Spa & Wellbeing</option><option value="attractionID-4">Sports & Activities</option><option value="attractionID-17">Theatres, Shows & Concerts</option><option value="attractionID-19">Town & City Guides</option><option value="attractionID-12">Walking & Guided Tours</option><option value="attractionID-26">Zoos, Wildlife & Farm Parks</option></optgroup><optgroup label="Town"><option value="town-Abergavenny">Abergavenny</option><option value="town-Bath">Bath</option><option value="town-Berkeley">Berkeley</option><option value="town-Bicester">Bicester</option><option value="town-Birmingham">Birmingham</option><option value="town-Blakeney">Blakeney</option><option value="town-Bridport">Bridport</option><option value="town-Bristol">Bristol</option><option value="town-Brixham">Brixham</option><option value="town-Brockenhurst">Brockenhurst</option><option value="town-Bromyard">Bromyard</option><option value="town-Buckfastleigh">Buckfastleigh</option><option value="town-Burford">Burford</option><option value="town-Carterton">Carterton</option><option value="town-Cheddar">Cheddar</option><option value="town-Cheltenham">Cheltenham</option><option value="town-Chipping Campden">Chipping Campden</option><option value="town-Chipping Norton">Chipping Norton</option><option value="town-Christchurch">Christchurch</option><option value="town-Cinderford">Cinderford</option><option value="town-Cirencester">Cirencester</option><option value="town-Coleford">Coleford</option><option value="town-Coventry">Coventry</option><option value="town-Crewkerne">Crewkerne</option><option value="town-Evesham">Evesham</option><option value="town-Exeter">Exeter</option><option value="town-Exmouth">Exmouth</option><option value="town-Glastonbury">Glastonbury</option><option value="town-Gloucester">Gloucester</option><option value="town-Henley-on-Thames">Henley-on-Thames</option><option value="town-Hereford">Hereford</option><option value="town-Highbridge">Highbridge</option><option value="town-Honiton">Honiton</option><option value="town-Hungerford">Hungerford</option><option value="town-Kettering">Kettering</option><option value="town-Kidderminster">Kidderminster</option><option value="town-Kington">Kington</option><option value="town-Leamington Spa">Leamington Spa</option><option value="town-Lechlade">Lechlade</option><option value="town-Ledbury">Ledbury</option><option value="town-Leominster">Leominster</option><option value="town-London">London</option><option value="town-Longhope">Longhope</option><option value="town-Lydney">Lydney</option><option value="town-Malmesbury">Malmesbury</option><option value="town-Malvern">Malvern</option><option value="town-Minehead">Minehead</option><option value="town-Monmouth">Monmouth</option><option value="town-Moreton-in-Marsh">Moreton-in-Marsh</option><option value="town-Newnham">Newnham</option><option value="town-Newport">Newport</option><option value="town-Newton Abbot">Newton Abbot</option><option value="town-Oxford">Oxford</option><option value="town-Paignton">Paignton</option><option value="town-Pershore">Pershore</option><option value="town-Pewsey">Pewsey</option><option value="town-Plymouth">Plymouth</option><option value="town-Pontypool">Pontypool</option><option value="town-Portsmouth">Portsmouth</option><option value="town-Presteigne">Presteigne</option><option value="town-Radstock">Radstock</option><option value="town-Rhayader">Rhayader</option><option value="town-Romsey">Romsey</option><option value="town-Ross-on-Wye">Ross-on-Wye</option><option value="town-Salisbury">Salisbury</option><option value="town-Seaton">Seaton</option><option value="town-Shipston-on-Stour">Shipston-on-Stour</option><option value="town-Sidmouth">Sidmouth</option><option value="town-South Petherton">South Petherton</option><option value="town-Stoke-on-Trent">Stoke-on-Trent</option><option value="town-Stroud">Stroud</option><option value="town-Sturminster Newton">Sturminster Newton</option><option value="town-Taunton">Taunton</option><option value="town-Tetbury">Tetbury</option><option value="town-Tewkesbury">Tewkesbury</option><option value="town-Tiverton">Tiverton</option><option value="town-Torquay">Torquay</option><option value="town-Totnes">Totnes</option><option value="town-Warwick">Warwick</option><option value="town-Watchet">Watchet</option><option value="town-Wells">Wells</option><option value="town-Weston-super-Mare">Weston-super-Mare</option><option value="town-Weymouth">Weymouth</option><option value="town-Witney">Witney</option><option value="town-Woodstock">Woodstock</option><option value="town-Worcester">Worcester</option><option value="town-Yeovil">Yeovil</option></optgroup><optgroup label="County"><option value="county-Bath and North East Somerset">Bath and North East Somerset</option><option value="county-Berkshire">Berkshire</option><option value="county-Bristol">Bristol</option><option value="county-Devon">Devon</option><option value="county-Dorset">Dorset</option><option value="county-Gloucestershire">Gloucestershire</option><option value="county-Greater London">Greater London</option><option value="county-Hampshire">Hampshire</option><option value="county-Herefordshire">Herefordshire</option><option value="county-Monmouthshire">Monmouthshire</option><option value="county-Newport">Newport</option><option value="county-Northamptonshire">Northamptonshire</option><option value="county-Oxfordshire">Oxfordshire</option><option value="county-Powys">Powys</option><option value="county-Somerset">Somerset</option><option value="county-Staffordshire">Staffordshire</option><option value="county-Torfaen">Torfaen</option><option value="county-Warwickshire">Warwickshire</option><option value="county-West Midlands">West Midlands</option><option value="county-Wiltshire">Wiltshire</option><option value="county-Worcestershire">Worcestershire</option></optgroup></select>        <button class="btn btn-outline-primary ps-4 pe-4" type="submit" id="button-addon2">SEARCH</button>
      </div>
    </form> 
  </div>
</div>




    <div class="grid">
      <div class="grid-sizer"></div>
      <div class="grid-item" style="background-image: url(https://www.picamon.com/wp-content/uploads/2020/10/Picamon-northern-lights-0-5f8b42955e1ad)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>
      <div class="grid-item" style="background-image: url(https://www.wallpapers13.com/wp-content/uploads/2019/07/Sunrise-landscape-photography-early-morning-swamp-evaporation-streaming-sky-Download-4k-wallpaper-images-for-your-desktop-background-840x525.jpg)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>
      <div class="grid-item" style="background-image: url(https://th.bing.com/th/id/OIP.fBYQQAMqYDFxOh5dWobzLgHaFj?pid=ImgDet&rs=1)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>

      <div class="grid-item grid-item-large" style="background-image: url(https://64.media.tumblr.com/tumblr_mjtaxxxr0c1rg664ao1_1363535782_cover.jpg)"><div class="grid-inner">4</div></div>
    
      <div class="grid-item" style="background-image: url(https://www.picamon.com/wp-content/uploads/2020/10/Picamon-northern-lights-0-5f8b42955e1ad)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>
      <div class="grid-item" style="background-image: url(https://www.wallpapers13.com/wp-content/uploads/2019/07/Sunrise-landscape-photography-early-morning-swamp-evaporation-streaming-sky-Download-4k-wallpaper-images-for-your-desktop-background-840x525.jpg)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>
      <div class="grid-item" style="background-image: url(https://th.bing.com/th/id/OIP.fBYQQAMqYDFxOh5dWobzLgHaFj?pid=ImgDet&rs=1)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>
      <div class="grid-item" style="background-image: url(https://www.wallpapers13.com/wp-content/uploads/2019/07/Sunrise-landscape-photography-early-morning-swamp-evaporation-streaming-sky-Download-4k-wallpaper-images-for-your-desktop-background-840x525.jpg)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>
      <div class="grid-item" style="background-image: url(https://th.bing.com/th/id/OIP.fBYQQAMqYDFxOh5dWobzLgHaFj?pid=ImgDet&rs=1)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>

      <div class="grid-item grid-item-large" style="background-image: url(https://64.media.tumblr.com/tumblr_mjtaxxxr0c1rg664ao1_1363535782_cover.jpg)"><div class="grid-inner">4</div></div>
    

      <div class="grid-item" style="background-image: url(https://th.bing.com/th/id/OIP.fBYQQAMqYDFxOh5dWobzLgHaFj?pid=ImgDet&rs=1)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>
      <div class="grid-item" style="background-image: url(https://www.wallpapers13.com/wp-content/uploads/2019/07/Sunrise-landscape-photography-early-morning-swamp-evaporation-streaming-sky-Download-4k-wallpaper-images-for-your-desktop-background-840x525.jpg)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>
      <div class="grid-item" style="background-image: url(https://th.bing.com/th/id/OIP.fBYQQAMqYDFxOh5dWobzLgHaFj?pid=ImgDet&rs=1)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>
      <div class="grid-item" style="background-image: url(https://th.bing.com/th/id/OIP.fBYQQAMqYDFxOh5dWobzLgHaFj?pid=ImgDet&rs=1)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>
      <div class="grid-item" style="background-image: url(https://www.wallpapers13.com/wp-content/uploads/2019/07/Sunrise-landscape-photography-early-morning-swamp-evaporation-streaming-sky-Download-4k-wallpaper-images-for-your-desktop-background-840x525.jpg)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>
      <div class="grid-item" style="background-image: url(https://th.bing.com/th/id/OIP.fBYQQAMqYDFxOh5dWobzLgHaFj?pid=ImgDet&rs=1)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>

      <div class="grid-item grid-item-large" style="background-image: url(https://64.media.tumblr.com/tumblr_mjtaxxxr0c1rg664ao1_1363535782_cover.jpg)"><div class="grid-inner">4</div></div>
    

      <div class="grid-item" style="background-image: url(https://th.bing.com/th/id/OIP.fBYQQAMqYDFxOh5dWobzLgHaFj?pid=ImgDet&rs=1)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>
      <div class="grid-item" style="background-image: url(https://www.wallpapers13.com/wp-content/uploads/2019/07/Sunrise-landscape-photography-early-morning-swamp-evaporation-streaming-sky-Download-4k-wallpaper-images-for-your-desktop-background-840x525.jpg)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>
      <div class="grid-item" style="background-image: url(https://th.bing.com/th/id/OIP.fBYQQAMqYDFxOh5dWobzLgHaFj?pid=ImgDet&rs=1)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>
      <div class="grid-item" style="background-image: url(https://th.bing.com/th/id/OIP.fBYQQAMqYDFxOh5dWobzLgHaFj?pid=ImgDet&rs=1)">
        <div class="grid-title">Title goes here with a lots of words</div>
        <div class="grid-category">Family</div>
      </div>
    </div>
    



  <section class="py-5 text-center container">
    <div class="row py-lg-5">
      <div class="col-lg-6 col-md-8 mx-auto">
        <h1 class="fw-light">Visitor+</h1>
        <p class="lead text-muted">Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don’t simply skip over it entirely.</p>
      </div>
    </div>

    <div class="row ">
      <div class="col-lg-3">
        <h1 class="fw-light">By attraction</h1>
        <select class="search select2-multiple " multiple="multiple" multiple data-placeholder="e.g. 'Bath', 'Cheltenham', 'Gardens' or 'Theatre'" style="width:350px" name="searchMe[]"><optgroup label="Attractions"><option value="stockID-6481">Rousham House & Gardens</option><option value="stockID-6396">Black & White Village Trail </option><option value="stockID-6513">Cotswold Wildlife Park </option><option value="stockID-5533">Bath Postal Museum</option><option value="stockID-6917">Cotswold Motoring Museum 2021-22</option><option value="stockID-7262">The Model Village - Bourton 2022-23</option><option value="stockID-6928">Stur - Kitchen Magazine </option><option value="stockID-6978">The Box - Plymouth 2021</option><option value="stockID-7054">Museum of Gloucester - Jan to June 2022</option><option value="stockID-7082"> Crocodiles of the World 21-22</option></optgroup></select>        </div>
        <div class="col-lg-3">
        <h1 class="fw-light">By category</h1>
        <select class="search select2-multiple " multiple="multiple" multiple data-placeholder="e.g. 'Bath', 'Cheltenham', 'Gardens' or 'Theatre'" style="width:350px" name="searchMe[]"><optgroup label="Categories"><option value="attractionID-18">Accommodation</option><option value="attractionID-1">Aquariums & Sea Life</option><option value="attractionID-11">Art Galleries & Crafts</option><option value="attractionID-25">Boat Cruises</option><option value="attractionID-14">Brewery & Factory Tours</option><option value="attractionID-7">Cathedrals & Churches</option><option value="attractionID-13">Country Parks & Nature Reserves</option><option value="attractionID-20">Festivals & Events</option><option value="attractionID-24">Food & Drink</option><option value="attractionID-10">Gardens & Arboretum</option><option value="attractionID-8">History & Heritage</option><option value="attractionID-2">Leisure & Adventure Parks</option><option value="attractionID-15">Model Villages</option><option value="attractionID-9">Museums</option><option value="attractionID-22">Outdoor Adventure & Activities</option><option value="attractionID-16">Railway & Bus Journeys</option><option value="attractionID-28">Regional Visitor Guides</option><option value="attractionID-5">Science & Discovery</option><option value="attractionID-21">Shopping & Exhibitions</option><option value="attractionID-29">Spa & Wellbeing</option><option value="attractionID-4">Sports & Activities</option><option value="attractionID-17">Theatres, Shows & Concerts</option><option value="attractionID-19">Town & City Guides</option><option value="attractionID-12">Walking & Guided Tours</option><option value="attractionID-26">Zoos, Wildlife & Farm Parks</option></optgroup></select>        </div>
        <div class="col-lg-3">
        <h1 class="fw-light">By town</h1>
        <select class="search select2-multiple " multiple="multiple" multiple data-placeholder="e.g. 'Bath', 'Cheltenham', 'Gardens' or 'Theatre'" style="width:350px" name="searchMe[]"><optgroup label="Town"><option value="town-Abergavenny">Abergavenny</option><option value="town-Bath">Bath</option><option value="town-Berkeley">Berkeley</option><option value="town-Bicester">Bicester</option><option value="town-Birmingham">Birmingham</option><option value="town-Blakeney">Blakeney</option><option value="town-Bridport">Bridport</option><option value="town-Bristol">Bristol</option><option value="town-Brixham">Brixham</option><option value="town-Brockenhurst">Brockenhurst</option><option value="town-Bromyard">Bromyard</option><option value="town-Buckfastleigh">Buckfastleigh</option><option value="town-Burford">Burford</option><option value="town-Carterton">Carterton</option><option value="town-Cheddar">Cheddar</option><option value="town-Cheltenham">Cheltenham</option><option value="town-Chipping Campden">Chipping Campden</option><option value="town-Chipping Norton">Chipping Norton</option><option value="town-Christchurch">Christchurch</option><option value="town-Cinderford">Cinderford</option><option value="town-Cirencester">Cirencester</option><option value="town-Coleford">Coleford</option><option value="town-Coventry">Coventry</option><option value="town-Crewkerne">Crewkerne</option><option value="town-Evesham">Evesham</option><option value="town-Exeter">Exeter</option><option value="town-Exmouth">Exmouth</option><option value="town-Glastonbury">Glastonbury</option><option value="town-Gloucester">Gloucester</option><option value="town-Henley-on-Thames">Henley-on-Thames</option><option value="town-Hereford">Hereford</option><option value="town-Highbridge">Highbridge</option><option value="town-Honiton">Honiton</option><option value="town-Hungerford">Hungerford</option><option value="town-Kettering">Kettering</option><option value="town-Kidderminster">Kidderminster</option><option value="town-Kington">Kington</option><option value="town-Leamington Spa">Leamington Spa</option><option value="town-Lechlade">Lechlade</option><option value="town-Ledbury">Ledbury</option><option value="town-Leominster">Leominster</option><option value="town-London">London</option><option value="town-Longhope">Longhope</option><option value="town-Lydney">Lydney</option><option value="town-Malmesbury">Malmesbury</option><option value="town-Malvern">Malvern</option><option value="town-Minehead">Minehead</option><option value="town-Monmouth">Monmouth</option><option value="town-Moreton-in-Marsh">Moreton-in-Marsh</option><option value="town-Newnham">Newnham</option><option value="town-Newport">Newport</option><option value="town-Newton Abbot">Newton Abbot</option><option value="town-Oxford">Oxford</option><option value="town-Paignton">Paignton</option><option value="town-Pershore">Pershore</option><option value="town-Pewsey">Pewsey</option><option value="town-Plymouth">Plymouth</option><option value="town-Pontypool">Pontypool</option><option value="town-Portsmouth">Portsmouth</option><option value="town-Presteigne">Presteigne</option><option value="town-Radstock">Radstock</option><option value="town-Rhayader">Rhayader</option><option value="town-Romsey">Romsey</option><option value="town-Ross-on-Wye">Ross-on-Wye</option><option value="town-Salisbury">Salisbury</option><option value="town-Seaton">Seaton</option><option value="town-Shipston-on-Stour">Shipston-on-Stour</option><option value="town-Sidmouth">Sidmouth</option><option value="town-South Petherton">South Petherton</option><option value="town-Stoke-on-Trent">Stoke-on-Trent</option><option value="town-Stroud">Stroud</option><option value="town-Sturminster Newton">Sturminster Newton</option><option value="town-Taunton">Taunton</option><option value="town-Tetbury">Tetbury</option><option value="town-Tewkesbury">Tewkesbury</option><option value="town-Tiverton">Tiverton</option><option value="town-Torquay">Torquay</option><option value="town-Totnes">Totnes</option><option value="town-Warwick">Warwick</option><option value="town-Watchet">Watchet</option><option value="town-Wells">Wells</option><option value="town-Weston-super-Mare">Weston-super-Mare</option><option value="town-Weymouth">Weymouth</option><option value="town-Witney">Witney</option><option value="town-Woodstock">Woodstock</option><option value="town-Worcester">Worcester</option><option value="town-Yeovil">Yeovil</option><optgroup label="Town"></select>        </div>
        <div class="col-lg-3">
        <h1 class="fw-light">By county</h1>
        <select class="search select2-multiple " multiple="multiple" multiple data-placeholder="e.g. 'Bath', 'Cheltenham', 'Gardens' or 'Theatre'" style="width:350px" name="searchMe[]"><optgroup label="County"><option value="county-Bath and North East Somerset">Bath and North East Somerset</option><option value="county-Berkshire">Berkshire</option><option value="county-Bristol">Bristol</option><option value="county-Devon">Devon</option><option value="county-Dorset">Dorset</option><option value="county-Gloucestershire">Gloucestershire</option><option value="county-Greater London">Greater London</option><option value="county-Hampshire">Hampshire</option><option value="county-Herefordshire">Herefordshire</option><option value="county-Monmouthshire">Monmouthshire</option><option value="county-Newport">Newport</option><option value="county-Northamptonshire">Northamptonshire</option><option value="county-Oxfordshire">Oxfordshire</option><option value="county-Powys">Powys</option><option value="county-Somerset">Somerset</option><option value="county-Staffordshire">Staffordshire</option><option value="county-Torfaen">Torfaen</option><option value="county-Warwickshire">Warwickshire</option><option value="county-West Midlands">West Midlands</option><option value="county-Wiltshire">Wiltshire</option><option value="county-Worcestershire">Worcestershire</option></optgroup></select>        </div>
    </div>
  </section>

    <div class="container">

      <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
        <div class="col">
          
          <div class="card shadow-sm">
            
            <div class="card-body">
              <h5 class="card-title">Family fun in Bristol</h5>
              <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
            </div>
            <svg class="bd-placeholder-img card-img-top" width="100%" height="350" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>

            <div class="card-body">

  

              <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <button type="button" class="btn btn-sm btn-outline-secondary">Read more</button>
                </div>
                <small class="text-muted">9 titles</small>
              </div>

              <div class="row mt-4">
                <div class="col-12">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                </div>
              </div>
            </div>





          </div>
        </div>

        <div class="col">
          
          <div class="card shadow-sm">
            
            <div class="card-body">
              <h5 class="card-title">Family fun in Bristol</h5>
              <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
            </div>
            <svg class="bd-placeholder-img card-img-top" width="100%" height="350" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>

            <div class="card-body">

  

              <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <button type="button" class="btn btn-sm btn-outline-secondary">Read more</button>
                </div>
                <small class="text-muted">9 titles</small>
              </div>

              <div class="row mt-4">
                <div class="col-12">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                </div>
              </div>
            </div>





          </div>
        </div>

        <div class="col">
          
          <div class="card shadow-sm">
            
            <div class="card-body">
              <h5 class="card-title">Family fun in Bristol</h5>
              <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
            </div>
            <svg class="bd-placeholder-img card-img-top" width="100%" height="350" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>

            <div class="card-body">

  

              <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <button type="button" class="btn btn-sm btn-outline-secondary">Read more</button>
                </div>
                <small class="text-muted">9 titles</small>
              </div>

              <div class="row mt-4">
                <div class="col-12">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                  <img src="https://via.placeholder.com/50" class="img-thumbnail" alt="...">
                </div>
              </div>
            </div>





          </div>
        </div>




       
      </div>
    </div>


</main>

<footer class="text-muted py-5">
  <div class="container">
    <p class="float-end mb-1">
      <a href="#">Back to top</a>
    </p>
    <p class="mb-1">VisitorPlus</p>

  </div>
</footer>


    <script src="assets/js/bootstrap.bundle.min.js"></script>

    <script>



$('.grid').isotope({
  itemSelector: '.grid-item',
  masonry: {

  }
});


$('.grid').masonry({
  // set itemSelector so .grid-sizer is not used in layout
  itemSelector: '.grid-item',
  // use element for option
  columnWidth: '.grid-sizer',
  percentPosition: true
})

  $(document).ready(function () {
    $('.search').select2();
  });


    </script>
      
  </body>
</html>