push

Author: toruthecoder

src/index.html

@@ -23,7 +23,7 @@
   <header
     class="z-[100] relative bg-neutral-800 max-[745px]:max-w-[695px] max-[745px]:w-full h-14 max-[446px]:h-[114px] max-[346px]:h-[130px] max-[721px]:h-[114px] text-sm text-white flex justify-between w-screen pt-4 pr-20 pb-4 max-[745px]:max-w-screen max-[745px]:justify-center max-[745px]:pr-0 max-[745px]:pl-0 max-[745px]:h-[53px] max-[745px]:py-4 max-[1441px]:max-w-screen max-[1441px]:pl-0 max-[426px]:h-[114px] max-[426px]:w-screen max-[376px]:px-[16px]">
     <div
-      class="z-90 max-[426px]:z-100 flex mx-auto max-w-[1920px] w-full justify-between max-[745px]:justify-start max-[745px]:gap-3 max-[721px]:gap-3 max-[426px]:gap-0 max-[721px]:items-center max-[721px]:max-w-[380px] max-[745px]:px-[24px] items-center w-full max-[721px]:flex-col max-[426px]:flex-col max-[426px]:justify-center max-[426px]:items-center">
+      class="z-90 max-[426px]:z-100 flex mx-auto max-w-[1920px] w-full justify-between max-[745px]:justify-start max-[745px]:gap-3 max-[721px]:gap-3 max-[426px]:gap-0 max-[721px]:items-center max-[721px]:max-w-[380px] max-[745px]:px-[24px] items-center w-full max-[721px]:flex-col max-[426px]:flex-col max-[426px]:justify-center max-[426px]:items-center max-[370px]:px-[16px]">
       <div
         class="z-90 flex flex-col gap-2 max-[745px]:pl-[0px] max-[745px]:max-w-[590px] max-[745px]:w-full max-[721px]:items-center max-[721px]:justify-center max-[721px]:max-w-[375px] max-[426px]:items-center max-[426px]:justify-center max-[376px]:pl-0">
         <p
@@ -95,7 +95,7 @@
   </div>
   <!-- Navbar Start Done gradient in this one gradient done for 1920 , 1440, 744,375-->
   <nav
-    class="z-100 max-[426px]:-z-90 w-screen h-[70px] flex items-center justify-between py-[16px] max-[426px]:py-[12px] pl-[150px] pr-[150px] max-[745px]:border max-[745px]:bottom-[5px] max-[745px]:border-white bg-white relative z-50 max-[426px]:justify-around max-[426px]:items-center max-[426px]:pr-0 max-[426px]:pl-0 max-w-[1920px] mx-auto">
+    class="z-100 max-[426px]:-z-90 w-screen h-[70px] flex items-center justify-between py-[16px] max-[426px]:py-[12px] pl-[150px] pr-[150px] max-[745px]:border max-[745px]:bottom-[5px] max-[745px]:border-white bg-white relative z-50 max-[426px]:justify-around max-[426px]:items-center max-[426px]:pr-0 max-[426px]:pl-0 max-w-[1920px] max-[341px]:px-[6px] mx-auto">
     <!-- Gradient -->
     <div
       class="-z-100 w-[869px] h-[869px] absolute bg-rose-600 opacity-[10%] max-[1441px]:hidden blur-[400px] top-[0px] right-0 -z-90 max-[426px]:max-w-[320px] max-[1441px]:hidden max-[745px]:block max-[745px]:-left-[130px] max-[745px]:w-[432px] max-[745px]:h-[432px] max-[745px]:-top-[190px] max-[426px]:hidden">
@@ -146,7 +146,7 @@
       </ul>
     </div>
     <div
-      class="z-80 mr-9 flex gap-2 max-[1441px]:-mr-17 max-[745px]:-mr-32 max-[745px]:gap-0 max-[740px]:gap-2 max-[426px]:mr-0 max-[376px]:-mr-1 max-[376px]:gap-0">
+      class="z-80 mr-9 flex gap-2 max-[1441px]:-mr-17 max-[745px]:-mr-32 max-[745px]:gap-0 max-[740px]:gap-2 max-[426px]:mr-0 max-[376px]:-mr-1 max-[376px]:gap-0 max-[351px]:gap-2">
       <button
         class="z-80 text-sm px-4 py-[8px] max-[376px]:hidden max-[426px]:hidden max-[745px]:mr-[8px] max-[740px]:mr-[0px] max-[426px]:mr-[0px] max-[490px]:hidden hover:text-gray-400 cursor-pointer font-[500] font-medium text-[14px] leading-[22px] tracking-0 text-neutral-800">
         Sign In
