diff --git a/week2/1-flexbox-froggy/Screenshot_2020-05-20 Flexbox Froggy.png b/week2/1-flexbox-froggy/Screenshot_2020-05-20 Flexbox Froggy.png
new file mode 100644
index 00000000..64dfab01
Binary files /dev/null and b/week2/1-flexbox-froggy/Screenshot_2020-05-20 Flexbox Froggy.png differ
diff --git a/week2/2-website/css/style.css b/week2/2-website/css/style.css
index 5cb025ce..040fb75b 100644
--- a/week2/2-website/css/style.css
+++ b/week2/2-website/css/style.css
@@ -17,3 +17,174 @@ body {
*/
+/*navbar CSS */
+.navbar {
+ position: fixed;
+ top: 0px;
+ background-color: #fff;
+ height: 4.375rem;
+ width: 100%;
+ border-bottom: 1px solid #ddd;
+ display: flex;
+ justify-content: center;
+}
+
+nav > .content {
+ height: 100%;
+ width: 60%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+.logo {
+ width: 26px;
+}
+
+.navbar ul {
+ display: flex;
+ align-items: center;
+ list-style: none;
+}
+
+.navbar ul li {
+ margin-left: 1.563rem;
+}
+
+.navbar ul li a {
+ color: #000;
+ text-decoration: none;
+}
+
+ /*TODO: MAKE THE ACTIVE LINK WORK */
+ #active a {
+ color: #4c5058;
+ font-weight: bold;
+}
+
+/* Header CSS */
+header {
+ height: 46rem;
+ background-image: url("../img/first-background.jpg");
+ background-position: center bottom;
+ background-repeat: no-repeat;
+ background-size: cover;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+header > .content {
+ color: #fff;
+ text-align: center;
+}
+
+h1 {
+ font-weight: 300;
+ font-size: 3rem;
+}
+
+h3 {
+ font-weight: 300;
+ font-size: 1.375rem;
+}
+
+#header-button {
+ background-color: #f15a29;
+ font-size: 1.125rem;
+ padding: 1rem 1.5rem;
+ border-style: none;
+ border-radius: 4px;
+}
+
+#header-button:hover {
+ background-color: #d9400e;
+}
+
+/* Features section CSS */
+#section-1 {
+ display:flex;
+ justify-content: center;
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+}
+
+h2 {
+ font-size: 2.5rem;
+ font-weight: 300;
+}
+
+#section-1 > .content {
+ text-align: center;
+ width: 60%;
+}
+
+.features {
+ display: flex;
+ justify-content: center;
+}
+
+.features > figure {
+ width: 33.33%;
+ font-size: 1.375rem;
+ font-weight: 400;
+}
+
+.feature-img {
+ width: 127px;
+ height: 127px;
+ margin-bottom: 2.5rem;
+}
+
+/* footer CSS */
+footer
+{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+footer > .content {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding-bottom: 9.25rem;
+}
+
+#horizontal {
+ width: 60%;
+ border: 0;
+ border-top: 1px solid #eaebec;
+ margin: 1.313rem 0;
+
+}
+
+h4 {
+ font-weight: 300;
+ font-size: 1rem;
+}
+
+.social {
+ display: flex;
+}
+
+.social > a {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 2.5rem;
+ height: 2.5rem;
+ border: 1px solid #eaebec;
+ border-radius: 1.25rem;
+ margin-left: 5px;
+ margin-right: 5px;
+ }
+
+.social > a > img {
+ width: 16px;
+ height: 16px;
+}
+
+.copyright {
+ font-size: 0.875rem;
+ color: #a9adb5;
+}
\ No newline at end of file
diff --git a/week2/2-website/img/iconfinder_1_Facebook2_colored_svg_5296500.svg b/week2/2-website/img/iconfinder_1_Facebook2_colored_svg_5296500.svg
new file mode 100644
index 00000000..4a1a412b
--- /dev/null
+++ b/week2/2-website/img/iconfinder_1_Facebook2_colored_svg_5296500.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/week2/2-website/img/iconfinder_1_Instagram_colored_svg_1_5296765.svg b/week2/2-website/img/iconfinder_1_Instagram_colored_svg_1_5296765.svg
new file mode 100644
index 00000000..a0ff1ec5
--- /dev/null
+++ b/week2/2-website/img/iconfinder_1_Instagram_colored_svg_1_5296765.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/week2/2-website/img/iconfinder_1_Twitter_colored_svg_5296514.svg b/week2/2-website/img/iconfinder_1_Twitter_colored_svg_5296514.svg
new file mode 100644
index 00000000..6d4e417d
--- /dev/null
+++ b/week2/2-website/img/iconfinder_1_Twitter_colored_svg_5296514.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/week2/2-website/index.html b/week2/2-website/index.html
index 876b59d6..9774bba5 100644
--- a/week2/2-website/index.html
+++ b/week2/2-website/index.html
@@ -1,21 +1,78 @@
+
-
-
-
- Karma
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ Karma
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Everyone needs a little Karma.
+
+
+ 
+ Internet for all devices
+
+
+ 
+ Boost your productivity
+
+
+ 
+ Pay as You Go
+
+
+