AwesomeSauce-Software.github.io/about.html at master · AwesomeSauce-Software/AwesomeSauce-Software.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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us</title>
    <link rel="stylesheet" href="assets/main.css">

    <style>
        .profile {
            margin: auto;
            display: flex;
            align-items: center;
            align-content: center;
        }

        .profile > h2 {
            margin: 0;
            height: 100%;
        }

        .profile > img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            margin-right: 10px;
        }


    </style>
</head>

<body>
    <div class="navbar">
        <a class="underline" href="index.html">Home</a>
        <a class="underline" href="about.html">About Us</a>
        <a class="underline" href="https://status.ptg.ms/status/awesome">Status</a>
        <a class="underline" href="mailto:cool@awesomesauce.software">Contact</a>
        <div class="mobileExperience">
            <a class="underline" href="#page1"><img src="assets/menu.svg" alt="Menu"></a>
            <div class="mobileMenu">
                <a class="underline" href="index.html">Home</a>
                <a class="underline" href="about.html">About Us</a>
                <a class="underline" href="https://status.ptg.ms/status/awesome">Status</a>
                <a class="underline" href="mailto:cool@awesomesauce.software">Contact</a>
            </div>
        </div>
    </div>
    <div class="gradient">
    <div style="height: 50px;"></div>
        <div class="page" id="page2">
            <div class="cards">
                <div class="card">
                    <h2>Meet the Team</h2>
                    <p>Our team consists of three cool people, ptgms, BitRapture and ModderOwls. Read more about each of us below.</p>
                </div>
                <div class="card">
                    <div class="profile">
                        <img src="https://avatars.githubusercontent.com/u/62300763" alt="ptgms">
                        <h2>ptgms</h2>
                    </div>
                    <p>A developer from Germany who is in his twenties and loves to code for the common good.<br>Works on: Server, Desktop Apps, Mobile Apps</p>
                    <p><a class="underline" href="mailto:ptgms@awesomesauce.software">E-Mail</a>, <a class="underline" href="https://github.com/ptgms">GitHub</a></p>
                </div>
                <div class="card">
                    <div class="profile">
                        <img src="https://avatars.githubusercontent.com/u/62811797" alt="BitRapture">
                        <h2>BitRapture</h2>
                    </div>
                    <p>A developer from the United Kingdom who is obsessed with low-level programming.<br>Works on: Unity, Low-Level Code, Review</p>
                    <p><a class="underline" href="mailto:bitrapture@awesomesauce.software">E-Mail</a>, <a class="underline" href="https://github.com/bitrapture">GitHub</a></p>
                </div>
                <div class="card">
                    <div class="profile">
                        <img src="https://avatars.githubusercontent.com/u/48162066" alt="ModderOwls">
                        <h2>ModderOwls</h2>
                    </div>
                    <p>Game developer from the Netherlands, while somewhat inexperienced still learning. Loves coding and anything UI.<br>Works on: QA, UI/UX Design, Localisation</p>
                    <p><a class="underline" href="mailto:modderowls@aweosmesauce.software">E-Mail</a>, <a class="underline" href="https://github.com/modderowls">GitHub</a></p>
                </div>
            </div>
        </div>
        <div class="footercontainer">
            <div class="footer">
                <p>© 2023 <a class="underline" href="https://github.com/AwesomeSauce-Software">Awesomesauce
                        Software</a>, brought to you by <a class="underline" href="https://github.com/ptgms">ptgms</a>,
                    <a class="underline" href="https://github.com/BitRapture">BitRapture</a> and <a class="underline"
                        href="https://github.com/ModderOwls">ModderOwls</a>.
                </p>
                <p>Powered by the <a class="underline" href="https://ptgms.space">ptgms Industries Network</a></p>
            </div>
        </div>
    </div>

    <script src="assets/main.js"></script>

</body>

</html>