Skip to content

Project Setup

The designs

Homepage design of the homepage

The second page design of the homepage

  1. Create a project folder on your desktop (I will be calling mine fem-chess)

  2. Create two HTML files, and a folder for images

    • index.html
    • instructor.html
    • Directoryimages
      • chess-board.jpg
      • elena.jpg
  3. Either write the HTML yourself (text is provided below) or copy/paste the HTML below into your files.

Images (right click to save)

If you are familiar with GitHub, you can find the starting code for many of the lessons here. If you are unfamiliar with it, you can copy/paste the code provided below.

The starting HTML
First page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Learn Chess the right way</title>
</head>
<body>
<main>
<h1>Books hard to follow? YouTube letting you down? Learn Chess the right way.</h1>
<img src="images/chess-board.jpg" alt="A chess board with gold and silver peices">
<p>Chess shouldn't feel like memorizing endless opening variations or sifting through amateur videos
with confusing
explanations. Our structured approach breaks down complex strategies into clear, progressive steps with expert
instruction and personalized feedback. <strong>Stop wasting time with scattered resources and start mastering real
chess
today</strong>. <a href="instructor.html">Start learning today!</a></p>
<h2>Start your journey to grandmaster today</h2>
<h3>Learn the Right Way, in the Right Order</h3>
<p>Our curriculum follows proven chess pedagogy, building from fundamentals to advanced strategy. Each lesson
connects
naturally to the next, so you always know what to study. </p>
<h3>Train with Expert Instructors</h3>
<p>Learn from titled players who break down complex concepts into clear insights. Understand not just what to do,
but
why it works.</p>
<h3>Track Your Progress with Precision</h3>
<p>Detailed analytics identify your strengths and weaknesses, then adapt your training to focus on what matters most
for your improvement.</p>
</main>
<footer>
<h2>Ready to Improve Your Chess?</h2>
<p>Join thousands of students who are already leveling up their game. Start your first lesson today—it's free to get
started!. <a href="instructor.html">Start learning today!</a></p>
</footer>
</body>
</html>
Second page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Learn Chess the right way</title>
</head>
<body>
<main>
<h1>Meet Your Instructor Grandmaster Elena Petrov</h1>
<img src="images/elena.jpg" alt="Elena Petrov smiling at the camera while sitting front of a chess board">
<p><strong>Elena has been teaching chess for over 15 years and holds the International Grandmaster
title</strong>.
She's coached students from complete beginners to national champions, and believes anyone can improve with the
right guidance.
</p>
<p>Her patient, clear teaching style has helped hundreds of students break through plateaus and achieve
ratings they
never
thought possible. Elena's approach combines classical chess principles with modern training techniques, making
complex
ideas accessible to players at every level.</p>
<h2>About Elena</h2>
<h3>Teaching Philosophy</h3>
<p>Elena believes chess isn't about memorizing moves—it's about understanding patterns and thinking clearly. Her
goal
is to
help you see the board the way strong players do, one concept at a time. Too many students get lost in endless
opening
theory or tactical puzzles without grasping the fundamental principles that tie everything together. She focuses
on
building your intuition and decision-making skills so you can play confidently in any position. When you
understand
the
'why' behind each move, improvement becomes natural and enjoyable.</p>
<h3>Experience & Credentials</h3>
<ul>
<li>International Grandmaster (2023)</li>
<li>3x National Chess Champion</li>
<li>Author of "Chess Fundamentals Reimagined"</li>
</ul>
</main>
<footer>
<h2>Ready to Improve Your Chess?</h2>
<p>Join thousands of students who are already leveling up their game. Start your first lesson today—it's free to get
started!. <a href="index.html">Start learning today!</a></p>
</footer>
</body>
</html>
The content (if you are writing the HTML yourself)
First page
Books hard to follow? YouTube letting you down?
Learn Chess the right way.
A chess board with gold and black peices
Chess shouldn't feel like memorizing endless opening variations or sifting through amateur videos with confusing explanations. Our structured approach breaks down complex strategies into clear, progressive steps with expert instruction and personalized feedback. Stop wasting time with scattered resources and start mastering real chess today. Start learning today!
Start your journey to grandmaster today
Learn the Right Way, in the Right Order
Our curriculum follows proven chess pedagogy, building from fundamentals to advanced strategy. Each lesson connects naturally to the next, so you always know what to study.
Train with Expert Instructors
Learn from titled players who break down complex concepts into clear insights. Understand not just what to do, but why it works.
Track Your Progress with Precision
Detailed analytics identify your strengths and weaknesses, then adapt your training to focus on what matters most for your improvement.
Ready to Improve Your Chess?
Join thousands of students who are already leveling up their game. Start your first lesson today—it's free to get started!. Start learning today!
Second page
Meet Your Instructor
Grandmaster Elena Petrov
Elena Petrov smiling at the camera while sitting front of a chess board
Elena has been teaching chess for over 15 years and holds the International Grandmaster title. She's coached students from complete beginners to national champions, and believes anyone can improve with the right guidance.
Her patient, clear teaching style has helped hundreds of students break through plateaus and achieve ratings they never thought possible. Elena's approach combines classical chess principles with modern training techniques, making complex ideas accessible to players at every level.
About Elena
Teaching Philosophy
Elena believes chess isn't about memorizing moves—it's about understanding patterns and thinking clearly. Her goal is to help you see the board the way strong players do, one concept at a time. Too many students get lost in endless opening theory or tactical puzzles without grasping the fundamental principles that tie everything together. She focuses on building your intuition and decision-making skills so you can play confidently in any position. When you understand the 'why' behind each move, improvement becomes natural and enjoyable.
Experience & Credentials
International Grandmaster (2023)
3x National Chess Champion
Author of "Chess Fundamentals Reimagined"
Ready to Improve Your Chess?
Join thousands of students who are already leveling up their game. Start your first lesson today—it's free to get started!. Start learning today!