Aidube/about.html at main · ainaanraza/Aidube · 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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description"
        content="Aidube's mission, motive, and promise to learners. Built for focused and structured learning.">

    <!-- Open Graph -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="About Aidube | Our Mission & Motive">
    <meta property="og:description"
        content="Aidube's mission, motive, and promise to learners. Built for focused and structured learning.">
    <meta property="og:image" content="aidube_logo2.png">

    <!-- Favicon -->
    <link rel="icon" href="aidube_logo2.png" type="image/png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/about.css">
    <title>About Aidube | Our Mission & Motive</title>
    <script type="module">
        import { inject } from 'https://cdn.jsdelivr.net/npm/@vercel/analytics/+esm';
        inject();
    </script>
    <!-- Google AdSense Auto Ads -->
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1717533159502136"
        crossorigin="anonymous"></script>
</head>

<body>
    <header>
        <div class="header-content">
            <div class="logo-area" onclick="window.location.href='index.html'">
                <i class="fa-solid fa-chalkboard-user"></i>
                <span>Aidube</span>
            </div>
            <div class="nav-actions">
                <button class="btn-ghost" onclick="window.location.href='index.html'">
                    <i class="fas fa-home"></i> Home
                </button>
            </div>
        </div>
    </header>

    <div class="about-container">
        <div class="about-header">
            <h1>Why Aidube Exists</h1>
            <p>Making learning clear, focused, and accessible for everyone.</p>
        </div>
        <!-- Our Motive -->
        <div class="about-section">
            <h2><i class="fas fa-lightbulb"></i> Our Motive</h2>
            <div class="about-content">
                <p>Knowledge today is mostly free — videos, tutorials, and courses are already available online.
                    However, this free content is often scattered, unstructured, and undirected, making learning
                    confusing and time-consuming.</p>
                <p>Many platforms charge heavily not for knowledge itself, but simply to provide focus and structure.
                </p>
                <div class="highlight-box">
                    <p>Aidube exists to change that.</p>
                </div>
                <p>We believe learners shouldn’t have to pay large amounts just to understand what to learn, in what
                    order, and why. Aidube organizes free educational resources into clear, goal-oriented learning
                    journeys, helping learners move forward with confidence.</p>
                <p><strong>Our purpose is simple:</strong> Make learning clear, focused, efficient — and accessible
                    without unnecessary cost barriers.</p>
            </div>
        </div>

        <!-- Our Mission -->
        <div class="about-section">
            <h2><i class="fas fa-bullseye"></i> Our Mission</h2>
            <div class="about-content">
                <p>To help learners learn faster and smarter by providing AI-powered roadmaps and structured guidance
                    built on top of freely available educational content.</p>
                <p>Aidube doesn’t create knowledge. We bring clarity and direction to it.</p>
            </div>
        </div>

        <!-- What We Stand For -->
        <div class="about-section">
            <h2><i class="fas fa-check-double"></i> What We Stand For</h2>
            <div class="about-content">
                <ul>
                    <li>Clarity over confusion</li>
                    <li>Respect for learners’ time</li>
                    <li>No unnecessary paywalls</li>
                    <li>Education as a right, not a luxury</li>
                </ul>
            </div>
        </div>

        <!-- Who Aidube Is For -->
        <div class="about-section">
            <h2><i class="fas fa-users"></i> Who Aidube Is For</h2>
            <div class="about-content">
                <p>Aidube is built for students, self-learners, professionals, and anyone committed to skill growth.</p>
                <p>Whether you’re starting fresh or upgrading skills, Aidube adapts to your learning journey.</p>
            </div>
        </div>

        <!-- Our Promise -->
        <div class="about-section">
            <h2><i class="fas fa-hand-holding-heart"></i> Our Promise</h2>
            <div class="about-content">
                <p>We promise to:</p>
                <ul>
                    <li>Keep learning simple and distraction-free</li>
                    <li>Respect your data and privacy</li>
                    <li>Build tools that genuinely help you grow</li>
                </ul>
            </div>
        </div>

        <!-- Developer & Support -->
        <div class="about-section">
            <h2><i class="fas fa-code"></i> The Team</h2>
            <div class="developer-card">
                <div class="user-avatar" style="width: 50px; height: 50px; font-size: 1.5rem;">
                    <i class="fas fa-user-astronaut"></i>
                </div>
                <div class="developer-info">
                    <h3>Ainaan Raza</h3>
                    <p>Developer & Creator</p>
                </div>
            </div>
        </div>
        <div class="footer-note">
            <h3>Support</h3>
            <p>We grow with our users. Your input directly shapes Aidube’s future.</p>
            <p>For questions, feedback, or suggestions: <a href="mailto:aidube.ask@gmail.com"
                    class="email-link">aidube.ask@gmail.com</a></p>
            <br>
            <p style="font-weight: 600; font-size: 1.1rem; color: var(--primary);">Learn with direction. Learn with
                purpose. Learn with Aidube.</p>
        </div>

    </div>
</body>

</html>