Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 9 additions & 7 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,21 +8,21 @@ Given this [design file](design-files/desktop.jpg), use HTML and CSS to build th

## To Get Started

* Fork / Clone this project into a directory on your machine.
- Fork / Clone this project into a directory on your machine.

* Open the code with your preferred integrated development environment (IDE).
- Open the code with your preferred integrated development environment (IDE).

* Start on the objectives
- Start on the objectives

## Objectives:

Project objectives are meant to increase your knowledge by giving you practice on the principles learned earlier in the day. Aim to complete every objective on this list. Get as far as you can on the design as we will be using your work today for tomorrow's project as well.

**Watch this short guide on how to setup your project:** [UI Project Setup 101](https://youtu.be/UU9WjpMsaLE)
**Watch this short guide on how to setup your project:** [UI Project Setup 101](https://youtu.be/UU9WjpMsaLE)

- [ ] Study the [desktop design file](design-files/desktop.jpg). Visualize how you would convert the design into HTML and CSS. Make a quick sketch of how you would build the HTML structure. Use your sketch as a plan of action for the next two objectives. Challenge yourself to only use 10 minutes for this particular objective.
- [ ] Study the [desktop design file](design-files/desktop.jpg). Visualize how you would convert the design into HTML and CSS. Make a quick sketch of how you would build the HTML structure. Use your sketch as a plan of action for the next two objectives. Challenge yourself to only use 10 minutes for this particular objective.

- [ ] Go to your [index.html](great-idea-website/index.html) file and build out your HTML structure. You have been provided all the content and images you need to get started inside the `index.html` file. Start to code HTML around the content!
- [ ] Go to your [index.html](great-idea-website/index.html) file and build out your HTML structure. You have been provided all the content and images you need to get started inside the `index.html` file. Start to code HTML around the content!

- [ ] Style your HTML using the [desktop design file](design-files/desktop.jpg) as a visual guide. Use any CSS properties you want for general styling but for layout, you can only use the box model (content, padding, margin, border) and `display:inline-block`.

Expand All @@ -37,4 +37,6 @@ Stretch goals are not required. Complete the project objectives before working o

- [ ] Change all the image tags into background images instead

- [ ] Research CSS animations and see how you could implement some ideas when hovering over buttons or navigation items
- [ ] Research CSS animations and see how you could implement some ideas when hovering over buttons or navigation items

Jordan Lanier
1 change: 0 additions & 1 deletion UI-III-Flexbox
Submodule UI-III-Flexbox deleted from 4f8724