-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
6 lines (6 loc) · 7.98 KB
/
index.html
1
2
3
4
5
6
<!DOCTYPE html>
<html class="scroll-smooth">
<head><meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="preload" as="fetch" crossorigin="anonymous" href="/_payload.json"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/entry.87866d8a.js"><link rel="preload" as="style" href="/_nuxt/entry.cee95ddd.css"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/default.32198ae5.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/nuxt-link.ccce026b.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/_plugin-vue_export-helper.c27b6911.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/index.c404b850.js"><link rel="prefetch" as="script" crossorigin href="/_nuxt/error-404.e3b61a32.js"><link rel="prefetch" as="script" crossorigin href="/_nuxt/error-500.8a0860ea.js"><link rel="stylesheet" href="/_nuxt/entry.cee95ddd.css"><style>#--unocss--{layer:__ALL__}</style><style>*{box-sizing:border-box;font-family:sans-serif;margin:0;padding:0}</style></head>
<body ><div id="__nuxt"><div class="min-hscreen flex flex-col scroll-smooth"><header class="sticky top-0 z-99 bg-black shadow-sm"><div class="container mx-a flex items-center gap-4"><img src="/logo.jpg" class="invert" height="80" alt="logo budlev"><nav class="flex-1"><ul class="flex justify-center items-center gap-8 list-none"><li><a aria-current="page" href="/#home" class="router-link-active router-link-exact-active c-white no-underline hover:c-gray-200"> Головна </a></li><li><a aria-current="page" href="/#price" class="router-link-active router-link-exact-active c-white no-underline hover:c-gray-200"> Прайс лист ЗБВ </a></li><li><a aria-current="page" href="/#about" class="router-link-active router-link-exact-active c-white no-underline hover:c-gray-200"> Про нас </a></li><li><a aria-current="page" href="/#gallery" class="router-link-active router-link-exact-active c-white no-underline hover:c-gray-200"> Галерея </a></li><li><a aria-current="page" href="/#contacts" class="router-link-active router-link-exact-active c-white no-underline hover:c-gray-200"> Контакти </a></li></ul></nav></div></header><main class="flex-1"><!--[--><!--[--><section id="home" class="relative overflow-hidden"><img src="/hero.jpg" alt="" class="absolute inset-0 -z-1 w-full brightness-30"><div class="container mx-a py-40"><h1 class="text-center text-4xl c-white"> Бетон в Києві та області </h1><div class="text-center"><button class="bg-white b b-black px-8 py-4 transition hover:invert text-xl cursor-pointer"><!--[-->Замовити<!--]--></button></div></div></section><section id="about" class="py-40"><div class="container mx-a"><div class="grid grid-cols-3 gap-4 text-center"><div class="space-y-4"><div class="i-mdi-wallet text-3xl mx-a"></div><h2 class="mb-4 text-center text-3xl"> Краща ціна за 1 м3 </h2><div> В києві та області - будь-які об'єми поставок за цінами від виробника </div></div><div class="space-y-4"><div class="i-mdi-map-marker-radius text-3xl mx-a"></div><h2 class="mb-4 text-center text-3xl"> Вигідна доставка </h2><div> Доставка від 1 м3. Заощаджуйте кошти, отримуючи товарний бетон із найближчого заводу </div></div><div class="space-y-4"><div class="i-mdi-handshake text-3xl mx-a"></div><h2 class="mb-4 text-center text-3xl"> Індивідуальний підхід </h2><div>До кожного замовлення при визначенні вартості враховується обсяг, строк постачання та знижки.</div></div></div></div></section><section id="gallery" class="py-40 bg-black"><div class="container mx-a c-white"><h2 class="mb-4 text-center text-3xl"> Галерея </h2><div class="flex overflow-scroll snap snap-x snap-mandatory"><!--[--><img src="/slide1.jpg" alt="" class="w-5/6 object-cover"><img src="/slide2.jpg" alt="" class="w-5/6 object-cover"><img src="/slide3.jpg" alt="" class="w-5/6 object-cover"><img src="/slide4.jpg" alt="" class="w-5/6 object-cover"><!--]--></div></div></section><section id="contacts" class="py-40"><div class="container mx-a"><h2 class="mb-4 text-center text-3xl"> Передзвонити мені </h2><div class="grid grid-cols-2 gap-4"><div><img src="/infograph.webp" alt="" class="object-cover w-full"></div><form class="flex flex-col justify-center gap-4"><label class="inline-flex flex-col gap-2"><span class="w-full text-xl"><!--[--> Ваше імʼя <!--]--></span><input type="text" class="b b-t-0 b-r-0 b-l-0 b-b b-black text-xl outline-none h-10 w-full"></label><label class="inline-flex flex-col gap-2"><span class="w-full text-xl"><!--[--> Номер телефону <!--]--></span><input type="text" class="b b-t-0 b-r-0 b-l-0 b-b b-black text-xl outline-none h-10 w-full"></label><button class="bg-white b b-black px-8 py-4 transition hover:invert text-xl cursor-pointer"><!--[--> Передзвонити <!--]--></button></form></div></div></section><section id="price" class="py-40 bg-black"><div class="container mx-a c-white"><h2 class="text-3xl"> Тут інфа про бетон </h2><div> Бетон бімба. Пальчики оближеш. Просто кращий бетон евер </div></div></section><section><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d11807.63974389596!2d31.008197640019198!3d50.51082291989224!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40d4e00d9727e069%3A0x8bc2b22787ff1374!2sKindergarten%20%22Sun%22!5e0!3m2!1sen!2sua!4v1688503145872!5m2!1sen!2sua" height="250" style="width:100%;border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></section><!--]--><!--]--></main><footer class="bg-black"><div class="container mx-a py-8 flex justify-between items-center"><img src="/logo.jpg" class="invert" height="160" alt="logo budlev"><address><h2 class="mb-4 text-center text-3xl c-white not-italic"> Контакти: </h2><ul class="list-none space-y-2"><li><a href="tel:+380959195406" class="c-white no-underline hover:c-gray-200 not-italic">+38 (095) 919 54 06</a></li><li><a href="tel:+380688064795" class="c-white no-underline hover:c-gray-200 not-italic">+38 (068) 806 47 95</a></li><li><a href="email:[email protected]" class="c-white no-underline hover:c-gray-200 not-italic">[email protected]</a></li></ul></address><address><h2 class="mb-4 text-center text-3xl c-white not-italic"> Адреса: </h2><ul class="list-none space-y-2"><li><a href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d11807.63974389596!2d31.008197640019198!3d50.51082291989224!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40d4e00d9727e069%3A0x8bc2b22787ff1374!2sKindergarten%20%22Sun%22!5e0!3m2!1sen!2sua!4v1688503145872!5m2!1sen!2sua" class="c-white no-underline hover:c-gray-200 not-italic">c. Гоголів, вул. Європейська, 11</a></li><li class="c-white not-italic"> Графік роботи: 8:00 - 20:00 </li></ul></address><div class="grid gap-4"><address class="flex gap-4"><a href="#"><i class="i-mdi-facebook block c-white text-3xl"></i></a><a href="#"><i class="i-mdi-twitter block c-white text-3xl"></i></a><a href="#"><i class="i-mdi-instagram block c-white text-3xl"></i></a><a href="#"><i class="i-mdi-youtube block c-white text-3xl"></i></a></address><address class="flex gap-4"><a href="#"><i class="i-mdi-phone block c-white text-3xl"></i></a><a href="#"><i class="i-mdi-mail block c-white text-3xl"></i></a></address></div></div></footer></div></div><script type="application/json" id="__NUXT_DATA__" data-ssr="true" data-src="/_payload.json">[{"state":1,"_errors":3,"serverRendered":5,"path":6,"prerenderedAt":7},["Reactive",2],{},["Reactive",4],{},true,"/",1688542016025]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="module" src="/_nuxt/entry.87866d8a.js" crossorigin></script></body>
</html>