description = "Footer"

[viewBag]

[staticMenu]
code = "infomenu"

[staticMenu staticMenu2]
code = "supportmenu"

[staticMenu staticMenu3]
code = "experiencemenu"

[staticMenu staticMenu4]
code = "destinationmenu"

[staticMenu staticMenu5]
code = "destination-menu-2"
==
<style type="text/css">* { box-sizing: border-box; } body {margin: 0;}
*{box-sizing:border-box;}
body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
footer#footer .small-title{font-weight:600;font-size:20px !important;}
.subscribe-form .submit{border-top-right-radius:50px;border-bottom-right-radius:50px;}
#footer .nav-link{font-size:16px !important;font-family:Lato, sans-serif !important;}
#i1ka{max-width:1440px !important;}
#iuc4{padding-top:20px;}
#iaqfh{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(20, 159, 229);border-right-color:rgb(20, 159, 229);border-bottom-color:rgb(20, 159, 229);border-left-color:rgb(20, 159, 229);border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;border-top-left-radius:50px;border-bottom-left-radius:50px;}
#iyqfp{border-top-width:1px;border-top-style:solid;border-top-color:rgb(20, 159, 229);border-right-width:1px;border-right-style:solid;border-right-color:rgb(20, 159, 229);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgb(20, 159, 229);border-left-width:0px;border-left-style:solid;border-left-color:initial;border-top-right-radius:50px;border-bottom-right-radius:50px;background-image:initial !important;background-position-x:initial !important;background-position-y:initial !important;background-size:initial !important;background-repeat-x:initial !important;background-repeat-y:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;background-color:rgb(20, 159, 229) !important;}
#io42j{display:flex;align-items:baseline;}
#iimk8{height:58px;width:56px;}
#izr0k{height:45px;width:45px;}
#copyright{border-top-width:1px;border-top-style:solid;border-top-color:rgb(222, 222, 222);background-image:initial !important;background-position-x:initial !important;background-position-y:initial !important;background-size:initial !important;background-repeat-x:initial !important;background-repeat-y:initial !important;background-attachment:initial !important;background-origin:initial !important;background-clip:initial !important;background-color:rgb(237, 244, 247) !important;}
</style>
<div id="i1ka" class="container">
    <div id="iuc4" class="row">
        <div class="col-md-12 text-center">
            <img src="/storage/app/media/trans-logo.png" alt="carribean tours and travels" width="330px"/>
        </div>
    </div>
    <!-- Footer menu -->
    <div class="row section">
        <div data-aos="fade-up" data-aos-delay="100" class="footer-widget col-lg-4 col-md-4 col-xs-12">
            <h5 class="small-title">Subscribe</h5>
            <div class="contact-us">
                <div>
                    <p>Subscribe to our news letter to get regular update and blog posts.</p>
                </div>
                <div id="{{ mailSignup.id }}container">
                    <form data-request="{{ mailSignup }}::onSignup" data-request-update="'{{ mailSignup }}::result': '#{{ mailSignup.id }}container'" class="form-group subscribe-form">
                        <div class="form-group d-flex">
                            <input type="text" placeholder="Enter email address" id="iaqfh" class="form-control"/>
                            <input type="submit" value="Subscribe" id="iyqfp" class="submit px-3"/>
                        </div>
                    </form>
                </div>
            </div>
            <div class="social-footer">
            {% for fields in this.theme.social_media %}
                <a href="{{ fields.social_media_url }}">
                    <i aria-hidden="true" class="- fields-social_media_icon icon-round"></i>
                </a>
            {% endfor %}
            </div>
            <div class="footer-additional">
                <div><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="93c1f6e0f6e1e5f2e7fafcfde0d3f0f2e1faf1f1f6f2fde7e1f2e5f6fff2fdf7e7fce6e1e0bdf0fcfe">[email&#160;protected]</a></div>
                <div>
                    <b>Toll-free: +1 888 288 3377</b>
                </div>
                <div>
                    <b>Office: +1 784 456 5150</b>
                </div>
            </div>
            <div id="io42j">
                <a href="https://www.facebook.com/CaribbeanTravelTours">
                    <img src="/themes/ketikidis-octobercms-success/assets/images/facebook.png" id="iimk8"/>
                </a>
                <a href="https://www.instagram.com/caribbeantraveltours">
                    <img src="/themes/ketikidis-octobercms-success/assets/images/instagram.png" id="izr0k"/>
                </a>
            </div>
        </div>
        <!-- footer column 2 -->
        <div data-aos="fade-up" data-aos-delay="200" class="footer-widget col-lg col-lg-2 col-md-2 col-xs-12">
            <h5 class="small-title">Information</h5>
         {% import _self as nav %}
         {% macro render_menu(items) %}
         {% import _self as nav %}
         {% for item in items %}
         {% if item.items %}
            <li role="presentation" class="nav-item dropdown - item-isActive -active- item-isChildActive">
                <a href="{{ item.url }}" data-toggle="dropdown" aria-expanded="false" class="nav-link dropdown-toggle">{{ item.title }}</a>
                <ul class="dropdown-menu">
               {{ nav.render_menu(item.items) }}
            </ul>
            </li>
         {% else %}
            <li role="presentation" class="nav-item - item-isActive -active- item-isChildActive">
                <a href="{{ item.url }}" class="nav-link">{{ item.title }}</a>
            </li>
         {% endif %}
         {% endfor %}
         {% endmacro %}
         {% if staticMenu.menuItems %}
            <ul class="flex-column">
            {{ nav.render_menu(staticMenu.menuItems) }}
         </ul>
         {% endif %}
        </div>
        <!-- footer column 3 -->
        <div data-aos="fade-up" data-aos-delay="500" class="footer-widget col-lg-2 col-md-2 col-xs-12">
            <h5 class="small-title">For customers & partners
</h5>
         {% import _self as nav %}
         {% macro render_menu(items) %}
         {% import _self as nav %}
         {% for item in items %}
         {% if item.items %}
            <li role="presentation" class="nav-item dropdown - item-isActive -active- item-isChildActive">
                <a href="{{ item.url }}" data-toggle="dropdown" aria-expanded="false" class="nav-link dropdown-toggle">{{ item.title }}</a>
                <ul class="dropdown-menu">
               {{ nav.render_menu(item.items) }}
            </ul>
            </li>
         {% else %}
            <li role="presentation" class="nav-item - item-isActive -active- item-isChildActive">
                <a href="{{ item.url }}" class="nav-link">{{ item.title }}</a>
            </li>
         {% endif %}
         {% endfor %}
         {% endmacro %}
         {% if staticMenu2.menuItems %}
            <ul class="flex-column">
            {{ nav.render_menu(staticMenu2.menuItems) }}
         </ul>
         {% endif %}</div>
        <!-- footer column 4 -->
        <div data-aos="fade-up" data-aos-delay="800" class="footer-widget col-lg-2 col-md-2 col-xs-12">
            <h5 class="small-title">For Suppliers and Trade (sellers)
</h5>{% import _self as nav %}
         {% macro render_menu(items) %}
         {% import _self as nav %}
         {% for item in items %}
         {% if item.items %}
            <li role="presentation" class="nav-item dropdown - item-isActive -active- item-isChildActive">
                <a href="{{ item.url }}" data-toggle="dropdown" aria-expanded="false" class="nav-link dropdown-toggle">{{ item.title }}</a>
                <ul class="dropdown-menu">
               {{ nav.render_menu(item.items) }}
            </ul>
            </li>
         {% else %}
            <li role="presentation" class="nav-item - item-isActive -active- item-isChildActive">
                <a href="{{ item.url }}" class="nav-link">{{ item.title }}</a>
            </li>
         {% endif %}
         {% endfor %}
         {% endmacro %}
         {% if staticMenu3.menuItems %}
            <ul class="flex-column">
            {{ nav.render_menu(staticMenu3.menuItems) }}
         </ul>
         {% endif %}</div>
        <!-- footer column 5 -->
        <div data-aos="fade-up" data-aos-delay="800" class="footer-widget col-lg-2 col-md-2 col-xs-12 hidden">
            <h5 class="small-title">Destinations</h5>
         {% import _self as nav %}
         {% macro render_menu(items) %}
         {% import _self as nav %}
         {% for item in items %}
         {% if item.items %}
            <li role="presentation" class="nav-item dropdown - item-isActive -active- item-isChildActive">
                <a href="{{ item.url }}" data-toggle="dropdown" aria-expanded="false" class="nav-link dropdown-toggle">{{ item.title }}</a>
                <ul class="dropdown-menu">
               {{ nav.render_menu(item.items) }}
            </ul>
            </li>
         {% else %}
            <li role="presentation" class="nav-item - item-isActive -active- item-isChildActive">
                <a href="{{ item.url }}" class="nav-link">{{ item.title }}</a>
            </li>
         {% endif %}
         {% endfor %}
         {% endmacro %}
         {% if staticMenu4.menuItems %}
            <ul class="flex-column">
            {{ nav.render_menu(staticMenu4.menuItems) }}
         </ul>
         {% endif %}</div>
    </div>
    <!-- Copyright Script -->
    <div id="copyright">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <p class="copyright-text">© {{ "now"|date("Y") }} {{ this.theme.site_name }}. All right reserved.</p>
                </div>
            </div>
        </div>
    </div>
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
    document.addEventListener('aos:in', ({ detail }) => { console.log('animated in', detail); });
</script>
</div>
<div id="i1xwf">
    <script src="https://static.sojern.com/utils/sjrn_autocx.js"></script>
    <script>
  (function () {
    var params = {
      pc: window.location.pathname,
    };
    var sjrnid = "318971";    if((params.pc.indexOf("hotel") > -1)) {
      sjrnid = "318974";
    }
    else if((params.pc === "/")){
      sjrnid = "318972";
    }    /* Please do not modify the below code. */
    try{params = Object.assign({}, sjrn_params, params);}
catch(e){}
    var cid = [];
    var paramsArr = [];
    var cidParams = [];
    var pl = document.createElement('iframe');
    var defaultParams = {"vid":"hot"};
    for(key in defaultParams) { params[key] = defaultParams[key]; };
    for(key in cidParams) { cid.push(params[cidParams[key]]); };
    params.cid = cid.join('|');
    for(key in params) { paramsArr.push(key + '=' + encodeURIComponent(params[key])) };
    pl.type = 'text/html';
    pl.setAttribute('style','height:0; width: 0; display:none;');
    pl.async = true;
    pl.src = 'https://static.sojern.com/cip/w/s?id=' + sjrnid + '&f_v=v6_js&p_v=2&' + paramsArr.join('&');
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(pl);
  })();
</script>
    <!-- End Sojern Tag -->
</div>