Toolboxer/about.html at main · juned7952-stack/Toolboxer · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us | Toolboxer</title>
    <meta name="description" content="Learn more about Toolboxer, our mission, and the team behind the free online developer tools.">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
    <style>
        /* Specific styles for About Page text readability */
        .content-section {
            max-width: 800px;
            margin: 4rem auto;
            padding: 0 2rem;
            color: var(--text-muted);
        }
        .content-section h2 {
            color: var(--text-main);
            margin-bottom: 1.5rem;
            font-size: 2rem;
        }
        .content-section p {
            margin-bottom: 1.5rem;
            font-size: 1.1rem;
        }
        .feature-list {
            list-style: none;
            margin-bottom: 2rem;
        }
        .feature-list li {
            margin-bottom: 0.8rem;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .feature-list li::before {
            content: '✓';
            color: var(--primary);
            font-weight: bold;
        }
    </style>
</head>
<body>

    <nav class="navbar">
    <div class="logo">Toolboxer<span class="dot">.</span></div>
    <ul class="nav-links">
        <li><a href="index.html">Tools</a></li>
        <li><a href="about.html" style="color: white; font-weight: 600;">About</a></li>
        <li><a href="contact.html">Contact</a></li>
    </ul>
    </nav>


    <header class="hero" style="padding: 3rem 1rem;">
        <h1>About <span style="color:var(--primary)">Us</span></h1>
        <p>Our mission is to make the web simpler for everyone.</p>
    </header>

    <section class="content-section">
        <h2>Who We Are</h2>
        <p>
            Welcome to <strong>Toolboxer</strong>, your number one source for free online utilities. We're dedicated to giving you the very best of web tools, with a focus on simplicity, speed, and privacy.
        </p>
        <p>
            Founded in 2024, Toolboxer has come a long way from its beginnings. When we first started out, our passion for "making developers' lives easier" drove us to do tons of research so that Toolboxer can offer you the world's most advanced yet simple-to-use calculators and generators. We now serve customers all over the world and are thrilled that we're able to turn our passion into our own website.
        </p>

        <h2>Why Choose Us?</h2>
        <ul class="feature-list">
            <li><strong>100% Free:</strong> All our tools are free to use forever.</li>
            <li><strong>Privacy Focused:</strong> We process data locally in your browser. No data is sent to our servers.</li>
            <li><strong>Fast & Responsive:</strong> Designed to work on any device, anywhere.</li>
            <li><strong>Regular Updates:</strong> We constantly add new tools based on user feedback.</li>
        </ul>

        <h2>Our Vision</h2>
        <p>
            We hope you enjoy our products as much as we enjoy offering them to you. If you have any questions or comments, please don't hesitate to contact us.
        </p>
    </section>

    <footer>
        <div class="footer-content">
            <div class="footer-section">
                <h4>Toolboxer</h4>
                <p>Simplifying your digital tasks with fast and free online tools.</p>
            </div>
            <div class="footer-section">
                <h4>Quick Links</h4>
                <a href="index.html">Home</a>
                <a href="contact.html">Contact Us</a>
                <a href="#">Privacy Policy</a>
            </div>
        </div>
        <div class="copyright">
            &copy; 2025 Toolboxer. All rights reserved.
        </div>
    </footer>

</body>
</html>