..

components/unsorted/uinel-contacts-FiSlalFA.html

@@ -0,0 +1,28 @@
+<div> <section class="py-24 2xl:py-40 bg-darkBlueGray-500 rounded-b-10xl">
+    <div class="container px-4 mx-auto">
+      <div class="flex flex-wrap items-center -mx-4">
+        <div class="relative w-full lg:w-1/2 px-4 lg:pr-10 xl:pr-20 mb-20 lg:mb-0">
+          <img src="uinel-assets/images/contacts/widget3.png" alt="">
+        </div>
+        <div class="w-full lg:w-1/2 px-4">
+          <h2 class="text-9xl md:text-10xl xl:text-11xl text-white font-medium font-heading mb-6">Contact</h2>
+          <p class="text-lg text-gray-300 mb-14">Lorem ipsum commodo, tristique lectus.</p>
+          <div class="flex flex-wrap mb-14 xl:mb-20">
+            <div class="w-full xl:w-1/2 flex items-center mb-6">
+              <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon1.svg" alt="">
+              <a class="text-3xl text-white font-medium" href="#">+ 44 1447881709</a>
+            </div>
+            <div class="w-full xl:w-1/2 flex items-center mb-6">
+              <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon2.svg" alt="">
+              <a class="text-3xl text-white font-medium" href="#">uinelchat</a>
+            </div>
+            <div class="w-full xl:w-1/2 flex items-center">
+              <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon3.svg" alt="">
+              <a class="text-3xl text-white font-medium" href="#">help@uinel</a>
+            </div>
+          </div>
+          <div class="flex flex-wrap"><a class="inline-block py-5 px-10 mr-6 text-xl leading-6 text-white font-medium tracking-tighter font-heading bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Call</a><a class="inline-block py-5 px-10 text-xl leading-6 font-medium tracking-tighter font-heading bg-white hover:bg-gray-50 focus:ring-2 focus:ring-gray-50 focus:ring-opacity-50 rounded-xl" href="#">More</a></div>
+        </div>
+      </div>
+    </div>
+  </section></div>

components/unsorted/uinel-contacts-bxmuRoei.html

@@ -0,0 +1,42 @@
+<div> <section>
+    <div class="pb-12 pt-24 2xl:pt-40 bg-blueGray-100 rounded-b-10xl">
+      <div class="container px-4 mx-auto">
+        <div class="text-center">
+          <h2 class="text-9xl md:text-10xl xl:text-11xl font-medium font-heading mb-12 leading-tight">Have a question?</h2>
+          <p class="mb-20 text-lg text-darkBlueGray-400">Sed porttitor turpis sit amet malesuada porta lobortis.</p>
+          <div class="flex items-center flex-wrap">
+            <div class="w-full lg:w-1/3 mb-8 lg:mb-0 pb-4 lg:pb-0 md:px-8 xl:px-16 border-b lg:border-b-0 lg:border-r border-gray-200 border-opacity-50">
+              <div class="flex items-center">
+                <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon1.svg" alt="">
+                <a class="text-xl lg:text-3xl font-medium" href="#">+ 44 1447881709</a>
+              </div>
+            </div>
+            <div class="w-full lg:w-1/3 mb-8 lg:mb-0 pb-4 lg:pb-0 md:px-8 xl:px-16 border-b lg:border-b-0 lg:border-r border-gray-200 border-opacity-50">
+              <div class="flex items-center">
+                <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon3.svg" alt="">
+                <a class="text-xl lg:text-3xl font-medium" href="#">help@uinel</a>
+              </div>
+            </div>
+            <div class="w-full lg:w-1/3 pb-8 lg:pb-0 md:px-8 xl:px-16">
+              <div class="flex items-center">
+                <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon2.svg" alt="">
+                <a class="text-xl lg:text-3xl font-medium" href="#">uinelchat</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="container mx-auto px-6 pt-20 pb-24">
+      <div class="flex flex-wrap items-center justify-center">
+        <a class="inline-block py-5 px-10 mb-6 md:mb-0 md:mr-12 w-full md:w-auto text-xl leading-6 text-white font-medium tracking-tighter text-center font-heading bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" type="button">Book now</a>
+        <a class="inline-flex items-center pb-2 font-bold tracking-tight text-xl leading-6 text-green-600 hover:text-green-700 border-b border-green-600 hover:border-green-700" href="#">
+          <span class="mr-3">More information</span>
+          <svg width="16" height="13" viewbox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M10.8 1L15 7H1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+            <path d="M11 12L15 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+          </svg>
+        </a>
+      </div>
+    </div>
+  </section></div>

components/unsorted/uinel-contacts-dMFCYFfe.html

