sayalip
/
theme-elegance
forked from brooksbingham/theme-elegance
1
0
Fork 0
Code Pull Requests Activity

refactor:change images

main
sayalip 2024-06-24 22:07:39 +05:30
parent 1df40204aa
commit ee7ab166fd
1 changed files with 50 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

120
templates/catalog/_partials/products.tpl
View File

@ -64,7 +64,7 @@
</a> </a>
</div> </div>
</div> </div>
i
<div class="relative <div class="relative
flex flex
@ -92,9 +92,9 @@ i
</div> </div>
<div class="flex flex-col-reverse md:flex-row items-center md:mt-24 mt-16 mx-auto"> <div class="flex flex-col-reverse md:flex-row items-center md:mt-24 mt-16 mx-auto">
<div class="mx-3 w-full md:w-1/2 text-center md:text-left"> <div class="mx-3 w-full md:w-[70%] text-center md:text-left xl:pl-12 lg:pl-2 pl-0">
<h1 class="font-bold lg:text-3xl md:text-2xl text-xl"> <h1 class="font-bold lg:text-3xl md:text-2xl text-xl">
Custom Fit for your Comfort Custom Fit for teyour Comfort
</h1> </h1>
<p class="lg:text-xl font-medium pt-5"> <p class="lg:text-xl font-medium pt-5">
Custom-made shirts and tuxedos are tailored just for you, offering a fit like no other. Custom-made shirts and tuxedos are tailored just for you, offering a fit like no other.
@ -120,74 +120,52 @@ i
</svg> </svg>
</a> </a>
</div> </div>
<div class="w-full md:w-1/2"> <div class="w-full md:w-[30%]">
<img class="image p-3 object-cover w-full" <img class="image p-3 object-scale-down w-full lg:h-[500px] h-full right-0"
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_992-min.jpg"> src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/image%201.jpg">
</div> </div>
</div> </div>
<div class="flex md:flex-row flex-col items-center mx-auto md:mt-24 mt-16">
<div class="w-full md:w-[30%]">
<div class="flex <img class="image p-3 object-scale-down lg:h-[500px] h-full w-full"
mt-20 src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/image%202.jpg">
md:mt-24 </div>
md:flex-row <div class="mx-3 w-full md:w-[70%] text-center md:text-left lg:pr-10 pr-1">
flex-col <h1 class="font-bold lg:text-3xl md:text-2xl text-xl">
items-center Not Just Made-To-Order
mx-auto"> </h1>
<div class="w-full md:w-1/2"> <p class="lg:text-xl font-medium pt-5">
<img class="image Our Custom Designed Suits are made to last. Enjoy a personalized, custom-fit experience that not only sets you apart
p-3 from ready-to-wear options but is also designed to be durable.
object-cover </p>
w-full" <a class="all-product-link text-xl font-bold mt-8 flex items-center justify-center md:justify-start"
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_892-min.jpg"> href="https://brooksbingham.com/17-custom-made-clothing">
</div> Design Your Suit
<div class="mx-3 w-full md:w-1/2 text-center md:text-left"> <svg xmlns="http://www.w3.org/2000/svg"
<h1 class="font-bold class="icon stroke-gray-600 stroke-[3px] icon-tabler icon-tabler-chevron-right"
lg:text-3xl width="24"
md:text-2xl height="24"
text-xl"> viewBox="0 0 24 24"
Not Just Made-To-Order </h1> stroke-width="2"
<p class="lg:text-xl stroke="currentColor"
font-medium fill="none"
pt-5"> stroke-linecap="round"
Our Custom Designed Suits are made to last. Enjoy a personalized, custom-fit experience that not only sets you apart stroke-linejoin="round">
from ready-to-wear options but is also designed to be durable.</p> <path stroke="none"
<a class="all-product-link d="M0 0h24v24H0z"
text-xl fill="none"/>
font-bold <path d="M9 6l6 6l-6 6" />
mt-8 </svg>
flex </a>
items-center </div>
justify-center
md:justify-start"
href="https://brooksbingham.com/17-custom-made-clothing"> Design Your Suit
<svg xmlns="http://www.w3.org/2000/svg"
class="icon
stroke-gray-600
stroke-[3px]
icon-tabler
icon-tabler-chevron-right"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="2"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round">
<path stroke="none"
d="M0 0h24v24H0z"
fill="none"/>
<path d="M9 6l6 6l-6 6" /></svg>
</a>
</div>
</div> </div>
<div class="mx-auto"> <div class="mx-auto">
<div class="max-w-screen-lg <div class="max-w-screen-lg
mx-auto mx-auto
@ -219,10 +197,10 @@ i
<div> <div>
<img class="w-full <img class="w-full
lg:w-80 lg:w-80
h-auto h-72
pt-4 pt-4
pb-3" pb-3"
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_992-min.jpg" alt="Select the Fabric"> src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/fabric%20image.jpeg" alt="Select the Fabric">
</div> </div>
<div class="mt-4"> <div class="mt-4">
<h4 class="text-xl <h4 class="text-xl
@ -253,10 +231,11 @@ i
<div> <div>
<img class="w-full <img class="w-full
lg:w-80 lg:w-80
h-auto h-72
pt-4 pt-4
pb-3" pb-3
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_892-min.jpg" alt="Finalize the Design"> object-cover"
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/20-06-23%20Brooks%20Bingham%20Summer_479.jpg" alt="Finalize the Design">
</div> </div>
<div class="mt-4"> <div class="mt-4">
<h4 class="text-xl <h4 class="text-xl
@ -286,10 +265,11 @@ i
<div> <div>
<img class="w-full <img class="w-full
lg:w-80 lg:w-80
h-auto h-72
pt-4 pt-4
pb-3" pb-3
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_992-min.jpg" alt="Get Measured"> object-cover"
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/3d%20format%20measure.jpg" alt="Get Measured">
</div> </div>
<div class="mt-4"> <div class="mt-4">
<h4 class="text-xl <h4 class="text-xl