slon-v-karmane.ru

Screen - Creative HTML Template

Screen - Creative HTML Template

Screen - Creative HTML Template

Screen - Creative HTML Template

Screen - Creative HTML Template

Screen - Creative HTML Template

Лягушка - система управления номерным фондом отеляtitle link rel="shortcut icon" href="favicon.ico"/ script src='https://www.google.com/recaptcha/api.js?render=6LcFqWUUAAAAANrwThQctpOOq1kCEjFPrHUrYVjc'/script meta content="Бесплатная система управления номерным фондом отеля: шахматка номеров, online модуль бронирования для сайта отеля" name="description"/ link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet" style .hero-background { background-image: url'your-background-image-url.jpg'; background-size: cover; background-position: center; } /style script type="application/ld+json" { "@context": "http://schema.org", "@type": "Organization", "url": "https://liagushka.ru", "logo": "https://liagushka.ru/landingpage/img/logo.png", "name" : "Лягушка" }/script /head body nav class="bg-green-500 text-white p-4 flex justify-between items-center" a href="#" class="flex items-center" img src="https://liagushka.ru/landingpage/img/logo.svg" alt="Лягушка логотип" class="h-8 mr-2" Лягушка /a div a href="#advantages" class="px-4 hover:underline"Преимущества/a a href="#description" class="px-4 hover:underline"Описание/a a href="#faq" class="px-4 hover:underline"FAQ/a a href="#request-form" class="px-4 hover:underline"Запрос/a /div /nav section class="hero-background text-center py-20 text-white" h1 class="text-4xl font-bold mb-3"Система управления номерным фондом/h1 p class="text-xl mb-5"Бесплатное Решение для Сложных Задач Управления Номерным Фондом — Лягушка/p /section section id="advantages" class="py-10 bg-white" div class="max-w-screen-lg mx-auto text-center" h2 class="text-3xl font-bold mb-8"Основные Преимущества/h2 div class="grid grid-cols-1 md:grid-cols-3 gap-6" !-- Benefit 1 -- div class="bg-green-100 p-6 rounded-lg shadow-md" h3 class="font-bold mb-3"Бесплатное использование/h3 pТекст описывающий преимущество./p /div !-- Benefit 2 -- div class="bg-green-100 p-6 rounded-lg shadow-md" h3 class="font-bold mb-3"Удобство управления/h3 pТекст описывающий преимущество./p /div !-- Benefit 3 -- div class="bg-green-100 p-6 rounded-lg shadow-md" h3 class="font-bold mb-3"Собственная страница/h3 pТекст описывающий преимущество./p /div /div /div /section section id="description" class="py-10 bg-orange-100" div class="max-w-screen-lg mx-auto text-center" h2 class="text-3xl font-bold mb-8"Подробное Описание Системы/h2 p class="mb-6"Текст про функционал управления номерным фондом./p div class="grid grid-cols-1 md:grid-cols-2 gap-6" !-- Feature 1 -- div class="bg-white p-6 rounded-lg shadow-md" h3 class="font-bold mb-3"Управляйте ценами/h3 pКраткое описание функционала./p /div !-- Feature 2 -- div class="bg-white p-6 rounded-lg shadow-md" h3 class="font-bold mb-3"Управляйте бронированиями/h3 pКраткое описание функционала./p /div !-- Feature 3 -- div class="bg-white p-6 rounded-lg shadow-md" h3 class="font-bold mb-3"Заводите партнёров/h3 pКраткое описание функционала./p /div !-- Feature 4 -- div class="bg-white p-6 rounded-lg shadow-md" h3 class="font-bold mb-3"Управляйте online страницей/h3 pКраткое описание функционала./p /div /div a href="example-page-url" class="mt-6 inline-block bg-green-500 text-white py-3 px-6 rounded-lg"Пример страницы/a /div /section section id="faq" class="py-10 bg-white" div class="max-w-screen-lg mx-auto text-center" h2 class="text-3xl font-bold mb-8"Часто Задаваемые Вопросы/h2 div class="space-y-6" !-- FAQ 1 -- div class="text-left" h3 class="font-bold mb-2"Вопрос 1/h3 pОтвет на вопрос./p /div !-- FAQ 2 -- div class="text-left" h3 class="font-bold mb-2"Вопрос 2/h3 pОтвет на вопрос./p /div !-- FAQ 3 -- div class="text-left" h3 class="font-bold mb-2"Вопрос 3/h3 pОтвет на вопрос./p /div /div /div /section section id="request-form" class="py-10 bg-green-500 text-white" div class="max-w-screen-md mx-auto text-center" h2 class="text-3xl font-bold mb-8"Яркая форма запроса/h2 form action="submit-form-url" method="post" class="grid grid-cols-1 gap-6" input type="text" name="name" placeholder="Имя" class="p-3 rounded-lg" input type="tel" name="phone" placeholder="Телефон" class="p-3 rounded-lg" input type="email" name="email" placeholder="Email" class="p-3 rounded-lg" input type="text" name="hotel_name" placeholder="Название отеля" class="p-3 rounded-lg" input type="number" name="room_count" placeholder="Количество комнат" class="p-3 rounded-lg" input type="text" name="room_types" placeholder="Сколько типов комнат" class="p-3 rounded-lg" button type="submit" class="bg-orange-400 py-3 px-6 rounded-lg mt-4"Отправить/button /form /div /section footer class="bg-gray-800 text-white py-6" div class="max-w-screen-lg mx-auto text-center" pЮридическая информация/p pПолитика конфиденциальности/p div class="flex justify-center space-x-4 mt-4" a href="#"Facebook/a a href="#"Instagram/a a href="#"Twitter/a /div /div /footer !-- Yandex.Metrika counter -- script type="text/javascript" functionm,e,t,r,i,k,a{m[i]=m[i]||function{m[i].a=m[i].a||[].pusharguments}; m[i].l=1*new Date;k=e.createElementt,a=e.getElementsByTagNamet[0],k.async=1,k.src=r,a.parentNode.insertBeforek,a} window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"; ym89910505, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }; /script noscriptdivimg src="https://mc.yandex.ru/watch/89910505" style="position:absolute; left:-9999px;" alt="" //div/noscript !-- /Yandex.Metrika counter -- /body /html

Screen - Creative HTML Template

Screen - Creative HTML Template