@@ -0,0 +1,28 @@
+<div><section class="py-24 2xl:pt-32 2xl:pb-36 bg-blueGray-100 rounded-b-10xl overflow-hidden">
+    <div class="container px-4 mx-auto">
+      <div class="flex flex-wrap items-center -mx-4">
+        <div class="w-full lg:w-1/2 px-4 mb-20 lg:mb-0">
+          <img src="uinel-assets/images/contacts/widget2.png" alt="">
+        </div>
+        <div class="w-full lg:w-1/2 px-4">
+          <h2 class="mb-6 text-9xl md:text-10xl xl:text-11xl font-medium font-heading">Contact</h2>
+          <p class="mb-14 text-lg text-darkBlueGray-400">Lorem ipsum commodo, tristique lectus.</p>
+          <div class="flex flex-wrap mb-14 xl:mb-20">
+            <div class="flex items-center mb-6 w-full xl:w-1/2">
+              <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon1.svg" alt="">
+              <a class="text-3xl font-medium" href="#">+ 44 1447881709</a>
+            </div>
+            <div class="flex items-center mb-6 w-full xl:w-1/2">
+              <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon2.svg" alt="">
+              <a class="text-3xl font-medium" href="#">uinelchat</a>
+            </div>
+            <div class="flex items-center w-full xl:w-1/2">
+              <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon3.svg" alt="">
+              <a class="text-3xl font-medium" href="#">help@uinel</a>
+            </div>
+          </div>
+          <div class="flex flex-wrap"><a class="inline-block py-5 px-10 mr-6 text-xl leading-6 text-white font-medium tracking-tighter font-heading bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Call</a><a class="inline-block py-5 px-10 text-xl leading-6 font-medium tracking-tighter font-heading bg-white hover:bg-gray-50 focus:ring-2 focus:ring-gray-50 focus:ring-opacity-50 rounded-xl" href="#">More</a></div>
+        </div>
+      </div>
+    </div>
+  </section> </div>

components/unsorted/uinel-contacts-fDFNIhSi.html

@@ -0,0 +1,49 @@
+<div> <section class="py-24 2xl:pt-28 2xl:pb-36 bg-blueGray-100 rounded-b-10xl">
+    <div class="container px-4 mx-auto">
+      <div class="flex flex-wrap -mx-4">
+        <div class="w-full lg:w-1/2 px-4 mb-10 lg:mb-0">
+          <div class="max-w-lg lg:mt-20 mx-auto">
+            <h2 class="text-9xl md:text-10xl xl:text-11xl font-medium font-heading mb-16 lg:mb-24 leading-tight">Contact us</h2>
+            <div class="max-w-sm py-4 border-b border-gray-200 border-opacity-50">
+              <div class="flex items-center">
+                <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon1.svg" alt="">
+                <a class="text-xl font-semibold" href="#">+ 44 1447881709</a>
+              </div>
+            </div>
+            <div class="max-w-sm py-4 border-b border-gray-200 border-opacity-50">
+              <div class="flex items-center">
+                <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon2.svg" alt="">
+                <a class="text-xl font-semibold" href="#">uinelchat</a>
+              </div>
+            </div>
+            <div class="py-4">
+              <div class="flex items-center">
+                <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon3.svg" alt="">
+                <a class="text-xl font-semibold" href="#">[email protected]</a>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="w-full lg:w-1/2 px-4">
+          <div class="max-w-xl mx-auto py-14 md:pt-16 md:pb-20 px-8 md:px-20 bg-white rounded-xl">
+            <h3 class="font-heading font-medium text-7xl lg:text-8xl mb-12">Message</h3>
+            <input class="mb-5 w-full px-12 py-5 text-xl border-2 border-blue-400 rounded-xl placeholder-darkBlueGray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50" type="email" placeholder="Your Email">
+            <textarea class="mb-10 w-full px-12 py-5 h-32 text-xl border-2 border-blue-400 rounded-xl placeholder-darkBlueGray-400 resize-none focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50" placeholder="Message" name="" id="" cols="30" rows="10"></textarea>
+            <div class="flex mb-6">
+              <div class="relative">
+                <input type="checkbox">
+                <span class="absolute top-0 left-0 bg-white">
+                  <svg width="28" height="28" viewbox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <rect x="0.5" y="0.5" width="27" height="27" rx="13.5" stroke="#348BF6"></rect>
+                    <path d="M11.135 20.6747L5 14.0559L5.81024 13.1818L11.135 18.9265L22.1898 7L23 7.87414L11.135 20.6747Z" fill="#326BFF"></path>
+                  </svg>
+                </span>
+              </div>
+              <p class="ml-10 text-base text-gray-400">By singning up, you agree to our Terms, Data Policy and Cookies.</p>
+            </div>
+            <div class="text-right"><a class="inline-block py-5 px-10 w-full md:w-auto text-xl leading-6 text-white font-medium tracking-tighter font-heading text-center bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Send</a></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>

