Dashboard Temp Share Shortlinks Frames API

HTMLify

index.html
Views: 42 | Author: karbonsites 
  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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GradeGenius AI - The Future of Examination</title>
    <link rel="stylesheet" href="./style.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
    <header class="header">
        <div class="container nav-container">
            <div class="logo">GradeGenius<span class="logo-accent">AI</span></div>
            <nav class="nav">
                <a href="index.html" class="nav-link active">Home</a>
                <a href="features.html" class="nav-link">Features</a>
                <a href="pricing.html" class="nav-link">Pricing</a>
                <a href="contact.html" class="nav-link btn-cta-nav">Get Started</a>
            </nav>
            <button class="menu-toggle" aria-label="Toggle navigation">
                &#9776;
            </button>
        </div>
    </header>

    <main>
        <!-- Hero Section -->
        <section class="hero">
            <div class="container hero-content">
                <div class="hero-text">
                    <h1 class="fade-in-up">Automate Grading with <span class="highlight">Unmatched Precision</span></h1>
                    <p class="fade-in-up delay-1">GradeGenius AI provides instant, objective, and detailed feedback for all your assessments. Revolutionize education today.</p>
                    <div class="cta-group fade-in-up delay-2">
                        <a href="#demo" class="btn btn-primary">Request a Demo</a>
                        <a href="features.html" class="btn btn-secondary">Learn More</a>
                    </div>
                </div>
                <div class="hero-visual fade-in-up delay-3">
                    <div class="mockup-box">
                        <div class="mockup-header">
                            <span>Analysis Report (Mockup)</span>
                        </div>
                        <div class="mockup-body">
                            <div class="status-line"><span class="status-dot processing"></span> Processing...</div>
                            <div class="score-display">A+ <span class="score-detail">(98.5%)</span></div>
                            <div class="feedback-item accuracy">Accuracy: <span class="value">High</span></div>
                            <div class="feedback-item speed">Time Taken: <span class="value">0.8s</span></div>
                            <div class="feedback-item insight">Key Insight: Strong conceptual understanding in Section 2.</div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Trust Bar -->
        <section class="trust-bar">
            <div class="container">
                <p>Trusted by leading institutions:</p>
                <div class="logo-grid">
                    <span class="logo-text">EDU-CORP</span>
                    <span class="logo-text">GLOBAL LEARNING</span>
                    <span class="logo-text">INNOVATE-U</span>
                    <span class="logo-text">TECH ACADEMY</span>
                </div>
            </div>
        </section>

        <!-- Key Benefits Section -->
        <section class="benefits-section">
            <div class="container">
                <h2 class="section-title fade-in">The Genius Advantage</h2>
                <div class="bento-grid">
                    <div class="bento-item tile-1 fade-in-scroll">
                        <h3>Instant Feedback</h3>
                        <p>Students receive results immediately, boosting learning retention.</p>
                        <span class="icon">⚡</span>
                    </div>
                    <div class="bento-item tile-2 fade-in-scroll">
                        <h3>Bias Elimination</h3>
                        <p>Objective scoring ensures fairness across all submissions.</p>
                        <span class="icon">⚖️</span>
                    </div>
                    <div class="bento-item tile-3 fade-in-scroll">
                        <h3>Complex Analysis</h3>
                        <p>Handles essays, code snippets, and multi-format tests seamlessly.</p>
                        <span class="icon">🧠</span>
                    </div>
                    <div class="bento-item tile-4 fade-in-scroll">
                        <h3>Teacher Efficiency</h3>
                        <p>Save hundreds of hours annually by automating repetitive tasks.</p>
                        <span class="icon">⏱️</span>
                    </div>
                    <div class="bento-item tile-5 wide-tile fade-in-scroll">
                        <h3>Deep Analytics</h3>
                        <p>Visualize class performance trends and identify weak spots instantly.</p>
                        <span class="icon">📊</span>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer class="footer">
        <div class="container footer-grid">
            <div class="footer-col">
                <h4>GradeGeniusAI</h4>
                <p>The benchmark for automated assessment.</p>
            </div>
            <div class="footer-col">
                <h4>Quick Links</h4>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="features.html">Features</a></li>
                    <li><a href="pricing.html">Pricing</a></li>
                </ul>
            </div>
            <div class="footer-col">
                <h4>Legal</h4>
                <ul>
                    <li><a href="#">Privacy Policy</a></li>
                    <li><a href="#">Terms of Service</a></li>
                </ul>
            </div>
            <div class="footer-col contact-col">
                <h4>Connect</h4>
                <p>Email: support@gradegenius.ai</p>
            </div>
        </div>
        <div class="copyright">
            &copy; 2024 GradeGeniusAI. All rights reserved.
        </div>
    </footer>

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

Share this file: