coding book
Read Me First 1) Go to this website “Colectivo coffee” http://colectivocoffee.com/troubadour-bakery/ This coffeeshop is one of my favorite coffeeshops in America. We still order coffee from there. 2) You are going to mock up this coffeeshop website – bakery page – as responsive layout coding book: Desktop size, Tablet Size, Mobile size. So you need to resize the browser a few times to visualize all the sizes for yourself. 3) You can download their logo and bakery title image from the website. 4) Do dropdown menu for News (on the nav), the way we did in class (not a big drop down menu) 5) Your navigation menus for mobile size should be list style as the stacking menu (Do not worry about Hamburger Nav Icon.) Do not worry about dropdown menu for News for the mobile size. 6) Replace all the sub headings (in the body and footer) to your favorite font style, not as an image. 7) Replace the image to your favorite bakery food image. Consider choosing your image to work with responsive layouts at tablet size and mobile size, so a bigger image will be good. Use element. 8) Give a caption (write about the image info, for example why it’s your favorite food) for the (main) images. (hint: figcaption) Its background should be transparent, so we can see the main image a bit. 9) Pay attention to the details, changing font size and image size for each layout. 10) Do not worry about sliding images, so ignore the arrow icons in the image. 11) Do not worry about the video logo as well. 12) Do not worry about the social media icons in the footer 13) Remember, you are making this as a responsive layout – desktop, tablet and mobile.
only use the constructions from http://soyeonjung.com/blog/ARTS486/
Password
S17_Arts486
"You need a similar assignment done from scratch? Our qualified writers will help you with a guaranteed AI-free & plagiarism-free A+ quality paper, Confidentiality, Timely delivery & Livechat/phone Support.
Discount Code: CIPD30
Click ORDER NOW..
