Skip to content

Commit 3478c76

Browse files
RidvmodiRidvmodi
committed
Donate us popup fixed
1 parent 8c14813 commit 3478c76

File tree

4 files changed

+241
-3
lines changed

4 files changed

+241
-3
lines changed

‎Projects.html‎

Lines changed: 84 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,16 +32,29 @@
3232
<!-- Magnific Popup -->
3333
<link rel="stylesheet" href="css/magnific-popup.css">
3434

35+
<!-- PopUp CSS-->
36+
<link rel="stylesheet" href="css/donation-popup.css">
37+
3538
<!-- Theme style -->
3639
<link rel="stylesheet" href="css/style.css">
37-
40+
<!-- jQuery -->
41+
<script src="js/jquery.min.js"></script>
3842
<!-- Modernizr JS -->
3943
<script src="js/modernizr-2.6.2.min.js"></script>
4044
<!-- FOR IE9 below -->
4145
<!--[if lt IE 9]>
4246
<script src="js/respond.min.js"></script>
4347
<![endif]-->
4448

49+
<!-- popup script -->
50+
<script>
51+
$(document).ready(function () {
52+
$("#donate-us").click(function () {
53+
$('#myModal').modal('show');
54+
});
55+
});
56+
</script>
57+
4558
</head>
4659
<body>
4760

@@ -192,6 +205,74 @@ <h3>USEFUL LINKS </h3>
192205
</div>
193206
</div>
194207
</div>
208+
<div class="container">
209+
<!--<h2>Large Modal</h2>-->
210+
<!-- Trigger the modal with a button -->
211+
<!--<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Large Modal</button>-->
212+
213+
<!-- Modal -->
214+
<div class="modal fade" id="myModal" role="dialog">
215+
<div class="modal-dialog modal-lg">
216+
<div class="modal-content" style="height: 413px; background: #F0F5F9">
217+
<div class="modal-header">
218+
<button type="button" class="close" data-dismiss="modal">&times;</button>
219+
<!--<h4 class="modal-title">Modal Header</h4>-->
220+
</div>
221+
<div class="modal-body">
222+
<!--POPUP-->
223+
<div class="popup-style" id="popup">
224+
<div class="col1">
225+
<div class="card">
226+
<div class="front">
227+
<div class="type">
228+
<img class="bankid"/>
229+
</div>
230+
<span class="chip"></span>
231+
<span class="card_number">&#x25CF;&#x25CF;&#x25CF;&#x25CF; &#x25CF;&#x25CF;&#x25CF;&#x25CF; &#x25CF;&#x25CF;&#x25CF;&#x25CF; &#x25CF;&#x25CF;&#x25CF;&#x25CF; </span>
232+
<div class="date"><span class="date_value">MM / YYYY</span></div>
233+
<span class="fullname">FULL NAME</span>
234+
</div>
235+
<div class="back">
236+
<div class="magnetic"></div>
237+
<div class="bar"></div>
238+
<span class="seccode">&#x25CF;&#x25CF;&#x25CF;</span>
239+
<span class="chip"></span><span class="disclaimer">This card is property of Random Bank of Random corporation. <br> If found please return to Random Bank of Random corporation - 21968 Paris, Verdi Street, 34 </span>
240+
</div>
241+
</div>
242+
</div>
243+
<div class="col2">
244+
<label>Card Number</label>
245+
<input class="number" type="text" ng-model="ncard" maxlength="19"
246+
onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>
247+
<label>Cardholder name</label>
248+
<input class="inputname" type="text" placeholder=""/>
249+
<label>Expiry date</label>
250+
<input class="expire" type="text" placeholder="MM / YYYY"/>
251+
<div class="row">
252+
<div class="col-md-7">
253+
<label>Security Number</label>
254+
<input class="ccv" type="text" placeholder="CVV" maxlength="3"
255+
onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>
256+
</div>
257+
<div class="col-md-5">
258+
<label id="stick-left">Amount($)</label>
259+
<input class="amount" type="text" maxlength="8"
260+
onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>
261+
</div>
262+
</div>
263+
<button class="buy"><i class="material-icons">lock</i> Pay </button>
264+
</div>
265+
</div>
266+
<!--POPUP END-->
267+
</div>
268+
<!--<div class="modal-footer">-->
269+
<!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
270+
<!--</div>-->
271+
</div>
272+
</div>
273+
</div>
274+
</div>
275+
<!-- END POPUP-->
195276

