Skip to content

Commit

Permalink
animation
Browse files Browse the repository at this point in the history
  • Loading branch information
Asmaa ElBanna committed Aug 13, 2024
1 parent a59ce70 commit b64da7f
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -545,7 +545,7 @@ <h2 class="font-bold text-4xl pb-5">Pricing</h2>
<div>
<div class="grid lg:grid-cols-3 grid-cols-1 gap-5 2xl:px-28 mt-20">
<!-- Free Plan Card -->
<div class="flex flex-col border border-gray-300 rounded-xl overflow-hidden dark:border-gray-700 lg:w-full lg:max-w-xs bg-white">
<div class="flex flex-col border border-gray-300 rounded-xl overflow-hidden dark:border-gray-700 lg:w-full lg:max-w-xs bg-white transform transition duration-300 hover:scale-105 ">
<div class="text-center pt-10">
<h5 class="text-2xl font-bold pb-4">FREE</h5>
<p class="pb-4 font-bold text-[16]" style="color: #737373;">Organize across all <br> apps by hand</p>
Expand Down Expand Up @@ -593,7 +593,7 @@ <h5 class="font-medium dark:text-gray-300">
</div>

<!-- Silver Plan Card -->
<div class="relative z-20 lg:w-full lg:max-w-xs">
<div class="relative z-20 lg:w-full lg:max-w-xs transform transition duration-300 hover:scale-105">
<div class="absolute inset-x-0" style="top: -50px; left: 50%;">
<div class="flex justify-center">
<img src="./images/circle-box.png" alt="">
Expand All @@ -603,7 +603,7 @@ <h5 class="font-medium dark:text-gray-300">
<div class="text-center pt-10">
<h5 class="text-2xl font-bold pb-4">SILVER</h5>
<p class="pb-4 font-bold text-[16]" style="color: #737373;">Organize across all <br> apps by hand</p>
<h2 class="font-bold text-3xl" style="color: #23A6F0;">$0</h2>
<h2 class="font-bold text-3xl" style="color: #23A6F0;">$9.99</h2>
<span class="font-bold text-xl" style="color: #8EC2F2">Per month</span>
</div>
<div class="flex justify-center items-center pt-7">
Expand Down Expand Up @@ -647,11 +647,11 @@ <h5 class="font-medium dark:text-gray-300">
</div>

<!-- Gold Plan Card -->
<div class="flex flex-col border border-gray-300 rounded-xl overflow-hidden dark:border-gray-700 lg:w-full lg:max-w-xs bg-white">
<div class="flex flex-col border border-gray-300 rounded-xl overflow-hidden dark:border-gray-700 lg:w-full lg:max-w-xs bg-white transform transition duration-300 hover:scale-105">
<div class="text-center pt-10">
<h5 class="text-2xl font-bold pb-4">GOLD</h5>
<p class="pb-4 font-bold text-[16]" style="color: #737373;">Organize across all <br> apps by hand</p>
<h2 class="font-bold text-3xl" style="color: #23A6F0;">$0</h2>
<h2 class="font-bold text-3xl" style="color: #23A6F0;">$19.99</h2>
<span class="font-bold text-xl" style="color: #8EC2F2">Per month</span>
</div>
<div class="flex justify-center items-center pt-7">
Expand Down

0 comments on commit b64da7f

Please sign in to comment.