Week-3-Lab

Week 3 Lab: Surf and Paddle

Description

As a developer on the web, you will sometimes be tasked with creating an html page simply from an image file. In this assignment, you'll be taking an image and turning it into a functioning website.

Objectives

Learning Objectives

Upon completion of this assignment, you should:

• Understand the proper use and function of html tags.
• Understand and able to leverage the many css properties to style content.
• Use CSS to create layout for the HTML page.

Performance Objectives

After completing this assignment, you be able to effectively use

• Master HTML tags
• Effectively utilize some common css layout strategies (float or inline-block)
• Demonstrate static web site creation

Details

Deliverables

• A repo containing at least:
  • index.html
  • 'styles.css'
  • 'images/'

Requirements

• The resulting web page cannot just be an image of the assignment centered on the page :)
• Use Bootstrap
• Deploy your site to GitHub pages

Normal Mode

Using the image located assets/surf-and-paddle.png, create a bootstrap project and while using html and css to look like below, but be a functional website:

Hard Mode

Complete Normal Mode then make the website fully responsive and adhering to this responsive wireframe.

Additional Resources

• Read Bootstrap Docs
• Explore Codepen on Cover
• Explore Codepen on Hover
• Explore Codepen on Tint/Overlay
• Read Learn Layout
• Read HTML tag content categories