> For the complete documentation index, see [llms.txt](https://redi-school-1.gitbook.io/html-and-css/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://redi-school-1.gitbook.io/html-and-css/course-information/html-css.md).

# HTML / CSS

{% hint style="success" %}
**Get Started**

* Are you new to this course: [Course Overview](/html-and-css/self-onboarding/your-course.md)
* Start your Onboarding: [Get Started](/html-and-css/self-onboarding/get-started.md)
  {% endhint %}

### Course Plan  <a href="#get-started" id="get-started"></a>

<table><thead><tr><th width="79.74041748046875">Day</th><th width="114.97625732421875">Date</th><th>Topics</th><th>Format</th></tr></thead><tbody><tr><td>Tue</td><td>17.03.2026</td><td>Onboarding</td><td>💻 Online</td></tr><tr><td>Thurs</td><td>19.03.2026</td><td>Course Kick off online</td><td>💻 Online</td></tr><tr><td>Tues</td><td>24.03.2026</td><td>Website structure &#x26; intro to HTML</td><td>💻 Online</td></tr><tr><td>Thurs</td><td>26.03.2026</td><td>HTML Basics<br>Syntax and code structure</td><td>💻 Online</td></tr><tr><td>Tues</td><td>31.03.2026</td><td>HTML Basics II</td><td>💻 Online</td></tr><tr><td>Thurs</td><td>02.04.2026</td><td>Recap HTML + introduction to CSS with element selectors</td><td>💻 Online</td></tr><tr><td>Tues</td><td>07.04.2026</td><td>Units (px/%), CSS text formatting, borders &#x26; background colours</td><td>💻 Online</td></tr><tr><td>Thurs</td><td>09.04.2026</td><td>Class &#x26; ID selectors, Psuedo classes, Pseudo elements, combinators</td><td>💻 Online</td></tr><tr><td>Tues</td><td>14.04.2026</td><td>CSS box model,<br>Box model practice</td><td>💻 Online</td></tr><tr><td>Thurs</td><td>16.04.2026</td><td>Display inline/block, Intro to Flexbox + Flexbox Froggy</td><td>💻 Online</td></tr><tr><td>Tues</td><td>21.04.2026</td><td><p>Mid-semester feedback (15 minutes at the beginning of the class).</p><p>Flexbox practice &#x26; <br>Mini Project intro &#x26; working time</p></td><td>💻 Online</td></tr><tr><td>Thurs</td><td>23.04.2026</td><td>Mini Project Work <br>Recapathon</td><td>💻 Online</td></tr><tr><td>Tues</td><td>28.04.2026</td><td>Mini Project Presentations</td><td>💻 Online</td></tr><tr><td>Thurs</td><td>30.04.2025</td><td><strong>AI Assisted Review</strong></td><td>💻 Online</td></tr><tr><td>Tues - Thurs</td><td>05.05.2026  - 07.05.2026</td><td>Career Week</td><td>💻 Online</td></tr><tr><td>Tues</td><td>12.05.2026</td><td>Responsive design, Media queries</td><td>💻 Online</td></tr><tr><td>Thurs</td><td>14.05.2026</td><td>Public Holiday</td><td>NO CLASS</td></tr><tr><td>Tues</td><td>19.05.2026</td><td>Final Project Kick-Off</td><td>💻 Online</td></tr><tr><td>Thurs</td><td>21.05.2026</td><td>Introduce VSCode, <br>Local HTML &#x26; CSS files, <br>Inline Styling</td><td>💻 Online</td></tr><tr><td>Tues</td><td>26.05.2026</td><td>CSS Grid <br>Final Project Work</td><td>💻 Online</td></tr><tr><td>Thurs</td><td>28.05.2026</td><td>Accessibility<br>Icons &#x26; using other people's code/assets/fonts<br>Final Project Work</td><td>💻 Online</td></tr><tr><td>Tues</td><td>02.06.2026</td><td>HTML Forms+ Validators<br>Final Project Work</td><td>💻 Online</td></tr><tr><td>Thurs</td><td>04.06.2026</td><td>Public Holiday</td><td>NO CLASS</td></tr><tr><td>Tues</td><td>09.06.2026</td><td>Final Project</td><td>💻 Online</td></tr><tr><td>Thurs</td><td>11.06.2026</td><td>Final Project</td><td>💻 Online</td></tr><tr><td>Tues</td><td>16.06.2026</td><td>Online Class Demo Day</td><td>💻 Online</td></tr><tr><td>Friday</td><td>19.06.2026</td><td>On-site Demo Day for Hamburg Students</td><td><p>ON-SITE at Jakala / HAMBURG</p><h4 id="help"><br></h4></td></tr></tbody></table>

### **⭐️ Help** <a href="#help" id="help"></a>

For help, you can message your Contact Person or post in the Course Channel on Slack.