add slide

evonare · Mar 14, 2023 · 053a169 · 053a169
1 parent e6fefa9
commit 053a169
Show file tree

Hide file tree

Showing 2 changed files with 751 additions and 693 deletions.
diff --git a/pages/services.js b/pages/services.js
@@ -7,31 +7,31 @@ export default function Services(){
 
   return(
   <div className="flex flex-col items-center">
-    <h1 className="text-6xl py-40 font-semibold hover:translate-y-20 duration-1000 text-blue-900">Services</h1>
+    <h1 className="text-6xl py-20 font-semibold text-blue-900">Services</h1>
 
     <div className="container lg:pl-10 lg:w-full flex flex-wrap justify-center">
-      <div className="w-full md:w-1/4 lg:w-1/4 hover:translate-x-20 duration-1000 hover:cursor-pointer ">
+      <div className="w-full md:w-1/4 lg:w-1/4 hover:-translate-y-10 duration-500 hover:cursor-pointer ">
         <div className="flex flex-col items-center ">
           <FaRegHeart className="text-6xl text-sky-900"/>
           <h1 className="py-4 text-lg font-semibold text-sky-800 uppercase">cardiology</h1>
         </div>
       </div>
 
-      <div className="w-full md:w-1/4 lg:w-1/4 hover:translate-x-20 duration-1000 hover:cursor-pointer ">
+      <div className="w-full md:w-1/4 lg:w-1/4 hover:-translate-y-10 duration-500 hover:cursor-pointer ">
         <div className="flex flex-col items-center ">
           <FaMicroscope className="text-6xl text-sky-900"/>
           <h1 className="py-4 text-lg font-semibold text-sky-800 uppercase">diagnostic</h1>
         </div>
       </div>
 
-      <div className="w-full md:w-1/4 lg:w-1/4 hover:translate-x-20 duration-1000 hover:cursor-pointer ">
+      <div className="w-full md:w-1/4 lg:w-1/4 hover:-translate-y-10 duration-500 hover:cursor-pointer ">
         <div className="flex flex-col items-center ">
           <FaViruses className="text-6xl text-sky-900"/>
           <h1 className="py-4 text-lg font-semibold text-sky-800 uppercase">virology</h1>
         </div>
       </div>
 
-      <div className="w-full md:w-1/4 lg:w-1/4 hover:translate-x-20 duration-1000 hover:cursor-pointer ">
+      <div className="w-full md:w-1/4 lg:w-1/4 hover:-translate-y-10 duration-500 hover:cursor-pointer ">
         <div className="flex flex-col items-center ">
           <FaStethoscope className="text-6xl text-sky-900"/>
           <h1 className="py-4 text-lg font-semibold text-sky-800 uppercase">therapy</h1>