Web-J2R.github.io/result.html at main · JoeyCollado/Web-J2R.github.io · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Result</title>
    <link rel="stylesheet" href="result.css">
    <script src="https://kit.fontawesome.com/0601acd3ab.js" crossorigin="anonymous"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Sixtyfour+Convergence&display=swap" rel="stylesheet">
    <link rel="icon" href="logo-removebg-preview.png">
  </head>
<body>
  <div id="music-toggle" class="music-icon">
    <i class="fa-solid fa-volume-high fa-spin-pulse"></i>
  </div>

    <div id="body1">
      <p class="numbers">
        123436542765568678789870908978768657536453241232112343654276556867878987090897876865753645324123211234365427
        655686787898709089787686575364532412321123436542765568678789870908978768657536453241232112343654276556867878
        987090897876865753645324123211234365427655686787898709089787686575364532412321123436542765568678789870908978
        768657536453241232112343654276556867878987090897876865753645324123211234365427655686787898709089787686575364
        532412321123436542765568678789870908978768657536453241232112343654276556867878987090897876865753645324123211
        234365427655686787898709089787686575364532412321123436542765568678789870908978768657536453241232112343654276
        556867878987090897876865753645324123211234365427655686787898709089787686575364532412321123436542765568678789
        870908978768657536453241232112343654276556867878987090897876865753645324123211234365427655686787898709089787
        686575364532412321123436542765568678789870908978768657536453241232132132131231231231231231231231231231231231
        231908907439624320987766535217392158423583425793480951092834098230195824397809247965603609093021930219301294
        039605860956809490809483291790857097432907592408357093245709234759024900546790809412398345786758940000129384
        039605860956809490809483291790857097432907592408357093245709234759024900546790809412398345786758940000129384
        039605860956809490809483291790857097432907592408357093245709234759024900546790809412398345786758940000129384
        039605860956809490809483291790857097432907592408357093245709234759024900546790809412398345786758940000129384
        039605860956809490809483291790857097432907592408357093245709234759024900546790809412398345786758940000129384
        039605860956809490809483291790857097432907592408357093245709234759024900546790809412398345786758940000129384
        43250940685865460349539340959138574389257989324813
      </p>
        <div class="bento-container">
              <div class="top">
                <div class="toprow toprow1">
                  <div class="photocon1"></div>
                </div>
                <div class="toprow toprow2">
                  <div class="photocon2"></div>
                </div>
                <div class="toprow toprow3">
                  <div class="photocon3"></div>
                </div>
              </div>

              <div class="bottom">
                <div class="bottomrow bottom1">
                  <div class="content1">
                    <p class="colp">After 1 year of the of JR2 Pisonet business, it was met with enough success for the owner to be able to sustain their family daily living. they managed to buy more pc units, improve their security system and obtain loyal customers. and now they have the oppurtunity to invest further in their business to grow more.

                                    <br>The Website will serve as a way for the Pisonet Shop to become digitalized.
                                    people online can see the shop online, see where its located, find out the services offered and see news and updates.
                                    <br>there will be more exposure outside that is not limited to one area, and the shop will have more potential to gain more customers.
                                    <br>future branch in other locations will be displayed in the website so that people from afar can get to the nearest branch to play games.</p>
                  </div>
                </div>
                <div class="bottomrow bottom2">
                  <div class="content2">

                    <video id="background-video" autoplay muted loop>
                      <source src="Digital globe.mp4" type="video/mp4">
                  </video>
                  </div>
                </div>
              </div>

        </div>

        <div class="container">
             <header class="header">
               <div class="logo">
                    <img id="mylogo" src="logo-removebg-preview.png" alt="mylogo">
               </div>
               <navbar class="navbar">
               <ul>
                <li><a href="index.html">Home</a></li>
                    <li><a href="history.html">History</a></li>
                    <li><a href="photos.html">Photos</a></li>
                    <li><a href="result.html">Result</a></li>
               </ul>
             </navbar>
             </header>
            </div>
            </div>

            <div id="particles-js"></div>

          <audio id="background-music" autoplay loop>
              <source src="Space Walk.mp4" audio="/mpeg">
          </audio>
    <script src="result.js"></script>
</body>
</html>