components/unsorted/uinel-contacts-xiOfQogr.html

@@ -0,0 +1,15 @@
+<div><section class="py-24 2xl:py-44 bg-blueGray-100 rounded-b-10xl">
+    <div class="container px-4 mx-auto">
+      <div class="flex flex-wrap items-center -mx-4">
+        <div class="w-full md:w-1/2 lg:w-2/5 px-4 mb-20 md:mb-0">
+          <span class="mb-9 block font-medium uppercase tracking-widest text-xs leading-4 text-gray-300">Contact us</span>
+          <h2 class="mt-8 mb-12 text-9xl md:text-10xl xl:text-11xl font-medium font-heading leading-tight">Have any question?</h2>
+          <p class="mb-14 xl:mb-16 text-lg text-darkBlueGray-400">Lorem ipsum commodo, tristique lectus.</p>
+          <div class="flex flex-wrap"><a class="inline-block py-5 px-10 mr-6 text-xl leading-6 text-white font-medium tracking-tighter font-heading bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Call</a><a class="inline-block py-5 px-10 text-xl leading-6 font-medium tracking-tighter font-heading bg-white hover:bg-gray-50 focus:ring-2 focus:ring-gray-50 focus:ring-opacity-50 rounded-xl" href="#">More</a></div>
+        </div>
+        <div class="w-full md:w-1/2 lg:w-3/5 px-4">
+          <img src="uinel-assets/images/contacts/widget.png" alt="">
+        </div>
+      </div>
+    </div>
+  </section> </div>

components/unsorted/uinel-faq-BkSuSxfe.html

@@ -0,0 +1,58 @@
+<div><section class="py-24 2xl:pt-64 2xl:pb-48 font-medium bg-yellow-500 overflow-hidden">
+    <div class="relative container px-4 mx-auto">
+      <span class="block mb-9 uppercase tracking-widest text-xs leading-4">The Most popular</span>
+      <h2 class="mb-20 xl:mb-44 font-heading text-9xl md:text-10xl xl:text-11xl leading-tight">FAQ’s</h2>
+      <div class="flex mb-20 xl:mb-40">
+        <div class="flex-shrink-0 px-4 lg:px-1 w-full lg:w-1/3">
+          <div class="relative py-9 px-16 h-full bg-white rounded-3xl">
+            <h3 class="font-heading text-3xl xl:text-6xl leading-tighter">How should i develop my workflow over time?</h3>
+            <a class="absolute -bottom-6 right-10 block w-12 h-12 bg-blue-500 rounded-full" href="#">
+              <img class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" src="uinel-assets/elements/faqs/arrow-down-white.svg" alt="">
+            </a>
+          </div>
+        </div>
+        <div class="flex-shrink-0 px-4 lg:px-1 w-full lg:w-1/3">
+          <div class="relative py-9 px-16 h-full bg-white rounded-3xl">
+            <h3 class="font-heading text-3xl xl:text-6xl leading-tighter">Can i pay by credit card?</h3>
+            <a class="absolute -bottom-6 right-10 block w-12 h-12 bg-blue-500 rounded-full" href="#">
+              <img class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" src="uinel-assets/elements/faqs/arrow-down-white.svg" alt="">
+            </a>
+          </div>
+        </div>
+        <div class="flex-shrink-0 px-4 lg:px-1 w-full lg:w-1/3">
+          <div class="relative py-9 px-16 h-full bg-white rounded-3xl">
+            <h3 class="font-heading text-3xl xl:text-6xl leading-tighter">How often should the app be updated?</h3>
+            <a class="absolute -bottom-6 right-10 block w-12 h-12 bg-blue-500 rounded-full" href="#">
+              <img class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" src="uinel-assets/elements/faqs/arrow-down-white.svg" alt="">
+            </a>
+          </div>
+        </div>
+        <div class="flex-shrink-0 px-4 lg:px-1 w-full lg:w-1/3">
+          <div class="relative py-9 px-16 h-full bg-white rounded-3xl">
+            <h3 class="font-heading text-3xl xl:text-6xl leading-tighter">What is a product key?</h3>
+            <a class="absolute -bottom-6 right-10 block w-12 h-12 bg-blue-500 rounded-full" href="#">
+              <img class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" src="uinel-assets/elements/faqs/arrow-down-white.svg" alt="">
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="relative flex flex-wrap justify-center">
+        <div class="flex items-center mx-auto w-full md:w-1/2 xl:w-full max-w-max">
+          <a class="mr-4 lg:mr-8 xl:mr-24" href="#">
+            <img src="uinel-assets/elements/faqs/arrow-left-black.svg" alt="">
+          </a>
+          <div class="flex mx-auto w-56 lg:w-96 h-px bg-gray-100" style="height: 2px;"><a class="w-1/3 bg-indigo-500" href="#"></a><a class="w-2/3 bg-white" href="#"></a></div>
+          <a class="ml-4 lg:ml-8 xl:ml-24" href="#">
+            <img src="uinel-assets/elements/faqs/arrow-right-black.svg" alt="">
+          </a>
+        </div>
+        <a class="xl:absolute xl:top-0 xl:right-0 xl:transform xl:-translate-y-1/2 inline-block mt-10 sm:mt-0 hover:text-darkBlueGray-400" href="#">
+          <div class="relative py-5 px-16">
+            <span class="relative z-10 font-heading text-xl">Scroll for more</span>
+            <img class="absolute top-0 left-0" src="uinel-assets/elements/faqs/elipse1-blue.svg" alt="">
+            <img class="absolute top-0 left-0" src="uinel-assets/elements/faqs/elipse2-blue.svg" alt="">
+          </div>
+        </a>
+      </div>
+    </div>
+  </section> </div>

