<link rel="stylesheet" href="https://fh-kit.com/buttons/v2/?color=bb2649" type="text/css" media="screen" />
<div id="content-container">
<div id="fh-image-button-container"> 
 
<!--Panel 1--> 
<div class=""image-button -third -tall panel"" target=""_blank""><a class=""imgLink"" href=""https://fareharbor.com/embeds/book/ask-a-badass/items/155684/?asn=fhdn-eur&asn-ref=captaindaveamsterdam&full-items=yes&flow=no&branding=yes&bookable-only=yes&ref=captaindaveamsterdam""><span class=""bgimage"" style=""background-image:url(https://cdn.filestackcontent.com/rxvRboAgSWy0qR3qVLpF)""></span></a><span class=""tour-info""><span class=""title"">Badass Women Storytelling Walk</span><br/><span class=""subtitle"">Walking Tour</span></span><a class=""fh-button-true-flat-color fh-size--small book-btn"" href=""https://fareharbor.com/embeds/book/ask-a-badass/items/155684/?asn=fhdn-eur&asn-ref=captaindaveamsterdam&full-items=yes&flow=no&branding=yes&bookable-only=yes&ref=captaindaveamsterdam"">Book Now</a></div>
 
<!--Panel 2--> 
<div class=""image-button -third -tall panel"" target=""_blank""><a class=""imgLink"" href=""https://fareharbor.com/embeds/book/ask-a-badass/items/155687/?asn=fhdn-eur&asn-ref=captaindaveamsterdam&full-items=yes&flow=no&branding=yes&bookable-only=yes&ref=captaindaveamsterdam""><span class=""bgimage"" style=""background-image:url(https://cdn.filestackcontent.com/47R4HuzFSPuiklo3wSOR)""></span></a><span class=""tour-info""><span class=""title"">Customized Private Storytelling Walk</span><br/><span class=""subtitle"">History Tour</span></span><a class=""fh-button-true-flat-color fh-size--small book-btn"" href=""https://fareharbor.com/embeds/book/ask-a-badass/items/155687/?asn=fhdn-eur&asn-ref=captaindaveamsterdam&full-items=yes&flow=no&branding=yes&bookable-only=yes&ref=captaindaveamsterdam"">Book Now</a></div>
<!--Panel 3--> 
<div class=""image-button -third -tall panel"" target=""_blank""><a class=""imgLink"" href=""https://fareharbor.com/embeds/book/ask-a-badass/items/172644/?asn=fhdn-eur&asn-ref=captaindaveamsterdam&full-items=yes&flow=no&branding=yes&bookable-only=yes&ref=captaindaveamsterdam\""><span class=""bgimage"" style=""background-image:url(https://cdn.filestackcontent.com/3XEXDNLiR7avZ3gwoNxA)""></span></a><span class=""tour-info""><span class=""title"">Gegevens worden opgehaald. Wacht een paar seconden en knip of kopieer vervolgens opnieuw.</span><br/><span class=""subtitle"">History Tour</span></span><a class=""fh-button-true-flat-color fh-size--small book-btn"" href=""https://fareharbor.com/embeds/book/ask-a-badass/items/172644/?asn=fhdn-eur&asn-ref=captaindaveamsterdam&full-items=yes&flow=no&branding=yes&bookable-only=yes&ref=captaindaveamsterdam\"">Book Now</a></div>
<!--Panel 4--> 
<div class=""image-button -third -tall panel"" target=""_blank""><a class=""imgLink"" href=""https://fareharbor.com/embeds/book/ask-a-badass/items/247917/?asn=fhdn-eur&asn-ref=captaindaveamsterdam&full-items=yes&flow=no&branding=yes&bookable-only=yes&ref=captaindaveamsterdam""><span class=""bgimage"" style=""background-image:url(https://cdn.filestackcontent.com/qXo0mhxHQrC20S1dqFgO)""></span></a><span class=""tour-info""><span class=""title"">Plantage Storytelling Walk</span><br/><span class=""subtitle"">Walking Tour</span></span><a class=""fh-button-true-flat-color fh-size--small book-btn"" href=""https://fareharbor.com/embeds/book/ask-a-badass/items/247917/?asn=fhdn-eur&asn-ref=captaindaveamsterdam&full-items=yes&flow=no&branding=yes&bookable-only=yes&ref=captaindaveamsterdam"">Book Now</a></div>
 
</div> 
</div> 
 
 <!--The Following is necessary CSS code to format embed -->
  <script src="https://fareharbor.com/embeds/api/v1/?autolightframe=yes"></script>
 <style> #content-container { min-height: 160px; width: 100%; margin-top: 15px; } #fh-image-button-container { display: -webkit-box;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; font-size: 20px; margin: 15px; align-items: flex-start; } #fh-image-button-container .image-button { display: -webkit-box; display: flex;position: relative; -webkit-box-orient: vertical; -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 4px 6px 0 rgb(0 0 0 / 10%); -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: end; justify-content: center; box-sizing: border-box; margin: 1%; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 15px; background-size: cover; overflow: hidden; text-decoration: none; -webkit-transition: all 200ms ease; transition: all 200ms ease; } /* fall back widths */ #fh-image-button-container .image-button.-half { flex-basis: 48% !important; } #fh-image-button-container .image-button.-third { flex-basis: 31.3% !important; } #fh-image-button-container .image-button.-twothirds { flex-basis: 64.6666666667%; } #fh-image-button-container .image-button.-full { flex-basis: 100%; } @media only screen and (max-width: 800px) { #fh-image-button-container .image-button.-third { flex-basis: 48% !important; } #fh-image-button-container .image-button.-twothirds { flex-basis: 48% !important; } } .bgimage { display: flex; background-position: center center; background-size: cover; min-height: 10em; filter: brightness(90%); transition: filter 200ms ease; } .image-button:hover > a > span { filter: brightness(110%); } @media only screen and (max-width: 1000px) { .bgimage { min-height: 8em; } } .fh-button-true-flat-color.fh-size--small { border-radius: 5px !important; font-size: 15px !important; margin: 0% 3.5% 15px 3.5% !important; } #fh-image-button-container .image-button:hover { box-shadow: 0 4px 16px -1px rgba(0, 0, 0, 0.6); } #fh-image-button-container .badge { position: absolute; top: 0.5em; right: 0.5em; display: inline-block; padding: 0.5em 1em; font-size: 0.6em; color: white; border-radius: 5px; } #fh-image-button-container .tour-info { color: black; line-height: 1em !important; font-size: 1em; padding: 20px 15px !important; text-decoration: none; font-weight: bold; font-family: sans-serif; } .title { flex-basis: 100%; line-height: 1.3; font-size: 20px !important; } .subtitle { flex-basis: 100%; line-height: 1.2; font-size: 15px !important; } @media (max-width: 500px) { #fh-image-button-container .book-btn { bottom: 0; right: 0; left: 0; box-sizing: border-box; } #fh-image-button-container .image-button.-third { flex-basis: 99% !important; } #fh-image-button-container .image-button.-half{ flex-basis: 99% !important; } #fh-image-button-container .image-button.-twothirds{ flex-basis: 99% !important; } .bgimage { min-height: 10em; } } #fh-image-button-container .tour-info span { font-size: 0.7em; font-weight: normal; text-decoration: none; } </style>