GradeCalc/about.html at main · john-fiore/GradeCalc · 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
<!DOCTYPE html>
<html>

<head>
    <title>GradeCalc - Grading Calculator</title>
    <link rel="stylesheet" href="css/index.css" />
    <link rel="icon" type="image/x-icon" href="img/icon.ico">
</head>

<body>
    <div id="site-container">
        <div class="spacer"></div>
        <header id="main-header">
            <img src="img/header-logo.png" />
            <h2>Made for high-schoolers, by a high-schooler.</h2>
        </header>
        <nav id="nav-menu">
            <a class="nav-link" href="index.html">Calculator</a>
            <a class="nav-link" href="about.html">About Me</a>
            <a class="nav-link" href="news.html">News</a>
            <a class="nav-link" href="contact.html">Contact</a>
            <a class="nav-link" href="https://www.github.com/john-fiore/gradecalc" target="_blank">GitHub</a>
        </nav>
        <section class="content">
            <article id="article-about">
                <h1>About Me</h1>
                <div class="grid-cont">
                    <div class="john-photo">
                        <img src="img/john-fiore.png" alt="John Fiore" />
                    </div>
                    <div class="john-info">
                        <p>I'm John, and I created GradeCalc. I created this website because I wanted to help other
                            fellow high school students figure out what their exact grade is - without having to bust
                            out a calculator.</p>
                        <p>I hope this website helps you in some way!</p>
                    </div>
                    <div class="about-me-section">
                        <h2>A bit more about me</h2>
                        <p>I'm 17 years old and I'm from the Chicago suburbs. Outside of school, I like to develop apps,
                            websites, and games. At the moment, besides developing this, I have been developing a horror
                            game for the past year. All I will say about it now, is that it is <i>atmospherically</i>
                            inspired by games like <b>Amnesia: The Dark Descent</b> and the Half-Life horror mod <b>Cry
                                of Fear</b>.</p>
                    </div>
                </div>
            </article>
        </section>
        <div class="small-spacer"></div>
        <footer id="site-footer">
            <p>Copyright © 2025-2025 John Fiore</p>
            <p>All Rights Reserved.</p>
            <p>Website v1.0.1</p>
        </footer>
    </div>

    <script src="js/calculator.js"></script>
</body>

</html>