-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 40.4 KB
/
index.html
1
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1, width=device-width"><link rel="stylesheet" href="index.49087690.css"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=PT Mono:wght@400&display=swap"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM Sans:wght@700&display=swap"></head><body> <div class="bg-white font-text-md-normal h-[168.5rem] overflow-hidden relative text-[0.88rem] text-darkslategray-200 text-left w-full"> <div class="absolute h-[6.25rem] left-[calc(50%_-_950px)] text-[0.75rem] top-[0rem] w-[118.75rem]"> <div class="absolute bg-white h-[6.25rem] left-[calc(50%_-_950px)] top-[0rem] w-[118.75rem]"></div> <img class="absolute h-[4.48rem] left-[17.63rem] overflow-hidden top-[0.88rem] w-[8.13rem]" alt src="logo-1.1449f0ac.svg"> <div class="absolute bg-yellowgreen-200 h-[2rem] hidden left-[93.06rem] rounded-10xs top-[2.13rem] w-[2rem]"></div> <div class="absolute bg-yellowgreen-200 h-[2rem] hidden left-[96.06rem] rounded-10xs top-[2.13rem] w-[2rem]"></div> <div class="absolute bg-yellowgreen-200 h-[2rem] hidden left-[83.88rem] rounded-10xs top-[2.19rem] w-[2rem]"></div> <div class="absolute h-[1.63rem] left-[82.94rem] top-[2.31rem] w-[18.19rem]"> <div class="absolute h-[1.63rem] left-[3.31rem] top-[calc(50%_-_13px)] w-[9.31rem]"> <b class="absolute h-[0.94rem] inline-block left-[2.44rem] top-[0.38rem] w-[7.25rem]">01270 340034</b> <img class="absolute bottom-[-3.85%] h-full left-[1.34%] max-h-full max-w-full overflow-hidden right-[81.21%] top-[3.84%] w-[17.45%]" alt src="phone.3c871fce.svg"> </div> <img class="absolute h-[1.63rem] left-[16.63rem] top-[0rem] w-[1.63rem]" alt src="user.1209e9eb.svg"> <div class="absolute h-[2.25rem] left-[13.19rem] text-[0.63rem] text-black top-[-0.69rem] w-[1.5rem]"> <img class="absolute h-[1.63rem] left-[-0.06rem] top-[0.69rem] w-[1.63rem]" alt src="vector.be9a8629.svg"> <div class="absolute h-[1.13rem] left-[0.19rem] top-[0rem] w-[1.13rem]"> <div class="absolute bg-yellowgreen-100 h-[1.13rem] left-[0rem] rounded-[50%] top-[0rem] w-[1.13rem]"></div> <div class="absolute left-[0.31rem] top-[0.19rem]">3</div> </div> </div> </div> <div class="absolute font-montserrat h-[2.75rem] left-[30.75rem] text-[1rem] text-black text-center top-[1.75rem] w-[24.63rem]"> <div class="absolute bg-snow bottom-[0%] h-full left-[0%] right-[0%] rounded top-[0%] w-full"></div> <div class="absolute h-[0.94rem] hidden left-[0.94rem] top-[1.06rem] w-[18.88rem]"> <div class="absolute bg-white h-[0.94rem] left-[18.06rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[17.31rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[16.56rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[15.81rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[15.06rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[14.31rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[13.56rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[12.81rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[12.06rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[11.31rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[10.56rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[9.81rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[9.06rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[8.31rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[7.56rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[6.81rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[6.13rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[5.44rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[4.75rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[4.06rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[3.38rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[2.69rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[2rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[1.31rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[0.63rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> <div class="absolute bg-white h-[0.94rem] left-[0rem] mix-blend-normal top-[0rem] w-[0.81rem]"> <div class="absolute left-[0.38rem] top-[-0.25rem]"></div> <img class="absolute h-[0.83rem] left-[0.03rem] top-[0.06rem] w-[0rem]" alt src="blinking-cursor.fe8b8ff4.svg"> </div> </div> <div class="absolute font-pt-mono hidden left-[1rem] opacity-[0.8] text-darkslategray-300 text-left top-[31.82%]"> Name </div> <img class="absolute bottom-[31.06%] h-[37.88%] left-[5.88%] max-h-full max-w-full overflow-hidden right-[89.89%] top-[31.06%] w-[4.23%]" alt src="icon.40c22d57.svg"> <input class="[border:none] absolute bg-[transparent] font-text-md-normal inline-block leading-[1.5rem] left-[2.94rem] text-[1rem] text-darkslategray-200 text-left top-[0.63rem] w-[9.63rem]" type="text"> </div> </div> <div class="absolute h-[1.56rem] left-[17.69rem] text-[1.25rem] top-[12.56rem] w-[8.19rem]"> <img class="absolute bottom-[0%] h-full left-[0%] max-h-full max-w-full overflow-hidden right-[80.92%] top-[0%] w-[19.08%]" alt src="filter-1.9c749f06.svg"> <h2 class="absolute font-bold font-inherit left-[27.48%] m-0 text-inherit top-[0%]"> Refine By </h2> </div> <h1 class="absolute font-inherit h-[2.25rem] left-[52.5rem] m-0 text-[1.88rem] top-[12.19rem] w-[14.13rem]"> <b class="absolute flex items-center left-[0%] top-[0%] w-[117.46%]">Bathroom Tiles</b> </h1> <div class="absolute h-[1.75rem] left-[78.69rem] text-[1.25rem] top-[12.44rem] w-[22.5rem]"> <h2 class="absolute font-bold font-inherit left-[0%] m-0 text-inherit top-[7.14%]"> Sort by: </h2> <h2 class="absolute font-bold font-inherit left-[68.33%] m-0 text-inherit top-[7.14%]"> 169 Results </h2> <div class="absolute border-[1px] border-darkgray border-solid bottom-[0%] box-border h-full left-[25.83%] right-[36.39%] top-[0%] w-[37.78%]"></div> </div> <div class="absolute h-[0rem] left-[17.63rem] top-[16.06rem] w-[83.69rem]"></div> <div class="absolute left-[29.56rem] text-darkslategray-100 top-[17.63rem]"> Clear all </div> <div class="absolute border-darkslategray-100 border-solid border-t-[1px] box-border h-[0.06rem] left-[29.66rem] top-[18.66rem] w-[3.25rem]"></div> <h3 class="absolute font-inherit h-[1.31rem] left-[17.63rem] m-0 text-[1.06rem] top-[17.5rem] w-[8.06rem]"> <h3 class="absolute flex font-bold font-inherit items-center left-[0%] m-0 text-inherit top-[0%] w-full"> Type </h3> </h3> <div class="absolute h-[1.31rem] left-[20.25rem] text-[1.06rem] top-[20.44rem] w-[8.06rem]"> <h3 class="absolute flex font-bold font-inherit items-center left-[0%] m-0 text-inherit top-[0%] w-full"> Floor </h3> </div> <h3 class="absolute font-inherit h-[1.31rem] left-[20.25rem] m-0 text-[1.06rem] top-[23rem] w-[7.13rem]"> <b class="absolute flex items-center left-[0%] top-[0%] w-full">Floor & Walls</b> </h3> <div class="absolute h-[1.31rem] left-[20.31rem] text-[1.06rem] top-[25.5rem] w-[4.06rem]"> <h3 class="absolute flex font-inherit font-normal items-center left-[0%] m-0 text-inherit top-[0%] w-full"> Mosaic </h3> </div> <h3 class="absolute font-inherit h-[1.31rem] left-[20.31rem] m-0 text-[1.06rem] top-[27.94rem] w-[2.81rem]"> <div class="absolute flex items-center left-[0%] top-[0%] w-full"> Walls </div> </h3> <div class="absolute h-[1.06rem] left-[23.38rem] text-darkgray top-[20.56rem] w-[1.75rem]"> <div class="absolute left-[0%] top-[0%]">(32)</div> </div> <div class="absolute h-[1.06rem] left-[27.38rem] text-darkgray top-[23.13rem] w-[1.75rem]"> <div class="absolute left-[0%] top-[0%]">(32)</div> </div> <div class="absolute h-[1.06rem] left-[24.38rem] text-darkgray top-[25.63rem] w-[1.75rem]"> <div class="absolute left-[0%] top-[0%]">(32)</div> </div> <div class="absolute h-[1.06rem] left-[23.63rem] text-darkgray top-[28.06rem] w-[1.75rem]"> <div class="absolute left-[0%] top-[0%]">(92)</div> </div> <div class="absolute h-[0.19rem] left-[17.56rem] top-[16.06rem] w-[83.69rem]"> <div class="absolute bg-gainsboro bottom-[0%] h-full left-[0%] right-[0%] top-[0%] w-full"></div> </div> <input class="absolute cursor-pointer h-[1.63rem] left-[17.63rem] top-[20.25rem] w-[1.63rem]" checked type="radio"> <input class="absolute cursor-pointer h-[1.63rem] left-[17.63rem] top-[22.81rem] w-[1.63rem]" checked type="radio"> <input class="absolute cursor-pointer h-[1.63rem] left-[17.63rem] top-[25.31rem] w-[1.63rem]" required type="radio"> <input class="absolute cursor-pointer h-[1.63rem] left-[17.63rem] top-[27.81rem] w-[1.63rem]" required type="radio"> <img class="absolute h-[20.25rem] left-[35.25rem] object-cover rounded-8xs top-[17.5rem] w-[20.38rem]" alt src="[email protected]"> <img class="absolute h-[1.19rem] left-[45.69rem] top-[calc(50%_-_734px)] w-[7.81rem]" alt src="star-rating-components.5abdd3a1.svg"> <div class="absolute h-[1.06rem] left-[54.19rem] text-darkgray top-[calc(50%_-_734px)] w-[1.13rem]"> <div class="absolute left-[0%] top-[0%]">(5)</div> </div> <div class="absolute h-[1.06rem] left-[35.25rem] text-darkgray top-[38.38rem] w-[8.88rem]"> <div class="absolute left-[0%] top-[0%]">Size: 605x605x8mm</div> </div> <div class="absolute h-[1.19rem] left-[35.25rem] text-[1rem] text-darkslategray-100 top-[40.25rem] w-[19.69rem]"> <h4 class="absolute font-inherit font-normal left-[0%] m-0 text-inherit top-[0%]"> White Marble Effect Ceramic Wall Tile </h4> </div> <div class="absolute h-[1.31rem] left-[35.25rem] text-[1.06rem] top-[41.81rem] w-[6.5rem]"> <h3 class="absolute flex font-bold font-inherit items-center left-[0%] m-0 text-inherit top-[0%] w-full"> £17.99 /sqm </h3> </div> <img class="absolute h-[20.25rem] left-[35.25rem] object-cover rounded-8xs top-[46.81rem] w-[20.38rem]" alt src="[email protected]"> <div class="absolute h-[4.75rem] left-[35.25rem] text-darkgray top-[calc(50%_-_265px)] w-[20.06rem]"> <img class="absolute h-[1.19rem] left-[10.44rem] top-[calc(50%_-_38px)] w-[7.81rem]" alt src="star-rating-components.5abdd3a1.svg"> <div class="absolute h-[1.06rem] left-[18.94rem] top-[calc(50%_-_37px)] w-[1.13rem]"> <div class="absolute left-[0%] top-[0%]">(5)</div> </div> <div class="absolute h-[1.06rem] left-[0rem] top-[0.06rem] w-[8.88rem]"> <div class="absolute left-[0%] top-[0%]">Size: 605x605x8mm</div> </div> <h4 class="absolute font-inherit h-[1.19rem] left-[0rem] m-0 text-[1rem] text-darkslategray-100 top-[1.88rem] w-[19.69rem]"> <div class="absolute left-[0%] top-[0%]"> White Marble Effect Ceramic Wall Tile </div> </h4> <h3 class="absolute font-inherit h-[1.31rem] left-[0rem] m-0 text-[1.06rem] text-darkslategray-200 top-[3.44rem] w-[6.5rem]"> <b class="absolute flex items-center left-[0%] top-[0%] w-full">£17.99 /sqm</b> </h3> </div> <img class="absolute h-[20.25rem] left-[58rem] object-cover rounded-8xs top-[46.81rem] w-[20.38rem]" alt src="[email protected]"> <img class="absolute h-[1.19rem] left-[68.44rem] top-[calc(50%_-_265px)] w-[7.81rem]" alt src="frame-33673.5d0148c3.svg"> <div class="absolute h-[1.06rem] left-[76.94rem] text-darkgray top-[calc(50%_-_264px)] w-[1.13rem]"> <div class="absolute left-[0%] top-[0%]">(3)</div> </div> <div class="absolute h-[1.06rem] left-[58rem] text-darkgray top-[67.75rem] w-[8.88rem]"> <div class="absolute left-[0%] top-[0%]">Size: 605x605x8mm</div> </div> <h4 class="absolute font-inherit h-[1.19rem] left-[58rem] m-0 text-[1rem] text-darkslategray-100 top-[69.56rem] w-[19.88rem]"> <div class="absolute left-[0%] top-[0%]"> White Marble Effect Ceramic Wall Tile </div> </h4> <h3 class="absolute font-inherit h-[1.31rem] left-[58rem] m-0 text-[1.06rem] top-[71.13rem] w-[6.5rem]"> <b class="absolute flex items-center left-[0%] top-[0%] w-full">£17.99 /sqm</b> </h3> <img class="absolute h-[20.25rem] left-[80.75rem] object-cover rounded-8xs top-[46.81rem] w-[20.38rem]" alt src="[email protected]"> <img class="absolute h-[1.19rem] left-[91.19rem] top-[calc(50%_-_265px)] w-[7.81rem]" alt src="star-rating-components.5abdd3a1.svg"> <div class="absolute h-[1.06rem] left-[99.69rem] text-darkgray top-[calc(50%_-_264px)] w-[1.13rem]"> <div class="absolute left-[0%] top-[0%]">(5)</div> </div> <div class="absolute h-[1.06rem] left-[80.75rem] text-darkgray top-[67.75rem] w-[8.88rem]"> <div class="absolute left-[0%] top-[0%]">Size: 605x605x8mm</div> </div> <h4 class="absolute font-inherit h-[1.19rem] left-[80.75rem] m-0 text-[1rem] text-darkslategray-100 top-[69.56rem] w-[19.75rem]"> <div class="absolute left-[0%] top-[0%]"> White Marble Effect Ceramic Wall Tile </div> </h4> <h3 class="absolute font-inherit h-[1.31rem] left-[80.75rem] m-0 text-[1.06rem] top-[71.13rem] w-[6.5rem]"> <b class="absolute flex items-center left-[0%] top-[0%] w-full">£17.99 /sqm</b> </h3> <img class="absolute h-[20.25rem] left-[35.25rem] object-cover rounded-8xs top-[76.13rem] w-[20.38rem]" alt src="[email protected]"> <img class="absolute h-[1.19rem] left-[45.69rem] top-[calc(50%_+_204px)] w-[7.81rem]" alt src="frame-33673.5d0148c3.svg"> <div class="absolute h-[1.06rem] left-[54.19rem] text-darkgray top-[calc(50%_+_205px)] w-[1.13rem]"> <div class="absolute left-[0%] top-[0%]">(3)</div> </div> <div class="absolute h-[1.06rem] left-[35.25rem] text-darkgray top-[97.06rem] w-[8.88rem]"> <div class="absolute left-[0%] top-[0%]">Size: 605x605x8mm</div> </div> <h4 class="absolute font-inherit h-[1.19rem] left-[35.25rem] m-0 text-[1rem] text-darkslategray-100 top-[98.88rem] w-[19.69rem]"> <div class="absolute left-[0%] top-[0%]"> White Marble Effect Ceramic Wall Tile </div> </h4> <h3 class="absolute font-inherit h-[1.31rem] left-[35.25rem] m-0 text-[1.06rem] top-[100.44rem] w-[6.5rem]"> <b class="absolute flex items-center left-[0%] top-[0%] w-full">£17.99 /sqm</b> </h3> <img class="absolute h-[20.25rem] left-[58.06rem] object-cover rounded-8xs top-[76.13rem] w-[20.38rem]" alt src="[email protected]"> <img class="absolute h-[1.19rem] left-[68.5rem] top-[calc(50%_+_204px)] w-[7.81rem]" alt src="star-rating-components.5abdd3a1.svg"> <div class="absolute h-[1.06rem] left-[77rem] text-darkgray top-[calc(50%_+_205px)] w-[1.13rem]"> <div class="absolute left-[0%] top-[0%]">(5)</div> </div> <div class="absolute h-[1.06rem] left-[58.06rem] text-darkgray top-[97.06rem] w-[8.88rem]"> <div class="absolute left-[0%] top-[0%]">Size: 605x605x8mm</div> </div> <h4 class="absolute font-inherit h-[1.19rem] left-[58.06rem] m-0 text-[1rem] text-darkslategray-100 top-[98.88rem] w-[20.06rem]"> <div class="absolute left-[0%] top-[0%]"> White Marble Effect Ceramic Wall Tile </div> </h4> <h3 class="absolute font-inherit h-[1.31rem] left-[58.06rem] m-0 text-[1.06rem] top-[100.44rem] w-[6.5rem]"> <b class="absolute flex items-center left-[0%] top-[0%] w-full">£17.99 /sqm</b> </h3> <img class="absolute h-[20.25rem] left-[80.88rem] object-cover rounded-8xs top-[76.13rem] w-[20.38rem]" alt src="[email protected]"> <div class="absolute h-[4.75rem] left-[80.88rem] text-darkgray top-[97rem] w-[20.06rem]"> <img class="absolute h-[1.19rem] left-[10.44rem] top-[calc(50%_-_38px)] w-[7.81rem]" alt src="star-rating-components.5abdd3a1.svg"> <div class="absolute h-[1.06rem] left-[18.94rem] top-[calc(50%_-_37px)] w-[1.13rem]"> <div class="absolute left-[0%] top-[0%]">(5)</div> </div> <div class="absolute h-[1.06rem] left-[0rem] top-[0.06rem] w-[8.88rem]"> <div class="absolute left-[0%] top-[0%]">Size: 605x605x8mm</div> </div> <h4 class="absolute font-inherit h-[1.19rem] left-[0rem] m-0 text-[1rem] text-darkslategray-100 top-[1.88rem] w-[19.94rem]"> <div class="absolute left-[0%] top-[0%]"> White Marble Effect Ceramic Wall Tile </div> </h4> <h3 class="absolute font-inherit h-[1.31rem] left-[0rem] m-0 text-[1.06rem] text-darkslategray-200 top-[3.44rem] w-[6.5rem]"> <b class="absolute flex items-center left-[0%] top-[0%] w-full">£17.99 /sqm</b> </h3> </div> <img class="absolute h-[20.25rem] left-[57.94rem] object-cover rounded-8xs top-[17.5rem] w-[20.38rem]" alt src="[email protected]"> <img class="absolute h-[1.19rem] left-[68.38rem] top-[calc(50%_-_734px)] w-[7.81rem]" alt src="star-rating-components.5abdd3a1.svg"> <div class="absolute h-[1.06rem] left-[76.88rem] text-darkgray top-[calc(50%_-_734px)] w-[1.13rem]"> <div class="absolute left-[0%] top-[0%]">(5)</div> </div> <div class="absolute h-[1.06rem] left-[57.94rem] text-darkgray top-[38.38rem] w-[8.88rem]"> <div class="absolute left-[0%] top-[0%]">Size: 605x605x8mm</div> </div> <div class="absolute h-[1.19rem] left-[57.94rem] text-[1rem] text-darkslategray-100 top-[40.25rem] w-[19.56rem]"> <h4 class="absolute font-inherit font-normal left-[0%] m-0 text-inherit top-[0%]"> White Marble Effect Ceramic Wall Tile </h4> </div> <h3 class="absolute font-inherit h-[1.31rem] left-[57.94rem] m-0 text-[1.06rem] top-[41.81rem] w-[6.5rem]"> <b class="absolute flex items-center left-[0%] top-[0%] w-full">£17.99 /sqm</b> </h3> <img class="absolute h-[20.25rem] left-[80.75rem] object-cover rounded-8xs top-[17.5rem] w-[20.38rem]" alt src="[email protected]"> <img class="absolute h-[1.19rem] left-[91.13rem] top-[calc(50%_-_734px)] w-[7.81rem]" alt src="star-rating-components.5abdd3a1.svg"> <div class="absolute h-[1.06rem] left-[99.63rem] text-darkgray top-[calc(50%_-_734px)] w-[1.13rem]"> <div class="absolute left-[0%] top-[0%]">(5)</div> </div> <div class="absolute h-[1.06rem] left-[80.69rem] text-darkgray top-[38.38rem] w-[8.88rem]"> <div class="absolute left-[0%] top-[0%]">Size: 605x605x8mm</div> </div> <h4 class="absolute font-inherit h-[1.19rem] left-[80.69rem] m-0 text-[1rem] text-darkslategray-100 top-[40.25rem] w-[19.81rem]"> <div class="absolute left-[0%] top-[0%]"> White Marble Effect Ceramic Wall Tile </div> </h4> <h3 class="absolute font-inherit h-[1.31rem] left-[80.69rem] m-0 text-[1.06rem] top-[41.81rem] w-[6.5rem]"> <b class="absolute flex items-center left-[0%] top-[0%] w-full">£17.99 /sqm</b> </h3> <button class="[border:none] absolute bg-[transparent] cursor-pointer h-[3.5rem] left-[58.06rem] p-0 top-[104.88rem] w-[20.38rem]"> <div class="absolute bg-yellowgreen-100 bottom-[0%] h-full left-[0%] right-[0%] rounded-8xs top-[0%] w-full"></div> <b class="absolute font-text-md-normal left-[29.75%] text-[1.13rem] text-darkslategray-200 text-left top-[30.36%]">LOAD NEXT 48</b> </button> <div class="absolute h-[0.19rem] left-[17.63rem] top-[30.69rem] w-[15.19rem]"> <div class="absolute bg-gainsboro bottom-[0%] h-full left-[0%] right-[0%] top-[0%] w-full"></div> </div> <div class="absolute h-[1.31rem] left-[17.63rem] text-[1.06rem] top-[32.25rem] w-[3.63rem]"> <b class="absolute flex items-center left-[0%] top-[0%] w-full">Colour</b> </div> <div class="absolute h-[1.31rem] left-[17.63rem] text-[1.06rem] top-[36.25rem] w-[3.63rem]"> <b class="absolute flex items-center left-[0%] top-[0%] w-full">Height</b> </div> <div class="absolute h-[0.19rem] left-[17.63rem] top-[34.81rem] w-[15.19rem]"> <div class="absolute bg-gainsboro bottom-[0%] h-full left-[0%] right-[0%] top-[0%] w-full"></div> </div> <div class="absolute h-[1.25rem] left-[31.63rem] top-[32.13rem] w-[1.25rem]"> <div class="absolute bg-darkslategray-200 bottom-[42.31%] h-[15.38%] left-[0%] right-[0%] rounded-12xs top-[42.31%] w-full"></div> <div class="[transform-origin:0_0] [transform:_rotate(90deg)] absolute bg-darkslategray-200 bottom-[84.62%] h-[15.38%] left-[57.69%] right-[-57.69%] rounded-12xs top-[0%] w-full"></div> </div> <div class="absolute h-[1.25rem] left-[31.56rem] top-[36.31rem] w-[1.25rem]"> <div class="absolute bg-darkslategray-200 bottom-[42.31%] h-[15.38%] left-[0%] right-[0%] rounded-12xs top-[42.31%] w-full"></div> </div> <div class="absolute h-[1.25rem] left-[17.63rem] top-[38.31rem] w-[15.25rem]"> <div class="absolute bg-darkslategray-200 bottom-[35%] h-[30%] left-[8.2%] right-[7.38%] top-[35%] w-[84.43%]"></div> <img class="absolute bottom-[0%] h-full left-[0%] max-h-full max-w-full object-cover overflow-hidden right-[91.8%] top-[0%] w-[8.2%]" alt src="[email protected]"> <img class="absolute bottom-[0%] h-full left-[91.8%] max-h-full max-w-full object-cover overflow-hidden right-[0%] top-[0%] w-[8.2%]" alt src="[email protected]"> </div> <div class="absolute h-[0.19rem] left-[17.63rem] top-[47.94rem] w-[15.19rem]"> <div class="absolute bg-gainsboro bottom-[0%] h-full left-[0%] right-[0%] top-[0%] w-full"></div> </div> <div class="absolute h-[2.25rem] left-[17.63rem] top-[40.44rem] w-[5.25rem]"> <div class="absolute bg-gainsboro bottom-[0%] h-full hidden left-[0%] right-[0%] rounded-8xs top-[0%] w-full"></div> </div> <input class="[border:none] absolute bg-[transparent] h-[2.25rem] left-[17.63rem] top-[40.69rem] w-[5.25rem]" type="text"> <input class="[border:none] absolute bg-[transparent] h-[2.25rem] left-[27.63rem] top-[40.69rem] w-[5.25rem]" type="text"> <div class="absolute bg-white bottom-[0rem] h-[37.06rem] left-[calc(50%_-_950px)] overflow-hidden text-[1.13rem] text-white w-[118.75rem]"> <img class="absolute h-[37.06rem] left-[0rem] object-cover top-[0rem] w-[118.75rem]" alt src="[email protected]"> <div class="absolute bg-darkslategray-400 h-[37.06rem] left-[calc(50%_-_950px)] top-[calc(50%_-_296.5px)] w-[118.75rem]"></div> <div class="absolute h-[25.13rem] left-[calc(50%_-_668px)] top-[calc(50%_-_200.5px)] w-[83.5rem]"> <div class="absolute flex flex-row gap-[10.69rem] items-start justify-start left-[0rem] text-[1rem] top-[0rem]"> <div class="flex flex-col gap-[1rem] h-[11.5rem] items-start justify-start w-[13.56rem]"> <div class="font-medium leading-[1.75rem] relative text-[1.13rem]"> Customer Info </div> <div class="opacity-[0.5] relative">Contact Us</div> <div class="opacity-[0.5] relative">Delivery Information</div> <div class="opacity-[0.5] relative">Glossary</div> <div class="opacity-[0.5] relative"> Damages & Incorrect Goods </div> </div> <div class="flex flex-col gap-[1rem] items-start justify-start"> <div class="font-medium leading-[1.75rem] relative text-[1.13rem]"> Popular Tiles </div> <div class="opacity-[0.5] relative">Bathroom Tiles</div> <div class="opacity-[0.5] relative">Kitchen Tiles</div> <div class="opacity-[0.5] relative">Floor Tiles</div> <div class="opacity-[0.5] relative">Wall Tiles</div> <div class="opacity-[0.5] relative">Porcelain Tiles</div> </div> <div class="flex flex-col gap-[1rem] items-start justify-start"> <div class="font-medium h-[1.75rem] inline-block leading-[1.75rem] relative shrink-0 text-[1.13rem] w-[5.25rem]"> Company </div> <div class="h-[1.25rem] inline-block opacity-[0.5] relative shrink-0 w-[5.13rem]"> About us </div> <div class="h-[1.25rem] inline-block opacity-[0.5] relative shrink-0 w-[9.63rem]"> Terms & Conditions </div> <div class="inline-block opacity-[0.5] relative w-[7.94rem]"> Privacy Policy </div> </div> </div> <div class="absolute bg-dark border-[1px] border-solid border-yellowgreen-100 bottom-[29.73%] box-border h-[0.5%] left-[1.16%] opacity-[0.06] right-[3.78%] top-[69.78%] w-[95.06%]"></div> <img class="absolute h-[4.48rem] left-[0rem] overflow-hidden top-[20.63rem] w-[8.13rem]" alt src="logo-11.a725c087.svg"> <div class="absolute h-[14.56rem] left-[62.38rem] rounded-8xs text-darkslategray-200 top-[0rem] w-[21.13rem]"> <div class="absolute bg-lightgoldenrodyellow bottom-[0%] h-full left-[0%] mix-blend-normal right-[0%] rounded-8xs top-[0%] w-full"></div> <div class="absolute font-medium h-[11.82%] inline-block leading-[1.75rem] left-[9.47%] top-[13.51%] w-[28.7%]"> Subscribe </div> <div class="absolute bottom-[46.82%] h-[21.1%] left-[9.47%] right-[17.16%] text-[0.88rem] top-[32.07%] w-[73.37%]"> <div class="absolute bg-snow bottom-[0%] h-full left-[0%] right-[3.13%] rounded-8xs top-[0%] w-[96.88%]"></div> <img class="absolute h-[3.75rem] left-[12.38rem] top-[calc(50%_-_29.58px)] w-[3.75rem]" alt src="frame-33668.a55fc0fb.svg"> <div class="absolute h-[36%] inline-block left-[6.25%] mix-blend-normal opacity-[0.6] top-[32%] w-[41.41%]"> Email address </div> </div> <div class="absolute h-[26.17%] inline-block leading-[1.27rem] left-[9.47%] opacity-[0.6] text-[0.75rem] top-[59.93%] w-[73.37%]"> <p class="m-0">Hello!</p> <p class="m-0"> Subscribe to unlock all our lowest prices and biggest savings </p> </div> </div> <div class="absolute h-[4.3rem] left-[calc(50%_-_157px)] top-[20.75rem] w-[19.63rem]"> <div class="absolute flex flex-row gap-[1rem] items-start justify-start left-[calc(50%_-_157px)] top-[2.5rem]"> <img class="h-[1.8rem] overflow-hidden relative shrink-0 w-[3.13rem]" alt src="visa.0c8765ec.svg"> <img class="h-[1.8rem] overflow-hidden relative shrink-0 w-[3.13rem]" alt src="maestro.577e9770.svg"> <img class="h-[1.8rem] overflow-hidden relative rounded-8xs shrink-0 w-[3.13rem]" alt src="am.8ded2119.svg"> <img class="h-[1.8rem] overflow-hidden relative shrink-0 w-[3.13rem]" alt src="mastercard.fbc9ce1d.svg"> <img class="h-[1.8rem] overflow-hidden relative shrink-0 w-[3.13rem]" alt src="visa.0c8765ec.svg"> </div> <div class="absolute font-medium h-[1.75rem] inline-block leading-[1.75rem] left-[0rem] top-[0rem] w-[9.25rem]"> Accepted Cards </div> </div> <div class="absolute h-[4.5rem] left-[66.5rem] top-[20.63rem] w-[17rem]"> <div class="absolute flex flex-row flex-wrap gap-[1rem] items-center justify-start left-[0rem] top-[2.5rem]"> <img class="h-[2rem] overflow-hidden relative shrink-0 w-[2rem]" alt src="facebook.4ee017aa.svg"> <img class="h-[2rem] overflow-hidden relative shrink-0 w-[2rem]" alt src="instagram.78a81772.svg"> <img class="h-[2rem] overflow-hidden relative shrink-0 w-[2rem]" alt src="pinterest.8027ae69.svg"> <img class="h-[2rem] relative w-[2rem]" alt src="tiktok.45867fed.svg"> <img class="h-[2rem] overflow-hidden relative shrink-0 w-[2rem]" alt src="twitter.3778eb3c.svg"> <img class="h-[2rem] overflow-hidden relative shrink-0 w-[2rem]" alt src="youtube.62fcaa0c.svg"> </div> <div class="absolute font-medium h-[1.75rem] inline-block leading-[1.75rem] left-[0rem] top-[0rem] w-[9.25rem]"> Follow us </div> </div> </div> </div> <button class="[border:none] absolute bg-[transparent] cursor-pointer h-[2.5rem] left-[17.63rem] p-0 rounded-8xs top-[44.19rem] w-[15.25rem]"> <div class="absolute h-[2.5rem] left-[0rem] top-[0rem] w-[13.81rem]"> <div class="absolute bottom-[0%] h-full left-[0%] right-[-10.41%] top-[0%] w-[110.41%]"> <div class="absolute bg-yellowgreen-100 bottom-[0%] h-full left-[0%] right-[0%] rounded-8xs top-[0%] w-full"></div> </div> <b class="absolute font-text-md-normal left-[43.44%] text-[1.13rem] text-darkslategray-200 text-left top-[22.5%]">Apply</b> </div> </button> <div class="absolute h-[4.06rem] left-[0rem] text-[1rem] text-white top-[6.25rem] w-[118.75rem]"> <div class="absolute bg-darkslategray-200 h-[4.06rem] left-[calc(50%_-_950px)] top-[0rem] w-[118.75rem]"></div> <div class="absolute flex flex-row gap-[1.5rem] items-start justify-start left-[calc(50%_-_668px)] top-[1.44rem] w-[66.38rem]"> <div class="font-medium relative">Wall</div> <div class="font-medium relative">Floor</div> <div class="font-medium relative">Bathroom</div> <div class="font-medium relative">Kitchen</div> <div class="font-medium relative">Wood Effect</div> <div class="font-medium relative">Patterned</div> <div class="font-medium relative">Large Format</div> <div class="font-medium relative">Flooring</div> <div class="font-medium relative">Outdoor</div> <div class="font-medium relative">Adhesive & Grout</div> <div class="font-medium relative">Accesories</div> </div> <div class="absolute bg-crimson box-border flex flex-row font-button h-[4.06rem] items-center justify-center left-[92.56rem] px-[1.5rem] py-[0rem] rounded-10xs shadow-[0px_138px_39px_rgba(0,_0,_0,_0),_0px_89px_35px_rgba(0,_0,_0,_0.01),_0px_50px_30px_rgba(0,_0,_0,_0.05),_0px_22px_22px_rgba(0,_0,_0,_0.09),_0px_6px_12px_rgba(0,_0,_0,_0.1),_0px_0px_0px_rgba(0,_0,_0,_0.1)] text-[1.13rem] top-[0rem] w-[8.56rem]"> <b class="inline-block leading-[1.5rem] relative shrink-0 w-[5.69rem]">Clearance</b> </div> </div> <b class="absolute left-[14.84%] text-[1.06rem] top-[29.3%]">Material</b> <b class="absolute left-[14.84%] text-[1.06rem] top-[31.68%]">Rectified</b> <b class="absolute left-[14.84%] text-[1.06rem] top-[34.05%]">Width</b> <div class="absolute h-[1.25rem] left-[31.63rem] top-[49.38rem] w-[1.25rem]"> <div class="absolute bg-darkslategray-200 bottom-[42.31%] h-[15.38%] left-[0%] right-[0%] rounded-12xs top-[42.31%] w-full"></div> <div class="[transform-origin:0_0] [transform:_rotate(90deg)] absolute bg-darkslategray-200 bottom-[84.62%] h-[15.38%] left-[57.69%] right-[-57.69%] rounded-12xs top-[0%] w-full"></div> </div> <div class="absolute h-[1.25rem] left-[31.63rem] top-[53.44rem] w-[1.25rem]"> <div class="absolute bg-darkslategray-200 bottom-[42.31%] h-[15.38%] left-[0%] right-[0%] rounded-12xs top-[42.31%] w-full"></div> <div class="[transform-origin:0_0] [transform:_rotate(90deg)] absolute bg-darkslategray-200 bottom-[84.62%] h-[15.38%] left-[57.69%] right-[-57.69%] rounded-12xs top-[0%] w-full"></div> </div> <div class="absolute h-[1.25rem] left-[31.63rem] top-[57.44rem] w-[1.25rem]"> <div class="absolute bg-darkslategray-200 bottom-[42.31%] h-[15.38%] left-[0%] right-[0%] rounded-12xs top-[42.31%] w-full"></div> <div class="[transform-origin:0_0] [transform:_rotate(90deg)] absolute bg-darkslategray-200 bottom-[84.62%] h-[15.38%] left-[57.69%] right-[-57.69%] rounded-12xs top-[0%] w-full"></div> </div> <div class="absolute h-[0.19rem] left-[17.63rem] top-[51.94rem] w-[15.19rem]"> <div class="absolute bg-gainsboro bottom-[0%] h-full left-[0%] right-[0%] top-[0%] w-full"></div> </div> <div class="absolute h-[0.19rem] left-[17.63rem] top-[55.94rem] w-[15.19rem]"> <div class="absolute bg-gainsboro bottom-[0%] h-full left-[0%] right-[0%] top-[0%] w-full"></div> </div> <div class="absolute h-[0.19rem] left-[17.63rem] top-[59.94rem] w-[15.19rem]"> <div class="absolute bg-gainsboro bottom-[0%] h-full left-[0%] right-[0%] top-[0%] w-full"></div> </div> <div class="absolute h-[1.31rem] hidden left-[17.56rem] text-[1.06rem] top-[71.81rem] w-[3.63rem]"> <b class="absolute flex items-center left-[0%] top-[0%] w-full">Price</b> </div> <div class="absolute h-[1.25rem] hidden left-[17.56rem] top-[73.88rem] w-[15.25rem]"> <div class="absolute bg-lightgray bottom-[35%] h-[30%] left-[6.97%] right-[1.23%] rounded-8xs top-[35%] w-[91.8%]"></div> <img class="absolute bottom-[0%] h-full left-[0%] max-h-full max-w-full object-cover overflow-hidden right-[91.8%] top-[0%] w-[8.2%]" alt src="[email protected]"> <img class="absolute bottom-[0%] h-full left-[0%] max-h-full max-w-full object-cover overflow-hidden right-[91.8%] top-[0%] w-[8.2%]" alt src="[email protected]"> </div> <div class="absolute h-[2.25rem] hidden left-[17.56rem] top-[76rem] w-[5.25rem]"> <div class="absolute bg-gainsboro bottom-[0%] h-full left-[0%] right-[0%] rounded-8xs top-[0%] w-full"></div> <b class="absolute flex items-center left-[13.1%] top-[25%] w-[74.36%]"> £ 5</b> </div> <div class="absolute h-[2.25rem] hidden left-[27.5rem] top-[76rem] w-[5.25rem]"> <div class="absolute bg-gainsboro bottom-[0%] h-full left-[0%] right-[0%] rounded-8xs top-[0%] w-full"></div> <b class="absolute flex items-center left-[13.1%] top-[25%] w-[74.36%]"> £ 49</b> </div> <div class="absolute box-border flex flex-col gap-[0.56rem] h-[29.13rem] items-center justify-start left-[17.63rem] overflow-hidden pb-[0.88rem] pt-[0.06rem] px-[0rem] text-[1.06rem] text-gray-700 top-[60.13rem]"> <div class="bg-white border-b-[1px] border-gray-200 border-solid box-border flex flex-row gap-[1.5rem] items-start justify-start px-[0rem] py-[1.25rem] w-[15.19rem]"> <b class="flex-1 relative">Finish</b> <div class="flex flex-col h-[1.25rem] items-center justify-center w-[1.25rem]"> <img class="h-[0.38rem] hidden relative w-[0.75rem]" alt src="vector1.aab77a3d.svg"> </div> <div class="h-[1.25rem] relative w-[1.25rem]"> <div class="absolute bg-darkslategray-200 bottom-[42.31%] h-[15.38%] left-[0%] right-[0%] rounded-12xs top-[42.31%] w-full"></div> <div class="[transform-origin:0_0] [transform:_rotate(90deg)] absolute bg-darkslategray-200 bottom-[84.62%] h-[15.38%] left-[57.69%] right-[-57.69%] rounded-12xs top-[0%] w-full"></div> </div> </div> <div class="bg-white border-b-[1px] border-gray-200 border-solid box-border flex flex-row gap-[1.5rem] items-start justify-start px-[0rem] py-[1.25rem] w-[15.19rem]"> <b class="flex-1 relative">Material</b> <div class="flex flex-col h-[1.25rem] items-center justify-center w-[1.25rem]"> <img class="h-[0.38rem] hidden relative w-[0.75rem]" alt src="vector1.aab77a3d.svg"> </div> <div class="h-[1.25rem] relative w-[1.25rem]"> <div class="absolute bg-darkslategray-200 bottom-[42.31%] h-[15.38%] left-[0%] right-[0%] rounded-12xs top-[42.31%] w-full"></div> <div class="[transform-origin:0_0] [transform:_rotate(90deg)] absolute bg-darkslategray-200 bottom-[84.62%] h-[15.38%] left-[57.69%] right-[-57.69%] rounded-12xs top-[0%] w-full"></div> </div> </div> <div class="h-[0.19rem] relative w-[15.19rem]"> <div class="absolute bg-gainsboro bottom-[0%] h-full hidden left-[0%] right-[0%] top-[0%] w-full"></div> </div> <div class="bg-white border-b-[1px] border-gray-200 border-solid box-border flex flex-row gap-[1.5rem] items-start justify-start px-[0rem] py-[1.25rem] text-darkslategray-200 w-[15.19rem]"> <b class="flex-1 relative">Price</b> <div class="flex flex-col h-[1.25rem] items-center justify-center w-[1.25rem]"> <img class="h-[0.38rem] hidden relative w-[0.75rem]" alt src="vector1.aab77a3d.svg"> </div> <div class="h-[1.25rem] relative w-[1.25rem]"> <div class="absolute bg-darkslategray-200 bottom-[42.31%] h-[15.38%] left-[0%] right-[0%] rounded-12xs top-[42.31%] w-full"></div> <div class="[transform-origin:0_0] [transform:_rotate(90deg)] absolute bg-darkslategray-200 bottom-[84.62%] h-[15.38%] left-[57.69%] right-[-57.69%] rounded-12xs top-[0%] w-full"></div> </div> </div> </div> <div class="absolute h-[2.25rem] left-[60.44rem] text-[1.88rem] top-[111.88rem] w-[15.56rem]"> <b class="absolute flex items-center left-[0%] top-[0%] w-[117.46%]">Bathroom Tiles</b> </div> <div class="absolute h-[0.19rem] hidden left-[17.69rem] top-[82rem] w-[15.19rem]"> <div class="absolute bg-gainsboro bottom-[0%] h-full left-[0%] right-[0%] top-[0%] w-full"></div> </div> <div class="absolute h-[11.06rem] left-[35.56rem] text-[1rem] text-darkslategray-100 top-[116rem] w-[65.44rem]"> <div class="absolute left-[0%] top-[6.21%]"> <p class="[margin-block-end:8px] [margin-block-start:0]"> The bathroom is the place we go to relax and unwind after a long, hard day, it should be looking as good as it makes you feel! Check out </p> <p class="[margin-block-end:8px] [margin-block-start:0]"> our range of bathroom tiles to find a tile that is sure to suit you and your style perfectly. Whether you’re looking for ceramic or porcelain </p> <p class="[margin-block-end:8px] [margin-block-start:0]"> tiles, our options all provide durability and longevity, with choices for all kinds of budgets. Check out our selection of bathroom wall tiles </p> <p class="[margin-block-end:8px] [margin-block-start:0]"> to give your wall space the refresh and love it deserves! Or, if it’s your floor that needs the TLC, we have a selection of suitable floor tiles </p> <p class="[margin-block-end:8px] [margin-block-start:0]"> , from marble to patterned. Thinking big? Look no further than our range of large format tiles for walls and floors, or if it’s something a bit </p> <p class="m-0"> smaller you’re looking for we have something for you too! </p> </div> </div> </div> </body></html>