ckportfolio.com - Content Elements via HTML/CSS

Content Elements via HTML/CSS

Content Elements

We can now flip between the two pages (style.css and index.html) to start implementing content elements that matter to the users and eliminate placeholder colours used during the scaffolding process.

While the "title" and "footer" components should be straightforward, refer to the following screenshots to populate the "intro" section:

Here is another technique for selecting elements using CSS. For example, by providing both the parent's and the child's identifier as the target, you can easily style only the <h1> tags that only appear under #intro_left. Below are the code snippets for the "gallery "section:

The result is the website layout that closely resembles the original design:

You can now upload the finished product onto the public server, using the previously discussed FileZilla application.

Screencast Recordings

Fin