-
Notifications
You must be signed in to change notification settings - Fork 3
/
SASQ.html
175 lines (149 loc) · 6.84 KB
/
SASQ.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
<!--
Author: Jahnavi Prasad Srirampurapu
Author URL: https://github.com/jahnavi-prasad/portfolio
-->
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="description" content="This the a super secret confidential page and if you are here, it means I trust you a lot.">
<meta name="author" content="Jahnavi Prasad Srirampurapu">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script>
window.onload = function() {
var loadTime = window.performance.timing.domContentLoadedEventEnd - window.performance.timing.navigationStart;
console.log('Page load time is ' + loadTime);
}
</script>
<title>Book Survey</title>
<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/style-starter.css">
<!-- web fonts -->
<link href="//fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap" rel="stylesheet">
<!-- /web fonts -->
</head>
<body>
<!-- Fun facts section -->
<section class="w3l-index2">
<div class="main-w3 py-5" id="links">
<div class="container py-lg-3">
<h3 class="global-title">Please help me write a book</h3>
<p>This the a <code> super secret confidential </code> page and if you are here, it means I <code>trust</code> you a lot. <br><br>
I'm trying to write a new book and I have a idea:
<b>Stupid Answers to Serious Questions.</b><br><br>
I take very serious Questions and and answer them in funny way but also while giving good info.<br><br>
What you see below is one <code>demo</code> question that I answered to see if I'm good enough...<br>
Please read this small snippet and fill the survey so I know this book is worth writing...
<br><br>[Edit: Please remember that contents of this page are confidential and
I dont have enough money to sue you. So please don't steal my idea.]<br><br>
</p>
<br>
<a href="https://drive.google.com/file/d/1m6IstYL1x54NUJrhhGSXA_6bzG_6lgju/view?usp=sharing" class="follow-insta-button btn btn-secondary p-3 mt-5" target="self">Read the Demo</a>
</div>
</div>
</section>
<!-- //Fun facts section -->
<!-- contact -->
<section class="w3l-grid-quote py-5">
<div class="container py-lg-3" id="contact">
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfDzbSr776G0lTFc9AL1m5M6QaUvxdfaL8zV9oe554A4RknPQ/viewform?embedded=true" width="100%" height="2590">Loading…</iframe> <br>
<a href="index.html" class="follow-insta-button btn btn-secondary p-3 mt-5" target="self">Back to Home Page</a>
</div>
</section>
<!-- //contact -->
<!-- Footer -->
<footer class="w3l-footer">
<div id="footers14-block" class="py-3">
<div class="container">
<div class="footers14-bottom text-center">
<div class="social">
<a href="https://github.com/jahnavi-prasad" class="github"><span class="fa fa-github" aria-hidden="true"></span></a>
<a href="mailto:sjahnaviprasad2000@gmail.com" class="email"><span class="fa fa-send-o" aria-hidden="true"></span></a>
<a href="https://www.linkedin.com/in/jahnaviprasad/" class="twitter"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
<a href="https://www.instagram.com/theoneyoucanneverknow/" class="instagram"><span class="fa fa-instagram" aria-hidden="true"></span></a>
</div>
<div class="copyright mt-1">
<p>Designed by <a href="index.html">Jahnavi Prasad Srirampurapu</a> |
<a href="https://github.com/jahnavi-prasad/portfolio">Source Code</a></p>
</div>
</div>
</div>
</div>
<!-- move top -->
<button onclick="topFunction()" id="movetop" title="Go to top">
<span class="fa fa-angle-up" aria-hidden="true"></span>
</button>
<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("movetop").style.display = "block";
} else {
document.getElementById("movetop").style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<!-- /move top -->
</footer>
<!-- Footer -->
<!-- jQuery and Bootstrap JS -->
<script src="assets/js/jquery-3.4.1.slim.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- Template JavaScript -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
$('.popup-with-move-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-slide-bottom'
});
});
</script>
<!-- disable body scroll which navbar is in active -->
<script>
$(function() {
$('.navbar-toggler').click(function() {
$('body').toggleClass('noscroll');
})
});
</script>
<!-- disable body scroll which navbar is in active -->
<script src="assets/js/smartphoto.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const sm = new SmartPhoto(".js-img-viwer", {
showAnimation: false
});
// sm.destroy();
});
</script>
</body>
</html>