Mobile Responsive Site

For our web development class we were tasked to create a responsive site for both desktop and mobile on the theme of tea or coffee. I chose to do mine on tea.

First, I sourced images from stock images. Then I drew out a few sketches for each page so I could figure out how to resize the images to the appropriate size for each column. The logos for Facebook, Instagram, and Twitter are available for free for web use from the company sites. (I’ll probably resize these logos at a later date.) I got my lorem impsum from here. Both heading and main text fonts are from Google. The background is a pattern that repeats, so the file size is nice and small. The other images were reduced in image and file size in Photoshop.

For mobile screens, I hid most of the images because they only served an aesthetic purpose.

Full site link: http://www.lufatest.com/humber/gdpw/klaudia/tea/