-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtest.html
96 lines (88 loc) · 3.8 KB
/
test.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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="csrf-param" content="_csrf">
<meta name="csrf-token"
content="I9pLGQemSVlIUDyqhrO-B2sX_akpwqi2zeuRJj7MsLlmuydxM-g7OnAzapPo2_9dJGTK-nOj29qdmtULaqPl_g==">
<title>Pop-Up Preview | Dereja Forms Managment System | Powered By MERQ Consultancy</title>
<link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
<link href="./backend/forms/static_files/css/form.popup.css" rel="stylesheet" type="text/css">
<style>
.ef-modal {
background: rgba(0, 0, 0, 0.47) !important;
/* Overlay color */
}
.ef-modal-box {
margin: 60.00px auto !important;
/* Pop-Up margin */
padding: 20.00px !important;
/* Pop-Up pading */
width: 60.00% !important;
/* Pop-Up width */
border-radius: 10.00px !important;
/* Pop-Up radius */
background: rgb(255, 255, 255) !important;
/* Pop-Up background */
/** Animation duration **/
-webkit-transition: all 0.6s !important;
-moz-transition: all 0.6s !important;
-o-transition: all 0.6s !important;
transition: all 0.6s !important;
}
</style>
</head>
<body>
<p></p>
<br><br><br><br><br><br>
<p></p>
<p></p>
<br>
<h3 style="color: #3271a2; font-size: 36px; text-align: center;">This Page is currently <span
style="text-decoration: underline;"><span
style="background-color: #3271a2; color: #ffffff; padding: 0px 5px; text-decoration: underline;">Under
Development</span></span>!</h3>
<p style="text-align: center;"></p>
<p style="text-align: center;"></p>
<p style="text-align: center;"></p>
<h3 style="color: #3271a2; font-size: 36px; text-align: center;"></h3>
<div class="ef-btn-wrapper">
<button class="ef-button ef-button-warning ef-button-right-placement">System Usability Scale Survey</button>
</div>
<div id="ef-content">
<div id="c11" class="ef-content">
Fill out my <a href="https://me.dereja.com/backend/forms/app/form?id=11">online form</a>.
</div>
<script type="text/javascript">
(function (d, t) {
var s = d.createElement(t), options = {
'id': '3lsD.Q',
'container': 'c11',
'height': '2311px',
'form': '//derejadev.merqconsultancy.org/backend/forms/app/embed'
};
s.type = 'text/javascript';
s.src = '//derejadev.merqconsultancy.org/backend/forms/static_files/js/form.widget.js';
s.onload = s.onreadystatechange = function () {
var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
try { (new EasyForms()).initialize(options).display() } catch (e) { }
};
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
})(document, 'script');
</script>
</div>
<script src="//derejadev.merqconsultancy.org/backend/forms/static_files/js/form.popup.min.js"></script>
<script type="text/javascript">
var modal = new EasyForms.Modal({
autoOpen: false,
cssClass: ['ef-effect-fade-in']
});
var btn = document.querySelector('.ef-button');
btn.addEventListener('click', function () {
modal.open();
});
modal.setContent(document.getElementById('ef-content'));
</script>
</body>
</html>