Project 4: HTML/CSS
Problem:
Create an old style and a new style for the Constitution of the United States using html and css coding.
Objectives:
Use open source imagery to find representations of the Constitution
Use Google fonts to stylize the Constitution
Learn and use html code to get a layout of the website
Use Adobe Dreamweaver to create a html and css code for the United States Constitution.
Use css code to style the website
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/9c138d197760335.663826250c09e.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/e71771197760335.663826250ca2a.png)
Old style on the left
New style on the right
The Idea and Thought Process:
I wanted to keep the old style code to look not the best on-purpose because when looking at the Constitution at first it's very dense with words and is not the clearest when trying to read the information. With the new style I wanted it to look more modernized with breaks and some hierarchy that highlights the key points within the text.
While developing the code, I did have some trouble with it breaking at first but I learned that I needed to go back and read through what I've typed out carefully to see where I could have went wrong within the code itself. A lot of the time it was a "+" in the place of "=" so whenever those got fixed the code gave me the result I was looking for.
Overall, I did enjoy learning html and css coded I plan on learning more and developing this skill further.