Dashboard Temp Share Shortlinks Frames API

HTMLify

pricing.html
Views: 28 | 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
137
138
139
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pricing - GradeGenius AI</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">Home</a>
                <a href="features.html" class="nav-link">Features</a>
                <a href="pricing.html" class="nav-link active">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>
        <section class="page-header">
            <div class="container">
                <h1 class="fade-in-up">Simple, Scalable Pricing</h1>
                <p class="fade-in-up delay-1">Choose the plan that fits your institution's assessment volume.</p>
            </div>
        </section>

        <section class="pricing-section">
            <div class="container">
                <div class="pricing-grid">
                    
                    <!-- Basic Plan -->
                    <div class="pricing-card fade-in-scroll">
                        <h3 class="plan-name">Starter</h3>
                        <p class="price"><span class="currency">$</span>99<span class="period">/mo</span></p>
                        <p class="volume">Up to 5,000 Submissions</p>
                        <ul class="features-list">
                            <li>Semantic Grading (Basic)</li>
                            <li>Standard Reporting</li>
                            <li>Email Support</li>
                            <li>API Access (Limited)</li>
                        </ul>
                        <a href="contact.html" class="btn btn-secondary">Select Plan</a>
                    </div>

                    <!-- Pro Plan - Featured -->
                    <div class="pricing-card featured fade-in-scroll">
                        <div class="badge">Most Popular</div>
                        <h3 class="plan-name">Professional</h3>
                        <p class="price"><span class="currency">$</span>299<span class="period">/mo</span></p>
                        <p class="volume">Up to 20,000 Submissions</p>
                        <ul class="features-list">
                            <li><strong>All Starter Features</strong></li>
                            <li>Advanced Semantic Context</li>
                            <li>Code Evaluation Module</li>
                            <li>Custom Rubric Integration</li>
                            <li>Priority Support</li>
                        </ul>
                        <a href="contact.html" class="btn btn-primary">Start Free Trial</a>
                    </div>

                    <!-- Enterprise Plan -->
                    <div class="pricing-card fade-in-scroll">
                        <h3 class="plan-name">Enterprise</h3>
                        <p class="price"><span class="currency">Custom</span></p>
                        <p class="volume">Unlimited Volume</p>
                        <ul class="features-list">
                            <li><strong>All Professional Features</strong></li>
                            <li>Dedicated Account Manager</li>
                            <li>On-Premise Deployment Option</li>
                            <li>Advanced AI/Plagiarism Suite</li>
                            <li>SLA Guarantee</li>
                        </ul>
                        <a href="contact.html" class="btn btn-secondary">Contact Sales</a>
                    </div>

                </div>
            </div>
        </section>

        <section class="faq-section">
            <div class="container">
                <h2 class="section-title fade-in-scroll">Frequently Asked Questions</h2>
                <div class="faq-item fade-in-scroll">
                    <button class="faq-question">How is submission volume calculated?</button>
                    <div class="faq-answer">
                        <p>Submission volume is calculated based on the number of unique documents processed by the AI engine per calendar month. Overages are billed pro-rata or can be managed by upgrading your tier.</p>
                    </div>
                </div>
                <div class="faq-item fade-in-scroll">
                    <button class="faq-question">Do you offer academic discounts?</button>
                    <div class="faq-answer">
                        <p>Yes, we offer substantial discounts for accredited educational institutions. Please contact our sales team via the 'Contact' page for specific institutional rates.</p>
                    </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: