-
Notifications
You must be signed in to change notification settings - Fork 1
/
index3.html
132 lines (122 loc) · 8.98 KB
/
index3.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial scale=1.0">
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Miniver&family=Nunito:wght@200&display=swap" rel="stylesheet">
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<a href="https://icons8.com/icon/102344/menu"></a>
<a href="https://icons8.com/icon/121477/macos-close"></a>
</head>
<body style="background-color:#81C676"></body>
<div class="full-page">
<div class="navbar">
<div>
<h1>FinRewards</h1>
</div>
</div>
<div id="main">
<div id="content">
<div class="box">
<div class="head">
</div>
<div class="card">
<div class="card-image"> <span class="scan"><span class="name"><h1>Redeem</h1></span></span> <a href="#"><img src="adobe 1year student subscription.png" alt="" /></a> </div>
<div class="reward">
<p>Adobe 1 Year Subscription</p>
<p>50 points</p>
</div>
<button id="JwMKRevYa_M" type="button" class="show-video">Redeem it with Google Lens</button><!-- button-->
</div>
<div padding=120></div>
<div class="card">
<div class="card-image"> <span class="scan"><span class="name">Redeem</span></span> <a href="#" ><img src="samsung gift_card.png" alt="" /></a> </div>
<div class="reward">
<p>Samsung Gift Card</p>
<p>300 points</p>
</div>
<button id="JwMKRevYa_M" type="button" class="show-video">Redeem it with Google Lens</button><!-- button-->
</div>
<div class="card">
<div class="card-image"> <span class="scan"><span class="name">Redeem</span></span> <a href="#"><img src="amazon gift_card.png" alt="" /></a> </div>
<div class="reward">
<p>Amazon Gift Card</p>
<p>100 points</p>
</div>
<button id="JwMKRevYa_M" type="button" class="show-video">Redeem it with Google Lens</button><!-- button-->
</div>
<div class="card">
<div class="card-image"> <span class="scan"><span class="name">Redeem</span></span> <a href="#"><img src="xbox gift_card.png" alt="" /></a> </div>
<div class="reward">
<p>Xbox Gift Card</p>
<p>400 points</p>
</div>
<button id="JwMKRevYa_M" type="button" class="show-video">Redeem it with Google Lens</button><!-- button-->
</div>
<div class="card">
<div class="card-image"> <span class="scan"><span class="name">Redeem</span></span> <a href="#"><img src="windows gift_card.png" alt="" /></a> </div>
<div class="reward">
<p>Windows Gift Card</p>
<p>350 points</p>
</div>
<button id="JwMKRevYa_M" type="button" class="show-video">Redeem it with Google Lens</button><!-- button-->
</div>
<div class="card">
<div class="card-image"> <span class="scan"><span class="name">Redeem</span></span> <a href="#"><img src="nike gift_card.png" alt="" /></a> </div>
<div class="reward">
<p>Nike Gift Card</p>
<p>200 points</p>
</div>
<button id="JwMKRevYa_M" type="button" class="show-video">Redeem it with Google Lens</button><!-- button-->
</div>
<br>
<div class="card">
<div class="card-image"> <span class="scan"><span class="name">Redeem</span></span> <a href="#"><img src="itunes gift_card.png" alt="" /></a> </div>
<div class="reward">
<p>Itunes Gift Card</p>
<p>150 points</p>
</div>
<button id="JwMKRevYa_M" type="button" class="show-video">Redeem it with Google Lens</button><!-- button-->
</div>
<div class="card">
<div class="card-image"> <span class="scan"><span class="name">Redeem</span></span> <a href="#"><img src="playstation gift_card.png" alt="" /></a> </div>
<div class="reward">
<p>Playstation Gift Card</p>
<p>300 points</p>
</div>
<button id="JwMKRevYa_M" type="button" class="show-video">Redeem it with Google Lens</button><!-- button-->
<div class="flex justify-center">
<div id="sideNav">
<nav>
<ul>
<li><a href="home.html"> Home</a></li>
<li><a href="app.html"> FinWealth App</a></li>
<li><a href="contact.html"> Contact us</a></li>
<li><a href="reward.html"> FinRewards</a></li>
</ul>
</nav>
</div>
<div id="menubtn">
<img src="https://img.icons8.com/plasticine/100/000000/menu.png" id="menu">
</div>
<script>
var menubtn = document.getElementById("menubtn")
var sideNav = document.getElementById("sideNav")
var menu = document.getElementById("menu")
sideNav.style.right="-250px";
menubtn.onclick = function(){
if(sideNav.style.right == "-250px"){
sideNav.style.right="0";
menu.src = "https://img.icons8.com/ios-glyphs/30/26e07f/macos-close.png";
}
else{
sideNav.style.right="-250px";
menu.src = "https://img.icons8.com/plasticine/100/000000/menu.png";
}
}
</script>
</body>
</html>