Seishin Web Studio

HTML5 + CSS Two‑Column Layout Practice

Welcome

This page demonstrates a classic two‑column layout using semantic HTML5 elements and basic CSS layout techniques. The navigation sits on the left and the main content flows on the right. Try scrolling and using the internal “Go to Footer” link in the nav to jump to the bottom of the page.

You can customize the colors, spacing, and typography to match your style. The links use a :hover effect for interactivity, and there’s an optional “fixed” navigation mode available in the CSS if you want the menu to stay put as you scroll.

About

This exercise covers floats, positioning, and internal page links. The header spans the full width at the top, the footer spans the full width at the bottom, and the two‑column body uses floats for layout.

To try fixed navigation, add the class fixed-nav to the <nav> element in the HTML. That CSS rule pins the nav to the left side as you scroll. (You can undo it by removing the class.)

Contact

Questions about the assignment? Replace this placeholder text with your own content or a simple contact blurb.