-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest-package.html
222 lines (221 loc) · 11.1 KB
/
test-package.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Theme Made By www.w3schools.com -->
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
<!-- Container (About Section) -->
<div class="">
<img src="./images/banner.webp" width="100%" height="100px" class="testbook-image">
</div>
<div id="about" class="container-fluid form-banner">
<div class="row">
<div class="col-sm-6">
<!-- <div class="box-content">Your Testbook Pass pro is Expiring 197 days.</div> -->
<h3>Unlock All Pro benefits With <img src="./images/mentorji.png" width="20%"
class="testbook-image">
</h3>
<p>Pass pro benifits</p>
<ul>
<li class="list-style-type">
<img src="./images/pass-light (1).webp" width="40px" height="40px">
<span class="list-text"> Testbook pass <img src="./images/mentorji.png" width="25%;"> (70,000+ Mock Tests) </span>
</li>
<br>
<li class="list-style-type">
<img src="./images/pyp-light.webp" width="40px" height="40px">
<span class="list-text">17000+ Prev. Year Paper Tests</span>
</li>
<br>
<li class="list-style-type">
<img src="./images/pro-test-light.webp" width="40px" height="40px">
<span class="list-text">Access to Practice Pro Questions</span>
</li>
<br>
<li class="list-style-type">
<img src="./images/practice-light.webp" width="40px" height="40px">
<span class="list-text">Access to Pro Live Tests</span>
</li>
<br>
<li class="list-style-type">
<img src="./images/reattempt-light.webp" width="40px" height="40px">
<span class="list-text">Unlimited Re-Attempt for All tests</span>
</li>
<br>
</ul>
<br>
</div>
<div class="col-sm-6">
<div class="row offer-you">
<div class="col-sm-6 Offers for You">
<h4> Special Offers for You!</h4>
</div>
<div class="col-sm-6 apply-now-text">
<p class="apply-now couppon"> Apply Coupon</p>
</div>
</div>
<div class="row special-offer">
<div class="col-sm-6 pecial-offer-text">
<h4>
<img src="./images/m.png" width="30px" height="30px"> Exciting offers available
</h4>
<p style="margin-top: 5px;
margin-left: 11px;
">Grab the best deals now, Hurry up!</p>
</div>
<div class="col-sm-6 apply-now-text">
<p class="apply-now"> Login For Offers</p>
</div>
</div>
<div class="pick-your plan">
<h4> Pick your plan </h4>
</div>
<form>
<div class="monthly-pass">
<label>
<input class="radio-billing" type="radio" name="billingcycle" value="Monthly price - ₹.314" /> Monthly Pass Pro - <span class="price">
<del>₹.999</del> ₹.314 </span>
<p>Valid for 31 Days</p>
</label>
</div>
<div class="monthly-pass">
<label>
<input class="radio-billing" type="radio" name="billingcycle" value="Annually price - ₹.321" /> Yearly Pass Pro - <span class="price">
<del>₹.1999</del> ₹.321 </span>
<p>Valid for 365 Days</p>
</label>
<p>checkmark Coupon Applied : You saved extra 24 on Monthly Pass Pro</p>
</div>
<div class="monthly-pass">
<label>
<input class="radio-billing" type="radio" name="billingcycle" value="2 Years price - ₹.505" /> 2 Years Pass Pro - <span class="price">
<del>₹.2999</del> ₹.505 </span>
<p>Valid for 730 Days </p>
</label>
</div>
<div class="package-button">
<a href="#" id="getbuttovalue">Monthly price - ₹.314</a>
</div>
<!-- <span class="glyphicon glyphicon-signal logo"></span> -->
</form>
</div>
</div>
</div>
<div id="about" class="container-fluid">
<h2>Frequently Asked Questions</h2>
<button class="accordion">What is Testbook Pass Pro?</button>
<div class="panel">
<p>Testbook Pass Pro is a special membership that unlocks 70,000+ Mock Tests, 17,000+ Prev. Year Papers, Unlimited Pro Practice Questions, Unlimited Pro Live Tests and Unlimited Re-attempt on Tests available on website/app.</p>
</div>
<button class="accordion">When will my Pass Pro expire?</button>
<div class="panel">
<p>It depends on which Pass Pro you’ve purchased. Validity of the Pass Pro is mentioned on the Pass Pro page and you can also check it in your account settings or on Pass Pro page. </p>
</div>
<button class="accordion">Will I be able to access Test Series e-book after my Pass pro expires?</button>
<div class="panel">
<p>No, You won't be able to access the Test Series e-book after your Pass Pro validity expires. To access the same, you will have to renew the respective Pass Pro.</p>
</div>
<button class="accordion">Will all of my attempted tests be available during the Testbook Pass validity period?</button>
<div class="panel">
<p>Yes, till your testbook pass pro is valid you can review attempted tests provided Test hasn't expired. Test expiry date is independent of Testbook Pass Pro expiry date. Attempted Tests are available for the next 15 days after the Test expiry date. </p>
</div>
<button class="accordion">Will all of my enrolled Test Series be available during the Testbook Pass Pro validity Period?</button>
<div class="panel">
<p>Yes, till your testbook pass pro is valid you can see all the Test Series until the expiry of the Pass Pro.</p>
</div>
<button class="accordion">What happens if I renew the Pass Pro before the expiry date?</button>
<div class="panel">
<p>If you renew the Pass Pro before the expiry date, the duration of Pass Pro simply gets added to the remaining days in your currently active Pass Pro. For example, if you renew your monthly Pass Pro 20 days before the expiry date, your renewed Pass Pro will now be valid for a total of 50 days.</p>
</div>
<button class="accordion">How can I renew my Testbook Pass Pro?</button>
<div class="panel">
<p>You can renew the Testbook Pass Pro anytime, just like you purchased it. Since the Pass Pro has already been purchased, the renewal can be done by navigating to the Pass Pro page where plans are available. Once the renewal process has been completed, validity of your Pass Pro will be extended accordingly.</p>
</div>
<button class="accordion">How many tests and exam do I get when I buy the Testbook Pass Pro?</button>
<div class="panel">
<p>As long as your Pass Pro is valid, you can take as many tests as you want. You can find all the available test series and test release plans on the Pass Pro page. We cover over 690+ exams as of now and will keep on adding new test series as and when new exam notifications are out. If you are not able to find your exam/test series, please write to [email protected].</p>
</div>
</div>
<!-- Container (Services Section) -->
<!-- Image of location/map -->
<!-- <img src="/w3images/map.jpg" class="w3-image w3-greyscale-min" style="width:100%"> -->
<footer class="container-fluid text-center">
<a href="#myPage" title="To Top">
<span class="glyphicon glyphicon-chevron-up"></span>
</a>
<p>Testbook <a href="" title="Visit w3schools"></a>
</p>
</footer>
<script>
$(document).ready(function() {
// Add smooth scrolling to all links in navbar + footer link
$(".navbar a, footer a[href='#myPage']").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 900, function() {
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
$(window).scroll(function() {
$(".slideanim").each(function() {
var pos = $(this).offset().top;
var winTop = $(window).scrollTop();
if (pos < winTop + 600) {
$(this).addClass("slide");
}
});
});
})
$(document).ready(function() {
$(".radio-billing").change(function() {
var value = $(this).val();
$("#inputBillingcycle option").each(function() {
$(this).removeAttr("selected");
if ($(this).val() == value) {
$(this).attr("selected", "selected");
}
});
});
$(".monthly-pass").click(function() {
var getradval = $(this).find('input.radio-billing').val();
$('a#getbuttovalue').html(getradval);
});
});
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.display === "block") {
panel.style.display = "none";
} else {
panel.style.display = "block";
}
});
}
</script>
</body>
</html>