TIF UNISNU Jepara Landing Page

Context & Challenge

This project is the final submission from Dicoding Indonesia Class Course "Belajar Dasar Pemrograman Web". Building a School landing page for TIF UNISNU Jepara using HTML, CSS, and JavaScript.

Architecture & Scope

1. There are <header>, <footer>, <main>, <article>, and <aside> elements in the HTML file.
2. Each element must contain content that corresponds to its intended purpose (applying the concept of semantic HTML in structuring the website).
3. For example, the header element contains the title and navigation, while the article content should not be in the header element.
4. It is mandatory to display personal identity (personal biodata) which must at least contain a genuine photo of oneself and name according to the Dicoding profile. Personal identity must be displayed in the <aside> element.
5. Creating the layout using float or flexbox.
6. Creating an appealing app design with proper color, layout, fonts, padding, and margin.
7. Creating a responsive layout using media queries and flexbox, ensuring no overlapping or content spilling out of containers.
8. Implementing JavaScript to manipulate the DOM with dropdown menus, loops, sliders, or another interactive features.