George Brown College - Graphic Design
Year 2 - Semester 1
Year 2 - Semester 1
Web Design 1 - Project 2
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/7e08ed52336763.590ccda9e0169.png)
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/5a9c0352336763.590ccda9e0e78.png)
The Website
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/1400/ff909c52336763.590ccda9e195e.png)
The Landing page. Clicking on the image or text leads to the nav screen, below.
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/1400/21b38152336763.590ccda9e1d20.png)
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/1400/1e40f952336763.590ccda9df4a9.png)
Each page of this small web portfolio would feature some of my works, all viewable within an i-frame.
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/1400/7d7f6752336763.590ccda9de4c5.png)
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/1400/490c6852336763.590ccda9dd9ef.png)
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/1400/9bf00652336763.590ccda9dfc8c.png)
About page with interactive i-frame.
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/1400/73d42c52336763.590ccda9dd4ef.png)
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/1400/5d244552336763.590ccda9df8a6.png)
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/1400/2eb49152336763.590ccda9deb1e.png)
Contact page with pop-up contact form when clicked.
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/1400/7b7dc152336763.590ccda9e06e9.png)
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/1400/c5568e52336763.590ccda9dd0c9.png)
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/1400/4cb6e552336763.590ccda9ddec8.png)
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/1400/47743152336763.590ccda9e2087.png)
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/1400/f5179a52336763.590ccda9e146b.png)
Using the 'Z-index' feature one could scroll through the designed prototype pages, bringing the ones hovered over to the foreground for viewing.
![graphic design Web design html5 css carl Romberg Website](https://mir-s3-cdn-cf.behance.net/project_modules/1400/f4f99852336763.590ccda9df055.png)