TreasureKeeper/aboutus.html at main · MichaelFirstAC/TreasureKeeper · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Treasure Keeper - About Us</title>
    <link rel="icon" type="image/png" href="image/icon.png">
    <link rel="stylesheet" href="styles/aboutusstyles.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
    <div class="container">
        <div class="navbar">
            <div class="dropdown">
                <button class="dropbtn">三</button>
                <div class="dropdown-content">
                    <a href="index.html">Home</a>
                    <a href="statistics.html">Statistics</a>
                    <a href="calendar.html">Calendar</a>
                    <a href="aboutus.html">About Us</a>
                </div>
            </div>
            <h2>Treasure Keeper</h2>
        </div>

        <section>
            <h2>About Us</h2>
            <br>
            <p>
                At Treasure Keeper, we are passionate about empowering individuals to take control of their financial future.
                Our mission is to provide a user-friendly platform that simplifies financial management,
                allowing you to effortlessly track your income and expenses.
                Our journey began with the belief that everyone deserves access to effective financial tools.
                Our dedicated team of experts is committed to delivering innovative solutions tailored to your needs.
                We strive to create an intuitive experience that makes managing your finances not just easy, but enjoyable.
            </p>
            <br>
        </section>

        <section>
            <h2>Meet Our Team!</h2>
            <br>
            <div class="team-container">
                <div class="team-member">
                    <img alt="Michael Arianno Chandrarieta" src="image/michael.png" />
                    <div class="member-info">
                        <h3>MichaelFirst</h3>
                        <p>Michael Arianno Chandrarieta, also known as MichaelFirst (2802499711) is the web developer who leads our development team in creating innovative financial solutions.</p>
                        <br>
                        <a href="https://github.com/MichaelFirstAC" target="_blank">Connect with Michael</a>
                    </div>
                </div>
                <div class="team-member">
                    <img alt="Harris Ekaputra Suryadi" src="image/harris.png" />
                    <div class="member-info">
                        <h3>HES2209</h3>
                        <p>Harris Ekaputra Suryadi, also known as HES2209 (2802400502) is the web developer who focuses on creating functionality and user experience for our platform.</p>
                        <br>
                        <a href="https://github.com/HES2209" target="_blank">Connect with Harris</a>
                    </div>
                </div>
                <div class="team-member">
                    <img alt="Barri Nur Pratama" src="image/barri.png" />
                    <div class="member-info">
                        <h3>Barrizzz</h3>
                        <p>Barri Nur Pratama, also known as Barrizzz (2802501142) is the web designer and debugger who personally ensures that our website is user-friendly and visually appealing.</p>
                        <br>
                        <a href="https://github.com/Barrizzz" target="_blank">Connect with Barri</a>
                    </div>
                </div>
            </div>
        </section>

        <section>
            <h2>Join Us on Our Journey!</h2>
            <br>
            <p>
                Our personal Instagram social media accounts, if youre interested in following our journey.
                Our Instagram personally tells out stories and events regarding... well, everything in general!
                However, We'd be more likely than happy to tell you all of our stories regarding our succession, struggles, and sacrifices.
                Until then, please enjoy this simple web-app we made for you! Enjoy! Cheers!
            </p>
            <br>
            <div class="social-links">
                <a href="https://www.instagram.com/michael.arianno/" target="_blank">Mic</a>
                <a href="https://www.instagram.com/harris_suryadi/" target="_blank">Har</a>
                <a href="https://www.instagram.com/barriiii/" target="_blank">Bar</a>
            </div>
        </section>
    </div>

    <script src="scripts/aboutusscript.js"></script>
</body>
</html>