پروژه آموزشی HTML و CSS
سربرگ خوانا و معرفی روشن برای صفحه اصلی
در این نمونه، منو، پیام اصلی و مسیر اقدام در فضای باریک هم در دسترس هستند. در عرض بیشتر، متن و تصویر کنار هم قرار می گیرند.
این صفحه نمونه آموزشی است و فرم ارسال اطلاعات ندارد.

خدمات آموزشی
این بخش مقصد واقعی لینک خدمات است. متن معرفی باید مشخص کند صفحه چه کاری انجام می دهد و کاربر چه مسیری پیش رو دارد.
پروژه آموزشی
عنوان را بلندتر کنید، یک لینک به منو اضافه کنید و صفحه را در عرض های مختلف ببینید. نباید متن یا دکمه پشت تصویر پنهان شود.
شروع گفتگو
در سایت واقعی این بخش می تواند فرم یا راه ارتباطی معتبر باشد. در نمونه حاضر هیچ درخواست شبکه ای ارسال نمی شود.
بازگشت به معرفیتمرین مستقل
لینک های زیر از عرض 640px به بالا ردیفی و چندخطی شوند؛ در حالت پایه ستونی باقی بمانند.