-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (97 loc) · 5.9 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Final Fantasy VIII Home</title>
</head>
<div>
<header>
<div class="wrapper">
<img src="./assets/background/rinoa squall copy.webp" width="1300" height="433" alt="Squall and rinoa"
class="banner__image" />
<nav class="nav_button">
<ul class="nav_buttons">
<li><a href="./index.html"><button id="nav__menu">Home</button></a> </li>
<li><a href="./story/index.html"><button id="nav__menu">Story</button></a> </li>
<li><a href="./characters/index.html"><button id="nav__menu">Characters</button></a> </li>
<li><a href="./battle/index.html"><button id="nav__menu">Battle</button></a> </li>
</ul>
</nav>
</div>
</header>
<main>
<button id="scrollToTopButton"><img src="../assets/images/arrowblackback.png" height="22" width="25"
title="Go to top"></button>
<div class="wrapper__main">
<section class="section" id="section__main">
<h3 class="section__heading">Final Fantasy VIII Development</h3>
<p class="section__paragraph">
<img src="assets/images/cdbetter.jpeg" height="474" width="463" class="gallery__image"
alt="FFVIII Playstation 1 CD cover.">
Welcome to the fanwebsite for the Japanese role-playing game, Final
Fantasy
VIII (8), the eighth installment in the Final Fantasy series.<br>
<br>Final Fantasy VIII[b] is a 1999 role-playing video game developed and published by Square for
the
PlayStation console. It is the eighth main installment in the Final Fantasy series.<br>
<br>Development began in 1997, during the English localization of Final Fantasy VII. The game builds
on
the visual changes brought to the series by VII, including the use of 3D graphics and pre-rendered
backgrounds, while also departing from many Final Fantasy traditions.<br>
<br>It is the first Final Fantasy to
use realistically proportioned characters consistently, feature a vocal piece as its theme music and
forgo the use of magic points for spellcasting.<br>
<br>Final Fantasy VIII was well received by critics. The game was a commercial success, grossing
$151
million in its first day of release in Japan, and more than $50 million during its first 13 weeks in
North America, making it the fastest-selling Final Fantasy title until Final Fantasy XIII, a
multi-platform release.<br>
<br> A Windows port followed in 2000, with the addition of the Chocobo World
minigame.<br>
<br>Final Fantasy VIII was re-released worldwide as a PSOne Classic on the PlayStation Store in
2009,
for PlayStation 3 and PlayStation Portable, with support for PlayStation Vita in 2012.<br>
<br>It was re-released via Steam in 2013. By August 2019, it had sold more than 9.6 million copies
worldwide.
</p>
</section>
<section class="section" id="section__main-2">
<h3 class="section__heading"> Final Fantasy VIII Trailer</h3>
<video controls poster="./assets/images/thumbnail.jpeg" width="100%" height="auto">
<source src="assets/video/trailer ff8.mp4" class="trailer" width="100%" controls
class="gallery__video" controls>
</video>
</section>
</div>
<section class="section" id="section__available">
<h3 class="section__heading">Available at</h3>
<div class="available">
<a href="https://store.playstation.com/sv-se/concept/229480">
<img class="available__image" src="assets/images/ps4 grey.png" height="170" width="46"></a>
<a href="https://www.xbox.com/en-US/games/store/final-fantasy-viii-remastered/9NNTSPSC35ZB">
<img class="available__image" src="assets/images/xbox grey.png" height="170" width="46"></a>
<a href="https://www.nintendo.com/us/store/products/final-fantasy-viii-remastered-switch/"><img
class="available__image" src="assets/images/nintendo grey.png" height="170" width="46"></a>
<a href="https://store.steampowered.com/app/1026680/FINAL_FANTASY_VIII__REMASTERED/"><img
class="available__image" src="assets/images/steamfinalgrey.png" height="170" width="46"></a>
</div>
</section>
</main>
<footer class="site__footer">
<h3 class="section__heading">BGM: Balamb Garden <img class="chocobo" src="../assets/images/chocomage.gif"
width="720" height="752" alt="chocobo singing"></h3>
<audio class="bgm" controls autoplay>
<source src="../assets/balam_garden theme.mp3" type="audio/ogg" alt="Balamb Garden music theme in game">
</audio>
<h5 class="section__heading" id="trademark">Square Enix Offical Website:</h5>
<a href="https://www.square-enix-games.com/en_EU/home"> <img src="./assets/images/Square_Enix_Logo.webp"
width="3000" height="375" class="footer__logo" alt="square-enix logo"></a>
<h5 class="section__heading" id="trademark">© SQUARE ENIX
LOGO & IMAGE ILLUSTRATION:© YOSHITAKA AMANO</h5>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>