A simple static website created for educational purposes, designed to help students become familiar with HTML and basic CSS usage.
The website consists of five pages, all implemented using <div> elements and a shared layout (sidebar + content).
Styling is done exclusively with CSS, and the site uses a pink color theme according to the project requirements.
- Welcome message
- Introductory text explaining the goals of the course
- Description of the website’s sections
- Image displaying the HTML logo
- List of course-related announcements
- Each announcement includes:
- Date
- Title (Heading 2)
- Description
- If the announcement refers to an assignment, it links to
homework.html - Includes a “back to top” option (
<top>)
- Two ways to contact the instructor:
- Web form (Sender, Subject, Message)
mailto:link that opens the user's email client
- List of downloadable course documents (
.docfiles) - Each document includes:
- Title (Heading 2)
- Description
- Download link
- Includes a “back to top” option (
<top>)
- List of downloadable assignments
- Each assignment includes:
- Title (Heading 2)
- Learning objectives
- Assignment description (with download link)
- Required deliverables
- Submission deadline
- Includes a “back to top” option (
<top>)
All styling is located in:
style.css
The layout includes:
- A left sidebar with navigation buttons
- A main content area
- A pink color palette
- Flexbox-based layout structure
If GitHub Pages is enabled for this repository, the website will be available at:
https://giovergos.github.io/ergasia-ekpaideftika/
You can enable GitHub Pages from:
Settings → Pages → Deploy from branch
index.htmlannouncement.htmlcommunication.htmldocuments.htmlhomework.htmlstyle.css- Images and
.docfiles for download
This website was created as part of an educational exercise to learn:
- HTML structure
- Tag usage
- Multi‑page website creation
- Basic CSS styling
- Organizing files in a static website
Website created for educational use in an HTML course.