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>
</div>
</div>
i
<div class="relative
flex
@ -92,9 +92,9 @@ i
</div>
<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">
Custom Fit for your Comfort
Custom Fit for teyour Comfort
</h1>
<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.
@ -120,74 +120,52 @@ i
</svg>
</a>
</div>
<div class="w-full md:w-1/2">
<img class="image p-3 object-cover w-full"
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_992-min.jpg">
<div class="w-full md:w-[30%]">
<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/custom-made-page/image%201.jpg">
</div>
</div>
<div class="flex
mt-20
md:mt-24
md:flex-row
flex-col
items-center
mx-auto">
<div class="w-full md:w-1/2">
<img class="image
p-3
object-cover
w-full"
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_892-min.jpg">
</div>
<div class="mx-3 w-full md:w-1/2 text-center md:text-left">
<h1 class="font-bold
lg:text-3xl
md:text-2xl
text-xl">
Not Just Made-To-Order </h1>
<p class="lg:text-xl
font-medium
pt-5">
Our Custom Designed Suits are made to last. Enjoy a personalized, custom-fit experience that not only sets you apart
from ready-to-wear options but is also designed to be durable.</p>
<a class="all-product-link
text-xl
font-bold
mt-8
flex
items-center
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 class="flex md:flex-row flex-col items-center mx-auto md:mt-24 mt-16">
<div class="w-full md:w-[30%]">
<img class="image p-3 object-scale-down lg:h-[500px] h-full w-full"
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom-made-page/image%202.jpg">
</div>
<div class="mx-3 w-full md:w-[70%] text-center md:text-left lg:pr-10 pr-1">
<h1 class="font-bold lg:text-3xl md:text-2xl text-xl">
Not Just Made-To-Order
</h1>
<p class="lg:text-xl font-medium pt-5">
Our Custom Designed Suits are made to last. Enjoy a personalized, custom-fit experience that not only sets you apart
from ready-to-wear options but is also designed to be durable.
</p>
<a class="all-product-link text-xl font-bold mt-8 flex items-center 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 class="mx-auto">
<div class="max-w-screen-lg
mx-auto
@ -219,10 +197,10 @@ i
<div>
<img class="w-full
lg:w-80
h-auto
h-72
pt-4
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 class="mt-4">
<h4 class="text-xl
@ -253,10 +231,11 @@ i
<div>
<img class="w-full
lg:w-80
h-auto
h-72
pt-4
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">
pb-3
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 class="mt-4">
<h4 class="text-xl
@ -286,10 +265,11 @@ i
<div>
<img class="w-full
lg:w-80
h-auto
h-72
pt-4
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">
pb-3
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 class="mt-4">
<h4 class="text-xl