Web-J2R.github.io/history.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
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>History</title>
    <link rel="stylesheet" href="historyindex.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">

        <div class="bubble-container">
            <div class="bubbles">
               <span style="--i: 1;"></span>
               <span style="--i: 2;"></span>
               <span style="--i: 3;"></span>
               <span style="--i: 4;"></span>
               <span style="--i: 5;"></span>
               <span style="--i: 6;"></span>
               <span style="--i: 7;"></span>
               <span style="--i: 8;"></span>
               <span style="--i: 9;"></span>
               <span style="--i: 10;"></span>
               <span style="--i: 11;"></span>
               <span style="--i: 12;"></span>
               <span style="--i: 13;"></span>
               <span style="--i: 21;"></span>
               <span style="--i: 32;"></span>
               <span style="--i: 43;"></span>
               <span style="--i: 54;"></span>
               <span style="--i: 65;"></span>
               <span style="--i: 76;"></span>
               <span style="--i: 87;"></span>
               <span style="--i: 91;"></span>
               <span style="--i: 120;"></span>
               <span style="--i: 131;"></span>
               <span style="--i: 142;"></span>
               <span style="--i: 15;"></span>
               <span style="--i: 26;"></span>
               <span style="--i: 31;"></span>
               <span style="--i: 34;"></span>
               <span style="--i: 53;"></span>
               <span style="--i: 64;"></span>
               <span style="--i: 75;"></span>
               <span style="--i: 3;"></span>
               <span style="--i: 92;"></span>
               <span style="--i: 110;"></span>
               <span style="--i: 115;"></span>
               <span style="--i: 121;"></span>
            </div>
          </div>

        <div class="container">

             <header class="header">
               <div class="logo">
                <img id="mylogo" src="logo-removebg-preview.png" alt="logo">
               </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 class="bento-container">
                <div class="col-left">
                    <div class="row row1">
                        <h1 id="history">History</h1>
                    </div>
                    <div class="row row2">
                        <h1 class="colh1">Starting</h1>
                        <p class="colp">The Pisonet Business was started last may 2023, but originally the business go way back as it was formerly located in block 17 at the owner's wife parent house, and soon after they had another branch in block 29, but because of underlying problems they decided to leave on block 17, and also letting go of another branch on block 29 because of rising renting price.</p>
                    </div>
                    <div class="row row3">
                        <h1 class="colh1">All the years</h1>
                        <p class="colp">After settling in block 10 lot 16 to start their former business, the transition is very rough because of the unfamiliarity of the place also because they have to build their customers from the ground up. in the past few years they business have faced a few setbacks like electricity cost, suddent brownouts and daily expense but most of the time mainly due to the customers behavior, instances like theft, dishonesty, rigging the pisonet system to add more additional time was enough to bring enough damage for the business, and with that the owner decided to install a tight security system with the help of surveillance cameras, a 1 server that monitors all the footage at the same place and the watchful eye of the wife of the owner. with this they managed to get up on their feet to continue their business, to survive and provide for their children.</p>
                    </div>
                    <div class="row row4">
                        <h1 class="colh1">Present</h1>
                        <p class="colp">And as of today, the business is still thriving and managed to build a customer base that grew loyalty to the shop. the owner managed to buy more units, better computer parts and a better gaming environment as a whole. their business manage to sustain their daily lives expenses, providing their children on their needs, as well as giving enough income for them to invest in future investment. the owner currently have a side hustle move it for more additional outcome, and the wife was left to managed the pisonet, and from now on time will move forward for the both of them and their business to reach their goals of giving their children the lives they want, and maintaining the consistency of their business success, J2R Pisonet Internet Mini Cafe.</p>
                    </div>
                    <div class="row row5">
                        <h1 class="colh1"></h1>
                        <a href="main.html" target="_blank"><p class="colp" id="link"></p></a>
                    </div>
                </div>

                <div class="col-right">
                    <div class="row top">
                         <h1 class="colh1">Business Name Origin</h1>
                         <p class="colp">The J2R Business name comes from the first letter of the name of the owner which is "J" and the letter "R" was from the wife.</p>
                    </div>
                    <div class="row bottom">
                         <h1 class="colh1">Background</h1>
                         <p class="colp">Formerly both the owner and the wife was doing a buy and sell of computer parts which only grews for them to realize the oppurtunity business that is the Pisonet as they think it is low maintenance, has a consistent passive income and easy to manage.
                            <br><br>The Owner works as a MoveIt rider as a side hustle to provide additional income for his family.
                            <br><br>The Wife Graudated in College with a course of BSBA.
                            <br><br>The Shop is Located in Blk 10 Lot 16 NTA Village San Jose Rodriguez, Rizal.
                            <br><br>The Shop currently is the third branch
                         </p>
                    </div>
                </div>

            </div>
            </div>

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