-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrefer_dash.html
135 lines (108 loc) · 5.79 KB
/
refer_dash.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
<title>Refer & Earn</title>
</head>
<body class="bg-gray-100 font-Poppins">
<section id="default-sidebar" class="fixed top-0 left-0 z-40 w-60 h-screen" aria-label="Sidebar">
<div class="h-full px-3 py-4 overflow-y-auto bg-[#15213A]">
<ul class="space-y-2 text-white">
<!-- Profile -->
<li>
<div class="user_profile grid grid-col-2 text-sm">
<img
class="row-span-2 flex-shrink-0 w-9 h-9 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-white dark:group-hover:text-white"
src="/images/user_img.png" alt="user_img">
<p class="business_name col-start-2 col-end-7">Biz Name</p>
<p>id = <span class="phone_no">phone no</span></p>
</div>
</li>
<li>
<div class="d&t bg-white text-[#4C3CCE] text-center text-sm py-1 rounded-full mx-4">
<p>Date & Time</p>
</div>
</li>
<li>
<a href="dashboard.html"
class="flex items-center p-2 text-base font-normal text-white rounded-lg hover:bg-blue-900 focus:bg-[#4C3CCE]">
<img
class="flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-white dark:group-hover:text-white"
src="/images/dashboard_img.png" alt="dashbrd-img">
</svg>
<span class="ml-3">Dashboard</span>
</a>
</li>
<li>
<a href="biz_dash.html"
class="flex items-center p-2 text-base font-normal text-white rounded-lg hover:bg-blue-900 focus:bg-[#4C3CCE]">
<img
class="flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-white dark:group-hover:text-white"
src="/images/profile.png" alt="profile-img">
</svg>
<span class="flex-1 ml-3 whitespace-nowrap">Business Profile</span>
</a>
</li>
<li>
<a href="bill_dash.html"
class="flex items-center p-2 text-base font-normal text-white rounded-lg hover:bg-blue-900 focus:bg-[#4C3CCE]">
<img
class="flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-white dark:group-hover:text-white"
src="/images/payment.png" alt="billing-img">
<span class="flex-1 ml-3 whitespace-nowrap">Billing</span>
</a>
</li>
<li>
<a href="refer_dash.html"
class="flex items-center p-2 text-base font-normal text-white rounded-lg bg-[#4C3CCE] hover:bg-blue-900 focus:bg-[#4C3CCE]">
<img
class="flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-white dark:group-hover:text-white"
src="/images/refer.png" alt="billing-img">
<span class="flex-1 ml-3 whitespace-nowrap">Refer & Earn</span>
</a>
</li>
<li>
<a href="contact_dash.html"
class="flex items-center p-2 text-base font-normal text-white rounded-lg hover:bg-blue-900 focus:bg-[#4C3CCE]">
<img
class="flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-white dark:group-hover:text-white"
src="/images/contacts.png" alt="billing-img">
<span class="flex-1 ml-3 whitespace-nowrap">Contact Us</span>
</a>
</li>
<li>
<a href="index.html"
class="flex items-center p-2 text-base font-normal text-white rounded-lg hover:bg-blue-900 focus:bg-[#4C3CCE]">
<img
class="flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-white dark:group-hover:text-white"
src="/images/logout.png" alt="billing-img">
<span class="flex-1 ml-3 whitespace-nowrap">Logout</span>
</a>
</li>
</ul>
</div>
</section>
<div class="ml-60">
<div class="">
<h1 class="text-xl font-semibold border border-1 border-gray-300 bg-white pl-4 py-4 shadow-[rgba(21,_21,_21,_0.5)_0px_0px_2px]">Refer & Earn</h1>
<div class="flex mt-10 mx-10 bg-white shadow-[rgba(0,_0,_0,_0.24)_0px_3px_8px] rounded-lg">
<div
class="bg-white px-3 py-4 min-w-full min-h-full border border-1 border-gray-300 rounded-md flex flex-col text-center justify-center items-center">
<h1 class="text-3xl font-semibold mt-16 font-SourceSansPro">Invite your business partners & save more
</h1>
<p class="text-xl font-light mt-10">The more business partners that joins, the more we grow.<br>
The more we grow, the more you earn.</p>
<img class="mt-16" src="/images/refer-img.svg" alt="refer-img">
<button name="invite"
class="text-white bg-[#15213A] hover:bg-[#1c2d4f] py-0.5 h-10 w-52 mt-14 mb-6 rounded-md "
type="submit">Invite</button>
</div>
</div>
</div>
</div>
</body>
</html>