You will skin 3 project gutenberg stories with custom CSS.
You will skin 2 versions of a possible professional homepage for your self with 2 versions of CSS.
Read requirements.org
Read this comic http://theoatmeal.com/comics/design_hell
git clone https://github.com/abramhindle/CMPUT404-assignment-css-hell.git
Textual content is copyright Abram Hindle (C) 2013 under the CC-BY-SA 4.0 unported license. Attribution should be a hyperlink to the repository and (C) 2013 Abram Hindle visibile in the text.
Code is licensed under the Apache 2.0 license.
With several modification and inspired by the reference URL, 1.html,2.html,3.html,style.css, good.html,bad.html, good_styles.css, bad_styles.css content is copyright Youwei Chen (C) under the CC-BY-SA 4.0 unported license.
The original books' HTML from the top book listed in http://www.gutenberg.org/browse/scores/top;
Some cute CSS style, inspired by https://wdexplorer.com/20-examples-beautiful-css-typography-design/, especially for the header theme
Also, the cute bear wave images from https://www.pinterest.ca/herringwws/bears-waving/.
I wrote a linked css file which is called style.css and this is applied inside the HTML, except for Theme images and image captions with CSS. Thus, i theme paragraphs with CSS, theme header tags with CSS, theme images and images captions with CSS, change the colour scheme .For all three documents, I added a bear wave image below the books' Preface to show the welcome to Audiences and display captions, with standard figure settings as listed inside the styles.I also wrote comments inside the files. Instead of the full web page (if there are dozens of chapters), My screenshots only contain the major part of the web page(with all significant changes applied).
The HTML page inspired by https://softwareprocess.es/homepage/index.html, And http://theoatmeal.com/comics/design_hell, The framework coming from the template https://codepen.io/terf/pen/vgurb, http://www-db.deis.unibo.it/courses/TW/DOCS/w3schools/css/css_navbar.asp.html The ugly bear from https://www.deviantart.com/idiosyncratic-hammer/art/ugly-bears-170967550