Merge pull request #1 from Samirmisra/master

changes
itswadesh · Sep 12, 2022 · b66cd46 · b66cd46 · vercel · Sep 12, 2022
2 parents 6536a98 + 4f7a40e
commit b66cd46
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 9 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -1,8 +1,35 @@
-<div class="container">
-	<div class="left" />
-	<div class="right" />
+<div class="slider flex flex-row bg-[#232323]">
+    <div class="left w-[28rem]">
+        <h1 class="text-white text-4xl font-bold font-sans text-center justify-center py-10 px-12  w-72 ">Ram Ham Colorblock T-shirt</h1>
+        <p class="text-slate-100 font-sans font-normal px-12 w-80">The International hoddies with excellent durable fabric, not to heavy but simply PERFECT for
+            Indian summer
+        </p>
+        <div class="flex">
+           <p class="text-white text-3xl font-sans font-bold my-10 mx-12">$49.55</p>
+           <p class="text-pink-600 py-11 text-2xl font-sans font-bold -mx-10">$49.55</p>
+        </div>
+        <p class="text-white px-5 bg-zinc-900 w-24 h-8 mx-12 font-semibold">Size ˅</p>
+        <p class="text-white px-5 bg-zinc-900 w-24 h-8 mx-12 font-semibold my-1">color ˅</p>
+        <p class="text-white px-5 bg-zinc-900 w-24 h-8 mx-12 font-semibold">Qty ˅</p>
+        <div class="flex flex-row mx-12 my-5 space-x-3">
+            <p class="bg-white w-32 h-10 font-extrabold font-mono text-sm text-center py-2 hover:bg-[#232323] hover:text-white hover:border-2 hover:border-white">Add to Cart</p>
+            <p class="bg-pink-600 w-8 h-10 "><img class="px-1 py-2" src="/Likes.svg" alt=""></p>
+        </div>
+        <div class="flex  mx-12 space-x-1">
+            <p class="text-white">Share with</p>
+            <div class="flex space-x-2 bg-zinc-900">
+                <p>fb</p>
+                <p>G</p>
+                <p>twit</p>
+            </div>
+        </div>
+    </div>
+    <div class="right">
+        <img src="/1(3).jpg" alt="">
+    </div>
 </div>
-<div class="container flex space-x-6 items-center justify-center ml-44">
+
+<div class="container flex space-x-6 items-center justify-center py-12 ml-44">
 	<img src="/1(4).jpg" alt="" />
 	<img src="/2(1).jpg" alt="" />
 	<img src="/3.jpg" alt="" />

diff --git a/src/routes/Nav.svelte b/src/routes/Nav.svelte
@@ -5,6 +5,7 @@
 	<a href="/detail">Detail</a>
 	<a href="/login">Login</a>
 	<a href="/logout">Logout</a>
+	gggg
 </div> -->
 <nav class="flex justify-between">
 	<div class="px-28 py-9 flex flex-cols-7 space-x-11 ">
@@ -16,13 +17,13 @@
 		<div class=" py-3 cursor-pointer font-sans font-bold text-sm">PAGES ˅</div>
 		<div class=" py-3 cursor-pointer font-sans font-bold text-sm">BLOG ˅</div>
 	</div>
-	<div class="flex space-x-8  mt-11">
-		<img class="w-7 h-6" src="/search.svg" alt="" />
-		<img class="w-7 h-6" src="/Account.svg" alt="" />
-		<img class="w-7 h-6" src="/Likes.svg" alt="" />
+	<div class="flex space-x-8 ml-32 mt-11">
+		<img class="w-7 h-6 cursor-pointer" src="/search.svg" alt="" />
+		<img class="w-7 h-6 cursor-pointer" src="/Account.svg" alt="" />
+		<img class="w-7 h-6 cursor-pointer" src="/Likes.svg" alt="" />
 	</div>
 	<div
-		class="flex mt-9 bg-[#e22454] text-white inline-block w-32 h-12 p-2 items-center font-semibold font-sans rounded-sm"
+		class="flex mt-9 mr-28 bg-[#e22454] text-white  w-32 h-12 p-2 items-center font-semibold font-sans rounded-sm"
 	>
 		<img class=" w-7 h-6" src="/cart.svg" alt="" />$5686.25
 	</div>