Uni-DMS2/about.php at main · ARSPFdo-2004/Uni-DMS2 · 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
<?php
$pageTitle = 'About';
include 'includes/header.php';
?>
<section class="page-hero reveal-on-scroll about-hero" aria-label="About hero">
    <div class="container hero-content">
        <p class="eyebrow">About UGrad</p>
        <h1>Empowering Your Journey to Higher Education in Sri Lanka</h1>
        <p class="page-hero-meta">We simplify the path from A/L results to your dream career. Discover universities, find your degree, and unlock your future—all in one place.</p>
    </div>
    <div class="about-hero-image-wrap">
        <img src="images/gallery/gallery14.jpg" alt="Students celebrating graduation" loading="lazy">
    </div>
</section>
<section class="section-shell mission-vision-section" aria-label="Mission and Vision">
    <div class="container mission-vision-stack reveal-on-scroll">
        <article class="glass-story-card mission-card no-leading-icon reveal-on-scroll" aria-labelledby="mission-title">
            <div class="story-copy">
                <p class="eyebrow">Our mission</p>
                <h2 id="mission-title">Empowering Sri Lanka with clarity and opportunity</h2>
                <p>To bridge the information gap for Sri Lankan students by providing a comprehensive, easy-to-use platform that makes navigating university admissions, Z-scores, and career choices transparent and stress-free.</p>
            </div>
            <div class="story-accent" aria-hidden="true">
                <i class="fa-solid fa-arrow-trend-up"></i>
            </div>
        </article>

        <article class="glass-story-card vision-card no-leading-icon reveal-on-scroll" aria-labelledby="vision-title">
            <div class="story-copy">
                <p class="eyebrow">Our vision</p>
                <h2 id="vision-title">A future where every student finds the right degree path</h2>
                <p>To be the ultimate digital companion for every student in Sri Lanka, ensuring that no talent goes unrecognized and everyone has access to the right educational resources to achieve their dreams.</p>
                <p>"Education is the passport to the future, for tomorrow belongs to those who prepare for it today."</p>
            </div>
            <div class="story-accent" aria-hidden="true">
                <i class="fa-solid fa-star"></i>
            </div>
        </article>
    </div>
</section>
<section class="section-shell about-intro-section">
    <div class="container reveal-on-scroll">
        <h2 class="what-we-offer-title">What We Offer</h2>
        <div class="offer-grid">
            <article class="offer-card reveal-on-scroll">
                <div class="offer-icon" aria-hidden="true"><img src="images/icons/degree_database_icon.png" alt="" loading="lazy"></div>
                <h3>University Database</h3>
                <p>Detailed profiles of all recognized universities in Sri Lanka, including campus facilities and student life.</p>
            </article>
            <article class="offer-card reveal-on-scroll">
                <div class="offer-icon" aria-hidden="true"><img src="images/icons/degree_finder_icon.png" alt="" loading="lazy"></div>
                <h3>Comprehensive Degree Finder</h3>
                <p>Explore every available degree program, understand the modules, and access curated YouTube resources and study materials.</p>
            </article>
            <article class="offer-card reveal-on-scroll">
                <div class="offer-icon" aria-hidden="true"><img src="images/icons/career_guidance_icon.png" alt="" loading="lazy"></div>
                <h3>Career Guidance</h3>
                <p>Not sure what to do next? Discover future career opportunities linked to specific degrees and get advice on how to get there.</p>
            </article>
        </div>
    </div>
</section>
<section class="section-shell cta-energy-section" aria-label="Call to action">
    <div class="container cta-energy-wrapper">
        <div class="cta-energy-content reveal-on-scroll">
            <h2 class="cta-energy-heading">Ready to Find Your Path?</h2>
            <p class="cta-energy-subheading">Don't let your future wait. Discover the right degree for you today.</p>
            <div class="cta-energy-buttons">
                <a href="finder.php" class="btn btn-primary cta-energy-btn">Find My Degree</a>
            </div>
        </div>
        <div class="cta-energy-decoration" aria-hidden="true"></div>
    </div>
</section>
<?php include 'includes/footer.php'; ?>