196277
<div class="gototop js-top">
197278
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
@@ -212,6 +293,8 @@ <h3>USEFUL LINKS </h3>
212293
<script src="js/magnific-popup-options.js"></script>
213294
<!-- Stellar -->
214295
<script src="js/jquery.stellar.min.js"></script>
296+
<!-- Donation popup -->
297+
<script src="js/donation-popup.js"></script>
215298
<!-- Main -->
216299
<script src="js/main.js"></script>
217300

‎about.html‎

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,14 +21,27 @@
2121

2222
<!-- Theme style -->
2323
<link rel="stylesheet" href="css/style.css">
24+
<!-- PopUp CSS-->
25+
<link rel="stylesheet" href="css/donation-popup.css">
2426

2527
<!-- Modernizr JS -->
2628
<script src="js/modernizr-2.6.2.min.js"></script>
29+
<!-- jQuery -->
30+
<script src="js/jquery.min.js"></script>
2731
<!-- FOR IE9 below -->
2832
<!--[if lt IE 9]>
2933
<script src="js/respond.min.js"></script>
3034
<![endif]-->
3135

36+
<!-- popup script -->
37+
<script>
38+
$(document).ready(function () {
39+
$("#donate-us").click(function () {
40+
$('#myModal').modal('show');
41+
});
42+
});
43+
</script>
44+
3245
<style>
3346
.divsize
3447
{
@@ -263,6 +276,75 @@ <h3>USEFUL LINKS </h3>
263276
</div>
264277
</div>
265278
</div>
279+
<div class="container">
280+
<!--<h2>Large Modal</h2>-->
281+
<!-- Trigger the modal with a button -->
282+
<!--<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Large Modal</button>-->
283+
284+
<!-- Modal -->
285+
<div class="modal fade" id="myModal" role="dialog">
286+
<div class="modal-dialog modal-lg">
287+
<div class="modal-content" style="height: 413px; background: #F0F5F9">
288+
<div class="modal-header">
289+
<button type="button" class="close" data-dismiss="modal">&times;</button>
290+
<!--<h4 class="modal-title">Modal Header</h4>-->
291+
</div>
292+
<div class="modal-body">
293+
<!--POPUP-->
294+
<div class="popup-style" id="popup">
295+
<div class="col1">
296+
<div class="card">
297+
<div class="front">
298+
<div class="type">
299+
<img class="bankid"/>
300+
</div>
301+
<span class="chip"></span>
302+
<span class="card_number">&#x25CF;&#x25CF;&#x25CF;&#x25CF; &#x25CF;&#x25CF;&#x25CF;&#x25CF; &#x25CF;&#x25CF;&#x25CF;&#x25CF; &#x25CF;&#x25CF;&#x25CF;&#x25CF; </span>
303+
<div class="date"><span class="date_value">MM / YYYY</span></div>
304+
<span class="fullname">FULL NAME</span>
305+
</div>
306+
<div class="back">
307+
<div class="magnetic"></div>
308+
<div class="bar"></div>
309+
<span class="seccode">&#x25CF;&#x25CF;&#x25CF;</span>
310+
<span class="chip"></span><span class="disclaimer">This card is property of Random Bank of Random corporation. <br> If found please return to Random Bank of Random corporation - 21968 Paris, Verdi Street, 34 </span>
311+
</div>
312+
</div>
313+
</div>
314+
<div class="col2">
315+
<label>Card Number</label>
316+
<input class="number" type="text" ng-model="ncard" maxlength="19"
317+
onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>
318+
<label>Cardholder name</label>
319+
<input class="inputname" type="text" placeholder=""/>
320+
<label>Expiry date</label>
321+
<input class="expire" type="text" placeholder="MM / YYYY"/>
322+
<div class="row">
323+
<div class="col-md-7">
324+
<label>Security Number</label>
325+
<input class="ccv" type="text" placeholder="CVV" maxlength="3"
326+
onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>
327+
</div>
328+
<div class="col-md-5">
329+
<label id="stick-left">Amount($)</label>
330+
<input class="amount" type="text" maxlength="8"
331+
onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>
332+
</div>
333+
</div>
334+
<button class="buy"><i class="material-icons">lock</i> Pay </button>
335+
</div>
336+
</div>
337+
<!--POPUP END-->
338+
</div>
339+
<!--<div class="modal-footer">-->
340+
<!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
341+
<!--</div>-->
342+
</div>
343+
</div>
344+
</div>
345+
</div>
346+
<!-- END POPUP-->
347+
266348

267349
<div class="gototop js-top">
268350
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
@@ -285,6 +367,8 @@ <h3>USEFUL LINKS </h3>
285367
<script src="js/jquery.stellar.min.js"></script>
286368
<!-- Main -->
287369
<script src="js/main.js"></script>
370+
<!-- Donation popup -->
371+
<script src="js/donation-popup.js"></script>
288372

289373
</body>
290374
</html>

‎contact.html‎

Lines changed: 72 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,8 @@
4040

4141
<!-- Theme style -->
4242
<link rel="stylesheet" href="css/style.css">
43-
43+
<!-- PopUp CSS-->
44+
<link rel="stylesheet" href="css/donation-popup.css">
4445
<!-- Modernizr JS -->
4546
<script src="js/modernizr-2.6.2.min.js"></script>
4647
<!-- FOR IE9 below -->
@@ -201,6 +202,74 @@ <h3>USEFUL LINKS </h3>
201202
</div>
202203
</div>
203204
</div>
205+
<div class="container">
206+
<!--<h2>Large Modal</h2>-->
207+
<!-- Trigger the modal with a button -->
208+
<!--<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Large Modal</button>-->
209+
210+
<!-- Modal -->
211+
<div class="modal fade" id="myModal" role="dialog">
212+
<div class="modal-dialog modal-lg">
213+
<div class="modal-content" style="height: 413px; background: #F0F5F9">
214+
<div class="modal-header">
215+
<button type="button" class="close" data-dismiss="modal">&times;</button>
216+
<!--<h4 class="modal-title">Modal Header</h4>-->
217+
</div>
218+
<div class="modal-body">
219+
<!--POPUP-->
220+
<div class="popup-style" id="popup">
221+
<div class="col1">
222+
<div class="card">
223+
<div class="front">
224+
<div class="type">
225+
<img class="bankid"/>
226+
</div>
227+
<span class="chip"></span>
228+
<span class="card_number">&#x25CF;&#x25CF;&#x25CF;&#x25CF; &#x25CF;&#x25CF;&#x25CF;&#x25CF; &#x25CF;&#x25CF;&#x25CF;&#x25CF; &#x25CF;&#x25CF;&#x25CF;&#x25CF; </span>
229+
<div class="date"><span class="date_value">MM / YYYY</span></div>
230+
<span class="fullname">FULL NAME</span>
231+
</div>
232+
<div class="back">
233+
<div class="magnetic"></div>
234+
<div class="bar"></div>
235+
<span class="seccode">&#x25CF;&#x25CF;&#x25CF;</span>
236+
<span class="chip"></span><span class="disclaimer">This card is property of Random Bank of Random corporation. <br> If found please return to Random Bank of Random corporation - 21968 Paris, Verdi Street, 34 </span>
237+
</div>
238+
</div>
239+
</div>
240+
<div class="col2">
241+
<label>Card Number</label>
242+
<input class="number" type="text" ng-model="ncard" maxlength="19"
243+
onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>
244+
<label>Cardholder name</label>
245+
<input class="inputname" type="text" placeholder=""/>
246+
<label>Expiry date</label>
247+
<input class="expire" type="text" placeholder="MM / YYYY"/>
248+
<div class="row">
249+
<div class="col-md-7">
250+
<label>Security Number</label>
251+
<input class="ccv" type="text" placeholder="CVV" maxlength="3"
252+
onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>
253+
</div>
254+
<div class="col-md-5">
255+
<label id="stick-left">Amount($)</label>
256+
<input class="amount" type="text" maxlength="8"
257+
onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>
258+
</div>
259+
</div>
260+
<button class="buy"><i class="material-icons">lock</i> Pay </button>
261+
</div>
262+
</div>
263+
<!--POPUP END-->
264+
</div>
265+
<!--<div class="modal-footer">-->
266+
<!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
267+
<!--</div>-->
268+
</div>
269+
</div>
270+
</div>
271+
</div>
272+
<!-- END POPUP-->
204273

205274
<div class="gototop js-top">
206275
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
@@ -221,6 +290,8 @@ <h3>USEFUL LINKS </h3>
221290
<script src="js/magnific-popup-options.js"></script>
222291
<!-- Stellar -->
223292
<script src="js/jquery.stellar.min.js"></script>
293+
<!-- Donation popup -->
294+
<script src="js/donation-popup.js"></script>
224295
<!-- Main -->
225296
<script src="js/main.js"></script>
226297

‎css/donation-popup.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)