You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: Week2/MAKEME.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -44,9 +44,7 @@ In the following video you'll be rebuilding a responsive HTML5 website. Put your
44
44
45
45
### 5. PROJECT: Responsive website
46
46
47
-
> Before you start this exercises, make sure to create a folder inside the `hyf-html-exercises` folder. Create a `week2` folder and put this exercise files inside.
48
-
49
-
> Tip: Use GIT and GitHub along the way, you can easily use this project as part of your portfolio!
47
+
> Tip: Use GIT and GitHub along the way, so that you can practice it!
50
48
51
49
In this project you're going to rebuild `the homepage` of an existing responsive website. Choose one of the following:
52
50
@@ -59,14 +57,16 @@ In this project you're going to rebuild `the homepage` of an existing responsive
59
57
60
58
You don't have to build everything, but include the following requirements:
61
59
60
+
- Create a new repository on your GitHub for your website, you can name it _WEBSITENAME-clone_
61
+
- Create an `index.html` to make your HTML
62
62
- Design-wise it should be similar so the fonts, icons, text, etc. should look the same as the original
63
63
- Only rebuild the homepage (which should include a navigation bar, footer, the landing section and at least 2 other sections. A section is one part of the website that contains information and that needs to adjust based on the screen size. A list of company logo's or a single button is not considered a section!)
64
64
- Write your CSS in an external stylesheet
65
65
- You are **allowed** to use a CSS framework if you have experience in it, but you do not have to. It is up to you!
66
66
- Make use of `flexbox`
67
67
- Download the assets (images, other forms of media) through the original webpage, or use your own!
68
68
- Use media queries for both tablet and mobile (This might be same for the website you're making)
69
-
-**Make use of GIT and GitHub** to keep track of your work. The name of the repository should web _WEBSITENAME-clone_
69
+
-Deploy your website using Github Pages! We leave it as an exercise for you to figure out how to do it
70
70
71
71
### 6. Optional: Flexbox games
72
72
@@ -81,6 +81,6 @@ If you like learning in a fun way there are quite a few games on the internet th
81
81
After you've finished your todo list it's time to show us what you got! The homework you have to submit this week is the following:
82
82
83
83
1. GIT exercise (the URL of the remote `favorite-cmd-commands` repository)
84
-
2.The responsive website
84
+
2.A link to your *deployed* cloned website
85
85
86
86
Go through the [guide](../hand-in-homework-guide.md) to learn how to submit your homework.
0 commit comments