forked from CCAppDevs/SmashGames-Master
-
Notifications
You must be signed in to change notification settings - Fork 0
/
blast.html
152 lines (140 loc) · 8.3 KB
/
blast.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 lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Smash Games - Inferno Blast</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
</head>
<body>
<header>
<nav>
<div class="branding">
<a href="index.html">SMASH GAMES</a>
</div>
<div class="nav-item"><a href="index.html">Home</a></div>
<div class="nav-item"><a href="about.html">About Us</a></div>
<div class="nav-item"><a href="games.html">Our Games</a></div>
<div class="nav-item"><a href="contact.html">Contact Us</a></div>
</nav>
</header>
<main id="main" class="centered-fluid">
<div class="title">
<h1>Inferno Blast</h1>
</div>
<div class="call-to-action">
<img src="images/Inferno-Jumbotron.png" alt="Inferno Blast Gameplay" />
<br />
<a class="btn" href="https://steampowered.com" target="_blank">Buy Now on Steam! <i class="fa-brands fa-steam-symbol"></i></a>
</div>
<div class="description block accent-color">
<p class="description-text">Inferno Blast is an action-packed adventure game that takes players to a fiery realm of danger and excitement. In this game, you'll take on the role of a hero who must navigate through a series of treacherous levels filled with fiery obstacles and hordes of demons. With each level you complete, you'll unlock new weapons and power-ups to help you in your quest to defeat the ultimate demon boss. Can you survive the inferno and emerge victorious?</p>
</div>
<div class="features">
<div class="deck">
<div class="card">
<img src="images/Inferno/Inferno-2-short.png" alt="placeholder">
<div class="card-body">
<h3>Dynamic Environments</h3>
<p>Navigate through a variety of fiery landscapes, including lava pits, crumbling ruins, and demonic strongholds.</p>
</div>
</div>
<div class="card">
<img src="images/Inferno/Inferno-1-short.png" alt="placeholder">
<div class="card-body">
<h3>Upgradable Weapons</h3>
<p class="card-body-text">data</p>
</div>
</div>
<div class="card">
<img src="images/Inferno/Inferno-3-short.png" alt="placeholder">
<div class="card-body">
<h3>Epic Boss Battles</h3>
<p>Face off against towering demon bosses, each with their own unique strengths and weaknesses.</p>
</div>
</div>
</div>
</div>
<div class="block accent-color">
<div class="platforms">
<ul class="brand-list">
<li><i class="fa-brands fa-steam"></i></li>
<li><i class="fa-brands fa-playstation"></i></li>
<li><i class="fa-brands fa-xbox"></i></li>
<li><i class="fa-brands fa-facebook"></i></li>
<li><i class="fa-brands fa-twitter"></i></li>
<li><i class="fa-brands fa-instagram"></i></li>
<li><i class="fa-brands fa-patreon"></i></li>
<li><i class="fa-brands fa-twitch"></i></li>
<li><i class="fa-brands fa-youtube"></i></li>
</ul>
</div>
<div class="reqs">
<div>
<h3>Minimum Requirements</h3>
<ul>
<li><strong>OS:</strong> Win7</li>
<li><strong>Processor:</strong> Intel I3 or Ryzen 3</li>
<li><strong>RAM:</strong> 8gb</li>
<li><strong>Graphics:</strong> Geforce GTX 570</li>
<li><strong>Storage:</strong> 1gb HDD</li>
</ul>
</div>
<div>
<h3>Recommended Requirements</h3>
<ul>
<li><strong>OS:</strong> Win11</li>
<li><strong>Processor:</strong> Intel I9 or Ryzen 7</li>
<li><strong>RAM:</strong> 16gb</li>
<li><strong>Graphics:</strong> Geforce RTX 2080</li>
<li><strong>Storage:</strong> 5gb SSD</li>
</ul>
</div>
</div>
</div>
<div class="wishlist-form">
<!-- Heading/description -->
<h1>Wishlist our game!</h1>
<form action="wishlist.html">
<label for="email">Your Email:</label>
<input type="text" name="email" placeholder="you@site.com" />
<input type="submit" />
</form>
</div>
<div class="faq block accent-color">
<div class="title">
<h1>Frequently Asked Questions</h1>
</div>
<div class="questions">
<div class="question">
<h3>Question One?</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo earum quo a repellendus eligendi, dolore doloribus sequi recusandae nam eveniet dolorum, qui quidem id quam aspernatur, doloremque sint in? Nesciunt.</p>
<p>Nostrum illo explicabo fugiat architecto quos hic omnis iste velit quo corporis, maiores eaque. Fugiat voluptas voluptate officia quisquam veniam velit ad architecto? Soluta laboriosam commodi repellat aspernatur, vel excepturi.</p>
</div>
<div class="question">
<h3>Question Two?</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo earum quo a repellendus eligendi, dolore doloribus sequi recusandae nam eveniet dolorum, qui quidem id quam aspernatur, doloremque sint in? Nesciunt.</p>
<p>Nostrum illo explicabo fugiat architecto quos hic omnis iste velit quo corporis, maiores eaque. Fugiat voluptas voluptate officia quisquam veniam velit ad architecto? Soluta laboriosam commodi repellat aspernatur, vel excepturi.</p>
</div>
<div class="question">
<h3>Question Three?</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo earum quo a repellendus eligendi, dolore doloribus sequi recusandae nam eveniet dolorum, qui quidem id quam aspernatur, doloremque sint in? Nesciunt.</p>
<p>Nostrum illo explicabo fugiat architecto quos hic omnis iste velit quo corporis, maiores eaque. Fugiat voluptas voluptate officia quisquam veniam velit ad architecto? Soluta laboriosam commodi repellat aspernatur, vel excepturi.</p>
</div>
<div class="question">
<h3>Question Four?</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo earum quo a repellendus eligendi, dolore doloribus sequi recusandae nam eveniet dolorum, qui quidem id quam aspernatur, doloremque sint in? Nesciunt.</p>
<p>Nostrum illo explicabo fugiat architecto quos hic omnis iste velit quo corporis, maiores eaque. Fugiat voluptas voluptate officia quisquam veniam velit ad architecto? Soluta laboriosam commodi repellat aspernatur, vel excepturi.</p>
</div>
<div class="question">
<h3>Question Five?</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo earum quo a repellendus eligendi, dolore doloribus sequi recusandae nam eveniet dolorum, qui quidem id quam aspernatur, doloremque sint in? Nesciunt.</p>
<p>Nostrum illo explicabo fugiat architecto quos hic omnis iste velit quo corporis, maiores eaque. Fugiat voluptas voluptate officia quisquam veniam velit ad architecto? Soluta laboriosam commodi repellat aspernatur, vel excepturi.</p>
</div>
</div>
</div>
</main>
</body>
</html>