Skip to content

Commit 4404c91

Browse files
PBJIPBJI
authored
Merge pull request #846 from Sanyam-2026/razorpay_clone-Sanyam-2026
Razorpay clone sanyam 2026
2 parents 60aeade + d008635 commit 4404c91

File tree

8 files changed

+2364
-0
lines changed

8 files changed

+2364
-0
lines changed

‎Razorpay_clone/Sanyam-2026/.DS_Store

6 KB
Binary file not shown.

‎Razorpay_clone/Sanyam-2026/Readme.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
Hey this is Razorpay Clone webpage made using Tailwind and Basic J

‎Razorpay_clone/Sanyam-2026/index.html

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<link rel="stylesheet" href="style.css">
8+
<title>Razorpay</title>
9+
</head>
10+
<body>
11+
<nav class="bg-deepBlue">
12+
<div class="relative w-[1080px] mx-auto flex items-center justify-between ">
13+
14+
<!-- logo -->
15+
<a href="/" class="cursor-pointer py-7 pr-7">
16+
<img
17+
src="./images/logo.svg"
18+
width="125px"
19+
height="30px"/>
20+
</a>
21+
22+
<ul class="flex space-x-6">
23+
<li class="text-white font-mullish py-7 hover:text-lightBlue cursor-pointer
24+
transition-all duration-200 relative group">
25+
<a href="#">Payments</a>
26+
27+
<div class="absolute bottom-0 w-full h-1 bg-lightBlue hidden group-hover:block
28+
transition-all duration-200" ></div>
29+
</li>
30+
31+
<li class="text-white font-mullish py-7 hover:text-lightBlue cursor-pointer
32+
transition-all duration-200 relative group">
33+
<a href="#">Banking</a>
34+
35+
<div class="absolute bottom-0 w-full h-1 bg-lightBlue hidden group-hover:block
36+
transition-all duration-200" ></div>
37+
</li>
38+
39+
40+
<li class="text-white font-mullish py-7 hover:text-lightBlue cursor-pointer
41+
transition-all duration-200 relative group">
42+
<a href="#">Corporate Card</a>
43+
44+
</li>
45+
46+
47+
<li class="text-white font-mullish py-7 hover:text-lightBlue cursor-pointer
48+
transition-all duration-200 relative group">
49+
<a href="#">Payroll</a>
50+
51+
</li>
52+
53+
54+
<li class="text-white font-mullish py-7 hover:text-lightBlue cursor-pointer
55+
transition-all duration-200 relative group">
56+
<a href="#">Resources</a>
57+
58+
<div class="absolute bottom-0 w-full h-1 bg-lightBlue hidden group-hover:block
59+
transition-all duration-200" ></div>
60+
</li>
61+
62+
63+
<li class="text-white font-mullish py-7 hover:text-lightBlue cursor-pointer
64+
transition-all duration-200 relative group">
65+
<a href="#">Support</a>
66+
67+
<div class="absolute bottom-0 w-full h-1 bg-lightBlue hidden group-hover:block
68+
transition-all duration-200" ></div>
69+
</li>
70+
71+
72+
<li class="text-white font-mullish py-7 hover:text-lightBlue cursor-pointer
73+
transition-all duration-200 relative group">
74+
<a href="#">Pricing</a>
75+
76+
<div class="absolute bottom-0 w-full h-1 bg-lightBlue hidden group-hover:block
77+
transition-all duration-200" ></div>
78+
</li>
79+
</ul>
80+
81+
<div class="flex space-x-6">
82+
<img
83+
src="./images/india-flag.svg"
84+
width="28px"
85+
height="20px"
86+
/>
87+
<button class="py-3 px-5 font-mullish text-white border-lightBlue border
88+
rounded-sm text-sm font-bold">Log in</button>
89+
<button class="py-3 px-4 font-mullish rounded-sm text-sm font-bold
90+
bg-white text-lightBlue300 border transition-all duration-200
91+
hover:text-lightBlue500 flex">Sign Up
92+
<svg
93+
viewBox="0 0 24 24"
94+
focusable="false"
95+
class="w-[14px] h-[14px] ml-3"
96+
>
97+
<path
98+
fill="currentColor"
99+
d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"
100+
></path>
101+
</svg></button>
102+
</div>
103+
104+
105+
</div>
106+
</nav>
107+
</body>
108+
</html>

0 commit comments

Comments
 (0)