TrackTheCode.github.io/index.html at main · PinpointTools/TrackTheCode.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
<!DOCTYPE html>
<html lang="en" id="1">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="static/css/style.css" rel="stylesheet">
    <link rel="icon" type="image/png" href="static/assets/logo/brttc.png">
    <title>Track The Code</title>
</head>

<body>
    <div class="topbar">
        <div class="boxContent flexSpaced">
            <div class="left">
                <span class="shadowDown">
                    <img src="static/assets/logo/wttc.png" width="40" alt="TTC Logo" style="margin-bottom: -10px; margin-right: 10px;">
                    <span style="font-size: 30px;" class="shadowDown">Track The Code</span>
                    <div class="hamburger-menu" id="hamburger-menu">
                        <div class="bar shadowDown"></div>
                        <div class="bar shadowDown"></div>
                        <div class="bar shadowDown"></div>
                    </div>
                </span>
            </div>
            <div class="right" id="navbar-links">
                <a class="topbarButton-ac shadowDown" style="font-size: 20px;"><span>Home</span></a>
                <a href="contributors.html" class="topbarButton-inac shadowDown" style="font-size: 20px;"><span>Contributors</span></a>
                <a href="https://github.com/TrackTheCode" class="topbarButton-inac shadowDown" style="font-size: 20px;" target="_blank"><span>Github</span></a>
            </div>
        </div>
    </div>

    <div class="flexSpaced" style="margin-top: 400px; margin-left: 50px; margin-right: 50px; font-size: 25px;">
        <p class="shadowLeft skewLeft">
            Welcome to Track The Code's Website! <br>
            We are a team of developers that makes software for <b>YOU</b>!
        </p>

        <p class="shadowRight skewRight" style="text-align: right;">
            Our goal is to make <b>free</b>, <b>open source</b> and <b>great</b> software for everyone! <br>
            We hate paid software and closed source apps.
        </p>
    </div>

    <div style="margin-top: 300px;">
        <p style="text-align: center; font-size: 30px;" class="shadowDown floatingUpAnimation scrollPrompt">
            Scroll Down for more infomation! <br>
            vvv
        </p>
    </div>

    <div class="flexSpaced" style="margin-top: 200px; margin-left: 50px; margin-right: 50px; font-size: 25px;">
        <p class="shadowLeft skewLeft">
            Why use our app as an alternative to paid software? <br>
            For starters, <b>you</b> lose nothing by switching to us. <br>
            Our apps are completely and forever free to use. <br>
            We listen, and give people what they want!
        </p>

        <p class="shadowRight skewRight" style="text-align: right;">
            We want to make apps that feel right at home for the users! <br>
            We don't track, spy, sell, share or do anything <b>your</b> data whatsoever. <br>
            Our code is fully open source for anyone to look at! <br>
            We believe privacy is a main priority for users.
        </p>
    </div>

    <div class="flexSpaced" style="margin-top: 200px; margin-left: 50px; margin-right: 50px; font-size: 25px;">
        <p class="shadowLeft skewLeft">
            Sure, our apps are missing some features that paid software has. <br>
            But, we can listen to <b>you</b> and add the features <b>you</b> want!
        </p>

        <p class="shadowRight skewRight" style="text-align: right;">
            We love what we make, and <b>you</b> hope that we love what we make! <br>
            Our software is made with love. And we should share it!
        </p>
    </div>

    <div style="margin-top: 300px;">
        <p style="text-align: center; font-size: 30px;" class="shadowDown floatingUpAnimation">
            Thanks for reading! <br>
            You're the best.
        </p>

        <p class="shadowDown" style="text-align: center; font-size: 20px;"><a href="#1" class="box" style="padding: 10px;">Go back up?</a></p>
    </div>

    <div style="margin-top: 100px">
        <p class="shadowLeft">love by daveberry cricket blueson and the team.</p>
    </div>

    <script src="static/js/main.js"></script>
</body>
</html>