@@ -156,7 +156,7 @@
         Buy Now
       </button>
       <button
-        class="z-80 bg-black text-white px-4 py-[8px] rounded-lg text-sm max-[745px]:mr-[28px] max-[740px]:mr-[0px] max-[426px]:mr-[24px] max-[426px]:w-[91px] max-[426px]:w-[91px] cursor-pointer hover:bg-neutral-500 font-[500] font-medium text-[14px] leading-[22px] tracking-0 text-neutral-800">
+        class="z-80 bg-black text-white px-4 py-[8px] rounded-lg text-sm max-[745px]:mr-[28px] max-[740px]:mr-[0px] max-[426px]:mr-[24px] max-[351px]:mr-0 max-[426px]:w-[91px] max-[426px]:w-[91px] cursor-pointer hover:bg-neutral-500 font-[500] font-medium text-[14px] leading-[22px] tracking-0 text-neutral-800">
         Free Trial
       </button>
       <div class="max-[751px]:block hidden max-[751px]:mt-2  max-[1101px]:block max-[1441px]:mt-2">
@@ -252,15 +252,15 @@
       <div
         class="text-lg text-center text-zinc-500 font-semibold mt-4 max-[751px]:max-w-[515px] max-[1441px]:max-w-[842px] max-[1921px]:max-w-[752px] max-[426px]:max-w-[343px] max-[426px]:w-screen max-[426px]:flex-wrap max-[426px]:max-w-[343px] max-[426px]:flex max-[426px]:text-center max-[426px]:justify-center max-[426px]:items-center max-[426px]:mr-0 max-[426px]:pr-0">
         <p
-          class="max-[426px]:text-[18px] text-neutral-600 text-[18px] font-[400] leading-[150%] tracking-[0] max-[510px]:px-[16px] max-[426px]:px-0">
+          class="max-[426px]:text-[18px] text-neutral-600 text-[18px] font-[400] leading-[150%] tracking-[0] max-[510px]:px-[16px] max [426px]:px-0 max-[341px]:px-[10px]">
           InterBase is an ultrafast, scalable, embeddable SQL database with
           commercial-grade data security, disaster recovery, and change
           synchronization.
         </p>
       </div>
       <div class="z-80 flex justify-center">
         <button
-          class="z-80 cursor-pointer font-[500] text-[16px] leading-[24px] tracking-0 text-base border border-solid rounded-lg h-12 text-base w-47 font-semibold bg-black text-white mt-6 max-[376px]:px-[16px] max-[426px]:w-[343px] max-[426px]:max-w-screen hover:bg-neutral-800 max-[376px]:max-w-[343px] max-[376px]:w-full">
+          class="z-80 cursor-pointer font-[500] text-[16px] leading-[24px] tracking-0 text-base border border-solid rounded-lg h-12 text-base w-47 font-semibold bg-black text-white mt-6 max-[376px]:px-[16px] max-[426px]:w-[343px] max-[426px]:max-w-screen hover:bg-neutral-800 max-[376px]:max-w-[343px] max-[376px]:w-full max-[370px]:mx-[6px] max-[351px]:mx-[10px] max-[341px]:mx-[15px]">
           Try InterBase for Free
         </button>
       </div>
@@ -351,7 +351,7 @@
           class="max-w-[229px] w-full h-[133px] max-[426px]:pb-[0px] max-[426px]:h-auto" />
       </div>
       <div
-        class="text-[20px] max-[745px]:text-[18px] font-[400] ml-[32px] max-[745px]:ml-[0px] max-[745px]:ml-[0px] leading-[150%] tracking-0 font-[400] text-neutral-800 max-[745px]:max-w-[426px] max-[426px]:max-w-[343px] max-[426px]:ml-0 max-[426px]:font-[18px] max-[426px]:tracking-0 max-[426px]:text-center flex-wrap max-[426px]:w-screen gap-[30px] max-[651px]:pt-[24px] max-[426px]:gap-[0px] max-[426px]:pt-[0px] max-[349px]:px-[16px]">
+        class="text-[20px] max-[745px]:text-[18px] font-[400] ml-[32px] max-[745px]:ml-[0px] max-[745px]:ml-[0px] leading-[150%] tracking-0 font-[400] text-neutral-800 max-[745px]:max-w-[426px] max-[426px]:max-w-[343px] max-[426px]:ml-0 max-[426px]:font-[18px] max-[426px]:tracking-0 max-[426px]:text-center flex-wrap max-[426px]:w-screen gap-[30px] max-[651px]:pt-[24px] max-[426px]:gap-[0px] max-[426px]:pt-[0px] max-[370px]:px-[16px]">
         InterBase® is the winner of Total Telco’s IoT Award for “the most
         innovative use of data” thanks to its highly scalable patented Change
         Views technology, which ensures the fastest, simplest and most secure
