var common = new Object();

var templates = new Object();

var asset = new Object();

var main = new Object();
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>';
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="Ваше имя" 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="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="Тема" 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="Сообщение" 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="Введите код с изображения ниже" 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">Отправить сообщение</button> </div> </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["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["simpleImageBlock"]='<div class="container" style=" padding-left: 0px; padding-right: 0px; margin-top: 30px;"> <div class="row"> <div class="col-lg-12 col-md-12 block1"> <h1 class="block-name"></h1> <div class="block-desc"></div> <img class="block-image" style="width: 100%;"> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 block2"> <h1 class="block-name"></h1> <div class="block-desc"></div> <img class="block-image" style="width: 100%;"> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 block3"> <h1 class="block-name"></h1> <div class="block-desc"></div> <img class="block-image" style="width: 100%;"> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 block4"> <h1 class="block-name"></h1> <div class="block-desc"></div> <img class="block-image" style="width: 100%;"> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 block5"> <h1 class="block-name"></h1> <div class="block-desc"></div> <img class="block-image" style="width: 100%;"> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 block6"> <h1 class="block-name"></h1> <div class="block-desc"></div> <img class="block-image" style="width: 100%;"> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 block7"> <h1 class="block-name"></h1> <div class="block-desc"></div> <img class="block-image" style="width: 100%;"> </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["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: #d71920; color: black;" type="submit" id="sendMessageButton">Send Message</button> </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["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="col-12" style="font-size: 21px; color: white; text-align: center; margin-bottom: 20px;"> Все новые актуальные события и мероприятия на нашей странице в <a href="https://vk.com/yaropolk_krasnogorsk"><img style="width: 40px;" src="img/vk.png"></a> </div> </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["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["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["assetBlock"]='<div class="col-lg-5"> </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["contractorsBlock"]='<div class="container ctr-block" style="margin-top: 35px;"> <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; max-width: 50%;"> </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: 380px; 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">Все события</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="Все события" type="text" class="form-control deletable" onkeyup="filterAutocomplete(this)"> </div> <a href="all" onclick="filterCountries(event)" class="dropdown-item">Все события</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">Все категории</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="Все категории" type="text" class="form-control deletable" onkeyup="filterAutocomplete(this)"> </div> <a href="all" onclick="filterServices(event)" class="dropdown-item">Все категории</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> </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;">Связанные категории</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" 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["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"> <video class="block-image" autoplay muted loop> <source src="img/clip.m4v" type="video/mp4"> </video> <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="События, люди, мероприятия"> <div class="input-group-prepend" onclick="doSearch(this)"> <i class="fa-solid fa-magnifying-glass"></i> </div> </div> <div class="example-block"> <span>Например</span><span onclick="doExample(this)" class="search-example">Группа Ярополк</span><span onclick="doExample(this)" class="search-example">Быть здоровым это модно</span> </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="Песни, выступления"> <div class="input-group-prepend" onclick="doSearch(this)"> <i class="fa-solid fa-magnifying-glass"></i> </div> </div> <div class="example-block"> <span>Например</span><span onclick="doExample(this)" class="search-example">Верим в тебя, родной</span><span onclick="doExample(this)" class="search-example">Быть здоровым это модно</span> </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="Программы, тренировки"> <div class="input-group-prepend" onclick="doSearch(this)"> <i class="fa-solid fa-magnifying-glass"></i> </div> </div> <div class="example-block"> <span>Например</span><span onclick="doExample(this)" class="search-example">Довоенная подготовка</span><span onclick="doExample(this)" class="search-example">Кроссфит</span> </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["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["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">Все события</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="Все события" type="text" class="form-control deletable" onkeyup="filterAutocomplete(this)"> </div> <a href="all" onclick="filterCountries(event)" class="dropdown-item">Все события</a> <div class="catalog-list" style="max-height: 180px; overflow: auto;"> </div> </div> </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["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["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="block100"> <div class="row"> <p><strong>Цель клуба &laquo;ЯРОПОЛК&raquo;</strong> &ndash; воспитание здорового и нравственного гражданина России.</p> <p>Методика базируется на боевых видах спорта: самбо, рукопашный бой, бокс, ММА, кикбоксинг.</p> <br> <br> <p style="width: 100%;"><strong>Основные направления деятельности:</strong></p> <p><strong>Довоенная подготовка</strong> &ndash; бесплатные уроки, прошли свыше 5000 человек, более 400 защищают Родину на СВО.</p> <p><strong>Акция &laquo;Быть здоровым &ndash; это модно&raquo;</strong> &ndash; ежегодно 23 февраля. В 2025 году участвовали 55 городов России и 7 стран.</p> <p><strong>Спортивные турниры</strong> &ndash; телемосты с участием регионов. Турнир &laquo;Герои Отечества&raquo; объединяет федерации по 15 видам спорта, в 2024 году участвовали 25 регионов.</p> <p><strong>Движение &laquo;Верю в тебя, родной!&raquo;</strong> &ndash; более 200 женщин оказывают помощь военнослужащим и их семьям.</p> <p><strong>Бесплатные круговые тренировки (кроссфит)</strong> &ndash; еженедельно для всех старше 17 лет.</p> <p><strong>Музыкальный коллектив &laquo;ЯРОПОЛК&raquo;</strong> &ndash; создан в 2014 году, участвовал в 152 концертах в 18 регионах.</p> <p><strong>Программа патриотического воспитания для детей и юношей</strong> &ndash; представляется директором клуба на собеседовании.</p> <p><strong>Фитнес-направления</strong> &ndash; пилатес, растяжка, силовая аэробика, кроссфит.</p> <p><strong>Инфраструктура клуба</strong> &ndash; тренажёрный зал, единоборства, солярий, массаж.</p> <p><strong>Внутренние турниры для членов клуба</strong>- футбол, шахматы, настольный теннис, боулинг, рег бол, плавание.</p> <p><strong>Еженедельная баня с веником</strong> &ndash; для мужчин и женщин.</p> <p><strong>Закаливание в купели</strong> &ndash; каждые выходные, круглый год.</p> <p><strong>Условия приёма</strong> &ndash; дети до 16 лет только на единоборства и обязаны сдать экзамены (подробнее в разделе &laquo;вступить в клуб&raquo;, с 17 лет и старше &ndash; собеседование с директором). На все другие программы справки у администратора клуба.</p> </div> </div> <div class="block100"> <div class="row justify-content-md-center"> <h2>Наши тренеры</h2> </div> </div> <div class="block100"> <div class="row justify-content-md-center turn-to-carousel"> <div> <img style="width: 280px; object-fit: cover; margin: 1rem;" src="https://admin.yaropolk-kr.ru/assets/b548b0e6-d921-4779-8886-63d4b112c9c3"> </div> <div> <img style="width: 280px; object-fit: cover; margin: 1rem;" src="https://admin.yaropolk-kr.ru/assets/aeb8ecec-f260-4d49-9f7a-cad528c54535"> </div> <div> <img style="width: 280px; object-fit: cover; margin: 1rem;" src="https://admin.yaropolk-kr.ru/assets/33c62941-2132-4abc-bd6e-99724f0b00f1"> </div> <div> <img style="width: 280px; object-fit: cover; margin: 1rem;" src="https://admin.yaropolk-kr.ru/assets/c0997a91-7cdc-4f97-b778-54e50477776a"> </div> <div> <img style="width: 280px; object-fit: cover; margin: 1rem;" src="https://admin.yaropolk-kr.ru/assets/b08aa165-4e57-4374-b90b-fb7dc7b9c551"> </div> <div> <img style="width: 280px; object-fit: cover; margin: 1rem;" src="https://admin.yaropolk-kr.ru/assets/b7cc5c90-fab3-428f-a513-a95fc736c9f7"> </div> <div> <img style="width: 280px; object-fit: cover; margin: 1rem;" src="https://admin.yaropolk-kr.ru/assets/1f3a2da9-cfff-461d-b3f9-551d80bed530"> </div> <div> <img style="width: 280px; object-fit: cover; margin: 1rem;" src="https://admin.yaropolk-kr.ru/assets/f83e918c-b0ba-486f-bad6-3e6ed7818e61"> </div> <div> <img style="width: 280px; object-fit: cover; margin: 1rem;" src="https://admin.yaropolk-kr.ru/assets/885d77b2-9df9-4140-9a3b-79110b476f8e"> </div> <div> <img style="width: 280px; object-fit: cover; margin: 1rem;" src="https://admin.yaropolk-kr.ru/assets/6c65a917-7b69-490d-843d-bc708cf13c58"> </div> <div> <img style="width: 280px; object-fit: cover; margin: 1rem;" src="https://admin.yaropolk-kr.ru/assets/97720cd1-0f67-4f87-bea4-08a7bc8db2ce"> </div> <div> <img style="width: 280px; object-fit: cover; margin: 1rem;" src="https://admin.yaropolk-kr.ru/assets/8675abb1-af79-47fa-9cf1-d5b2e9bac1e8"> </div> <div> <img style="width: 280px; object-fit: cover; margin: 1rem;" src="https://admin.yaropolk-kr.ru/assets/33ef80b0-b5bd-49f7-a39f-4872533c790f"> </div> </div> </div> </div> <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 turn-to-carousel"> </div> </div> </div> </div>';
templates["whoWeAre"]='<div class="container" style="padding-left: 0px; padding-right: 0px;"> <div style="padding-top: 30px; padding-bottom: 30px; background: #d71920; margin-bottom: 20px;" class="row"> <div class="col-12" style="font-size: 21px; color: white!important; text-align: center;"> <a style="color: white;" href="Services.do">Узнать больше о событиях и мероприятиях спортивно-патриотического клуба "ЯРОПОЛК"</a> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 block1"> <div class="block3 trending-block rounded-corners"> <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="block6" style="margin-bottom: 20px;"> <div class="block1 rounded-corners" 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 class="megaphone"></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;"> Следите за нами в соцсетях! </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;">Все новые актуальные события и мероприятия на наших страницах <div class="footer-social" style="margin-top: 20px;"> <a href="https://t.me/YaropolkClub"><img style="width: 40px;" src="img/tg.png"></a> <a href="https://vk.com/yaropolk_krasnogorsk"><img style="width: 40px;" src="img/vk.png"></a> <a href="https://rutube.ru/channel/24364793/"><img style="width: 40px;" src="img/rutube.png"></a> <a href="https://ok.ru/group/52505508708529"><img style="width: 40px;" src="img/odnoklassniki.png"></a> <a href="https://dzen.ru/id/622c6c101730a75b14e344f1?share_to=link"><img style="width: 40px;" src="img/yandex-zen.png"></a> </div> </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">Узнать больше</a> </div> </div> </div> </div> </div> </div> </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["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["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["dozensBlock"]='<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["featuredLot"]='<div class="site-section" id="featured_lot"> </div>';
templates["breadCrumbsBlock"]='<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["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;">О нас</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: 0px; right: 0px; background: url(images/logo.png); width: 210px; height: 205px; 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;"> Спортивно-патриотический клуб "Ярополк" </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;"> Спортивно-патриотический клуб «Ярополк», начал свою деятельность в мае 2011 года в городе Красногорск, где зарегистрирован, как Московская Областная Общественная Организация. Клуб организован настоящими патриотами, которым не безразлично будущее России- действующими, боевыми офицерами, пришедшими специальную подготовку, разработавшими собственную, практическую систему «спортивно-патриотического воспитания молодежи», что по сути является методикой тренировок «элитных специальных подразделений» России, адаптированных в социальную среду, для гармоничного воспитания подрастающего поколения. Основная цель деятельности клуба- воспитание здорового и высоконравственного гражданина России, возрождая лучшие традиции русского наставничества. Пробуждать в молодом поколении волевые качества, целеустремленность, чувство ответственности за настоящее и будущее своей страны. <br> <hr> Методика спортивно-патриотического воспитания молодежи СПК «Ярополк», включает в себе следующие практические занятия: <br> <hr> Спортивное направление клуба базируется на бойцовских видах спорта, где молодые спортсмены осваивают технику ударов руками, ногами и приемам борьбы, по пяти основным дисциплинам: рукопашный бой, бокс, кикбоксинг, самбо, грепплинг и смешанные единоборства. <br> <hr> Воспитанники клуба успешно выступают на региональных, Всероссийских и Международных турнирах, как по базовым, так и дополнительным видам единоборств. СПК «Ярополк» официально входит в Общероссийскую Федерацию рукопашного боя, Федерацию Московской области по рукопашному бою, Федерацию по развитию смешанных единоборств РФ, Российский союз боевых искусств, Международную ассоциацию ветеранов подразделения антитеррора «Альфа», а также в Патриотический совет Общероссийской общественной организации «Офицеры России», ДОСААФ и Национальный Антинаркотический Союз. Духовно-нравственная подготовка воспитанников, является основным направлением в деятельности клуба. Воспитание чемпионов и доблестных военных, не является первоочередной задачей СПК «Ярополк» … <br> <hr> Главное, чтобы воспитанники клуба стали высоконравственными, творческими и компетентными гражданами, осознающими ответственность за настоящее и будущее своей страны. <br> <hr> Система спортивно-патриотического воспитания клуба, строится на индивидуальном подходе к каждому воспитаннику, наши преподаватели – это заботливые наставники, создающие фундамент для дальнейшего духовного и физического роста молодых людей, пробуждают в них чувство патриотизма, желание быть полезным обществу и государству. <br> <hr> В связи с эти в программу клуба включены следующие практические мероприятия: • Что бы стать воспитанником Спортивно-патриотического клуба «Ярополк», молодому человеку следует проявить усердие, что подтверждает его намерение стать членом «Семьи «Ярополк», для этого ему необходимо выучить и прочитать: «Гимн России», «Гимн СПК «Ярополк» и «Дни Воинской Славы», также он должен сдать возрастные нормативы по физической подготовке. Основная целью данного экзамена- увидеть поступающем силу его желания и целеустремленность на пути к новым свершениям. • Походы в православный храм (по желанию воспитанников 1-2 раза в месяц). Фактически за каждым спортивно-патриотическим клубом в России, закреплен духовный наставник и СПК «Ярополк» не исключение. Духовность один из незыблемых постулатов в развитии российского общества и государства. • Ежеквартальная проверка успеваемости воспитанников клуба. Наставник должен заботится об успеваемости учащихся, развивать тягу к знаниям и разным наукам, данный опыт традиционен для Кадетских корпусов России и дает положительные результаты. • По выходным дням воспитанники клуба посещают лекции по «Военной истории», «Истории и традициям российского народа». Будущий гражданин должен знать «свои корни» и быть в гордости за Отечество. <br> <hr> Физкультурно-оздоровительное направление в системе воспитания Клуба «Ярополк», закладывают в юное сознание основные правила ведения «Здорового образа жизни». Методика оздоровления воспитанников клуба, построена на проверенных славянских (русских) практиках, а это: • Обливание холодной водой. • Обтирание снегом. • Регулярные походы в Русскую баню, с использованием различных методик и окунание в холодную купель. <br> <hr> Качественный подход к любому действию- главный принцип в работе «Ярополка» и не только в тренерско-преподавательской деятельности, начиная с 2012 года, клуб регулярно проводит спортивно-патриотические мероприятий- яркие, зрелищные шоу, с участием «звезд» и дорогостоящего оборудования, ведь в наше время, хорошо спланированные профессиональные турниры- это, как постановочное кино на которое идет зритель, и это не коммерческие мероприятия, как правило вход всегда свободен… Главная задача пробудить в людях желание качественно развивать- подрастающее поколение, общество, государство и естественно расти самому. <br> <hr> За довольно короткий срок своего существования клуб «Ярополк» дал жизнь многим ярким и запоминающимся спортивно-патриотическим событиям, которые Вы сможете посмотреть на нашем сайте в разделе ФОТО/ВИДЕО, дале МАССОВЫЕ МЕРОПРИЯТИЯ, ОРГАНИЗОВАННЫЕ КЛУБОМ <br> <hr> Мы надеемся, что все спортивно-патриотические мероприятия станут традиционными и будут пробуждать в обществе желание к новым свершения ради будущего нашей страны. Программа СПК «ЯРОПОЛК» была признана лучшей патриотической программой в разделе «Военно-патриотические клубы и поисковые отряды» на Всероссийском молодёжном образовательном форуме «Таврида», который проходил в Крыму с 2-го по 8-е июля 2015 г., а в розыгрыше гранда проект СПК «ЯРОПОЛК» под названием «Презентация музыкального альбома группы «ЯРОПОЛК» занял 2-е место из 130-ти проектов. <br> <hr> МУЗЫКАЛЬНЫЙ КОЛЛЕКТИВ СПК «ЯРОПОЛК» В августе 2014 г. при спортивно-патриотическом клубе «ЯРОПОЛК» создано творческое объединение — музыкальная группа «Ярополк». Актуальность музыки неоспорима и косвенно является неотъемлемой частью жизни молодого поколения России. Гармоничное переплетения патриотического текста и современных музыкальных ритмов позволяют охватить значительную часть молодой и взрослой аудитории, пробудить в них чувство патриотизма и желание быть полезным обществу и своей стране. Творчество музыкальной группы «Ярополк» — целиком авторский продукт, которой создан из практических действий (сублимирован), таких как общение с титулованными спортсменами и лидерами общественных движений, регулярное участие в спортивно-массовых мероприятиях и социально значимых акциях, что позволяет заложить в песнях патриотический подтекст, чувство ответственности за настоящее и будущее России. Выступление группы качественно поднимает уровень проводимых мероприятий и служит хорошим стимулом вовлеченности в спортивно-патриотическое движение России. <br> <hr> СИЛА. СЛАВА. ДОЛГ.(девиз клуба) Девиз СПК «Ярополк» — не просто слова, а три неразрывных, незыблемых постулата, за каждым из которых скрывается реальные практические действие, которое предстоит совершить, на пути совершенствования личностных качеств, реализации себя, как гражданина и человека: Сила- что бы ее обрести, требует тоже усилий (пусть малых), упорства и жажды победы, что присуще Русскому характеру. Слава- добрая слава. Требует ярких поступков, возможных, лишь только когда обретаешь уверенность в себе, а это значит почувствовать силу- возможность влиять и менять, ради цели, что значит признание обществом, история нашей державы тому свидетель. Долг- чувство ответственности и самоотдачи, ради признавших тебя, и слава не должна затмевать твой разум, это важное и полноценное чувство востребованности и необходимости многим. <br> <hr> <b style="font-weight: 600;">Более полную справку о нашем клубе и о программе «ЯРОПОЛКа» Вы сможете посмотреть в данном разделе, скачав программу в формате «WORD»</b> <br> <hr> Отправьте нам сообщение на e-mail: <br> <a style="color:#d71920; font-weight: 600;" href="mailto:info@yaropolk-kr.ru">info@yaropolk-kr.ru</a> <br> или используйте форму запроса </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">Свяжитесь с нами</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["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>';
asset["carouselThumb"]='<div><img src="images/continental1.jpeg"/></div>';
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["contractorThumb"]='<div class="col-lg-6 col-md-12 contractor-thumb" style="margin-bottom: 35px;"> <div class="post-wrapper"> <div class="post-item col" style="color: white; padding: 20px; padding-bottom: 0px;"> <div class="block1"> <div class="post-img"> <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"> <a class="block-name block-href" style="color: black; font-weight: 700; height: 48px; overflow: hidden; display: block;" href="">Lorem ipsum dolor sit amet consec adipis elit</a> <div class="post-meta"> <p class="block-desc" style="font-weight: 400; color: black;"></p> </div> </div> <div style="height: -1px; clear: both;"></div> </div> </div> <div class="post-params"> <div style="position: absolute; left: 16px; top: 0px;"> <div class="post-param1"> <img src="images/place.svg" style="margin-top: -3px;"> <span class="block-param1">Greece</span> </div> <div class="post-param2"> <img src="images/category.svg" style="margin-top: -3px;"> <span class="block-param2">Chandler</span> </div> </div> </div> </div> </div>';
main["serviceThumb"]='<div class="wow fadeInUp service-container col-lg-3 col-md-6" 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["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["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["submenuThumb"]='<span class="block1"><a href="blog.html" class="dropdown-item block-name block-href">Singapore</a></span>';
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 class="top-adveritzing-desc-block"> <h5 class="block-name"></h5> <p class="block-desc"></p> </div> </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["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["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["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["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["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: 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["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["foundServicesThumb"]='<span class="block1"><a href="#" onclick="filterServices(event)" class="dropdown-item block-name block-href">Singapore</a></span>';
main["paramThumb"]='<li class="text-black"><span class="param-name">Author:</span> <strong class="text-black param-value">Diego Velazques</strong></li>';
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["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["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["wallThumb"]='<div class="card col-md-3 block1" style="margin-bottom: 20px; width: 100%; padding-left: 0px; padding-right: 0px;"> <img class="card-img-top block-image" style="height: 250px; object-fit: cover;" 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> </div>';
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["advertizeThumb"]='<div class="card block1" style="margin-bottom: 20px; width: 100%;"> <img class="card-img-top block-image" style="height: 250px; object-fit: cover;" 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> </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["foundCountriesThumb"]='<span class="block1"><a href="#" onclick="filterCountries(event)" class="dropdown-item block-name block-href">Singapore</a></span>';
main["footerThumb"]='<a href="">Agents</a>';
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["contractorLargeThumb"]='<div class="col-lg-12 col-md-12 big-contractor-thumb" style="margin-bottom: 20px;"> <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; width: 100%;"> <div style="max-width: 45%; 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; max-width: 45%; display: inline-block;"> <img src="images/category.svg" style="margin-top: -3px;"> <span class="block-param2">Chandler</span> </div> </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: #d71920; 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>';