var asset = new Object();

var templates = new Object();

var common = new Object();

var main = new Object();
asset["carouselThumb"]='<div><img src="images/continental1.jpeg"/></div>';
templates["contractorsBlock"]='<div class="container ctr-block"> <div class="row"> <div class="col-lg-9 col-md-12 block1"> <div class="row"> <div class="col-lg-12 col-md-12"> <div class="block1"> <div class="row asset-header" style="position: relative;"> <div class="asset-details"> <div class="block-image asset-image" style="width: 160px; height: 96px; background-size: cover;"> </div> <div style="position: relative;"> <h1 class="block-name" style="font-weight: 800; line-height: 1.2; margin: 0px; letter-spacing: 0.05rem; font-size: 40px;"> </h1> <p class="block-unit" style="font-size: 18px; color: #000;"> </p> <div class="post-details block-params"> <div style="min-width: 95px; padding-top: 6px; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; font-size: 14px; --tw-text-opacity: 1;"> <img src="images/place.svg" style="margin-top: -3px;"> <span class="block-param1">Greece</span> </div> <div style="min-width: 55px; padding-top: 6px; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; font-size: 14px; --tw-text-opacity: 1;"> <img src="images/category.svg" style="margin-top: -3px;"> <span class="block-param2">Chandler</span> </div> </div> </div> </div> <div class="verified-block" style="position: absolute; display: flex; flex-direction: row; gap: 20px; padding-top: 8px; right: 0px; bottom: 36px;"> <div style="display: flex; flex-direction: row; gap: 9px;"> <img src="assets/img/verified.svg"> <div style="color: rgb(39 174 96); font-size: 14px;">Verified</div> </div> <div style="display: flex; flex-direction: row; gap: 9px; color: rgb(242 128 54); font-size: 14px;"> <img src="assets/img/starFilled.svg"> <div>Starred Vendor</div> </div> </div> <div class="nav-item dropdown block6 asset-countries"> <a href="all" onclick="filterCountries(event)" style="border: 1px solid #CCCCCE; border-radius: 5px;" class="nav-link dropdown-toggle" data-toggle="dropdown">All countries</a> <div class="dropdown-menu" style="border-radius: 12px;box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.12); width: 320px;"> <div class="search-container"> <div class="search-icon" style=""></div> <div class="cross-icon" style="">×</div> <input style="width: 93%;border-radius: 8px;height: 44px;" placeholder="All countries" type="text" class="form-control deletable" onkeyup="filterAutocomplete(this)"> </div> <a href="all" onclick="filterCountries(event)" class="dropdown-item">All countries</a> <div class="catalog-list" style="max-height: 180px; overflow: auto;"> </div> </div> </div> <div class="nav-item dropdown block7 asset-services"> <a href="all" onclick="filterServices(event)" style="border: 1px solid #CCCCCE; border-radius: 5px;" class="nav-link dropdown-toggle" data-toggle="dropdown">All services</a> <div class="dropdown-menu" style="border-radius: 12px;box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.12); width: 320px;"> <div class="search-container"> <div class="search-icon" style=""></div> <div class="cross-icon" style="">×</div> <input style="width: 93%;border-radius: 8px;height: 44px;" placeholder="All services" type="text" class="form-control deletable" onkeyup="filterAutocomplete(this)"> </div> <a href="all" onclick="filterServices(event)" class="dropdown-item">All services</a> <div class="catalog-list" style="max-height: 180px; overflow: auto;"> </div> </div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12"> <p class="block-desc" style="font-size: 18px; color: #000; margin-top: 40px;"> </p> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12"> <div style="width: 100%; margin-bottom: 20px; font-size: 18px;" class="block-big-desc"></div> </div> </div> <div class="row verified-only"> <div class="col-lg-12 col-md-12"> <div class="block-params contractor-params" style=""> <div> <label style="font-size: 16px;color: #76767A;">Address</label> <p class="block-param3" style="border-bottom: 1px solid #E5E5EB;padding-bottom: 11px;font-size: 18px;font-weight: 500;"></p> </div> <div> <label style="font-size: 16px;color: #76767A;">Phone</label> <p class="block-param4" style="border-bottom: 1px solid #E5E5EB;padding-bottom: 11px;font-size: 18px;font-weight: 500;"></p> </div> <div> <label style="font-size: 16px; color: #76767A;">E-mail</label> <p class="block-param5" style="border-bottom: 1px solid #E5E5EB;padding-bottom: 11px;font-size: 18px;font-weight: 500;"></p> </div> <div> <label style="font-size: 16px; color: #76767A;">Website</label> <p class="block-param6" style="padding-bottom: 8px;font-size: 18px;font-weight: 500;"></p> </div> <a style="color: white;" class="btn btn-primary visit-btn block-href">Visit contractor website</a> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12"> <div class="block2 inline-trending-block"> <div class="row"> <div class="col-lg-6 col-md-12" style="color: white;"> <h2 class="block-name" style="font-weight: 700; margin-top: -5px;"> </h2> </div> </div> <div class="row catalog-list" style="margin-top: 20px;"> </div> </div> </div> </div> <div class="container block3" style="margin-top: 20px; padding-right: 0px; padding-left: 0px;"> <div class="row catalog-list"> </div> <div class="row"> <div class="col-lg-12 col-md-12 paginator"> </div> </div> </div> <div class="container block5" style="margin-top: 20px; padding-left: 0px; padding-right: 0px; border-top: 1px solid #E5E5EB; padding-top: 40px;"> <h4 style="font-size: 16px; font-weight: 600; margin-bottom: 16px;">Related countries</h4> <div class="row catalog-list"> </div> <div class="row"> <div class="col-lg-12 col-md-12 paginator"> </div> </div> </div> </div> <div class="col-lg-3 col-md-12 block4 invisible-mobile" style="padding-left: 30px;"> <div class="row catalog-list"> </div> <div class="row"> <div class="col-lg-12 col-md-12 paginator"> </div> </div> </div> </div> </div>';
templates["browseLots"]='<div class="site-section"> <div class="container"> <div class="row"> <div class="site-section-heading text-center mb-5 w-border col-md-6 mx-auto"> <h2 class="mb-5 block-name">Browse lots</h2> <p class="block-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, fugit nam obcaecati fuga itaque deserunt officia, error reiciendis ab quod?</p> </div> </div> <div class="row block1" id="catalog_list"> </div> <div class="row"> <div class="col-md-12 text-center mt-5" data-aos="fade-up"> <a href="Catalog.do" class="btn btn-primary">Browse All</a> </div> </div> </div> </div>';
templates["carouselBlock"]='<div id="carousel" class="carousel slide" data-interval="100000" data-pause="hover"> <ol class="carousel-indicators"> <li data-target="#carousel" data-slide-to="0" class="active"></li> <li data-target="#carousel" data-slide-to="1"></li> <li data-target="#carousel" data-slide-to="2"></li> </ol> <div class="carousel-inner" style="background: black;"> <div class="carousel-item active block1"> <img class="block-image" src="images/background1.jpg" alt="Carousel Image"> <div class="carousel-caption"> <div style="width: 100%; max-width: 1400px;"> <div class="container"> <div class="row"> <div class="caption-block"> <p class="animated fadeInRight block-name" style="margin-bottom: 0px;">Everything you need</p> <h1 class="animated fadeInLeft block-desc">To serve your Vessel</h1> <div class="input-group" style="width: auto;"> <input style="border-radius: 5px;" type="text" onkeydown="doSearchWrap(this)" class="form-control form-control-lg" id="search" placeholder="Country, services"> <div class="input-group-prepend" onclick="doSearch(this)"> <i class="fa-solid fa-magnifying-glass"></i> </div> </div> <div class="example-block"> <span>For example</span><span onclick="doExample(this)" class="search-example">Ship repair</span><span onclick="doExample(this)" class="search-example">England</span><span onclick="doExample(this)" class="search-example">Pump in Spain</span> </div> </div> <div class="find-banner"> <div class="banner-header"> <div style="margin-bottom: 6px;">Dozens of leading ship managers already trust us to search for their Vendors.</div> <a href="#" style="font-weight: 700; color: #18529E;"> Let us find the Verified Vendor for you! <img style="width: 24px; height: 24px;" src="images/arrow-right.svg"> </a> </div> <div class="block4"> <div style="width: 100%; height: 140px;" class="contractor-thumb owl-carousel owl-theme catalog-list"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="carousel-item block2"> <img class="block-image" src="images/background1.jpg" alt="Carousel Image"> <div class="carousel-caption"> <div style="width: 100%; max-width: 1400px;"> <div class="container"> <div class="row"> <div class="caption-block"> <p class="animated fadeInRight block-name" style="margin-bottom: 0px;">Everything you need</p> <h1 class="animated fadeInLeft block-desc">To serve your Vessel</h1> <div class="input-group" style="width: auto;"> <input style="border-radius: 5px;" type="text" onkeydown="doSearchWrap(this)" class="form-control form-control-lg" id="search" placeholder="Country, services"> <div class="input-group-prepend" onclick="doSearch(this)"> <i class="fa-solid fa-magnifying-glass"></i> </div> </div> <div class="example-block"> <span>For example</span><span onclick="doExample(this)" class="search-example">Ship repair</span><span onclick="doExample(this)" class="search-example">England</span><span onclick="doExample(this)" class="search-example">Pump in Spain</span> </div> </div> <div class="find-banner"> <div class="banner-header"> <div style="margin-bottom: 6px;">Dozens of leading ship managers already trust us to search for their Vendors.</div> <a href="#" style="font-weight: 700; color: #18529E;"> Let us find the Verified Vendor for you! <img style="width: 24px; height: 24px;" src="images/arrow-right.svg"> </a> </div> <div class="block5"> <div style="width: 100%; height: 140px;" class="contractor-thumb owl-carousel owl-theme catalog-list"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="carousel-item block3"> <img class="block-image" src="images/background1.jpg" alt="Carousel Image"> <div class="carousel-caption"> <div style="width: 100%; max-width: 1400px;"> <div class="container"> <div class="row"> <div class="caption-block"> <p class="animated fadeInRight block-name" style="margin-bottom: 0px;">Everything you need</p> <h1 class="animated fadeInLeft block-desc">To serve your Vessel</h1> <div class="input-group" style="width: auto;"> <input style="border-radius: 5px;" type="text" onkeydown="doSearchWrap(this)" class="form-control form-control-lg" id="search" placeholder="Country, services"> <div class="input-group-prepend" onclick="doSearch(this)"> <i class="fa-solid fa-magnifying-glass"></i> </div> </div> <div class="example-block"> <span>For example</span><span onclick="doExample(this)" class="search-example">Ship repair</span><span onclick="doExample(this)" class="search-example">England</span><span onclick="doExample(this)" class="search-example">Pump in Spain</span> </div> </div> <div class="find-banner"> <div class="banner-header"> <div style="margin-bottom: 6px;">Dozens of leading ship managers already trust us to search for their Vendors.</div> <a href="#" style="font-weight: 700; color: #18529E;"> Let us find the Verified Vendor for you! <img style="width: 24px; height: 24px;" src="images/arrow-right.svg"> </a> </div> <div class="block6"> <div style="width: 100%; height: 140px;" class="contractor-thumb owl-carousel owl-theme catalog-list"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>';
templates["ourOffice"]='<div class="site-section"> <div class="container"> <div class="row block1"> <div class="col-lg-6"> <img src="images/img_1.jpg" alt="Image" class="img-fluid block-image"> </div> <div class="col-lg-6"> <div class="site-section-heading text-center mb-5 w-border col-md-6 mx-auto"> <h2 class="mb-5 block-name">Our Office</h2> <p class="block-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, fugit nam obcaecati fuga itaque deserunt officia, error reiciendis ab quod?</p> </div> </div> </div> </div> </div>';
templates["advertizeBlock"]='<div class="col-lg-3"> <div class="section-header text-center"> <h2 class="block-name">We Provide Services</h2> </div> <div class="block1"> <div class="row catalog-list"> </div> </div> </div>';
templates["dozensBlock"]='<div class="container" style="margin-top: 20px;"> <div class="row"> <div class="block1" style="width: 100%;"> <div class="banner-header block1" style="padding-top: 16px; padding-left: 27px; padding-bottom: 16px; border-radius: 16px;"> <div class="block-name" style="font-size: 16px;letter-spacing: 0.01rem;"></div> <a href="#" onclick="showRequestDialog()" style="font-size: 16px; font-weight: 700; color: #18529E;"> <span class="block-desc"></span> <img style="width: 24px; height: 24px;" src="images/arrow-right.svg"> </a> </div> </div> </div> </div>';
templates["contactPage"]='<div class="site-blocks-cover inner-page-cover overlay" style="background-image: url(images/bg.png);" data-aos="fade" data-stellar-background-ratio="0.5" data-aos="fade"> <div class="container"> <div class="row align-items-center justify-content-center"> <div class="col-md-7 text-center" data-aos="fade-up" data-aos-delay="400"> <h1 class="text-white">Contact Us</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </div> </div> </div> </div> <div class="site-section border-bottom"> <div class="container"> <div class="row"> <div class="col-md-12 col-lg-7 mb-5"> <form action="#" class="contact-form"> <div class="row form-group"> <div class="col-md-12 mb-3 mb-md-0"> <label class="font-weight-bold" for="fullname">Full Name</label> <input type="text" id="fullname" class="form-control" placeholder="Full Name"> </div> </div> <div class="row form-group"> <div class="col-md-12"> <label class="font-weight-bold" for="email">Email</label> <input type="email" id="email" class="form-control" placeholder="Email Address"> </div> </div> <div class="row form-group"> <div class="col-md-12"> <label class="font-weight-bold" for="email">Subject</label> <input type="text" id="subject" class="form-control" placeholder="Enter Subject"> </div> </div> <div class="row form-group"> <div class="col-md-12"> <label class="font-weight-bold" for="message">Message</label> <textarea name="message" id="message" cols="30" rows="5" class="form-control" placeholder="Say hello to us"></textarea> </div> </div> <div class="row form-group"> <div class="col-md-12"> <input type="submit" value="Send Message" class="btn btn-primary py-3 px-4"> </div> </div> </form> </div> <div class="col-lg-4 ml-auto"> <div class="p-4 mb-3 bg-white"> <h3 class="h5 text-black mb-3">Contact Info</h3> <p class="mb-0 font-weight-bold text-black">Address</p> <p class="mb-4 text-black">203 Fake St. Mountain View, San Francisco, California, USA</p> <p class="mb-0 font-weight-bold text-black">Phone</p> <p class="mb-4"><a href="#">+1 232 3235 324</a></p> <p class="mb-0 font-weight-bold text-black">Email Address</p> <p class="mb-0"><a href="#">youremail@domain.com</a></p> </div> <div class="p-4 mb-3 bg-white"> <h3 class="h5 text-black mb-3 text-black">More Info</h3> <p class="text-black">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa ad iure porro mollitia architecto hic consequuntur. Distinctio nisi perferendis dolore, ipsa consectetur</p> <p><a href="#" class="btn btn-primary py-2 px-4">Learn More</a></p> </div> </div> </div> </div> </div> <div class="site-section"> <div class="container"> <div class="row"> <div class="col-lg-6"> <img src="images/img_1.jpg" alt="Image" class="img-fluid"> </div> <div class="col-lg-6"> <div class="site-section-heading text-center mb-5 w-border col-md-6 mx-auto"> <h2 class="mb-5">Our Office</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, fugit nam obcaecati fuga itaque deserunt officia, error reiciendis ab quod?</p> </div> </div> </div> </div> </div> <div class="site-section block-13 bg-light"> <div class="container" data-aos="fade-up"> <div class="row"> <div class="site-section-heading text-center mb-5 w-border col-md-6 mx-auto"> <h2 class="mb-5">Love By Our Customers</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, fugit nam obcaecati fuga itaque deserunt officia, error reiciendis ab quod?</p> </div> </div> <div class="nonloop-block-13 owl-carousel"> <div class="text-center p-3 p-md-5 bg-white"> <div class="mb-4"> <img src="images/person_1.jpg" alt="Image" class="w-50 mx-auto img-fluid rounded-circle"> </div> <div class="text-black"> <h3 class="font-weight-light h5">Megan Smith</h3> <p class="font-italic">&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, iusto. Aliquam illo, cum sed ea? Ducimus quos, ea?&rdquo;</p> </div> </div> <div class="text-center p-3 p-md-5 bg-white"> <div class="mb-4"> <img src="images/person_2.jpg" alt="Image" class="w-50 mx-auto img-fluid rounded-circle"> </div> <div class="text-black"> <h3 class="font-weight-light h5">Brooke Cagle</h3> <p class="font-italic">&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, iusto. Aliquam illo, cum sed ea? Ducimus quos, ea?&rdquo;</p> </div> </div> <div class="text-center p-3 p-md-5 bg-white"> <div class="mb-4"> <img src="images/person_3.jpg" alt="Image" class="w-50 mx-auto img-fluid rounded-circle"> </div> <div class="text-black"> <h3 class="font-weight-light h5">Philip Martin</h3> <p class="font-italic">&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, iusto. Aliquam illo, cum sed ea? Ducimus quos, ea?&rdquo;</p> </div> </div> <div class="text-center p-3 p-md-5 bg-white"> <div class="mb-4"> <img src="images/person_1.jpg" alt="Image" class="w-50 mx-auto img-fluid rounded-circle"> </div> <div class="text-black"> <h3 class="font-weight-light h5">Steven Ericson</h3> <p class="font-italic">&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, iusto. Aliquam illo, cum sed ea? Ducimus quos, ea?&rdquo;</p> </div> </div> <div class="text-center p-3 p-md-5 bg-white"> <div class="mb-4"> <img src="images/person_2.jpg" alt="Image" class="w-50 mx-auto img-fluid rounded-circle"> </div> <div class="text-black"> <h3 class="font-weight-light h5">Nathan Dumlao</h3> <p class="font-italic">&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, iusto. Aliquam illo, cum sed ea? Ducimus quos, ea?&rdquo;</p> </div> </div> <div class="text-center p-3 p-md-5 bg-white"> <div class="mb-4"> <img src="images/person_4.jpg" alt="Image" class="w-50 mx-auto img-fluid rounded-circle"> </div> <div class="text-black"> <h3 class="font-weight-light h5">Brook Smith</h3> <p class="font-italic">&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, iusto. Aliquam illo, cum sed ea? Ducimus quos, ea?&rdquo;</p> </div> </div> </div> </div> </div>';
templates["whoIsOurService"]='<div class="block1" style="position: relative;"> <div class="block-image" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></div> <div class="row"> <div class="col-lg-6 col-md-12" style="color: white;"> <h2 style="block-name"> Who is our service for </h2> </div> </div> <div class="row"> <div class="col-lg-6 col-md-12 block2" style="color: white;"> <h3> <img src="images/manager.svg"> Vessel managers </h3> <div>Let us handle the legwork for you! PortContact not only connects you with the right service providers via directory, but also finds services and vendors you need making all necessary inquiries on your behalf. We compile and summarize the information and deliver you ready Quotations, so you can save time and focus on other important tasks. Leave the research and communication with vendors on us, just get the ready quotation from verified vendors and finalize the deal directly! </div> <div> <a href="#" class="btn">Show more</a> </div> </div> <div class="col-lg-6 col-md-12 block3" style="color: white;"> <h3> <img src="images/manager.svg"> Contractors and suppliers </h3> <div> Get Verified Boost your credibility with a verified profile. A verified status increases client trust and confirms that your business is active and legitimate. Highlight Your Business Ensure your company stands out by making it highly visible to all potential clients. Promote with Banners Enhance your presence by featuring special promotional banners on our website. </div> <div> <a href="#" class="btn">Show more</a> </div> </div> </div> </div>';
templates["joinUs"]='<div class="container" style="margin-top: -180px; background: black; position: relative; padding-top: 20px; color: white;"> <div class="row"> <div class="col-md-12 col-lg-3" data-aos="fade-up" data-aos-delay="200"> <h2 class="block-name"></h2> <p class="block-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis quae obcaecati doloribus distinctio, aliquam vero? Molestias, amet, eveniet.</p> </div> <div class="vr"></div> <div class="col-md-6 col-lg-3 block1" data-aos="fade-up" data-aos-delay="200"> <a href="#" class="unit-9 block-href"> <div class="image block-image" style="background-image: url(images/joinus.png);"></div> <div class="unit-9-content"> <h2 class="block-name">STEP ONE</h2> <span class="block-desc">Join us in ReWorks</span> </div> </a> </div> <div class="col-md-6 col-lg-3 block2" data-aos="fade-up" data-aos-delay="200"> <a href="#" class="unit-9 block-href"> <div class="image block-image" style="background-image: url(images/chooseanart.png);"></div> <div class="unit-9-content"> <h2 class="block-name">STEP TWO</h2> <span class="block-desc">Find your excellent lot</span> </div> </a> </div> <div class="col-md-6 col-lg-3 block3" data-aos="fade-up" data-aos-delay="200"> <a href="#" class="unit-9 block-href"> <div class="image block-image" style="background-image: url(images/makeadeal.png);"></div> <div class="unit-9-content"> <h2 class="block-name">STEP THREE</h2> <span class="block-desc">Make a deal</span> </div> </a> </div> </div> </div>';
templates["findContractor"]='<div class="col-md-6"> <div class="contact-form"> <div id="success"></div> <div name="sentMessage" id="contactForm" novalidate="novalidate"> <input type="hidden" value="sendMessage"> <div class="control-group"> <input type="text" class="form-control" id="name" placeholder="Your Name" required="required" data-validation-required-message="Please enter your name"/> <p class="help-block text-danger"></p> </div> <div class="control-group"> <input type="text" class="form-control" id="company_name" placeholder="Company Name" required="required" data-validation-required-message="Please enter company name"/> <p class="help-block text-danger"></p> </div> <div class="control-group"> <input type="email" class="form-control" id="email" placeholder="Your Email" required="required" data-validation-required-message="Please enter your email"/> <p class="help-block text-danger"></p> </div> <div class="control-group"> <input type="text" class="form-control" id="vessel_name" placeholder="Vessel name (will remain undisclosed to Contractors)" required="required" data-validation-required-message="Please enter a vessel name (will remain undisclosed to Contractors)"/> <p class="help-block text-danger"></p> </div> <div class="control-group"> <textarea class="form-control" id="message" placeholder="Description of the task" required="required" data-validation-required-message="Please enter description of the task"></textarea> <p class="help-block text-danger"></p> </div> <div class="control-group"> <input type="text" class="form-control" id="captcha" placeholder="Enter code displayed below" required="required" data-validation-required-message="Please enter a subject"/> <img id="captcha_img" style="margin-top: 10px; margin-bottom: 20px;" src="RegisterServlet"> </div> <div> <button onclick="checkCaptcha()" class="btn btn-primary" style="background-color: #fdbe33; color: black;" type="submit" id="sendMessageButton">Send Message</button> </div> </div> </div> </div>';
templates["searchResults"]='<div class="service search-results"> <div class="container block3" style="padding-left: 0px; padding-right: 0px;"> <div class="row catalog-list"> </div> </div> </div>';
templates["blogBlock"]='<div class="blog"> <div class="container"> <div class="section-header text-center"> <p class="block-name">Latest Blog</p> <h2 class="block-desc">Latest From Our Blog</h2> </div> <div class="row block1"> </div> </div> </div>';
templates["featuredCategory"]='<div class="site-section"> <div class="container"> <div class="row"> <div class="site-section-heading text-center mb-5 w-border col-md-6 mx-auto" data-aos="fade-up"> <h2 class="mb-5 block-name">Featured <span id="featured_name"></span></h2> <p class="block-desc"></p> </div> </div> <div class="site-block-retro d-block d-md-flex"> <a href="#" class="col1 unit-9 no-height block1 lot-href" data-aos="fade-up" data-aos-delay="100" id="feat_block1"> <div> <div class="image block-image" style="background-image: url(images/12946609_original.jpg);"></div> <div class="unit-9-content"> <h2 class="block-name">American Gothic</h2> <span class="block-desc"></span> </div> </div> </a> <div class="col2 ml-auto"> <a href="#" class="col2-row1 unit-9 no-height lot-href block2" data-aos="fade-up" data-aos-delay="200" id="feat_block2"> <div> <div class="image block-image" style="background-image: url(images/12946609_original.jpg);"></div> <div class="unit-9-content"> <h2 class="block-name">American Gothic</h2> <span class="block-desc"></span> </div> </div> </a> <a href="#" class="col2-row2 unit-9 no-height lot-href block3" data-aos="fade-up" data-aos-delay="300" id="feat_block3"> <div> <div class="image block-image" style="background-image: url(images/12946609_original.jpg);"></div> <div class="unit-9-content"> <h2 class="block-name">American Gothic</h2> <span class="block-desc"></span> </div> </div> </a> </div> </div> </div> </div>';
templates["searchHeaderBlock"]='<div class="container block1 search-header" style="margin-top: 20px; padding-left: 0px; padding-right: 0px; margin-bottom: 24px;"> <div class="row block1"> <div class="col-md-12 col-lg-12 block1"> <h2 class="block-name"></h2> <p class="block-desc" style="font-weight: 700; margin-top: 20px;"></p> </div> <div class="col-md-12 col-lg-8 block2"> <div class="catalog-list"> </div> </div> <div class="col-md-12 col-lg-4 block3" style="margin-top: -16px;"> <div class="nav-item dropdown"> <a href="all" onclick="filterCountries(event)" style="border: 1px solid #CCCCCE; border-radius: 5px;" class="nav-link dropdown-toggle" data-toggle="dropdown">All countries</a> <div class="dropdown-menu" style="border-radius: 12px;box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.12); width: 320px;"> <div class="search-container"> <div class="search-icon" style=""></div> <div class="cross-icon" style="">×</div> <input style="width: 93%;border-radius: 8px;height: 44px;" placeholder="All countries" type="text" class="form-control deletable" onkeyup="filterAutocomplete(this)"> </div> <a href="all" onclick="filterCountries(event)" class="dropdown-item">All countries</a> <div class="catalog-list" style="max-height: 180px; overflow: auto;"> </div> </div> </div> </div> </div> </div>';
templates["countryThumb"]='<div class="col-md-4 col-lg-2 wow fadeInUp block1 country-thumb" style="margin-bottom: 10px;" data-wow-delay="0.1s" onclick="goService(this)"> <div style="width: 100%; height: auto; min-height: 100px; border: 1px solid #E5E5EB; border-radius: 10px; padding: 25px;"> <a class="block-href"><img style="width: 100%; height: 100%; border-radius: 5px;" class="block-image"></a> </div> <div style="width: 100%; text-align: center; font-size: 14px; margin-top: 10px;" class="block-name country-name"></div> </div>';
templates["assetBlock"]='<div class="col-lg-5"> </div>';
templates["breadCrumbsBlock"]='<div class="container" style="margin-top: 6px; margin-bottom: 4px;"> <div class="row block1"> <div class="catalog-list" style="width: 100%; margin-bottom: -10px;"> </div> </div> </div>';
templates["newsPage"]='<div class="container"> <div class="section-header text-center"> <h2 class="block-name">Latest news</h2> </div> <div class="row catalog-list"> </div> </div>';
templates["commentsBlock"]='<div class="col-lg-12"> <div class="single-comment wow fadeInUp block1"> <h2 class="block-name">3 Comments</h2> <ul class="comment-list catalog-list"> </ul> </div> <div class="comment-form wow fadeInUp"> <h2>Leave a comment</h2> <form> <div class="form-group"> <label for="name">Name *</label> <input type="text" class="form-control" id="name"> </div> <div class="form-group"> <label for="email">Email *</label> <input type="email" class="form-control" id="email"> </div> <div class="form-group"> <label for="website">Website</label> <input type="url" class="form-control" id="website"> </div> <div class="form-group"> <label for="message">Message *</label> <textarea id="message" cols="30" rows="5" class="form-control"></textarea> </div> <div class="form-group"> <input type="submit" value="Post Comment" class="btn"> </div> </form> </div> </div>';
templates["ourTeam"]='<div class="team"> <div class="container"> <div class="section-header text-center"> <p class="block-name">Our Team</p> <h2 class="block-desc">Meet Our Engineer</h2> </div> <div class="row block1"> <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s"> <div class="team-item"> <div class="team-img"> <img src="img/team-1.jpg" alt="Team Image"> </div> <div class="team-text"> <h2>Adam Phillips</h2> <p>CEO & Founder</p> </div> <div class="team-social"> <a class="social-tw" href=""><i class="fab fa-twitter"></i></a> <a class="social-fb" href=""><i class="fab fa-facebook-f"></i></a> <a class="social-li" href=""><i class="fab fa-linkedin-in"></i></a> <a class="social-in" href=""><i class="fab fa-instagram"></i></a> </div> </div> </div> </div> </div> </div>';
templates["contactsBlock"]='<div class="col-md-6"> <div class="contact-info"> <div class="contact-item block1"> <i class="flaticon-address"></i> <div class="contact-text"> <h2 class="block-name" style="color: white;">Location</h2> <p class="block-desc">123 Street, New York, USA</p> </div> </div> <div class="contact-item block2"> <i class="flaticon-call"></i> <div class="contact-text"> <h2 class="block-name" style="color: white;">Phone</h2> <p class="block-desc">+012 345 67890</p> </div> </div> <div class="contact-item block3"> <i class="flaticon-send-mail"></i> <div class="contact-text"> <h2 class="block-name" style="color: white;">Email</h2> <p class="block-desc">info@portcontact.com</p> </div> </div> </div> </div>';
templates["countriesBlock"]='<div class="container ctr-block" style="margin-top: 45px; margin-bottom: 80px;"> <div class="row"> <div class="col-lg-9 col-md-12 block1"> <div class="row"> <div class="col-lg-12 col-md-12"> <div class="block3 countries-block" style="background: #F5F5F7; position: relative; border-radius: 16px; padding: 40px; overflow: hidden; margin-bottom: 20px;"> <h1 class="block-name" style="margin-bottom: 20px; font-weight: 600; letter-spacing: 0.09rem;">Frequently Asked Question</h1> <div class="input-group" style="width: auto; margin-bottom: 10px;"> <input style="border-radius: 8px; margin-top: 10px;" type="text" onkeyup="doSearchCountry(this)" class="form-control form-control-lg" id="search" placeholder="Search countries"> </div> <div class="example-block" style="color: black;"> <span>Popular countries</span><span onclick="doCountryExample(this)" class="search-example">South Africa</span><span onclick="doCountryExample(this)" class="search-example">Egypt</span><span onclick="doCountryExample(this)" class="search-example">Panama</span> </div> </div> </div> </div> <div class="block1" style="margin-top: 25px;"> <div class="row countries-list catalog-list"> </div> </div> </div> <div class="col-lg-3 col-md-12 block2" style="padding-left: 30px; margin-bottom: 60px;"> <div class="row catalog-list"> </div> </div> </div> </div>';
templates["servicesBlock"]='<div class="service" style=""> <div class="container" style=" padding-left: 0px; padding-right: 0px; margin-top: 30px;"> <div class="section-header text-center"> <h2 class="block-name">We Provide Services</h2> </div> <div class="block1"> <div class="row justify-content-md-center catalog-list" style="margin-left: -15px;margin-right: -30px;"> </div> </div> </div> </div>';
templates["aboutBlock"]='<div class="col-lg-5 col-md-6" style="margin-bottom: 20px;"> <div class="about-img"> <img class="block-image" src="img/team_of_divers.png" alt="Image"> </div> </div> <div class="col-lg-7 col-md-6"> <div class="section-header text-left block1"> <p class="block-desc" style="font-size: 40px;">Welcome to PortContact</p> <h2 class="block-name">25 Years Experience</h2> </div> <div class="about-text block2"> <p class="block-name"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non vulputate. Aliquam metus tortor, auctor id gravida condimentum, viverra quis sem. </p> <p class="block-desc"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non vulputate. Aliquam metus tortor, auctor id gravida condimentum, viverra quis sem. </p> <a class="btn block-href" href="">Learn More</a> </div> </div>';
templates["faqBlock"]='<div class="container faq-block" style="margin-top: 40px;"> <div class="row"> <div class="col-lg-9 col-md-12 block1"> <div class="row"> <div class="col-lg-12 col-md-12"> <h1 style="font-weight: 600; letter-spacing: 0.05rem;">About Us</h1> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12" style="margin-top: 20px;"> <div class="block3" style="position: relative; border-radius: 15px; padding: 40px; overflow: hidden; margin-bottom: 20px;"> <div style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(img/bg_worker.jpg)"></div> <div style="position: absolute; bottom: -50px; right: 0px; background: url(images/worker.png); width: 449px; height: 547px; background-size: contain;"></div> <div class="row" style="margin-bottom: 20px;"> <div class="col-lg-11 col-md-12"> <h2 style="color: white;font-weight: 600;letter-spacing: 0.05rem;"> — Lack of time to contact all of them? </h2> <h2 style="color: white;font-weight: 600;letter-spacing: 0.05rem;"> — Are you confused with the choice<br><span style="width: 40px;height: 1px;display: inline-block;"></span>of contractors? </h2> </div> </div> <div class="row"> <div class="col-lg-9 col-md-12 block2" style="color: white; margin-bottom: 20px;"> <div style="font-size: 18px; line-height: 27px; font-weight: 200; letter-spacing: 0.02rem;"> Get us to assist you and find the appropriate contractors! We will guide you with our recommendations, will get complete Quotations for you, will introduce you to the offer of your choice and you will finalize the deal directly! <br> <hr> <b style="font-weight: 600;">Quotations are only from the Verified Contractors!</b> <br> <hr> The service is Free Of Charge! Just drop us an e-mail: <br> <a style="color:#F28036; font-weight: 600;" href="mailto:info@portcontact.com">info@portcontact.com</a> <br> or leave a request </div> </div> </div> <div class="row"> <div class="col-lg-6 col-md-12 block3"> <div> <a style="margin-left: 0px; font-size: 18px; padding: 15px;" href="#" class="btn btn-primary">Order a search</a> </div> </div> </div> </div> </div> </div> <div class="container block1" style="padding-left: 0px; padding-top: 32px;"> <div class="row"> <div class="col-lg-12 col-md-12"> <h2 class="block-name" style="font-weight: 600;letter-spacing: 0.02rem;">Frequently Asked Question</h2> </div> </div> <div class="row" style="margin-top: 8px;"> <div class="col-lg-12 col-md-12"> <div class="catalog-list" id="accordion-1"> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-12 block2" style="padding-left: 30px;"> <div class="row catalog-list" style="margin-top: 75px;"> </div> </div> </div> </div>';
templates["servicesDescBlock"]='<div class="container block1" style="margin-top: 50px;padding-left: 0px;padding-right: 0px;"> <div class="row"> <div class="col-md-12 col-lg-12"> <h1 class="block-name" style="font-weight: 600; letter-spacing: 0.05rem;"></h1> <p style="letter-spacing: 0.01rem; margin-top: 35px; font-size: 18px;" class="block-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis quae obcaecati doloribus distinctio, aliquam vero? Molestias, amet, eveniet.</p> </div> </div> </div>';
templates["relatedBlock"]='<div class="col-lg-12 related-block"> <div class="container" style="margin-bottom: 5px; padding-left: 0px; padding-right: 0px;"> <div class="row" style="margin-right: 5px;margin-left: 5px;"> <div class="sidebar block1"> <div class="sidebar-widget wow fadeInUp"> <div class="recent-post catalog-list row"> </div> </div> </div> </div> </div> </div>';
templates["placeAdvBlock"]='<div class="container block1" style=" padding-left: 0px; padding-right: 0px; margin-bottom: 40px;"> <div class="row block1" style="margin-top: 40px;"> <div class="col-md-12 col-lg-12"> <h1 class="block-name" style="font-weight: 700;letter-spacing: 0.07rem;margin-bottom: 32px;">Place an advertisement</h1> <p class="block-desc" style="font-size: 18px; line-height: 26px; font-weight: 300;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis risus justo, sagittis ut imperdiet a, lobortis quis sapien. Donec mi mauris, mattis vel dignissim at, pulvinar id velit. Sed semper diam sed erat dapibus, sit amet semper urna rhoncus. Cras vitae massa tincidunt mauris condimentum posuere tincidunt vitae elit. Aliquam ut faucibus odio. Pellentesque faucibus mollis lectus non vestibulum. Sed sed sollicitudin purus. Etiam a rhoncus est, ac pharetra mi. Maecenas posuere quis turpis vitae feugiat. Nam consequat dapibus nunc vel mattis. Integer pulvinar tempus augue, tristique accumsan mi vestibulum nec. </p> </div> </div> <div class="row block2" style="margin-top: 40px;"> <div class="col-md-12 col-lg-12"> <h2 style="font-weight: 700; letter-spacing: 0.05rem; margin-bottom: 20px;" class="block-name">Small banner in heading</h2> <div style="width: 100%; background: #EDEDF0; padding: 90px; margin-bottom: 20px;"><img style="width: 100%;" class="block-image"></div> <div class="block-desc" style="font-size: 18px; line-height: 26px; font-weight: 300;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis risus justo, sagittis ut imperdiet a, lobortis quis sapien. Donec mi mauris, mattis vel dignissim at, pulvinar id velit. Sed semper diam sed erat dapibus, sit amet semper urna rhoncus. Cras vitae massa tincidunt mauris condimentum posuere tincidunt vitae elit. <br><hr>This banner will be displayed on the main page. You can subscribe for the following periods: <ul> <li>1 month — 10 €</li> <li>3 months — 20 €</li> <li>6 months — 30 €</li> <li>12 months — 40 €</li> </ul> </div> <div> <button onclick="showRequestDialog()" style="margin-left: 0px; font-size: 19px;padding-left: 20px;padding-right: 20px;padding-top: 14px;padding-bottom: 14px;" class="btn btn-primary block-href">Book accomodation</button> </div> </div> </div> <div class="row block3" style="margin-top: 40px;"> <div class="col-md-12 col-lg-12"> <h2 style="font-weight: 700; letter-spacing: 0.05rem; margin-bottom: 20px;" class="block-name">Small banner in heading</h2> <div style="width: 100%; background: #EDEDF0; padding: 90px; margin-bottom: 20px;"><img style="width: 100%;" class="block-image"></div> <div class="block-desc" style="font-size: 18px; line-height: 26px; font-weight: 300;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis risus justo, sagittis ut imperdiet a, lobortis quis sapien. Donec mi mauris, mattis vel dignissim at, pulvinar id velit. Sed semper diam sed erat dapibus, sit amet semper urna rhoncus. Cras vitae massa tincidunt mauris condimentum posuere tincidunt vitae elit. <br><hr>This banner will be displayed on the main page. You can subscribe for the following periods: <ul> <li>1 month — 10 €</li> <li>3 months — 20 €</li> <li>6 months — 30 €</li> <li>12 months — 40 €</li> </ul> </div> <div> <button onclick="showRequestDialog()" style="margin-left: 0px; font-size: 19px;padding-left: 20px;padding-right: 20px;padding-top: 14px;padding-bottom: 14px;" class="btn btn-primary block-href">Book accomodation</button> </div> </div> </div> <div class="row block4" style="margin-top: 40px;"> <div class="col-md-12 col-lg-12"> <h2 style="font-weight: 700; letter-spacing: 0.05rem; margin-bottom: 20px;" class="block-name">Small banner in heading</h2> <div style="width: 100%; background: #EDEDF0; padding: 90px; margin-bottom: 20px;"><img style="width: 100%;" class="block-image"></div> <div class="block-desc" style="font-size: 18px;line-height: 26px; font-weight: 300;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis risus justo, sagittis ut imperdiet a, lobortis quis sapien. Donec mi mauris, mattis vel dignissim at, pulvinar id velit. Sed semper diam sed erat dapibus, sit amet semper urna rhoncus. Cras vitae massa tincidunt mauris condimentum posuere tincidunt vitae elit. <br><hr>This banner will be displayed on the main page. You can subscribe for the following periods: <ul> <li>1 month — 10 €</li> <li>3 months — 20 €</li> <li>6 months — 30 €</li> <li>12 months — 40 €</li> </ul> </div> <div> <button onclick="showRequestDialog()" style="margin-left: 0px; font-size: 19px;padding-left: 20px;padding-right: 20px;padding-top: 14px;padding-bottom: 14px;" class="btn btn-primary block-href">Book accomodation</button> </div> </div> </div> <div class="row block5" style="margin-top: 40px; margin-bottom: 40px;"> <div class="col-md-12 col-lg-12"> <h2 style="font-weight: 700; letter-spacing: 0.05rem; margin-bottom: 20px;" class="block-name">Small banner in heading</h2> <div style="width: 100%; background: #EDEDF0; padding: 90px; margin-bottom: 20px;"><img style="width: 100%;" class="block-image"></div> <div class="block-desc" style="font-size: 18px;line-height: 26px; font-weight: 300;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis risus justo, sagittis ut imperdiet a, lobortis quis sapien. Donec mi mauris, mattis vel dignissim at, pulvinar id velit. Sed semper diam sed erat dapibus, sit amet semper urna rhoncus. Cras vitae massa tincidunt mauris condimentum posuere tincidunt vitae elit. <br><hr>This banner will be displayed on the main page. You can subscribe for the following periods: <ul> <li>1 month — 10 €</li> <li>3 months — 20 €</li> <li>6 months — 30 €</li> <li>12 months — 40 €</li> </ul> </div> <div> <button onclick="showRequestDialog()" style="margin-left: 0px; font-size: 19px;padding-left: 20px;padding-right: 20px;padding-top: 14px;padding-bottom: 14px;" class="btn btn-primary block-href">Book accomodation</button> </div> </div> </div> </div>';
templates["whoWeAre"]='<div class="container" style=" padding-left: 0px; padding-right: 0px; margin-top: 30px;"> <div class="row"> <div class="col-lg-9 col-md-12 block1"> <div class="block-image" style="padding: 40px; margin-bottom: 30px; border-radius: 16px; color: white; background-size: contain; background-repeat: no-repeat;"> <div class="row"> <div class="col-lg-8 col-md-12"> <h2 class="block-name" style="color: white; font-weight: 600; letter-spacing: 0.05rem; margin-top: 5px;">Who we are</h2> </div> </div> <div class="row block2" style="margin-top: 19px; line-height: 22px;"> <div class="col-lg-8 col-md-12"> <p class="block-name" style="font-weight: 300;color: white;margin-bottom: 0px;letter-spacing: 0.035rem;"> </p> </div> <div class="col-lg-4 col-md-12" style="color: white; padding-left: 37px;"> <div style="font-weight: 700;"> <div style="width: 23%; background: #F7552D; height: 4px; margin-bottom: 10px;"></div> <p style="margin-top: 18px;" class="block-desc"></p> </div> </div> </div> </div> <div class="block3" style="padding: 40px;margin-bottom: 30px;border-radius: 16px;background: #F5F5F7;padding-bottom: 5px;"> <div class="row"> <div class="col-lg-6 col-md-12" style="color: white;"> <h2 class="block-name" style="font-weight: 700; letter-spacing: 0.05rem; margin-top: -5px;"> </h2> </div> </div> <div class="row catalog-list" style="margin-top: 20px;"> </div> </div> <div class="block5" style="margin-bottom: 30px;"> <div class="block1" style="position: relative; border-radius: 16px; padding: 40px; overflow: hidden;"> <div class="block-image" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></div> <div class="row"> <div class="col-lg-6 col-md-12"> <h2 class="block-name" style="color: white; font-weight: 700; letter-spacing: 0.05rem; margin-bottom: 40px;"> Who is our service for </h2> </div> </div> <div class="row" style="position: relative;"> <div style="background: rgba(255,255,255,0.2); width: 1px; height: 100%; position: absolute; left: 49%; top: -15px;"></div> <div style="background: rgba(255,255,255,0.2); width: 97%; height: 1px; position: absolute; left: 0; top: -15px;margin-left: 15px;margin-right: 15px;"></div> <div style="background: rgba(255,255,255,0.2);width: 97%;height: 1px;position: absolute;left: 0;top: 16%;margin-left: 15px;margin-right: 15px;"></div> <div class="col-lg-6 col-md-12 block2" style="color: white; position: relative;"> <h3 style="color: white; font-size: 20px; font-weight: 700;"> <img src="images/manager.svg" style="margin-right: 10px;"> Vessel managers </h3> <div style="min-height: 300px; margin-top: 50px;line-height: 1.3rem; padding-right: 24px; font-weight: 300;color: white;letter-spacing: 0.035rem;"> <b style="font-weight: 700;">Let us handle the legwork for you!</b><br><hr style="margin-top: 0.7rem;"> PortContact not only connects you with the right service providers via directory, but also finds services and vendors you need making all necessary inquiries on your behalf.<br><hr> We compile and summarize the information and deliver you ready Quotations, so you can save time and focus on other important tasks.<br><hr> Leave the research and communication with vendors on us, just get the ready quotation from verified vendors and finalize the deal directly! </div> <a style="margin-left: 0px; border: 1px solid #F28036;" href="About.do" class="btn">Show more</a> </div> <div class="col-lg-6 col-md-12 block3" style="color: white;"> <h3 style="color: white; font-size: 20px; font-weight: 700; padding-left: 20px;"> <img src="images/ship.svg" style="margin-right: 10px;"> Contractors and suppliers </h3> <div style="min-height: 300px;margin-top: 50px;line-height: 1.3rem; padding-left: 20px; font-weight: 300;color: white;letter-spacing: 0.035rem;"> <b style="font-weight: 700;">Get Verified</b><br><hr style="margin-top: 0.4rem;"> Boost your credibility with a verified profile. A verified status increases client trust and confirms that your business is active and legitimate.<br><br> <b style="font-weight: 700;">Highlight Your Business</b><br><hr style="margin-top: 0.4rem;"> Ensure your company stands out by making it highly visible to all potential clients.<br><br> <b style="font-weight: 700;">Promote with Banners</b><br><hr style="margin-top: 0.4rem;"> Enhance your presence by featuring special promotional banners on our website. </div> <a style="margin-left: 0px; border: 1px solid #F28036; margin-left: 20px;" href="About.do" class="btn">Show more</a> </div> </div> </div> </div> <div class="block6" style="margin-bottom: 20px;"> <div class="block1" style="position: relative; border-radius: 16px; padding: 40px; overflow: hidden;"> <div style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(24,80,133,1) 0%, rgba(36,131,208,1) 100%);"></div> <div style="position: absolute; bottom: -33px; right: 0px; background: url(images/megaphone.png); width: 300px; height: 300px; background-size: contain;"></div> <div class="row" style="margin-bottom: 20px;"> <div class="col-lg-9 col-md-12"> <h2 style="color: white; font-weight: 700; letter-spacing: 0.05rem;"> Advertising and Trading on Port Contact.<br> Sell More with Less Effort! </h2> </div> </div> <div class="row"> <div class="col-lg-8 col-md-12 block2" style="color: white; margin-bottom: 40px;"> <div style="font-size: 21px;">Buy verified access to the site and highlight your services </div> </div> </div> <div class="row"> <div class="col-lg-6 col-md-12 block3"> <div> <a style="margin-left: 0px;" href="About.do" class="btn btn-primary">Show more</a> </div> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-12 block4" style="padding-left: 30px;"> <div class="row catalog-list"> </div> </div> </div> </div>';
templates["featuredLot"]='<div class="site-section" id="featured_lot"> </div>';
templates["contactForm"]='<div class="col-md-6"> <div class="contact-form"> <div id="success"></div> <div name="sentMessage" id="contactForm" novalidate="novalidate"> <div class="control-group"> <input type="text" class="form-control" id="name" placeholder="Your Name" required="required" data-validation-required-message="Please enter your name"/> <p class="help-block text-danger"></p> </div> <div class="control-group"> <input type="email" class="form-control" id="email" placeholder="Your Email" required="required" data-validation-required-message="Please enter your email"/> <p class="help-block text-danger"></p> </div> <div class="control-group"> <input type="text" class="form-control" id="subject" placeholder="Subject" required="required" data-validation-required-message="Please enter a subject"/> <p class="help-block text-danger"></p> </div> <div class="control-group"> <textarea class="form-control" id="message" placeholder="Message" required="required" data-validation-required-message="Please enter your message"></textarea> <p class="help-block text-danger"></p> </div> <div class="control-group"> <input type="text" class="form-control" id="captcha" placeholder="Enter code displayed below" required="required" data-validation-required-message="Please enter a subject"/> <img style="margin-top: 10px; margin-bottom: 20px;" src="RegisterServlet"> </div> <div> <button class="btn" type="submit" onclick="checkCaptcha()" id="sendMessageButton">Send Message</button> </div> </div> </div> </div>';
common["recover_thumb"]='<div class="col-xs-12"> <div class="message-sent"> <h5>Message was sent</h5> <p>Password recovery link was sent to <span class="email-password-recover">andrew@yandex.ru.</span></p> </div> </div>';
common["error_thumb"]='<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="error error-placeholder"> <img src="assets/img/alert.svg"> <span class="error_text">Probably entered CV2/CVC code is incorrect</span> </div> </div>';
main["advertizeThumb"]='<div class="card block1" style="margin-bottom: 20px; width: 100%;"> <a target="_parent" class="block-href"> <div style="position: absolute; background: rgba(255,255,255,0.3); height: 25px; border-radius: 15px; top: 18px; left: 13px; padding-right: 10px; padding-left: 10px; font-size: 12px; line-height: 24px;">Advertising</div> <img class="card-img-top block-image" style="max-height: 180px;" alt="Card image cap"> <div class="card-body"> <h5 class="card-title block-name" style="font-size: 16px; font-weight: 700;"></h5> <p class="card-text block-desc"style="font-size: 14px;"></p> </div> </a> </div>';
main["faqThumb"]='<div style="border-bottom: 1px solid #E5E5EB; padding-top: 25px; padding-bottom: 25px;"> <div style="position: relative;"> <a style="font-weight: 500;letter-spacing: 0.02rem;position: relative;font-size: 21px; color: black; display: block; width: 100%; z-index: 10000;" class="card-link collapsed block-name" data-toggle="collapse" href="#collapseOne" onclick="toggleDesc(this)"> Lorem ipsum dolor sit amet? </a> <div class="toggle-indicator">+</div> </div> <div id="collapseOne" class="collapse block-desc" data-parent="#accordion-1" style="padding: 20px 20px 0px 0px;font-size: 18px;letter-spacing: 0.01rem;margin-top: 5px; font-weight: 300; line-height: 26px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non. </div> </div>';
main["paramThumb"]='<li class="text-black"><span class="param-name">Author:</span> <strong class="text-black param-value">Diego Velazques</strong></li>';
main["foundCountriesThumb"]='<span class="block1"><a href="#" onclick="filterCountries(event)" class="dropdown-item block-name block-href">Singapore</a></span>';
main["newsThumb"]='<div class="col-md-6 col-lg-4 mb-5"> <div class="block1"> <a class="block-href" href="single.html"><img src="images/img_4.jpg" alt="Image" class="img-fluid block-image"></a> <div class="p-4 bg-white"> <span class="d-block text-secondary small text-uppercase block-name" style="font-size: 18px;">Jan 20th, 2019</span> <span class="d-block text-secondary small text-uppercase block-date" style="font-size: 16px;">Jan 20th, 2019</span> <h2 class="h5 text-black mb-3" style="font-size: 12px;"><a class="block-href block-desc" href="single.html">This Is The Day, Party, Party!</a></h2> </div> </div> </div>';
main["spareThumb"]='<div class="form-check form-switch spare-thumb"> <input class="form-check-input" onclick="recalcPrice()" type="checkbox" role="switch" id="flexSwitchCheckDefault"> <label class="form-check-label spare-name" for="flexSwitchCheckDefault" style="font-size: 20px;">Owner certificate: $ 200</label> </div>';
main["featuredThumb"]='<div class="block1"> <div class="image block-image" style="background-image: url(images/12946609_original.jpg);"></div> <div class="unit-9-content"> <h2 class="lot-name">American Gothic</h2> <span class="lot-desc"></span> </div> </div>';
main["categoryThumb"]='<div> <a href="#" class="unit-9 category-link"> <div class="image category-image" style="background-image: url(images/12945726_original.jpg);"></div> <div class="unit-9-content"> <h2 class="category-name">ART</h2> <span class="category-desc">Your perfect art</span> </div> </a> </div>';
main["searchHeaderBlock"]='<div class="container block1" style="margin-top: 20px;"> <div class="row block1"> <div class="col-md-12 col-lg-12 block1"> <h2 class="block-name"></h2> <p class="block-desc"></p> </div> <div class="col-md-12 col-lg-8 block2"> <div class="catalog-list"> </div> </div> <div class="col-md-12 col-lg-4"> <div class="nav-item dropdown catalog-list"> <a href="Countries.do" class="nav-link dropdown-toggle" data-toggle="dropdown">Countries</a> <div class="dropdown-menu" id="countries_submenu"> <div style="margin-left: 20px; margin-top: 10px; margin-bottom: 10px;"> <span style="color: darkgray;">Search: </span> <input type="text" class="autocomplete input-lg" onkeyup="filterAutocomplete(this)"> </div> <a href="Countries.do" class="dropdown-item">ALL COUNTRIES</a> </div> </div> </div> </div> </div>';
main["countryThumb"]='<div class="col-md-4 col-lg-2 wow fadeInUp block1 country-thumb" style="margin-bottom: 10px; cursor: pointer;" data-wow-delay="0.1s" onclick="goService(this)"> <div style="width: 100%; height: auto; min-height: 120px; border: 1px solid #E5E5EB; border-radius: 12px; padding: 25px;"> <a class="block-href"><img style="width: 100%; height: 100%; border-radius: 5px; min-height: 65px; max-height: 65px;" class="block-image"></a> </div> <div style="width: 100%; text-align: center; font-size: 14px; margin-top: 10px;" class="block-name country-name"></div> </div>';
main["contractorLargeThumb"]='<div class="col-lg-12 col-md-12 big-contractor-thumb" style="cursor: pointer;" onclick="goService(this)"> <div> <div class="post-item col" style=""> <div class="block1" style="position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: row; gap: 15px;"> <div class="post-img" style="flex-shrink: 0;"> <a class="block-href"> <div style="background-size: 48px 48px;background-repeat: no-repeat;background-position: center center;width: 100%;height: 100%;vertical-align: super;position: absolute;left: 0px;top: 0px;" class="block-big-image"></div> <div style="background-size: contain; background-position: center; position: absolute;left: 0px;top: 0px; width: 100%; height: 100%; vertical-align: super; " class="block-image"></div> </a> </div> <div class="post-text" style=""> <a class="block-name block-href" style="color: black; font-weight: 700; min-height: 25px; display: block;" href="">Lorem ipsum dolor sit amet consec adipis elit</a> <div class="post-meta invisible-mobile"> <p class="block-desc" style="margin-bottom: 0px; font-weight: 300; font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;line-height: 18px; color: #333333;"></p> </div> </div> <div style="height: -1px; clear: both;"></div> </div> </div> <div class="post-details"> <div style="position: absolute; left: 20px; top: 0px;"> <div style="max-width: 214px; min-width: 108px; display: inline-block;"> <img src="images/place.svg" style="margin-top: -3px;"> <span class="block-param1">Greece</span> </div> <div style="margin-left: 12px; display: inline-block;"> <img src="images/category.svg" style="margin-top: -3px;"> <span class="block-param2">Chandler</span> </div> </div> </div> </div> </div>';
main["serviceShortThumb"]='<div class="post-item col-lg-3 col-md-12" style="color: white; padding-left: 10px;"> <div class="block1"> <div class="post-img" style="display: inline-block; width: 33%; height: 76px; float: left; background: white; position: relative; border-radius: 8px; border: 1px solid #E5E5EB; overflow: hidden;"> <div style="background-size: 48px 48px;background-repeat: no-repeat;background-position: center center;width: 100%;height: 100%;vertical-align: super;position: absolute;left: 0px;top: 0px;" class="block-big-image"></div> <div style="background-size: contain;background-position: center; width: 100%; position: absolute;left: 0px;top: 0px; width: 100%; height: 100%; vertical-align: super; background-repeat: no-repeat;" class="block-image" src="img/post-1.jpg"></div> </div> <div class="post-text" style="display: inline-block; width: 62%; margin-left: 15px; font-size: 16px; line-height: 20px;"> <a class="block-name block-href" style="color: white;font-weight: 500;min-height: 40px;display: block;max-height: 35px;overflow: hidden;" href="">Lorem ipsum dolor sit amet consec adipis elit</a> <div class="post-meta"> <p class="block-desc" style="font-weight: 300; font-size: 14px; color: rgba(255,255,255,0.85);"></p> </div> </div> </div> </div>';
main["foundServicesThumb"]='<span class="block1"><a href="#" onclick="filterServices(event)" class="dropdown-item block-name block-href">Singapore</a></span>';
main["blogThumb"]='<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.2s"> <div class="blog-item"> <div class="blog-img"> <img class="block-image" src="img/blog-1.jpg" alt="Image"> </div> <div class="blog-title"> <h3 class="block-name">Lorem ipsum dolor sit</h3> <a class="btn block-href" href="">+</a> </div> <div class="blog-meta"> <p>By<a href="">Admin</a></p> <p>In<a href="">Construction</a></p> </div> <div class="blog-text block-desc"> <p> Lorem ipsum dolor sit amet elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non vulputate. Aliquam metus tortor </p> </div> </div> </div>';
main["categoryHeaderThumb"]='<div> <h1 style="color: white; text-align: center;" class="category-name"></h1> <h3 style="color: white; text-align: center;" class="category-desc"></h3> </div>';
main["catalogBtn"]='<div class="col-md-12 text-center mt-5" data-aos="fade-up"> <a href="Catalog.do" class="btn btn-primary">Browse All</a> </div>';
main["serviceThumb"]='<div class="wow fadeInUp service-container" style="width: 20%; padding-left: 15px; padding-right: 15px;" data-wow-delay="0.1s" onclick="goService(this)"> <div class="service-item"> <div class="service-img"> <img class="block-image" src="img/service-1.jpg" alt="Image"> <div class="service-overlay-extra"> </div> <div class="service-overlay"> <p class="block-desc"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non vulputate. Aliquam metus tortor, auctor id gravida condimentum, viverra quis sem. </p> </div> </div> <a class="service-text block-href"> <h3 class="block-name">Building Construction</h3> </a> </div> </div>';
main["contractorThumb"]='<div class="col-lg-6 col-md-12 contractor-thumb" style="cursor: pointer;" onclick="goService(this)"> <div class="post-wrapper"> <div class="post-item col"> <div class="post-img"> <a class="block-href"><img style="max-height: 100%; max-width: 100%; border-radius: 15px; -o-object-fit: contain; object-fit: contain; height: auto;" class="block-image"></a> </div> <div class="post-text"> <a class="block-name block-href" style="" href=""> Lorem ipsum dolor sit amet consec adipis elit </a> <div class="post-details" style="flex-direction: column; gap: 6px; align-items: flex-start;"> <div style="min-width: 95px; padding-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; font-size: 14px; --tw-text-opacity: 1;"> <img src="images/place.svg" style="margin-top: -3px;"> <span class="block-param1">Greece</span> </div> <div style="min-width: 55px; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; font-size: 14px; --tw-text-opacity: 1;"> <img src="images/category.svg" style="margin-top: -3px;"> <span class="block-param2">Chandler</span> </div> </div> </div> </div> </div> </div>';
main["breadcrumbThumb"]='<span class="block1"> <a href="#" class="block-href block-name" style="color: #76767A; font-weight: 300; font-size: 14px;"> </a> </span>';
main["advertizeSmallThumb"]='<div class="post-item col" style="color: white; padding: 20px; padding-bottom: 0px; text-align: left;"> <div class="block1"> <div class="post-img" style=" width: 108px; height: 76px; float:left; position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #E5E5EB;"> <div style="background-size: 48px 48px;background-repeat: no-repeat;background-position: center center;width: 100%;height: 100%;vertical-align: super;position: absolute;left: 0px;top: 0px;" class="block-big-image"></div> <div style="background-size: cover; background-position: center; vertical-align: super; position: absolute;left: 0px;top: 0px; width: 100%; height: 100%;" class="block-image" src="img/post-1.jpg"></div> </div> <div class="post-text" style="display: inline-block;width: 60%; font-size: 16px; margin-top: -2px; margin-left: 16px;"> <a class="block-name block-href" style="color: black; font-weight: 700; min-height: 48px; display: block;" href="">Lorem ipsum dolor sit amet consec adipis elit</a> <div class="post-meta"> <span class="block-desc" style="font-weight: 400; color: black;"></span> </div> </div> <div style="height: -1px; clear: both;"></div> </div> </div>';
main["submenuThumb"]='<span class="block1"><a href="blog.html" class="dropdown-item block-name block-href">Singapore</a></span>';
main["commentThumb"]='<li class="comment-item"> <div class="comment-body block1"> <div class="comment-img"> <img src="img/user.jpg"/> </div> <div class="comment-text"> <h3><a class="block-name" href="">Josh Dunn</a></h3> <p><span class="block-date">01 Jan 2045 at 12:00pm</span></p> <p class="block-desc"> Lorem ipsum dolor sit amet elit. Integer lorem augue purus mollis sapien, non eros leo in nunc. Donec a nulla vel turpis tempor ac vel justo. In hac platea dictumst. </p> </div> </div> </li>';
main["spareConfirmThumb"]='<div><span style="font-weight: 600; width: 40%; display: inline-block; font-size: 18px;" class="spare-name">Certificate: </span><span style="width: 60%; text-align: right;display: inline-block; font-size: 18px;" class="spare-state"></span></div>';
main["topAdverizingThumb"]='<div class="block1 col" style="margin-bottom: 8px; margin-bottom: 8px; width: 100%; margin-top: 8px;"> <div class="block-image" style="float: left; background-size: cover; height: 60px; width: 80px;" alt="Card image cap"></div> <div style="display: inline-block; margin-left: 8px;"> <h5 class="block-name" style="font-size: 16px; font-weight: 700;"></h5> <p class="block-desc"style="font-size: 14px;"></p> </div> </div>';
main["foundCategoriesThumb"]='<span class="block1 services-filter"> <a style="color: #76767A; margin-right: 20px;" href="#" onclick="filterServices(event)" class="block-name block-href">Singapore</a> </span>';
main["teamThumb"]='<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s"> <div class="team-item"> <div class="team-img"> <img class="block-image" src="img/team-1.jpg" alt="Team Image"> </div> <div class="team-text"> <h2 class="block-name">Adam Phillips</h2> <p class="block-desc">CEO & Founder</p> </div> <div class="team-social"> <a class="social-tw" href=""><i class="fab fa-twitter"></i></a> <a class="social-fb" href=""><i class="fab fa-facebook-f"></i></a> <a class="social-li" href=""><i class="fab fa-linkedin-in"></i></a> <a class="social-in" href=""><i class="fab fa-instagram"></i></a> </div> </div> </div>';
main["featuredLot"]='<div> <div class="block1"> <h1 style="font-size: 32px; font-weight: 700;" class="block-name">Lorem ipsum dolor sit amet</h1> <img style="width: 100%;" class="block-image" src="img/single.jpg"/> <p class="block-desc"> </p> <a class="btn block-href" style="background: black; color: #F28036; margin-bottom: 20px;">Visit contractor website</a> <div class="params-list"> </div> </div> </div>';
main["catalogThumb"]='<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="100"> <div class="block1"> <a href="#" class="unit-9 block-href"> <div class="image block-image" style="background-image: url(images/12944986_original.jpg);"></div> <div class="unit-9-content"> <h2 class="block-name">Madonna Sistina</h2> <span class="block-desc"></span> </div> </a> </div> </div>';
main["footerThumb"]='<a href="">Agents</a>';