-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathrefer&earn.html
125 lines (112 loc) · 4.04 KB
/
refer&earn.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
<!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">
<title>Refer & Earn</title>
<style>
#box1{
display: flex;
width: 101%;
border: 1px solid transparent;
background-color: #080808;
margin-top: -7px;
height: 100px;
}
#navbar{
width: 20%;
display: flex;
height:auto;
border: 1px solid transparent;
background-color: #050505;
margin-right: 50px;
margin-left: -6px;
}
#logo{
width: 80%;
height: 80px;
margin-left: 15px;
border: 1px solid transparent;
margin-top: 10px;
margin-bottom: 10px;
}
#logo>img{
width: 100%;
border: 1px solid transparent;
height: 100%;
background-color: #050505;
}
#names{
display: flex;
justify-content: right;
justify-content: space-around;
margin-left: 400px;
border: 1px solid transparent;
width: 65%;
height: 50px;
margin-top: 10px;
background-color:#080808;
}
#box2{
width: 65%;
border: 1px solid transparent;
margin-left: 250px;
background-color: #f5f5f5;
color: #10a310;
}
input {
display: block;
width: 300px;
padding: 0 20px;
}
input,
input::placeholder {
font: 20px/3 sans-serif;
}
#box3{
display: flex;
margin-left: 290px;
margin-top: 50px;
}
#box4{
display: flex;
}
#button{
margin-top: 50px;
margin-left: -5%;
}
</style>
</head>
<body>
<div id="box1">
<div id="navbar">
<a style="text-decoration:none; color:white;margin-top:18px;margin-left: 10px;" href="index.html"><h3>!!!</h3></a>
<a href="index.html" style="margin-top:25px;margin-left:10px;width:50%"><img src="https://www.zoomcar.com/zap/subscribe/build/7f1998e5f3e2ea1ad605b2203aef2ac5.svg"></a>
</div>
<div id="names">
<a style="text-decoration:none; color:white;" href="contact.html"><h2>Contact Us</h2></a>
<a style="text-decoration:none; color:white;" href="faqs.html"> <h2>FAQS</h2></a>
<a style="text-decoration:none; color:white;" href="refer and earn.html"> <h2>Refer & Earn</h2></a>
<a style="text-decoration:none; color:white;" href="signup_and_login_page.html"> <h2>Login/Signup</h2></a>
<button style="background-color: green;color:#f5f5f5;margin-top: 8px;border-radius: 5px;" ><a style="color: white;text-decoration: none;" href="refer&earn.html">START EARNING</a></button>
</div>
</div>
<div id="box2">
<h3 style="margin-left: 10px;margin-top: 30px;">Zoomcar Host - India</h3>
<p style="color: grey;margin-left: 10px;margin-top: -1%;">Share few details and move towards earning 50000 INR per Month &Get upto 10000 on every successfull signup </p>
</div>
<div id="box3">
<input id="mobile" type="number" style="border-color: #10a310;"placeholder="Enter your mobile number">
<input id="email" style="margin-left: 80px;border-color: #10a310;" placeholder="Enter your Email id*">
</div>
<div id="box4">
<input id="car"style="margin-left:290px;margin-top:50px;border-color: #10a310;" type="text" placeholder="Enter your Car number*">
<div id="button">
<input type="checkbox"style="margin-bottom:8px;"id="vehicle1" name="vehicle1" value="Bike">
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
</div>
</div>
<a href="index.html" > <button style="padding: 10px 200px;margin-left:470px;margin-top:50px;font-size: 15px;color:white;background-color: #10a310 ;border: none;">CONTINUE</button></a>
</body>
</html>