The goal for project 3 is to create wireframe web pages using the basics of HTML and CSS, and the Bootstrap framework. The HTML creates the boxes where content will eventually go, while the CSS applies colors, fonts, and any other visual adjustments to the content.
Both wireframe pages feature blocks of color and type to label future content, as well as greeked text to simulate copy that may be there in the future. There are links to the other page on each page, as well a link to the Bootstrap framework used to create the pages.
Each page also features a change in layout when the screen size gets smaller, where the text boxes become stacked instead of columns.
Below is the home page as seen on laptop dimensions.
On mobile, the home page stacks.
The code for the homepage:
Below is the secondary page as seen on laptop dimensions.
On mobile, the secondary page content also becomes stacked.
The code for the second page:
To further code and customize the pages, I changed the type. and added images and background colors to create the beginning of a new website.
Below is the home page and the secondary about page.
Additionally, I decided that on the mobile version, on the secondary about page, the bottom two paragraphs disappear.
The CSS code that made my text changes possible:
