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="mainWithSidebar block1"> <div class="container-fluid"> <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" style="margin-bottom: 24px;"> <div class="row"> <div class="block-image asset-image" style="width: 160px; height: 96px; background-size: cover; margin-left: 15px;"> </div> <div class="col"> <h1 class="block-name" style="font-weight: 600; line-height: 52px; margin-top: 8px; margin-left: 8px; letter-spacing: 0.05rem;"> </h1> <p class="block-desc" style="font-size: 18px; color: #000; margin-left: 8px; margin-top: 32px;"> </p> <div class="block-params" style="width: 100%; height: 30px; position: relative; font-size: 14px; margin-bottom: 10px;"> <div style="position: absolute; left: 10px; top: 0px;"> <img src="images/place.svg"> <span class="block-param1"></span> </div> <div style="position: absolute; left: 180px; top: 0px;"> <img src="images/category.svg"> <span class="block-param2"></span> </div> <div style="position: absolute; right: 10px; top: 0px; display: none;"> <img src="images/star_line.svg"> <span class="">4.5</span> </div> </div> </div> <div class="nav-item dropdown block6" style="position: absolute; right: 0; margin-top: 8px; right: 16px; width: 40%;"> <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" style="position: absolute;right: 16px;top: 60px;width: 40%;"> <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"> <img style="width: 100%; margin-bottom: 20px; margin-top: 15px; border-radius: 16px;" class="block-big-image"> </div> <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" style="padding: 40px; border: 1px solid #E5E5EB; border-radius: 16px; box-shadow: 7px 7px 5px -4px rgba(0,0,0,0.05); background: white;"> <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: 15px;font-size: 18px;font-weight: 500;"></p> </div> <a 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">Visit contractor website</a> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12"> <div class="block2" style="padding: 40px; padding-bottom: 5px; margin-bottom: 20px; border-radius: 16px; background: #F5F5F7;"> <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> </div> <div class="container block3" style="margin-top: 20px; padding-right: 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-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> </div> <div class="mainWithSidebar-right block4"> <div class="sidebar space-y-[20px] catalog-list"> </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 class="mt-[-100px] relative z-[10]"> <div class="mainScreen"> <div style="max-height: calc(100vh - 160px);" class="swiper mainSwiper swiper-dots-line "> <div class="swiper-wrapper"> <div class="swiper-slide block1"> <img class="h-full object-cover absoluteCenter z-[1] md:block hidden w-full block-image" src="https://portcontact.com/deployment/uploads/v87gmuptimo7mql0.jpg" alt=""> <img src="https://portcontact.com/deployment/uploads/v87gmuptimo7mql0.jpg" class="h-full md:hidden object-cover absoluteCenter z-[1] w-full block-image" alt=""> <div class="main__wrp container"> <div class="text-white relative z-[5]"> <div class="xl:text-[40px] md:text-[32px] text-[20px] font-medium block-name">Find your</div> <h1 class="main__wrp-title block-desc">Maritime Contractors</h1> <label class="input input-bordered input-lg flex items-center gap-2"> <input onfocus="disableSwiper()" type="text" class="grow" onkeydown="doSearchWrap(this)" placeholder="Country, city or service"/> <button onclick="doSearch(this)" class="btn btn-square btn-primary"> <img src="assets/img/icons/search.svg" alt=""> </button> </label> <div class="sm:flex hidden items-center blockScroll gap-3 mt-4"> <div class="main-tagText">For example:</div> <ul class="tags "> <li><a class="tag" onclick="doExample(this)" href="#">Ship repair in Italy</a></li> <li><a class="tag" onclick="doExample(this)" href="#">Diving operations in England</a></li> <li><a class="tag" onclick="doExample(this)" href="#">Pumps in Spain</a></li> </ul> </div> </div> <div class="mainSecSwiper-wrp relative z-[30]"> <div class="mainSecSwiper-info"> <div class="mainSecSwiper-info-text">Dozens of leading ship managers already trust us to search for their Vendors. </div> <a href="#" onclick="sendMessage.showModal()" class=" link mainSecSwiper-link"> Let us find the Verified Vendor for you! <img src="assets/img/icons/next.svg" alt=""> </a> </div> <div class="swiper mainSecSwiper swiper-dots-circle block4"> <div class="swiper-wrapper catalog-list"> </div> <div class="mainSecSwiper-swiper-pagination swiper-pagination"></div> </div> </div> </div> </div> <div class="swiper-slide block2"> <img class="h-full object-cover absoluteCenter z-[1] md:block hidden w-full block-image" src="https://portcontact.com/deployment/uploads/v87gmuptimo7mql0.jpg" alt=""> <img src="https://portcontact.com/deployment/uploads/v87gmuptimo7mql0.jpg" class="h-full md:hidden object-cover absoluteCenter z-[1] w-full block-image" alt=""> <div class="main__wrp container"> <div class="text-white relative z-[5]"> <div class="xl:text-[40px] md:text-[32px] text-[20px] font-medium block-name">Everything you need</div> <h1 class="main__wrp-title block-desc">To serve your Vessel</h1> <label class="input input-lg input-bordered flex items-center gap-2"> <input onkeydown="doSearchWrap(this)" onfocus="disableSwiper()" type="text" class="grow" placeholder="Country, city or service"/> <button onclick="doSearch(this)" class="btn btn-square btn-primary"> <img src="assets/img/icons/search.svg" alt=""> </button> </label> <div class="sm:flex hidden items-center gap-3 blockScroll mt-4"> <div class="main-tagText">For example:</div> <ul class="tags"> <li><a class="tag" onclick="doExample(this)" href="#">Ship repair in Italy</a></li> <li><a class="tag" onclick="doExample(this)" href="#">Diving operations in England</a></li> <li><a class="tag" onclick="doExample(this)" href="#">Pumps in Spain</a></li> </ul> </div> </div> <div class="mainSecSwiper-wrp relative z-[30]"> <div class="mainSecSwiper-info"> <div class="mainSecSwiper-info-text">Dozens of leading ship managers already trust us to search for their Vendors. </div> <a href="#" onclick="sendMessage.showModal()" class=" link mainSecSwiper-link"> Let us find the Verified Vendor for you! <img src="assets/img/icons/next.svg" alt=""> </a> </div> <div class="swiper mainSecSwiper swiper-dots-circle block4"> <div class="swiper-wrapper catalog-list"> </div> <div class="mainSecSwiper-swiper-pagination swiper-pagination"></div> </div> </div> </div> </div> <div class="swiper-slide block3"> <img class="h-full object-cover absoluteCenter z-[1] md:block hidden w-full block-image" src="https://portcontact.com/deployment/uploads/v87gmuptimo7mql0.jpg" alt=""> <img src="https://portcontact.com/deployment/uploads/v87gmuptimo7mql0.jpg" class="h-full md:hidden object-cover absoluteCenter z-[1] w-full block-image" alt=""> <div class="main__wrp container"> <div class="text-white relative z-[5]"> <div class="xl:text-[40px] md:text-[32px] text-[20px] font-medium block-name">Rely on</div> <h1 class="main__wrp-title block-desc">Verified profiles</h1> <label class="input input-bordered input-lg flex items-center gap-2"> <input onfocus="disableSwiper()" onkeydown="doSearchWrap(this)" type="text" class="grow" placeholder="Country, city or service"/> <button onclick="doSearch(this)" class="btn btn-square btn-primary"> <img src="assets/img/icons/search.svg" alt=""> </button> </label> <div class="sm:flex hidden items-center gap-3 blockScroll mt-4"> <div class="main-tagText">For example:</div> <ul class="tags blockScroll"> <li><a class="tag" onclick="doExample(this)" href="#">Ship repair in Italy</a></li> <li><a class="tag" onclick="doExample(this)" href="#">Diving operations in England</a></li> <li><a class="tag" onclick="doExample(this)" href="#">Pumps in Spain</a></li> </ul> </div> </div> <div class="mainSecSwiper-wrp relative z-[30]"> <div class="mainSecSwiper-info"> <div class="mainSecSwiper-info-text">Dozens of leading ship managers already trust us to search for their Vendors. </div> <a href="#" onclick="sendMessage.showModal()" class=" link mainSecSwiper-link"> Let us find the Verified Vendor for you! <img src="assets/img/icons/next.svg" alt=""> </a> </div> <div class="swiper mainSecSwiper swiper-dots-circle block4"> <div class="swiper-wrapper catalog-list"> </div> <div class="mainSecSwiper-swiper-pagination swiper-pagination"></div> </div> </div> </div> </div> </div> <div class="mainSwiper-swiper-pagination swiper-pagination"></div> </div> <div class="bg-darkBlue text-white py-[24px]"> <div class="container block7"> <div class="companies-wrp x4 catalog-list"> </div> </div> </div> </div> </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"> <div class="info-margin info"> <div> Dozens of leading ship managers already trust us to search for their Vendors. </div> <a onclick="sendMessage.showModal()" href="#" class=" link mainSecSwiper-link !mt-[9px]"> Let us find the Verified Vendor for you! <img src="assets/img/icons/next.svg" alt=""> </a> </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: #F28036; color: black;" type="submit" id="sendMessageButton">Send Message</button> </div> </div> </div> </div>';
templates["searchResults"]='<div class="container"> <div class="block3"> <div class="grid lg:mt-[32px] md:mt-[24px] mt-[16px] lg:grid-cols-2 md:gap-[24px] gap-[12px] 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"> <div class="block1"> <h1 class="block-name">Search results for «»</h1> <div class="lg:flex grid sm:grid-cols-2 grid-cols-1 gap-[24px] xl:flex-row lg:flex-col xl:items-end sm:gap-y-[24px] gap-y-[16px] justify-between"> <div> <h4 class="sm:mb-[12px] mb-[8px]">Found in categories</h4> <div class="lg:block hidden block2"> <ul class="tabs catalog-list"> </ul> </div> <div class="lg:hidden"> <select class="select select-bordered w-full xl:max-w-xs"> <option selected>All categories</option> <option>Dry Dock / Shipyard</option> <option>Diving services</option> <option>Chandler / Provisions / Oil</option> <option>Agent</option> <option>Equipment/Repair</option> </select> </div> </div> <div class=" w-full xl:max-w-xs"> <h4 class="lg:hidden sm:mb-[12px] mb-[8px]">Countries</h4> <ul> <li> <details class="block3 menu menu-horizontal" style="position: relative; width: 100%;"> <summary style="border: 1px solid #CCCCCE; border-radius: 5px; width: 100%;">Countries</summary> <ul style="background: white; border-radius: 12px;box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.12); position: absolute; left: -10px; z-index: 1000;" class="catalog-list p-2 space-y-[2px] max-h-[70vh] overflow-y-auto scrollbar scrollbar-thin scrollbar-thumb-[#9898AA] scrollbar-track-transparent"> <li class="p-[15px]"> <label class="input input-bordered flex items-center gap-2"> <input id="navSearch" onkeyup="filterAutocomplete(this)" type="text" class="grow" placeholder="Search"/> <button> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="h-4 w-4 opacity-70"> <path fill-rule="evenodd" d="M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z" clip-rule="evenodd"/> </svg> </button> </label> </li> <li><a class="search-navSearch block-name block-href" onclick="filterCountries(event)">All countries</a> </li> </ul> </details> </li> <ul> </div> </div> </div> </div>';
templates["assetBlock"]='<div class="col-lg-5"> </div>';
templates["breadCrumbsBlock"]='<div> <div class="block1"> <ul class="bread catalog-list"> </ul> </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="mainWithSidebar"> <div class="space-y-[40px]"> <div class="grayCard"> <h1>Service Provider Countries</h1> <label class="input input-lg shadow-md flex items-center gap-2"> <input type="text" class="grow h-[46px]" id="search" onkeyup="doSearchCountry(this)" placeholder="Search country"/> <span class="btn-square orange"> <img src="assets/img/icons/search.svg" alt=""> </span> </label> <div class="countriesTagsLine "> <div class="md:text-[16px] text-[14px] text-nowrap">Popular Countries</div> <ul class="tags"> <li><a class="tag tag-gray" onclick="doCountryExample(this)">Africa</a></li> <li><a class="tag tag-gray" onclick="doCountryExample(this)">Antarctica</a></li> <li><a class="tag tag-gray" onclick="doCountryExample(this)">Asia</a></li> <li><a class="tag tag-gray" onclick="doCountryExample(this)">Europe</a></li> <li><a class="tag tag-gray" onclick="doCountryExample(this)">North America</a></li> <li><a class="tag tag-gray" onclick="doCountryExample(this)">Oceania</a></li> <li><a class="tag tag-gray" onclick="doCountryExample(this)">South America</a></li> </ul> </div> </div> <div class="block1"> <div class="countries-list catalog-list grid lg:grid-cols-[1fr_1fr_1fr_1fr_1fr_1fr] md:grid-cols-[1fr_1fr_1fr_1fr_1fr] grid-cols-[1fr_1fr_1fr] md:gap-[20px] gap-[12px] container"> </div> </div> </div> <div class="mainWithSidebar-right block2"> <div class="sidebar space-y-[20px] catalog-list"> </div> </div> </div>';
templates["servicesBlock"]='<div class="container "> <div class="swiper cardsSwiper lg:my-[40px] md:my-[32px] my-[16px]"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="Asset.do?id=4896cc23ff7eb7f15c847e71b9382453" class="cardImage"> <div class="cardImage-gradient" style="background: linear-gradient(180deg, rgba(45, 85, 137, 0) 0%, #2D5589 50%);"></div> <img class="cardImage-image" src="assets/img/companies/cardImage_1.jpg" alt=""> <div class="cardImage-title">Dry Dock / Shipyard</div> </a> </div> <div class="swiper-slide"> <a href="Asset.do?id=9aabccc01bbfd336728a7dff9b4be870" class="cardImage"> <div class="cardImage-gradient" style="background: linear-gradient(180deg, rgba(39,45,64,0) 0%, #272D40 50%);"></div> <img class="cardImage-image" src="assets/img/companies/cardImage_2.jpg" alt=""> <div class="cardImage-title">Diving services</div> </a> </div> <div class="swiper-slide"> <a href="Asset.do?id=636b04719889451d0c7892d5b4e43f04" class="cardImage"> <div class="cardImage-gradient" style="background: linear-gradient(180deg, rgba(119,36,55,0) 0%, #772437 50%);"></div> <img class="cardImage-image" src="assets/img/companies/cardImage_3.jpg" alt=""> <div class="cardImage-title">Chandler / Provisions / Oil</div> </a> </div> <div class="swiper-slide"> <a href="Asset.do?id=dfe0deb60622bb0c7cdd2a71e7d94988" class="cardImage"> <div class="cardImage-gradient" style="background: linear-gradient(180deg, rgba(79,112,126,0) 0%, #4F707E 50%);"></div> <img class="cardImage-image" src="assets/img/companies/cardImage_4.jpg" alt=""> <div class="cardImage-title">Agent</div> </a> </div> <div class="swiper-slide"> <a href="Asset.do?id=f7c160e99cac465c90ff64e89d53c6f5" class="cardImage"> <div class="cardImage-gradient" style="background: linear-gradient(180deg, rgba(31,51,38,0) 0%, #1F3326 50%);"></div> <img class="cardImage-image" src="assets/img/companies/cardImage_5.jpg" alt=""> <div class="cardImage-title">Equipment / Repairs</div> </a> </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> <div class="container"> <h1>About Us</h1> </div> <div class="mainWithSidebar"> <div class="space-y-[40px]"> <div class="rounded-[16px] lg:min-h-[500px] overflow-hidden relative text-white" style="background: url(assets/img/bg_2.jpg) center/cover no-repeat"> <div class="bg-darkBlue bg-opacity-[.85] flex lg:p-[40px] md:p-[32px] sm:p-[24px] p-[20px]"> <div class="lg:max-w-[70%] aboutUs-block"> <ul class="list-lines"> <li class="h2">Are you confused with the choice of&nbsp;vendors?</li> <li class="h2">Lack of time to contact all of them?</li> </ul> <p>Get us to assist you and find the appropriate vendors! 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!</p> <b>Quotations are only from the Verified Vendors!</b> <p>The service is Free Of Charge! Just drop us an e-mail: <a href="mailto:info@portcontact.com" class="block">info@portcontact.com</a> or leave a request</p> <button onclick="sendMessage.showModal()" class="btn btn-primary lg:mt-[12px] mt-[6px] md:w-fit w-full"> Order a search </button> </div> </div> <img src="assets/img/aboutUsMan.png" class="absolute lg:block hidden bottom-0 right-0" alt=""> </div> <div class="block1"> <h2>Frequently asked questions</h2> <div class="catalog-list"> </div> </div> </div> <div class="mainWithSidebar-right block2"> <div class="sidebar space-y-[20px] catalog-list"> </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="bg-darkBlue text-white py-[24px]"> <div class="container block1"> <div class="companies-wrp x4 catalog-list"> </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="mainWithSidebar"> <div class="xl:space-y-[40px] lg:space-y-[32px] md:space-y-[24px] space-y-[20px]"> <div class="whoWe lg:p-[40px] p-[24px] p-[20px] rounded-[16px] relative overflow-hidden text-white" style="background: url(assets/img/whoWE.jpg) center/cover no-repeat"> <div class="absoluteCenter bg-darkBlue bg-opacity-80 w-full h-full"></div> <img src="assets/img/logoMark.png" class="absolute bottom-0 right-[40px] pointer-events-none " alt=""> <div class="relative z-[10]"> <h2 class="h2">Who we are</h2> <div class="grid md:grid-cols-[1fr_280px] md:gap-[40px] gap-[12px]"> <div> <p>PortContact simplifies life for ship managers - we find the best vendors and deliver ready quotations for you.</p> <p>Our smart service eliminates the hassle of searching by connecting you directly with top-rated maritime vendors worldwide. From hull cleaning to specialized supplies, we handle the heavy lifting—providing fast, reliable, and high-quality solutions tailored to your needs.</p> <p>Simply drop us a quick enquiry, and we’ll take care of the rest. Save time, focus on managing your fleet and just chose one of the options we provided! You can also browse our curated database featuring eye-catching presentations from bidding vendors.</p> </div> <div class="warningInfo-top"> PortContact acts as an information center, but not as a broker or agent of&nbsp;any kind. All the communication will be carried out directly between owners and vendors. </div> </div> </div> </div> <div class="trending grayCard py-[32px] block3"> <h2 class="h2"> Trending </h2> <div class="grid lg:grid-cols-2 grid-cols-1 lg:gap-x-[20px] lg:gap-y-[22px] gap-[16px] catalog-list"> </div> <div onclick="goServices()" class="btn btn-outline btn-primary md:mt-[24px] mt-[16px] w-full"> Show more </div> </div> <div class="ourService rounded-[16px] overflow-hidden text-white relative"> <img src="assets/img/bg_1.jpg" class="absolute top-0 left-0 z-[5] h-full w-full object-cover pointer-events-none" alt=""> <div class="bg-darkBlue bg-opacity-80 xl:p-[40px] relative z-[10] lg:p-[32px] md:p-[24px] p-[20px]"> <h2>Who is our service for</h2> <div> <div class="grid md:grid-cols-2 ourService-head"> <div class="ourService-el"> <div class="ourService-headItem"> <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M43.188 37.749L39.8511 34.983C41.3001 33.559 42.3191 31.623 42.8641 29.226C45.0401 26.727 48.1871 21.635 46.3061 14.413C44.6581 8.08702 39.0401 3.99902 31.9951 3.99902C24.9491 3.99902 19.3321 8.08702 17.6851 14.413C15.8031 21.631 18.9511 26.726 21.1251 29.226C21.6711 31.623 22.6911 33.562 24.1431 34.985L20.8051 37.752C12.0151 38.819 7.99805 44.844 7.99805 50.053V60H55.998V50.053C56 44.838 51.982 38.808 43.188 37.749ZM29.4061 53H34.5941L35.9111 58H28.0901L29.4061 53ZM34.584 51H29.4161L28.6 48.157L32.0001 46.472L35.4001 48.157L34.584 51ZM33.444 44.956L38.756 36.674L41.563 38.998L38.066 47.246L33.444 44.956ZM19.6221 14.918C21.0321 9.50103 25.89 6.00003 31.996 6.00003C38.102 6.00003 42.96 9.50003 44.371 14.918C45.516 19.313 44.539 22.811 43.196 25.273C43.248 23.213 43.148 20.649 42.548 18.586C42.321 17.807 41.6311 15.435 39.3671 15.435C38.7991 15.435 38.2591 15.587 37.8041 15.737C36.0581 16.313 33.832 16.67 31.996 16.67C30.16 16.67 27.9351 16.313 26.1891 15.736C25.7351 15.587 25.194 15.435 24.626 15.435C22.361 15.435 21.6721 17.807 21.4451 18.586C20.8461 20.646 20.7461 23.212 20.7971 25.274C19.4541 22.812 18.4771 19.312 19.6221 14.918ZM23.0251 28.578C22.9331 27.804 22.3601 22.602 23.3651 19.145C23.8621 17.436 24.417 17.436 24.626 17.436C24.912 17.436 25.2621 17.538 25.5641 17.637C27.4981 18.275 29.9621 18.671 31.9971 18.671C34.0321 18.671 36.4971 18.275 38.4311 17.638C38.7161 17.544 39.0811 17.436 39.3691 17.436C39.5781 17.436 40.1321 17.436 40.6301 19.145C41.4601 21.998 41.2341 26.397 40.9661 28.583C39.6941 34.593 35.39 35.858 31.998 35.858C28.605 35.859 24.3001 34.594 23.0251 28.578ZM31.996 37.859C33.454 37.859 34.7901 37.663 35.9921 37.279L32.0001 43.505L28.009 37.281C29.209 37.663 30.541 37.859 31.996 37.859ZM25.243 36.674L30.5561 44.956L25.9351 47.246L22.438 38.998L25.243 36.674ZM10.0001 50.053C10.0001 46.978 12.2541 41.013 20.6061 39.803L24.92 49.981L26.777 49.061L27.61 51.962L26.022 58H10.0001V50.053ZM54.0001 58H37.9791L36.3881 51.962L37.2211 49.061L39.0781 49.981L43.3931 39.801C51.7451 41.003 53.998 46.975 53.998 50.053V58H54.0001Z" fill="#F28036"/> <path d="M47 53H41V55H47V53Z" fill="#F28036"/> <path d="M50.4852 55.193C51.1038 55.193 51.6052 54.6916 51.6052 54.073C51.6052 53.4544 51.1038 52.953 50.4852 52.953C49.8667 52.953 49.3652 53.4544 49.3652 54.073C49.3652 54.6916 49.8667 55.193 50.4852 55.193Z" fill="#F28036"/> </svg> Vessel managers </div> <div class="ourService-item"> <div class="grow-1 h-full md:mb-[24px] ] mb-[8px] "> <b>Let us handle the legwork for you!</b> <p>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.</p> <p> We compile and summarize the information and deliver you ready Quotations, so you can save time and focus on other important tasks.</p> <p>Leave the research and communication with vendors on us, just get the ready quotation from verified vendors and finalize the deal directly!</p> </div> <div onclick="goAbout()" class="btn btn-outline-orange w-fit">Show more</div> </div> </div> <div class="ourService-el"> <div class="ourService-headItem"> <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M53.939 55.599C52.635 56.256 51.404 56.876 49.556 56.876C49.491 56.876 49.432 56.869 49.368 56.868L56.782 35.025L49 31.544V17H44V10H33V5H31V10H20V17H14V31.918L7.05301 35.025L14.467 56.875C14.459 56.875 14.452 56.876 14.444 56.876C12.594 56.876 11.362 56.255 10.058 55.598C8.78501 54.956 7.46799 54.292 5.66699 54.292V56.292C6.99199 56.292 7.99599 56.798 9.15799 57.384C10.546 58.083 12.119 58.876 14.445 58.876C16.769 58.876 18.341 58.083 19.729 57.384C20.892 56.798 21.896 56.292 23.223 56.292C24.55 56.292 25.555 56.798 26.717 57.384C28.105 58.083 29.677 58.876 32.003 58.876C34.327 58.876 35.899 58.083 37.286 57.384C38.449 56.798 39.453 56.292 40.78 56.292C42.107 56.292 43.111 56.798 44.273 57.384C45.661 58.083 47.233 58.876 49.559 58.876C51.882 58.876 53.455 58.084 54.842 57.385C56.006 56.798 57.01 56.292 58.339 56.292V54.292C56.532 54.292 55.214 54.956 53.939 55.599ZM53.347 38.927L33 29.826V26.58L54.303 36.108L53.347 38.927ZM22 12H42V17H22V12ZM16 19H47V30.65L31.918 23.904L16 31.024V19ZM31 26.506V29.752L10.489 38.925L9.53299 36.107L31 26.506ZM40.777 54.292C38.974 54.292 37.656 54.956 36.382 55.599C35.079 56.256 33.848 56.876 31.999 56.876C30.149 56.876 28.917 56.255 27.614 55.598C26.34 54.956 25.023 54.292 23.22 54.292C21.417 54.292 20.1 54.956 18.826 55.599C18.066 55.982 17.328 56.348 16.481 56.59L11.133 40.828L31 31.944V46H33V32.017L52.701 40.829L47.367 56.546C46.582 56.304 45.886 55.958 45.171 55.598C43.897 54.956 42.58 54.292 40.777 54.292Z" fill="#F28036"/> <path d="M43 21H20V23H43V21Z" fill="#F28036"/> </svg> Contractors and Suppliers </div> <div class="ourService-item"> <ul class="md:space-y-[24px] space-y-[16px] md:mb-[24px] mb-[8px] grow-1 h-full"> <li> <b>Get Verified</b> <p>Boost your credibility with a verified profile. A verified status increases client trust and confirms that your business is active and legitimate.</p> </li> <li> <b>Highlight Your Business</b> <p>Ensure your company stands out by making it highly visible to all potential clients.</p> </li> <li> <b>Promote with Banners</b> <p>Enhance your presence by featuring special promotional banners on our website.</p> </li> </ul> <div onclick="goAbout()" class="btn btn-outline-orange w-fit">Show more</div> </div> </div> </div> </div> </div> </div> <div class="bg-gradient-to-r from-[#185085] relative to-[#2483D0] xl:p-[40px] lg:p-[32px] md:p-[24px] p-[20px] overflow-hidden flex items-end justify-between text-white rounded-[16px]"> <div class="md:max-w-[80%] md:pb-0 pb-[50px]"> <h2>Advertising and Trading on Port Contact.<br/> Sell More with Less Effort!</h2> <div class="md:text-[20px] text-[16px] font-medium md:mb-[32px] mb-[24px] md:max-w-fit max-w-[318px]"> Buy verified access to the site and highlight your services </div> <div class="btn btn-primary" onclick="goAbout()">Show more</div> </div> <img src="assets/img/bannerImage.png" class="md:mb-[-40px] md:relative absolute sm:bottom-0 right-0 bottom-[-15px] lg:max-w-fit sm:max-w-[261px] min-[420px]:max-w-[200px] max-w-[168px] md:mr-[-40px]" alt=""> </div> </div> <div class="block4 mainWithSidebar-right"> <div class="sidebar space-y-[20px] catalog-list"> </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="mainCard"> <a class="block-href"> <div class="mainCard-image"> <img src="assets/img/cd_1.jpg" class="block-image" alt=""> <div class="mainCard-tag">Advertising</div> </div> <div class="mainCard-info"> <div class="mainCard-title block-name">Banner Title</div> <div class="mainCard-text block-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mollis accumsan erat, imperdiet condimentum est lacinia vel. Suspendisse in ligula purus. </div> </div> </a> </div>';
main["faqThumb"]='<div class="collapse collapse-arrow "> <input type="checkbox" name="my-accordion-1"/> <div class="collapse-title text-xl font-medium block-name">How can I contact with contractors? </div> <div class="collapse-content"> <p class="block-desc">hello</p> </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"]='<li class="block1"><a class="search-navSearch block-name" href="#" onclick="filterCountries(event)">Benin republic</a> </li>';
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["countryThumb"]='<div class="countryCard country-thumb"> <div class="countryCard-box"> <a class="block-href"> <img class="block-image" src="assets/img/countries/img_1.jpg" alt=""> </a> </div> <div class="block-name country-name">Country name (32)</div> </div>';
main["contractorLargeThumb"]='<div class="col-lg-12 col-md-12 big-contractor-thumb" style="margin-bottom: 20px; cursor: pointer;" onclick="goService(this)"> <div style="border-radius: 12px; box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.12); padding-bottom: 1px; background: white;"> <div class="post-item col" style="color: white; padding: 20px; padding-bottom: 0px;"> <div class="block1"> <div class="post-img" style="float:left; width: 108px; height: 76px; margin-left: 5px; margin-top: 2px; border-radius: 8px; border: 1px solid #E5E5EB; overflow: hidden; position: relative;"> <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> </div> <div class="post-text" style="display: inline-block;width: 80%;margin-left: 16px; font-weight: 500; font-size: 16px;"> <a class="block-name block-href" style="color: black; font-weight: 700; min-height: 35px; display: block;" 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: black;"></p> </div> </div> <div style="height: -1px; clear: both;"></div> </div> </div> <div style="width: 100%; height: 30px; position: relative; font-size: 14px; margin-bottom: 16px; margin-top: 16px; font-weight: 300;"> <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="cardCompany" style="cursor: pointer; position: relative;" onclick="goService(this)"> <div style="position: absolute; top: -16px; right: -16px; font-size: 12px; opacity: 0.7; color: white;">Advertising</div> <div class="smCard sm bg-white"><a class="block-href"><img class="block-image" src="assets/img/companies/comp_4.png" alt=""></a></div> <div> <b class="mb-1 nextLineDynamicLines"><a class="block-name block-href">Naviera Del Golfo De Tehuantepec</a></b> <div class="cardCompany-text block-desc">Ship and drilling rig supply and maintenance company, as well as consumables </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="swiper-slide"> <a href="#" class="cardImage"> <div class="cardImage-gradient" style="background: linear-gradient(180deg, rgba(31,51,38,0) 0%, #1F3326 50%);"></div> <img class="cardImage-image block-image" src="assets/img/companies/cardImage_5.jpg" alt=""> <div class="cardImage-title block-name">Equipment / Repairs</div> </a> </div>';
main["contractorThumb"]='<div class="company" style="cursor: pointer;" onclick="goService(this)"> <div class="company-wrp"> <div class="smCard bordered"> <a class="block-href"><img class="block-image" src="assets/img/companies/comp_1.png" alt=""></a> </div> <div style="height: auto;"> <div style="margin-bottom: 0px;" class="company-title"><a class="block-href block-name">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, velit!</a></div> <div style="height: 27px;" class="company-tag withIconLocation block-param1">Greece</div> <div style="height: 27px;" class="company-tag withIconGrid block-param2">Shipyard</div> </div> </div> </div>';
main["breadcrumbThumb"]='<li class="bread-item"><a class="block-href block-name" href="#">Home</a></li>';
main["advertizeSmallThumb"]='<div class="swiper-slide"> <div class="mainSecSwiper-comps"> <div class="psText">Advertising</div> <div class="cardCompany mt-3"> <div class="smCard bordered"> <a class="block-href"><img style="border-radius: 8px;" class="block-image" src="assets/img/companies/comp_1.png" alt=""></a> </div> <div> <b class="mb-1"><a class="block-href block-name">Ocean Maritime Ceylon Private Limited</a></b> <div class="cardCompany-text block-desc">Container Lashing/Unlashing services Container Gate in reports both laden and empty Pre-stacking of MTY containers at port Vessel expedition </div> </div> </div> </div> </div>';
main["submenuThumb"]='<li class="block1"><a class="search-navSearch block-name block-href" href="#">Benin republic</a> </li>';
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> <div style="height: 60px; position: relative;"> <div class="psText" style="position: absolute; top: 5px; left: 10px;">Advertising</div> <div class="psText" style="position: absolute; top: 5px; right: 10px;">Advertising</div> <div style="display: inline-block;"> <a href="https://www.liqui-burst.com"><img style="height: 60px; margin-right: 20px; margin-left: 20px;" class="block-image" src="assets/img/companies/comp_1.png" alt=""></a> </div> <div class="hidden-phone" style="height: auto; display: inline-block;"> <div style="margin-bottom: 20px;" class="company-title"><a href="https://www.liqui-burst.com" class="block-href block-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, velit!</a></div> </div> </div> </div>';
main["foundCategoriesThumb"]='<li class="tabs-item services-filter"><a onclick="filterServices(event)" href="#" class="block-name block-href">All</a></li>';
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["searchResultThumb"]='<div class="company shadow" style="cursor: pointer;" onclick="goService(this)"> <div class="company-wrp"> <div class="smCard bordered"> <a class="block-href"><img class="block-image" src="assets/img/companies/comp_1.png" alt=""></a> </div> <div> <div class="company-title nextLineDynamicLines"><a class="block-href block-name">Koumpios hellas divers underwater services</a></div> <div class="company-text block-desc">Approved from several Classification Societies for In water Surveys. In water Surveys carried out by experience divers using color CCTV video camera with U/W lights, with umbilical cable 100 m. two way communication diver/surface diver supervisor, color monitor, digital recording, and after survey completion report and DVDs for Class / Owners / our File. </div> </div> </div> <div class="company-footer"> <div class="company-line"> <div class="company-tag withIconLocation block-param1">Greece</div> <div class="company-tag withIconGrid block-param2">Shipyard</div> </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>';