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.

Teatopia

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

Advertisements

One thought on “Mobile Responsive Site

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s