Jodit Editor

<!DOCTYPE html>

<head>

<title>Attainable Futures Academy</title>

<style>

* {

box-sizing: border-box;

margin: 0;

padding: 0;

font-family: Arial, Helvetica, sans-serif;

}

body {

background: #f7faf9;

color: #13231f;

line-height: 1.6;

}

header {

background: linear-gradient(135deg, #0f766e, #134e4a);

color: white;

padding: 24px 8%;

}

nav {

display: flex;

justify-content: space-between;

align-items: center;

gap: 20px;

flex-wrap: wrap;

}

.logo {

font-size: 24px;

font-weight: bold;

}

.nav-links a {

color: white;

text-decoration: none;

margin-left: 20px;

font-weight: 600;

}

.hero {

padding: 90px 8%;

display: grid;

grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

gap: 40px;

align-items: center;

background: linear-gradient(135deg, #0f766e, #115e59);

color: white;

}

.hero h1 {

font-size: clamp(38px, 6vw, 68px);

line-height: 1.05;

margin-bottom: 24px;

}

.hero p {

font-size: 20px;

max-width: 640px;

margin-bottom: 30px;

}

.buttons {

display: flex;

gap: 16px;

flex-wrap: wrap;

}

.btn {

display: inline-block;

padding: 14px 22px;

border-radius: 12px;

text-decoration: none;

font-weight: bold;

transition: 0.2s ease;

}

.btn-primary {

background: #facc15;

color: #13231f;

}

.btn-secondary {

border: 2px solid white;

color: white;

}

.hero-card {

background: white;

color: #13231f;

border-radius: 24px;

padding: 30px;

box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);

}

.hero-card h2 {

margin-bottom: 16px;

color: #0f766e;

}

.hero-card ul {

padding-left: 20px;

}

section {

padding: 70px 8%;

}

.section-title {

text-align: center;

max-width: 800px;

margin: 0 auto 42px;

}

.section-title h2 {

font-size: 36px;

margin-bottom: 12px;

color: #134e4a;

}

.grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));

gap: 24px;

}

.card {

background: white;

border-radius: 20px;

padding: 28px;

box-shadow: 0 10px 30px rgba(15, 118, 110, 0.1);

border: 1px solid #d8eeea;

}

.card h3 {

color: #0f766e;

margin-bottom: 12px;

font-size: 22px;

}

.marketplace {

background: #e6fffa;

}

.pricing-card {

background: white;

border-radius: 22px;

padding: 30px;

border: 2px solid #ccfbf1;

}

.price {

font-size: 34px;

font-weight: bold;

color: #0f766e;

margin: 12px 0;

}

.dashboard-preview {

background: #13231f;

color: white;

border-radius: 28px;

padding: 36px;

display: grid;

grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

gap: 20px;

}

.mini-panel {

background: rgba(255,255,255,0.08);

border: 1px solid rgba(255,255,255,0.15);

padding: 20px;

border-radius: 18px;

}

.contact {

background: #134e4a;

color: white;

text-align: center;

}

.contact h2 {

font-size: 38px;

margin-bottom: 16px;

}

footer {

padding: 24px 8%;

text-align: center;

background: #0f2926;

color: white;

}

@media (max-width: 700px) {

.nav-links a {

display: inline-block;

margin: 8px 10px 0 0;

}

.hero {

padding-top: 60px;

}

</style>

</head>

<body>

<nav>

<div class="logo">Attainable Futures Academy</div>

<a href="#courses">Courses</a>

<a href="#tutors">Tutors</a>

<a href="#schools">Schools</a>

<a href="#pricing">Memberships</a>

<a href="#contact">Start</a>

</div>

</nav>

</header>

<main>

<div>

<h1>Worldwide learning for students, teachers, tutors, and schools.</h1>

<p>

A global virtual education marketplace for courses, ebooks, tutoring, curriculum, lesson plans, labs, videos, and digital classrooms.

</p>

<a class="btn btn-primary" href="#pricing">Join the Platform</a>

<a class="btn btn-secondary" href="#courses">Explore Courses</a>

</div>

<h2>Built for Revenue + Impact</h2>

<ul>

<li>Sell digital courses, ebooks, and learning materials</li>

<li>Offer paid tutoring and virtual classes</li>

<li>Support public, private, homeschool, and adult learners</li>

<li>Use revenue to support Sustainable Life land goals</li>

</ul>

</div>

</section>

<h2>Educational Marketplace</h2>

<p>Sell and organize legal educational materials, courses, ebooks, lesson plans, labs, worksheets, videos, and curriculum bundles.</p>

</div>

<h3>Digital Courses</h3>

<p>Host paid and free courses with videos, lessons, quizzes, downloads, certificates, and progress tracking.</p>

</div>

<h3>Ebooks & Schoolbooks</h3>

<p>Upload licensed ebooks and original educational guides with secure downloads and purchase records.</p>

</div>

<h3>Curriculum Packages</h3>

<p>Build grade-level, subject-based, homeschool, trade-skill, and school-ready curriculum bundles.</p>

</div>

<h3>Tests & Quizzes</h3>

<p>Create practice exams, assignments, worksheets, and auto-graded assessments for learners.</p>

</div>

</section>

<h2>Tutor Marketplace</h2>

<p>Connect students with local and online tutors while allowing the platform to earn from tutoring bookings.</p>

</div>

<h3>Student Matching</h3>

<p>Students can search tutors by subject, price, location, grade level, rating, and availability.</p>

</div>

<h3>Booking & Payments</h3>

<p>Parents and students can book tutoring sessions and pay securely online.</p>

</div>

<h3>Tutor Profiles</h3>

<p>Tutors can list skills, certifications, subjects, experience, hourly rates, and available times.</p>

</div>

</section>

<h2>Built for Schools, Teachers, Parents, and Students</h2>

<p>Every user gets a simple dashboard designed for their role.</p>

</div>

<h3>Student Dashboard</h3>

<p>Courses, downloads, tutor sessions, progress, messages, and certificates.</p>

</div>

<h3>Teacher Dashboard</h3>

<p>Course uploads, student tracking, assignments, tests, and revenue reports.</p>

</div>

<h3>Parent Dashboard</h3>

<p>Student progress, purchases, tutoring bookings, and learning reports.</p>

</div>

<h3>Admin Dashboard</h3>

<p>Manage users, approve content, track payments, view analytics, and protect the platform.</p>

</div>

</section>

<h2>Memberships & Revenue Streams</h2>

<p>Start simple, then expand into school licensing, certifications, tutoring, and course sales.</p>

</div>

<h3>Student Basic</h3>

<p>Access selected lessons, study tools, and affordable learning resources.</p>

</div>

<h3>Premium Learning</h3>

<p>Premium courses, downloads, AI study tools, certificates, and tutor discounts.</p>

</div>

<h3>School Access</h3>

<div class="price">Custom</div>

<p>Classrooms, teacher tools, student management, curriculum bundles, and reporting.</p>

</div>

</section>

<h2>Start Building the Future of Education</h2>

<p>Launch courses, tutoring, ebooks, curriculum, and virtual classrooms from one connected platform.</p>

<br />

<a class="btn btn-primary" href="mailto:business@attainablefutures.fyi">Contact Attainable Futures</a>

</section>

</main>

</footer>

</body>

</html>