-
Notifications
You must be signed in to change notification settings - Fork 0
/
prediction.html
152 lines (152 loc) · 6.46 KB
/
prediction.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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Prediction | Modern Day Magic</title>
<link rel="shortcut icon" href="./img/awesome-title.png">
<meta name='viewport' content='width=device-width, initial-scale=1'>
<meta name='description' content='Explore our predictions.'>
<meta name='keywords' content='Magic, Prediction'>
<meta name='author' content='Roshis Rai'>
<meta property="og:title" content="Prediction | Modern Day Magic">
<meta property="og:description" content="Explore our predictions.">
<meta property="og:image" content="https://raw.githubusercontent.com/RoshisRai/ModernDayMagic/main/img/awesome-title.png">
<meta property="og:url" content="https://roshisrai.github.io/ModernDayMagic/prediction">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="@RoshisRai">
<meta name="twitter:site" content="@RoshisRai">
<meta name="twitter:title" content="Prediction | Modern Day Magic">
<meta name="twitter:description" content="Explore our predictions.">
<meta name="twitter:image" content="https://raw.githubusercontent.com/RoshisRai/ModernDayMagic/main/img/awesome-title.png">
<link rel='stylesheet' type='text/css' href="./css/styles_prediction.css">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>
<body>
<nav id="awesome">
<div class="nav-logo">
<a href="./index.html"><h2 class="nav-logo-text">MODERN DAY<span id="second-one">MAGIC</span></h2></a>
</div>
<div class="nav-a">
<a href="./index.html" class="nav-a-child" id="nav-a-child1">Home</a>
<a href="./name_entry.html" class="nav-a-child" id="nav-a-child2">Prediction</a>
</div>
</nav>
<content>
<div class="scroll">
<ul class="scroll-ul">
<li class="scroll-li"><a href="./name_entry.html"> ⇦ </a></li>
<li class="scroll-li"><a href="#wrapper">P.No: 1</a></li>
<li class="scroll-li"><a href="#wrapper1">P.No: 2</a></li>
<li class="scroll-li"><a href="#wrapper2">P.No: 3</a></li>
<li class="scroll-li"><a href="#amen">SPECIAL</a></li>
</ul>
</div>
<section id="wrapper">
<h1>PREDICTION NO: 1 (ONE)</h1>
<div class="dinesh">
<h2>Click The Button To See The Prediction</h2>
<button class="butt" onmouseenter="buttonFunction(this)" onclick="buttonFunction2(this)">CLICK HERE!</button>
</div>
<div id="prediction-1" class=" ">
<h1 id="blue">YOU HAVE CHOSEN</h1><br>
<div id="real-pre" class=" " data-aos="fade-up">
<h1>
<span style="color: red;font-size: 50px;">ACE OF HEARTS</span><br> <span style="color: red;font-weight: 1000;font-size: 80px;">A ♥</span>
</h1>
</div>
<h1 id="red">THE</h1>
</div>
</div>
</section>
<section id="wrapper1">
<h1>PREDICTION NO: 2 (TWO)</h1>
<div class="dinesh1">
<h2>Click The Button To See The Prediction</h2>
<button class="butt1" onmouseenter="buttonFunction3(this)" onclick="buttonFunction4(this)">CLICK HERE!</button>
</div>
<div id="prediction-2" class=" " data-aos="fade-left">
<h1 id="blue1">YOU HAVE CHOSEN</h1><br>
<div id="real-pre1" class=" ">
<h1>
<span style="color: red;font-size: 70px;">BEAR GRYLLS</span>
</h1>
</div>
<h1 id="red1">THE</h1>
</div>
</div>
</section>
<section id="wrapper2">
<h1>PREDICTION NO: 3 (THREE)</h1>
<div class="dinesh2">
<h2>Click The Button To See The Prediction</h2>
<button class="butt2" onmouseenter="buttonFunction5(this)" onclick="buttonFunction6(this)">CLICK HERE!</button>
</div>
<div id="prediction-3" class=" " data-aos="fade-right">
<h1 id="blue2">YOU HAVE CHOSEN</h1><br>
<div id="real-pre2" class=" ">
<h1>
<span style="color: gold;font-size: 100px;">TIGER🐯</span>
</h1>
</div>
<h1 id="red2">THE</h1>
</div>
</div>
</section>
<div class="next">
<p>Click The Button To See Special Predictions!!</p>
<a href="./special_prediction.html" id="amen"><button class="mutton">🧙♂️🧙♀️🧚♂️</button></a>
</div>
</content>
<footer>
<div class="footer-fdiv">
<p>AWESOME MAGIC</p>
<span>In this website you can learn some of the key methods and points to learn various forms of magic in a very fast way possible.
Learn these key points and continue your journey learning magic.
Blow people's mind and keep learning and performing magic.</span>
</div>
<div class="footer-sdiv">
<p>Copyright © 2020 - <span id="full-year"></span> All rights reserved. Roshis Rai</p>
<span class="footer-span">
<a href="#" class="footer-span-a">Home</a><br>
<a href="./name_entry.html" class="footer-span-a">Prediction</a><br>
</span>
</div>
</footer>
<script src="./js/scripts.js"></script>
<script type="text/javascript">
function buttonFunction(){
var target=document.getElementById("prediction-1");
target.classList.add("prediction-01");
}
function buttonFunction2(){
var target2=document.getElementById("real-pre");
target2.classList.add("real-pre-01");
}
function buttonFunction3(){
var target3=document.getElementById("prediction-2");
target3.classList.add("prediction-02");
}
function buttonFunction4(){
var target4=document.getElementById("real-pre1");
target4.classList.add("real-pre-02");
}
function buttonFunction5(){
var target3=document.getElementById("prediction-3");
target3.classList.add("prediction-03");
}
function buttonFunction6(){
var target4=document.getElementById("real-pre2");
target4.classList.add("real-pre-03");
}
</script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
offset: 400, // offset (in px) from the original trigger point
delay: 0, // values from 0 to 3000, with step 50ms
duration: 1000 // values from 0 to 3000, with step 50ms
});
</script>
</body>
</html>