|
@@ -0,0 +1,31 @@
|
|
1
|
+## Passion Project - HTML UI
|
|
2
|
+
|
|
3
|
+In this lab, you will build your the passion project user interface in HTML & CSS. It should have the basic flow of your application.
|
|
4
|
+
|
|
5
|
+For example, if you are building instagram, then I expect to see a page to see the pictures, a page to upload the pictures, and maybe an optional create account page.
|
|
6
|
+
|
|
7
|
+## Example
|
|
8
|
+- [https://www.allrecipes.com/](https://www.allrecipes.com/)
|
|
9
|
+- [https://twitter.com](https://twitter.com)
|
|
10
|
+- [https://www.instagram.com](https://www.instagram.com)
|
|
11
|
+- [https://www.inkin.com/](https://www.inkin.com/)
|
|
12
|
+- [https://www.overdo.app](https://www.overdo.app/)
|
|
13
|
+- [https://rescuetime.org/](https://rescuetime.org/)
|
|
14
|
+
|
|
15
|
+## Publishing
|
|
16
|
+
|
|
17
|
+1. Follow this [instruction](https://pages.github.com/) to publish a page
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+## URL
|
|
21
|
+Once you publish your webpage, add your URL here and submit a PR.
|
|
22
|
+
|
|
23
|
+[your passion project's url]
|
|
24
|
+
|
|
25
|
+## Resources
|
|
26
|
+- [HTML5 - Layout](https://html5up.net/)
|
|
27
|
+- [ZeroTheme - Layout ](https://www.zerotheme.com/)
|
|
28
|
+- [The Wagon - Layout](https://themewagon.com/theme_tag/free/)
|
|
29
|
+- [Bootstrap - Style](http://getbootstrap.com/)
|
|
30
|
+- [MDN CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)
|
|
31
|
+- [W3schools CSS](https://www.w3schools.com/cssref/default.asp)
|