-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAradhayaMukhraiya.html
187 lines (132 loc) · 6.92 KB
/
AradhayaMukhraiya.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
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<title>Avillius Adventure</title>
<link rel="stylesheet" href="styles/AradhayaMukhraiya.css">
<link rel="stylesheet" href="styles/footer.css">
<link rel="stylesheet" href="styles/header.css">
<script src="scripts/header.js"></script>
<link rel="stylesheet" href="styles/header.css">
</head>
<!--Code linking the styling sheets and javascript sheets to this website-->
<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: This code uses dropdown-link class from the css file to give the game titles the attribute to display a dropdown menu of all the 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="">BUY NOW</button></form>
</header>
</div>
</header>
<!--Navigation Bar(end)-->
<div class="content">
<h1 style="color:#3D76B6;">Avillius Adventure</h1>
<p>Embark on an unforgettable journey with Avillius, our hero in Avillius' Adventure.</p>
<p>Prepare for an immersive, action-packed RPG, combining thrilling trials with fun educational elements. Immerse
yourself in Earth's technological wonders , and a fun and easy environment. Seize the opportunity to shape your
destiny in the face of Duskfang's approaching wrath. Join Avillius' Adventure today and partake in the ultimate
RPG and exploration game!</p>
</div>
<!--This code places the title and a brief overview in a division tag named as content. The .content in the css
file describes the style that the content will be displayed in.This is required to be specified as a content
division as there is a banner in the background, and this text has to be displayed over it.-->
<h2>Open World Exploration</h2>
<p style="margin-top:50x">Avillius Adventure opens up to a new world of exploration. Gamers can explore different
realms and encounter different challenges from different entities & people.</p>
<div class="center">
<img src="images/openworldexploration.gif" alt="Open world exploration">
</div>
<!--Displays gif on website to add a more immersive and aesthetic appeal-->
<div class="purple-line"></div>
<h2>Fun Gaming Experience</h2>
<p>Experience several fun minigames and trials in Avillius' Adventure. Go through shooting, dodging or testing your
own knowledge and open up to a better experience in gaming!</p>
<div class="image-container">
<div class="image">
<img src="images/fungaming1.png" alt="FG1">
<div class="text">Challenge your mobility and reaction speed with dodging games!</div>
</div>
<div class="image">
<img src="images/fungaming2.png" alt="FG2">
<div class="text">Aim and shoot! Fend off threatening viruses with shooting games!</div>
</div>
<div class="image">
<img src="images/fungaming3.png" alt="FG3">
<div class="text">Alongside gaming, get to learn about technology and how it works with educational content!
</div>
</div>
</div>
<!--This code allows the 3 images to align horizontally in a smooth style with text ontop of it describing the image. The div image tag is used to link the styling code of the image to be linked to this main website.-->
<div class="purple-line"></div>
<h2>Global Release</h2>
<div class="DAV-container">
<div class="DAVimage">
<img src="images/DAVimg.png" alt="DAV-Image ">
</div>
<div class="DAVtext">
<p>Avillius' Adventure's has been released globally, and it is now available on PC and laptops, as well as
gaming consoles. Our team is working hard to push this game to mobiles and tablets, to allow everyone to
experience a once in a life time gaming opportunity.</p>
<p>Avillius' Adventure is only obtainable online through purchase on this website, make sure to grab yours at
the checkout and don't miss out!</p>
</div>
</div>
<!--An image of several consoles accompanied with some text on the platforms that Avillius Adventure is available on make it feel like the game is official and sound more professional.-->
<!--Footer (begin)-->
<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)-->
<!--The SVG images of social media platforms have been linked from .SVG files in the images folder.-->
<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 style="font-size:15px">©Multiversal Games 2023, Copyright all rights reserved</p>
</div>
</footer>
<!--Footer (end)-->
</body>
</html>