- Add Bootstrap
- Use the CDN link tag
- Apply the bootstrap grid classes
- Apply styling to make the page look as follows:
- Using only bootstrap styles, and not moving any html tags, make the cookie products alternate as follows on larger screens:
- Hint: Look into the push and pull classes
- Clarifications
- Don't change the order of the 3 main cookie html tags, the
h3
, followed by thep
, and then theimg
tags. Remember, we want to keep semantic order. - You can add
div
's and bootstrap classes as needed, you can wrap any tags in divs as needed, as long as you don't change the order.
- Don't change the order of the 3 main cookie html tags, the
- Build a personal (professional) web page. Follow the following criteria
- Use HTML5, CSS, Bootstrap
- You can use existing themes (i.e. http://bootswatch.com/)
- For the content:
- Introduce yourself
- Post projects you have done
- Education/Professional Experience, Relevant Skills
- List any technology or blog links you recommend
- Include at least one image (project related, you, or related picture)
- Optional: Post a "blog" entry about a technology you have used, or school topic
- Use HTML5, CSS, Bootstrap