sultanbek_askaruly/english-easy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

study-friendly design: warm colors, animations, motivation

Browse Source
This commit is contained in:
Dauren777 2026-06-19 06:07:30 +00:00
parent 0e300ae898
commit e1d76922a7
2 changed files with 469 additions and 193 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

637
css/style.css
View File

File diff suppressed because it is too large Load Diff

25
index.html
View File

@ -27,15 +27,19 @@
<section class="hero"> <section class="hero">
<div class="container"> <div class="container">
<h1>Welcome to <span>English Easy</span></h1> <div class="hero-badge">Start your journey</div>
<p>Learn English step by step with vocabulary, grammar, exercises, reading texts, and tests. Start your journey today!</p> <h1>Learn English with <span class="highlight">Easy</span> Steps</h1>
<a href="vocabulary.html" class="btn">Start Learning</a> <p>Vocabulary, grammar, exercises, reading texts, and tests — everything you need to start speaking English with confidence.</p>
<div class="hero-buttons">
<a href="vocabulary.html" class="btn">Start Learning</a>
<a href="exercises.html" class="btn btn-outline">Try Exercises</a>
</div>
</div> </div>
</section> </section>
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<h2 class="section-title">What You Will Learn</h2> <h2 class="section-title">What You'll <span>Learn</span></h2>
<p class="section-subtitle">We make learning English simple and fun with clear explanations and interactive exercises.</p> <p class="section-subtitle">We make learning English simple and fun with clear explanations and interactive exercises.</p>
<div class="cards-grid"> <div class="cards-grid">
<div class="card"> <div class="card">
@ -72,9 +76,18 @@
</div> </div>
</section> </section>
<section class="section how-it-works"> <section class="section motivation-banner" style="padding:0;background:none;">
<div class="container"> <div class="container">
<h2 class="section-title">How It Works</h2> <div class="motivation-banner">
<h3>Ready to Start?</h3>
<p>Every expert was once a beginner. Take the first step today!</p>
</div>
</div>
</section>
<section class="section section-alt">
<div class="container">
<h2 class="section-title">How It <span>Works</span></h2>
<p class="section-subtitle">Three simple steps to start learning English.</p> <p class="section-subtitle">Three simple steps to start learning English.</p>
<div class="steps"> <div class="steps">
<div class="step"> <div class="step">