diff --git a/assignments/lab3/.DS_Store b/assignments/lab3/.DS_Store
new file mode 100644
index 0000000..c3c8c42
Binary files /dev/null and b/assignments/lab3/.DS_Store differ
diff --git a/assignments/lab3/.idea/.gitignore b/assignments/lab3/.idea/.gitignore
new file mode 100644
index 0000000..26d3352
--- /dev/null
+++ b/assignments/lab3/.idea/.gitignore
@@ -0,0 +1,3 @@
+# Default ignored files
+/shelf/
+/workspace.xml
diff --git a/assignments/lab3/.idea/lab3.iml b/assignments/lab3/.idea/lab3.iml
new file mode 100644
index 0000000..d6ebd48
--- /dev/null
+++ b/assignments/lab3/.idea/lab3.iml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/assignments/lab3/.idea/libraries/lab3_starter.xml b/assignments/lab3/.idea/libraries/lab3_starter.xml
new file mode 100644
index 0000000..c648374
--- /dev/null
+++ b/assignments/lab3/.idea/libraries/lab3_starter.xml
@@ -0,0 +1,9 @@
+<component name="libraryTable">
+  <library name="lab3-starter">
+    <CLASSES>
+      <root url="jar://$PROJECT_DIR$/lab3-starter.zip!/" />
+    </CLASSES>
+    <JAVADOC />
+    <SOURCES />
+  </library>
+</component>
\ No newline at end of file
diff --git a/assignments/lab3/.idea/misc.xml b/assignments/lab3/.idea/misc.xml
new file mode 100644
index 0000000..639900d
--- /dev/null
+++ b/assignments/lab3/.idea/misc.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/assignments/lab3/.idea/modules.xml b/assignments/lab3/.idea/modules.xml
new file mode 100644
index 0000000..deb08da
--- /dev/null
+++ b/assignments/lab3/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/lab3.iml" filepath="$PROJECT_DIR$/.idea/lab3.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/assignments/lab3/assets/.DS_Store b/assignments/lab3/assets/.DS_Store
new file mode 100644
index 0000000..e26c7af
Binary files /dev/null and b/assignments/lab3/assets/.DS_Store differ
diff --git a/assignments/lab3/assets/css/style.css b/assignments/lab3/assets/css/style.css
new file mode 100755
index 0000000..3d48221
--- /dev/null
+++ b/assignments/lab3/assets/css/style.css
@@ -0,0 +1,159 @@
+body {
+    margin: 0px;
+    font-family: 'Karla';
+    background: #f7f5f2;
+    padding: 60px;
+    -webkit-font-smoothing: antialiased;
+    font-smoothing: antialiased;
+}
+
+a {
+	color: inherit;
+	text-decoration: none;
+}
+
+.img-scaled {
+    width: 100%;   
+}
+
+.img-scaled-wh {
+    width: 100%;
+    height: 100%:
+}
+
+.clear {
+    clear: both;   
+}
+
+* {
+    outline: none;
+}
+
+#data {
+	display: none;
+}
+
+#container {
+    width: 720px;
+    margin: 0px auto;
+    background: white;
+    box-shadow: 0px 0px 5px #edeae5;
+    border-radius: 2px;
+    position: relative;
+    padding: 30px 0px;
+}
+#header {
+    background: #78c272;
+    padding: 15px;
+    color: white;
+    width: 270px;
+}
+#header-caption-logo {
+    width: 20px;
+    float: left;
+}
+#header-caption-name {
+    float: left;
+    margin-left: 5px;
+    font-size: 12px;
+    font-weight: 700;
+    line-height: 15px;
+}
+#header-caption {
+    margin-bottom: 6px;
+    opacity: 0.6;
+}
+#header-title {
+    font-size: 18px;
+    font-weight: 300;
+    float: left;
+}
+#header-due {
+    float: left;
+    font-size: 18px;
+    font-weight: 300;
+    margin-left: 10px;
+    padding-left: 10px;
+    border-left: 2px solid rgba(255, 255, 255, 0.15);
+}
+.section {
+    margin: 30px 0px;
+    padding: 0px 30px;
+}
+#submission-header, .info-title {
+    text-align: left;
+    color: #78c272;
+    font-size: 24px;
+    font-weight: 700;
+    margin-bottom: 15px;
+}
+#submission-content, .info-content {
+    padding: 15px;
+    background: rgba(120, 194, 114, 0.1);
+    border-radius: 2px;
+    color: #4c5765;
+}
+.info-required {
+    font-size: 13px;
+    font-weight: 700;
+    opacity: 0.75;
+    margin-bottom: 10px;
+}
+.info-intro {
+    line-height: 24px;
+    font-size: 16px;
+    opacity: 0.75;
+}
+.info {
+    margin-bottom: 30px;
+}
+.body-header {
+    font-size: 24px;
+    font-weight: 700;
+    color: #78c272;
+}
+.body p {
+    line-height: 24px;
+}
+.body img {
+	width: 100%;
+}
+.body a {
+	color: #78c272;
+}
+.body li {
+    line-height: 24px;
+    padding-left: 15px;
+    padding-bottom: 5px;
+}
+.body {
+    color: #4c5765;
+}
+.body .caption {
+    opacity: 0.6;
+}
+#submission {
+    padding: 0px 30px;
+}
+#submission-content p, #submission-content li {
+    line-height: 24px;
+    opacity: 0.75;
+}
+.download {
+    background: #78c272;
+    color: white;
+    width: 240px;
+    text-align: center;
+    padding: 15px 0px;
+    border-radius: 2px;
+    font-size: 13px;
+    font-weight: 700;
+    margin: 30px auto;
+    cursor: pointer;
+}
+
+code {
+    background: rgba(27,31,35,.05);
+    border-radius: 3px;
+    padding: .2em .4em;
+}
diff --git a/assignments/lab3/assets/css/wdd.css b/assignments/lab3/assets/css/wdd.css
new file mode 100644
index 0000000..d4d181d
--- /dev/null
+++ b/assignments/lab3/assets/css/wdd.css
@@ -0,0 +1,201 @@
+body {
+    margin: 0px;
+    font-family: 'Karla';
+    background: #f7f5f2;
+    padding: 60px;
+}
+
+a {
+	color: inherit;
+	text-decoration: none;
+}
+
+p:first-child {
+    font-style: italic;
+}
+
+p:nth-child(2) {
+    opacity: 0.8;
+}
+
+.img-scaled {
+    width: 100%;
+}
+
+.img-scaled-wh {
+    width: 100%;
+    height: 100%:
+}
+
+.clear {
+    clear: both;
+}
+
+* {
+    outline: none;
+}
+
+#data {
+	display: none;
+}
+
+.tag {
+	color: #6392c0;
+}
+
+.element {
+	color: #de6868;
+}
+
+#container {
+    width: 720px;
+    margin: 0px auto;
+    background: white;
+    box-shadow: 0px 0px 5px #edeae5;
+    border-radius: 2px;
+    position: relative;
+    padding: 30px 0px;
+}
+#header {
+    background: #78c272;
+    padding: 15px;
+    color: white;
+    width: 270px;
+}
+#header-caption-logo {
+    width: 20px;
+    float: left;
+}
+#header-caption-name {
+    float: left;
+    margin-left: 5px;
+    font-size: 12px;
+    font-weight: 700;
+    line-height: 15px;
+}
+#header-caption {
+    margin-bottom: 6px;
+    opacity: 0.6;
+}
+#header-title {
+    font-size: 18px;
+    font-weight: 300;
+    float: left;
+}
+#header-due {
+    float: left;
+    font-size: 18px;
+    font-weight: 300;
+    margin-left: 10px;
+    padding-left: 10px;
+    border-left: 2px solid rgba(255, 255, 255, 0.15);
+}
+.section {
+    margin: 30px 0px;
+    padding: 0px 30px;
+}
+
+
+#submission-header, .info-title {
+    text-align: left;
+    color: #78c272;
+    font-size: 24px;
+    font-weight: 700;
+    margin-bottom: 15px;
+}
+#submission-content, .info-content {
+    padding: 15px;
+    background: rgba(120, 194, 114, 0.1);
+    border-radius: 2px;
+    color: #4c5765;
+}
+.info-required {
+    font-size: 13px;
+    font-weight: 700;
+    opacity: 0.75;
+    margin-bottom: 10px;
+}
+.info-intro {
+    line-height: 24px;
+    font-size: 16px;
+    opacity: 0.75;
+}
+.info {
+    margin-bottom: 30px;
+}
+.info a {
+    font-weight: 700;
+    color: black;
+    opacity: 0.9;
+}
+.body-header {
+    font-size: 24px;
+    font-weight: 700;
+    color: #78c272;
+    margin-top: 36px;
+}
+.body p {
+    line-height: 24px;
+}
+.body img {
+	width: 100%;
+}
+.body a {
+	color: #78c272;
+}
+.body li {
+    line-height: 24px;
+}
+.body {
+    color: #4c5765;
+}
+.body .caption {
+    opacity: 0.6;
+}
+#submission {
+    padding: 0px 30px;
+}
+#submission-content p, #submission-content li {
+    line-height: 24px;
+    opacity: 0.75;
+}
+
+#announcement-heading {
+    text-align: right;
+    color: #de6868;
+    font-weight: 700;
+    font-size: 24px;
+    margin-bottom: 15px;
+}
+#announcement-content {
+    padding: 15px;
+    background: rgba(222, 104, 104, 0.1);
+    color: #4c5765;
+    font-size: 12px;
+    line-height: 24px;
+    border-radius: 2px;
+}
+.download {
+    background: #78c272;
+    color: white;
+    width: 240px;
+    text-align: center;
+    padding: 15px 0px;
+    border-radius: 2px;
+    font-size: 13px;
+    font-weight: 700;
+    margin: 30px auto;
+    cursor: pointer;
+}
+#announcement .link {
+    background: #de6868;
+    width: 320px;
+    font-size: 13px;
+    font-weight: 700;
+    color: white;
+    text-align: center;
+    padding: 15px 0px;
+    margin: 30px auto;
+    border-radius: 2px;
+    cursor: pointer;
+}
diff --git a/assignments/lab3/assets/img/bergere.png b/assignments/lab3/assets/img/bergere.png
new file mode 100644
index 0000000..02b1f55
Binary files /dev/null and b/assignments/lab3/assets/img/bergere.png differ
diff --git a/assignments/lab3/assets/img/logo.png b/assignments/lab3/assets/img/logo.png
new file mode 100755
index 0000000..496cc5c
Binary files /dev/null and b/assignments/lab3/assets/img/logo.png differ
diff --git a/assignments/lab3/assets/img/origscreen.png b/assignments/lab3/assets/img/origscreen.png
new file mode 100644
index 0000000..4540969
Binary files /dev/null and b/assignments/lab3/assets/img/origscreen.png differ
diff --git a/assignments/lab3/index.html b/assignments/lab3/index.html
new file mode 100755
index 0000000..aaac5b4
--- /dev/null
+++ b/assignments/lab3/index.html
@@ -0,0 +1,75 @@
+<html>
+
+<head>
+	<link rel="stylesheet" type="text/css" href="assets/css/style.css">
+	<link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet">
+	<title>WDD Lab 3</title>
+</head>
+
+<body>
+	<div id="container">
+		<div id="header">
+			<div id="header-caption">
+				<div id="header-caption-logo"><img class="img-scaled" src="assets/img/logo.png"></div>
+				<div id="header-caption-name">Web Design DeCal</div>
+				<div class="clear"></div>
+			</div>
+			<div id="header-content">
+				<!-- ASSIGNMENT NAME -->
+				<div id="header-title">Hands-on 3</div>
+				<!-- DUE DATE -->
+				<div id="header-due">February 26</div>
+				<div class="clear"></div>
+			</div>
+		</div>
+
+
+		<div class="section">
+			<div class="info">
+				<!-- ASSIGNMENT TITLE -->
+				<div class="info-title">Figma Practice</div>
+				<div class="info-content">
+					<!-- INTRODUCTION -->
+					<div class="info-intro">Follow along with the Figma tutorial to make your first mockup!</div>
+				</div>
+			</div>
+
+			<div class="body-header">Assignment</div>
+			<!-- CONTENT -->
+
+			<!-- Styled Tags; P, UL, LI, .caption, A, IMG-->
+			<!-- Add P Tags for each paragraph -->
+			<!-- Use UL LI Tags for each lists -->
+			<!-- Use P Tags with "caption" class for paragraph captions (60% opacity) -->
+			<!-- Use IMG Tags for images -->
+
+			<p>For this lab, we're going to get some practice redesigning part of a website. You can download the
+				assignment file here:</p>
+			<a href="lab3-starter.zip">
+				<div class="download">Download Assignment</div>
+			</a>
+			<p>You'll notice that there's <strong>figmatutorial.fig</strong>; this is for you to download and follow
+				along with the live tutorial or a <b><a href="https://www.youtube.com/watch?v=9cUcbFXx_mU">recorded
+						tutorial from a past semester</a></b>. After the tutorial, follow the instructions in
+				<strong>index.html</strong>
+				and insert your responses/designs there.</p>
+
+
+			<div id="submission-content">
+				<p>Submit your files to your GitHub Submission Repository by copying all the files inside the
+					"lab3-starter" folder <b>EXCEPT figmatutorial.fig</b> into the lab3 folder of your submission
+					repository
+					(replace the index.html originally in it). In your terminal, from your GitHub Submission Repository,
+					run the following Git commands:</p>
+				<ul>
+					<li>git add -A</li>
+					<li>git commit -m 'finished lab3'</li>
+					<li>git push</li>
+				</ul>
+				<p>This assignment is due Monday, February 26th at 7:00PM PST.</p>
+			</div>
+		</div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/assignments/lab3/lab3-starter.zip b/assignments/lab3/lab3-starter.zip
new file mode 100644
index 0000000..fb5da9c
Binary files /dev/null and b/assignments/lab3/lab3-starter.zip differ