VSCodeExample/onepiece.html at master · chrisramirez461/VSCodeExample · GitHub

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
<!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>One Piece</title>
    <link href="./resources/css/styles.css" rel="stylesheet" type="text/css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
</head>
<body id="OnePiece-Page">
    <header>
      <nav class="navbar navbar-expand-lg bg-light">
        <div class="container-fluid">
          <a class="navbar-brand" href="#"></a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="index.html">Home</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="about.html">About</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    </header>
    <media>
      <img src="/resources/images/NextDampBittern-max-1mb.gif" id="OnePiece-gif">
    </media>
    <main>
      <h1>One Piece</h1>
      <p>One Piece is a Japanese manga series written and illustrated by Eiichiro Oda. It has been serialized
         in Shueisha's shōnen manga magazine Weekly Shōnen Jump since July 1997, with its individual chapters
          compiled into 103 tankōbon volumes as of August 2022. The story follows the adventures of Monkey D.
           Luffy, a boy whose body gained the properties of rubber after unintentionally eating a Devil Fruit.
          With his pirate crew, the Straw Hat Pirates, Luffy explores the Grand Line in search of the deceased
          King of the Pirates Gol D. Roger's ultimate treasure known as the "One Piece" in order to become the
          next King of the Pirates. One Piece has received praise for its storytelling, art, characterization,
           and humor. It has received many awards and is ranked by critics, reviewers, and readers as one of the
          best manga of all time. Several volumes of the manga have broken publishing records, including the
          highest initial print run of any book in Japan. In 2015 and 2022, One Piece set the Guinness World
          Record for "the most copies published for the same comic book series by a single author". It was the
          best-selling manga for eleven consecutive years from 2008 to 2018, and is the only manga that had an
          initial print of volumes of above 3 million continuously for more than 10 years, as well as the only
          that had achieved more than 1 million copies sold in all of its over 100 published tankōbon volumes.
          One Piece is the only manga whose volumes have ranked first every year in Oricon's weekly comic chart
          existence since 2008.</p>
          <aside>
            <p>One Piece earned its popularity through its detailed storyline, exciting characters, and creative settings.
              Premiering in 1999, its animation and characters have grown over the past 2 decades. One Piece continues
               to inspire audiences worldwide and has no signs of slowing down anytime soon.</p>
          </aside>
    </main>

    <main>
      <section>
        <video src="/resources/images/One Piece Opening 1 - We Are! ENG SUB.mp4" controls Video Not Supported>One Piece OST 1</video>
      </section>
    </main>


<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
</body>
</html>