@@ -404,7 +404,7 @@
       <div
         class="text-center mt-[24px] flex flex-col justify-center items-center max-[745px]:max-w-[695px] max-[426px]:w-[343px]">
         <p
-          class="text-2xl max-[745px]:text-[20px] max-w-[1274px] font-regular text-neutral-800 font-[400] leading-[150%] tracking-[0] max-[745px]:text-[20px] max-[426px]:text-[20px] flex-wrap max-[426px]:max-w-[343px] max-[426px]:w-screen max-[743px]:px-[24px] max-[376px]:px-[0px] max-[349px]:px-[16px]">
+          class="text-2xl max-[745px]:text-[20px] max-w-[1274px] font-regular text-neutral-800 font-[400] leading-[150%] tracking-[0] max-[745px]:text-[20px] max-[426px]:text-[20px] flex-wrap max-[426px]:max-w-[343px] max-[426px]:w-screen max-[743px]:px-[24px] max-[376px]:px-[0px] max-[370px]:px-[16px]">
           <span class="text-neutral-500">InterBase® is a </span>full-featured,
           high performance, ultrafast,<span class="text-neutral-500">
             encryptable, scalable, relational and embeddable </span>multi-platform SQL database
@@ -416,7 +416,7 @@
             applications.</span>
         </p>
         <p
-          class="mt-8 text-2xl max-w-[1274px] font-[400] leading-[150%] tracking-[0] max-[426px]:text-[20px] max-[745px]:text-[20px] flex-wrap max-[426px]:max-w-[343px] max-[426px]:w-screen max-[743px]:px-[24px] max-[376px]:px-[0px] max-[349px]:px-[16px]">
+          class="mt-8 text-2xl max-w-[1274px] font-[400] leading-[150%] tracking-[0] max-[426px]:text-[20px] max-[745px]:text-[20px] flex-wrap max-[426px]:max-w-[343px] max-[426px]:w-screen max-[743px]:px-[24px] max-[376px]:px-[0px] max-[370px]:px-[16px]">
           <span class="text-neutral-500">InterBase® is one of the first</span>
           enterprise-grade relational databases
           <span class="text-neutral-500">ever produced. Since its inception it is based on a </span>superior versioning
@@ -1043,8 +1043,8 @@ <h1 class="pt-2 max-[426px]:text-center font-[600] leading-[150%] tracking-0 tex
         <div
           class="mt-6 flex gap-4 max-[745px]:justify-center max-[426px]:flex-col max-[426px]:items-center max-[535px]:flex-col max-[745px]:z-70 max-[349px]:px-[16px]">
           <input type="text"
-            class="w-[350px] h-[50px] text-[16px] font-[400] font-regular leading-[150%] max-[745px]:leading-[16px] tracking-0 text-neutral-600 border border-neutral-300 rounded-lg pl-4 bg-white max-[745px]:max-w-[350px] max-[745px]:max-w-full max-[426px]:max-w-[343px] max-[345px]:max-w-[310px] max-[426px]:w-screen"
-            placeholder="Your Email " />
+            class="w-[350px] h-[50px] text-[16px] font-[400] font-regular leading-[150%] max-[745px]:leading-[16px] tracking-0 text-neutral-600 border border-neutral-300 rounded-lg pl-4 bg-white max-[745px]:max-w-[350px] max-[745px]:max-w-full max-[426px]:max-w-[343px] max-[345px]:max-w-[310px] max-[426px]:w-screen max-[361px]:max-w-[320px] max-[331px]:max-w-[300px] max-[321px]:max-w-[290px]"
+            placeholder="Your Email" />
           <button
             class="z-80 bg-neutral-800 text-white text-[16px] font-medium leading-[24px] tracking-0 font-[500] w-[150px] h-[50px] rounded-lg pt-2 pb-2 pl-2 pr-2 max-[745px]:max-w-[150px] max-[745px]:max-w-full max-[535px]:max-w-[350px] max-[535px]:w-full max-[426px]:max-w-[343px] max-[345px]:max-w-[310px] max-[426px]:w-full cursor-pointer hover:bg-neutral-900">
             Subscribe