-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathRajatPatel.html
141 lines (121 loc) · 7.33 KB
/
RajatPatel.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
<!DOCTYPE html>
<head>
<title>The Locked Laptop</title>
<link rel="stylesheet" href="styles/header.css">
<link rel="stylesheet" href="styles/home.css">
<link rel="stylesheet" href="styles/footer.css">
<link rel="stylesheet" href="styles/RajatPatel.css">
<script src="scripts/header.js"></script>
</head>
<body>
<div class="banner">
<!--Navigation Bar(begin)-->
<header>
<a href="home.html"><img src="images/sideLogo.png" class="logo"></a>
<nav>
<ul class="nav_links">
<li><a class="nav-link" href="home.html#about-us">About Us</a></li>
<li><a class="nav-link" href="ContactUs.html">Contact</a></li>
<li>
<!--Dropdown for games-->
<div class="dropdown">
<button class="dropdownBtn">Games</button>
<div class="dropdown-menu">
<table class="dropdown-links">
<tr>
<td><a href="AradhayaMukhraiya.html" class="dropdown-link">Avillius Adventure</a></td>
</tr>
<tr>
<td><a href="DhruvanChandrupatla.html" class="dropdown-link">Artificial Apocolypse</a></td>
</tr>
<tr>
<td><a href="RajatPatel.html" class="dropdown-link">The Locked Laptop</a></td>
</tr>
<tr>
<td><a href="AdishKuthyarSupreeth.html" class="dropdown-link"></span>Quantum Computer</a></td>
</tr>
</table>
</div>
</div>
<!--Dropdown end-->
</nav>
<form action="checkout.html"><button class="buy" href="checkout.html">BUY NOW</button></form>
</header>
<!--Navigation Bar(end)-->
<!--Tittle (The Locked Laptop) START-->
<div class="name">
<center><h1 style="display: inline-block;"><p style="color:#ff0000; padding-bottom: 10px;">The Locked</p><p style="color:#12a6c0">Laptop</p></h1></center>
</div>
<!--Tittle (The Locked Laptop) END-->
<!--Image and text side by side with rhetorical question START-->
<div><center><p class="question" style="color: #FFFFFF;">Are you ready for a challenge?</p></center></div>
<div class="container">
<div class="grid-item">
<img src="images/TheLockedLaptop.png" alt="Image E.g.">
</div>
<div class="grid-item">
<h2>The Locked Laptop</h2>
<p>Embark on an immersive journey through "The Locked Laptop," where you find yourself trapped, compelled to navigate a chain of challenging rooms. Unveil their hidden secrets and clues, inching closer to freedom with every step. Yet, the ultimate trial awaits a crucial quiz, housing questions with the last one holding the key to your escape. Can you outsmart the puzzles, solve the captivating mystery, and secure yourself from the clutches of the locked laptop? Prepare for an exhilarating test of wit, cunning, and determination in this thrilling adventure that will keep you on the edge of your seat until the very end.</p>
</div>
</div>
<!--Image and text side by side with rhetorical question END-->
<!--Image and text side by side 2 START-->
<div class="container">
<div class="grid2-item">
<h2>The Quiz</h2>
<p>The game, The Locked Laptop, gives educational content on laptops. It gives information on how they work. This is done through a fun and interesting quiz at the end of the game as a close passage. After completing this quiz the gamer will have the ultimate chance of seeing the one and only end screen that only the creator has seen. Do you think you will be the first person after the creator himself? Are you up for this challenge?</p>
</div>
<div class="grid2-item">
<img src="images/TheLockedLaptopQuiz.png" alt="Image E.G.">
</div>
</div>
<!--Image and text side by side 2 END-->
<!--Story START-->
<div><center><h2 class="Story" style="color: #FFFFFF;">The Story</h2></center></div>
<div><p class="story-info">You need to buy a new computer for school with the coins in the house on Locked Laptop Street. As you unravel the secrets within each room, you inch closer to freedom. But your ultimate test lies at the end- a quiz with a key question that holds the key to your escape with your new computer. Can you out smart these puzzles, solve the mystery, and secure your freedom from the locked laptop?</p></div>
<!--Story END-->
<!--How to Play START-->
<div><h2 class="instructions" style="color: #FFFFFF;">How to Play</h2></div>
<div>
<li class="instructions-info" type="1">After clicking on play, select the level. </li>
<li class="instructions-info" type="1">To complete the level, find the hidden circle and the key to unlock the door. </li>
<li class="instructions-info" type="1">The key can be a colour code or a normal key. </li>
<li class="instructions-info" type="1">To switch between the view in a level click on the arrow on the top right or left. </li>
<li class="instructions-info" type="1">To complete the game, complete an educational quiz. Good Luck!</li>
</div>
<!--How to Play END-->
<!--Can YOu Spot the Circle START-->
<div class="circle">
<h2>Can You Spot the Circle?</h2>
</div>
<div class="circle">
<img src="images/CanYouSpotCircle.png" alt="Image E.g.">
</div>
<!--Can You Spot the Circle END-->
<footer>
<div class="footer-container">
<!--Social icons (start)-->
<div class="social-icons">
<a class="social-button" href="https://youtube.com"><img src="images/youtube.svg" width="50px" height="50px"></a>
<a class="social-button" href="https://facebook.com"><img src="images/facebook.svg" width="50px" height="50px"></a>
<a class="social-button" href="https://twitter.com"><img src="images/twitter.svg" width="50px" height="50px"></a>
<a class="social-button" href="https://linkedin.com"><img src="images/linkedin.svg" width="50px" height="50px"></a>
<a class="social-button" href="https://gmail.com"><img src="images/email.svg" width="50px" height="50px"></a>
</div>
<!--Social icons (end)-->
<div class="footerNavigation">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="ContactUs.html">Contact Us</a></li>
<li><a class="nav-link" href="home.html#about-us">About Us</a></li>
<li><a class="nav-link" href="home.html#Pricing">Pricing</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</div>
</div>
<div class="copyrightsection">
<p>©Multiversal Games 2023, Copyright all rights reserved</p>
</div>
</footer>
</body>
</html>