components/unsorted/uinel-faq-DXRJHzrZ.html

@@ -0,0 +1,56 @@
+<div> <section class="font-medium bg-yellow-500 py-24 2xl:pt-64 2xl:pb-48">
+    <div class="container px-4 mx-auto">
+      <span class="block mb-9 uppercase tracking-widest text-xs leading-4">The Most popular</span>
+      <h2 class="mb-20 xl:mb-24 font-heading text-9xl md:text-10xl xl:text-11xl leading-tight">FAQ’s</h2>
+      <div class="relative flex justify-between md:hidden mb-16">
+        <div class="relative w-12 h-12 bg-white z-10 rounded-full">
+          <span class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 font-bold text-2xl">1</span>
+        </div>
+        <div class="relative w-12 h-12 bg-white z-10 rounded-full">
+          <span class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 font-bold text-2xl">2</span>
+        </div>
+        <div class="relative w-12 h-12 bg-white z-10 rounded-full">
+          <span class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 font-bold text-2xl">3</span>
+        </div>
+        <div class="absolute top-1/2 bg-black w-full" style="height:2px;"></div>
+      </div>
+      <div class="flex mx-auto max-w-max">
+        <div class="relative md:top-12 md:flex md:flex-col mr-12 hidden">
+          <div class="relative mb-44 lg:mb-32 w-12 h-12 bg-white z-10 rounded-full">
+            <span class="absolute font-bold text-2xl left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2">1</span>
+          </div>
+          <div class="relative w-12 h-12 mb-20 lg:mb-11 bg-white z-10 rounded-full">
+            <span class="absolute font-bold text-2xl left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2">2</span>
+          </div>
+          <div class="relative w-12 h-12 bg-white z-10 rounded-full">
+            <span class="absolute font-bold text-2xl left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2">3</span>
+          </div>
+          <div class="absolute top-4 left-1/2 transform -transform-x-1/2 h-96 lg:h-72 bg-black" style="width:2px;"></div>
+        </div>
+        <div class="max-w-max">
+          <a class="flex justify-between items-start px-8 md:px-14 py-9 mb-12 bg-white max-w-max rounded-3xl" href="#">
+            <div>
+              <h2 class="mb-5 font-heading text-3xl md:text-5xl xl:text-8xl leading-tighter">How should i develop my workflow over time?</h2>
+              <p class="text-lg font-normal leading-6">The nulla commodo, commodo eros a, tristique lectus.</p>
+            </div>
+            <img class="relative top-7 ml-10" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt="">
+          </a>
+          <a class="flex justify-between items-start px-8 md:px-14 mb-9 md:mb-16 xl:mb-9 max-w-max" href="#">
+            <div>
+              <h2 class="font-heading text-3xl md:text-5xl xl:text-8xl leading-tighter">How often should the app be updated?</h2>
+              <p class="hidden text-lg font-normal leading-6">The nulla commodo, commodo eros a, tristique lectus.</p>
+            </div>
+            <img class="relative top-7 ml-10" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt="">
+          </a>
+          <a class="flex justify-between items-start mb-28 px-8 md:px-14 max-w-max" href="#">
+            <div>
+              <h2 class="font-heading text-3xl md:text-5xl xl:text-8xl leading-tighter">Can i pay by credit card?</h2>
+              <p class="hidden text-lg font-normal leading-6">The nulla commodo, commodo eros a, tristique lectus.</p>
+            </div>
+            <img class="relative top-7 ml-10" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt="">
+          </a>
+          <div class="flex justify-center"><a class="inline-block py-5 px-10 text-xl leading-6 text-white font-medium tracking-tighter font-heading bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Show more</a></div>
+        </div>
+      </div>
+    </div>
+  </section></div>