-
Notifications
You must be signed in to change notification settings - Fork 0
/
index6.html
92 lines (90 loc) · 4.38 KB
/
index6.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="https://e1.pngegg.com/pngimages/10/563/png-clipart-sword-art-online-version-2-anime-folder-icon-b-sword-art-online-001-sword-art-online-thumbnail.png" type="image/x-icon">
<link rel="stylesheet" href="style2.css">
<title>SAO</title>
</head>
<body style='overflow-x:hidden;'>
<script>
// Scroll to specific values
// scrollTo is the same
window.scroll({
top: 2500,
left: 0,
behavior: 'smooth'
});
// Scroll certain amounts from current position
window.scrollBy({
top: 100, // could be negative value
left: 0,
behavior: 'smooth'
});
// Scroll to a certain element
document.querySelector('.hello').scrollIntoView({
behavior: 'smooth'
});
</script>
<header>
<img src="https://cdn.worldvectorlogo.com/logos/sword-art-online.svg" alt="logo" width="200" draggable="false">
<nav id="menu1">
<ul>
<li><a href="index.html" class="nav__link">Home</a></li>
<li><a href="index4.html" class="nav__link">About Me</a></li>
<li>
<a class="nav__link">Blog</a>
<ul>
<li><a href="kirito_rm.html" class="nav__link">Kirito (Kirigaya Kazuto)</a></li>
<li><a href="asuna_rm.html" class="nav__link">Asuna (Yuuki Asuna)</a></li>
<li><a href="yui_rm.html" class="nav__link">Yui (Yui-MHCP001)</a></li>
<li><a href="klein_rm.html" class="nav__link">Klein (Tsuboi Ryoutarou)</a></li>
</li>
</ul>
<li><a href="mailto:[email protected]" class="nav__link">Contact</a></li>
</ul>
</nav>
</header>
<main>
<div class="post">
<img alt="Sword Art Online" class="n3VNCb" src="https://i.pinimg.com/originals/ab/fc/95/abfc952744228a38df56db8b6f7b6ae2.jpg" style="width: 334px; height: 480px; margin: 0px; position: relative; left: -10px;" draggable="false">
<div>
<h3 style="@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;1,400;1,900&display=swap'); font-family: 'Roboto', sans-serif;">Gun Gale Online</h3>
<p>
«Gun Gale Online» (ガンゲイル・オンライン, Gangeiru Onrain?, abbreviated as GGO) is a VRMMORPG, developed and operated by an American company called Zaskar, that emphasizes on gun usage. It is the setting for the Phantom Bullet Arc. One of the main events in GGO is the multi-player versus player tournament known as the Bullet of Bullets (BoB).
The game started operation in April 2025 and has become the most famous Sci-fi VRMMO game in the Sword Art Online Universe since then.
</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/QPWBKL9D56Y" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</main>
<footer>
<div>
<div><img src="https://www.pngkey.com/png/full/165-1657786_sword-art-online-rpg-fsword-art-online-logo.png" draggable="false" alt="Logo" width="250"></div>
<div class="footer-columns">
<div class="footer-column">
<h3>About</h3>
<p>Hi, my name is Kirito. And I create a website about my favorite anime Sword Art Online.
In this site I'll post some information about SAO and its characters.</p>
</div>
<div class="footer-column">
<h3>Contact me</h3>
<p>You can contact me and ask your questions by mail.
<br><strong>Email: <a>[email protected]</a></strong>
</p>
</div>
</div>
<center>
<small>Copyright © 2020 Kirito's Blog</small>
</center>
</div>
</footer>
<div id="forward">
<a href="index7.html">FORWARD</a>
</div>
<div id="back">
<a href="index5.html">BACK</a>
</div>
</body>
</html>