diff --git a/README.md b/README.md
index 60f55e53..d4ff85c9 100644
--- a/README.md
+++ b/README.md
@@ -1,13 +1,3 @@
-# Project Name
+# Portfolio Website
+This is a little portfolio-website for myself. It's very basic and I intend to develop it further.
 
-Replace this readme with your own information about your project.
-
-Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.
-
-## The problem
-
-Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next?
-
-## View it live
-
-Have you deployed your project somewhere? Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about.
diff --git a/portfolio project 3/css/style.css b/portfolio project 3/css/style.css
new file mode 100644
index 00000000..1cfacc09
--- /dev/null
+++ b/portfolio project 3/css/style.css	
@@ -0,0 +1,182 @@
+
+/*__General_______________________________________________________________________________*/
+body{
+    margin: 0;
+    padding-bottom: 100px;
+    font-family: Helvetica, Arial, sans-serif;
+    line-height: 140%;
+}
+
+a{
+    color: black;
+    text-decoration: none;
+}
+a:hover{
+    font-weight: bold;
+}
+/*__Navigation_______________________________________________________________________________*/
+#navigation{
+    display: flex;
+    justify-content: space-between;
+    /*background-color: thistle;*/
+    padding: 20px 80px;
+    font-size: 32px;
+    margin-top: 20px;
+
+}
+#navigationleft{
+    display: flex;
+    justify-content: flex-start;
+    /*background-color: teal;*/
+    
+}
+#navigationright{
+    display: flex;
+    justify-content: flex-end;
+    /*background-color: teal;*/
+}
+#navigationright a{
+    padding-left: 80px;
+}
+#instalink{
+    display: flex;
+    justify-content: flex-end;
+    padding-right: 80px;
+    margin: 20px 0;
+    /*background-color: tomato;*/
+}
+#instalink img{
+    width: 30px;
+}
+/*__index.html_______________________________________________________________________________*/
+#startimage{
+    padding: 30px;
+    display: flex;
+    justify-content: center;
+    /*border: solid red 5px;*/
+}
+#startimage img{
+   /*border: solid blue 4px;*/
+    width: 50%;
+}
+/*__work.html_______________________________________________________________________________*/
+#bigworkgallery{
+    display: flex;
+    justify-content: center;
+    /*background-color: yellow;*/
+}
+#workgallery{
+    width: 90%;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-content: flex-start;
+    /*background-color: aqua;  */  
+}
+#gallerybox{
+    display: flex;
+    justify-content: center;
+    width: 25%;
+    height: auto;
+    /*background-color: cadetblue;*/
+}
+#gallerybox a{
+    display: flex;
+    align-content: center;
+    width: 80%;
+    height: auto;
+    margin-top: 20px;
+    object-fit: contain;
+    /*border: solid magenta 1px;*/
+}
+.galleryimage{
+    width: 100%;
+    height: auto;
+    object-fit: contain;
+    /*border: solid magenta 1px;*/
+} 
+/*__[single_work].html_______________________________________________________________________________*/
+#singleworkcontainer{
+    display: flex;
+    justify-content: space-around;
+    /*border: solid blue 4px;*/
+    margin: 100px 0;
+
+}
+#bigimage{
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    width: 80%;
+    padding: 20px;
+   /*border: solid red 3px;*/
+
+}
+#bigimage img{
+    display: flex;
+    width: 600px;
+
+}
+.singleworkdescription{
+    /*border: solid forestgreen 3px;*/
+    text-align: end;
+}
+h1{
+    margin: 0;
+    font-weight: normal;
+}
+p{
+    margin-bottom: 40px;
+}
+/*__about.html_______________________________________________________________________________*/
+#aboutcontainer{
+    display: flex;
+    justify-content: space-around;
+    margin:100px 80px 0 80px;
+
+}
+.boxleft{
+    padding: 50px 0;
+    width: 30%;
+    
+}
+.boxmiddle{
+    padding: 50px 0;
+    width: 30%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.boxmiddle img{
+    width: 80%;
+}
+.boxright{
+    padding: 50px 0;
+    width: 30%;
+    text-align: right;
+}
+.top{
+    margin-bottom: 90px;
+}
+/*__contact.html_______________________________________________________________________________*/
+#contactcontainer{
+    display: flex;
+    justify-content: space-around;
+    margin-top: 50px;
+}
+.contactboxleft{
+    width: 40%;
+    justify-content: center;
+    align-items: flex-start;
+}
+.contactboxleft img{
+    width: 100%;
+}
+.contactboxright{
+    width: 30%;
+}
+p.contactparagraph{
+    margin-bottom: 40px;
+
+}
diff --git a/portfolio project 3/html/about.html b/portfolio project 3/html/about.html
new file mode 100644
index 00000000..c1c7b3a4
--- /dev/null
+++ b/portfolio project 3/html/about.html	
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../css/style.css">
+    <title>About</title>
+</head>
+<body>
+    <div id="navigation">
+        <div id="navigationleft">
+            <a href="../index.html">Anna Staub</a>
+        </div>
+        <div id="navigationright">
+            <a href="./work.html">Work</a> <a href="./about.html"><b>About</b></a> <a href="./contact.html">Contact</a>
+        </div>
+    </div>
+
+<a id="instalink" href="https://instagram.com/anna.staub.illustration" target="_blank"><img src="../images/instagram.png"></a>
+
+<div id="aboutcontainer">
+    <div class="boxleft">
+        <h1> About</h1>
+        <p> I'm a young illustrator based in Zurich, though I currently spend most of my time working as a librarian and studying Information Science. <br> To my big suprise I find that I like the technical subjects like database management systems and architecture of information systems most. <br> Now I've just started discovering the world of Frontend Devlopment and code, and I am very very excited to learn more about web development!</p>
+    </div>
+    <div class="boxmiddle">
+        <img src="../images/eyeblow.jpg" alt="image">
+    </div>
+    <div class="boxright">
+        <div class="top">
+        <h1>Education</h1>
+            <p>2016 - 2019 <br> Bachelor Illustration Fiction at Lucerne School of Art & Design <br><br> 2015 - 2016 <br> Design Propaedeutic at ZHdK</p>
+        </div>
+
+        <h1>Exhibitions</h1>
+        <p>2018 <br>Schau!Werk, Zurich <br><br> 2019 <br> Werkschau, Lucerne School of Art & Design </p>
+    </div>
+</div>
+
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/portfolio project 3/html/contact.html b/portfolio project 3/html/contact.html
new file mode 100644
index 00000000..9cd3fa90
--- /dev/null
+++ b/portfolio project 3/html/contact.html	
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../css/style.css">
+    <title>Contact</title>
+</head>
+<body>
+    <div id="navigation">
+        <div id="navigationleft">
+            <a href="../index.html">Anna Staub</a>
+        </div>
+        <div id="navigationright">
+            <a href="./work.html">Work</a> <a href="./about.html">About</a> <a href="./contact.html"> <b>Contact</b></a>
+        </div>
+    </div>
+
+<a id="instalink" href="https://instagram.com/anna.staub.illustration" target="_blank"><img src="../images/instagram.png"></a>
+
+<div id="contactcontainer">
+    <div class="contactboxleft">
+        <img src="../images/mail.png" alt="image">
+    </div>
+    <div class="contactboxright">
+        <p class="contactparagraph">
+            <h1>E-Mail</h1>
+            <p><a href="mailto:info@anna-staub.ch">info@anna-staub.ch</a></p>
+        </p>
+    </div>
+</div>
+
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/portfolio project 3/html/singleworks/cat.html b/portfolio project 3/html/singleworks/cat.html
new file mode 100644
index 00000000..fb0087b4
--- /dev/null
+++ b/portfolio project 3/html/singleworks/cat.html	
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../../css/style.css">
+    <title>Cat</title>
+</head>
+<body>
+    <div id="navigation">
+        <div id="navigationleft">
+            <a href="../../index.html">Anna Staub</a>
+        </div>
+        <div id="navigationright">
+            <a href="../work.html">Work</a> <a href="../about.html">About</a> <a href="../contact.html">Contact</a>
+        </div>
+    </div>
+    <a id="instalink" href="https://instagram.com/anna.staub.illustration" target="_blank"><img src="../../images/instagram.png"></a>
+
+
+    <div id="singleworkcontainer">
+        <div id="bigimage">
+            <img src="../../images/catbend.jpg">
+            <div class="singleworkdescription">
+                <h1>Cat</h1>
+                <p>Personal Work</p>
+                <h1>Date</h1>
+                <p>2020</p>
+            </div>
+        </div>
+    </div>
+    </body>
+    </html>
+    
\ No newline at end of file
diff --git a/portfolio project 3/html/singleworks/dog.html b/portfolio project 3/html/singleworks/dog.html
new file mode 100644
index 00000000..30555d26
--- /dev/null
+++ b/portfolio project 3/html/singleworks/dog.html	
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../../css/style.css">
+    <title>Happy Dog</title>
+</head>
+<body>
+    <div id="navigation">
+        <div id="navigationleft">
+            <a href="../../index.html">Anna Staub</a>
+        </div>
+        <div id="navigationright">
+            <a href="../work.html">Work</a> <a href="../about.html">About</a> <a href="../contact.html">Contact</a>
+        </div>
+    </div>
+    <a id="instalink" href="https://instagram.com/anna.staub.illustration" target="_blank"><img src="../../images/instagram.png"></a>
+
+
+    <div id="singleworkcontainer">
+        <div id="bigimage">
+            <img src="../../images/dog.jpg">
+            <div class="singleworkdescription">
+                <h1>Happy Dog</h1>
+                <p>Personal Work</p>
+                <h1>Date</h1>
+                <p>2020</p>
+            </div>
+        </div>
+    </div>
+    </body>
+    </html>
\ No newline at end of file
diff --git a/portfolio project 3/html/singleworks/happyfox.html b/portfolio project 3/html/singleworks/happyfox.html
new file mode 100644
index 00000000..ea29722e
--- /dev/null
+++ b/portfolio project 3/html/singleworks/happyfox.html	
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../../css/style.css">
+    <title>Happy Fox</title>
+</head>
+<body>
+    <div id="navigation">
+        <div id="navigationleft">
+            <a href="../../index.html">Anna Staub</a>
+        </div>
+        <div id="navigationright">
+            <a href="../work.html">Work</a> <a href="../about.html">About</a> <a href="../contact.html">Contact</a>
+        </div>
+    </div>
+    <a id="instalink" href="https://instagram.com/anna.staub.illustration" target="_blank"><img src="../../images/instagram.png"></a>
+
+
+    <div id="singleworkcontainer">
+        <div id="bigimage">
+            <img src="../../images/foxinsnow.jpg">
+            <div class="singleworkdescription">
+                <h1>Happy Fox</h1>
+                <p>Personal Work</p>
+                <h1>Date</h1>
+                <p>2019</p>
+            </div>
+        </div>
+    </div>
+    </body>
+    </html>
+    
\ No newline at end of file
diff --git a/portfolio project 3/html/singleworks/house.html b/portfolio project 3/html/singleworks/house.html
new file mode 100644
index 00000000..4a636193
--- /dev/null
+++ b/portfolio project 3/html/singleworks/house.html	
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../../css/style.css">
+    <title>A House</title>
+</head>
+<body>
+    <div id="navigation">
+        <div id="navigationleft">
+            <a href="../../index.html">Anna Staub</a>
+        </div>
+        <div id="navigationright">
+            <a href="../work.html">Work</a> <a href="../about.html">About</a> <a href="../contact.html">Contact</a>
+        </div>
+    </div>
+    <a id="instalink" href="https://instagram.com/anna.staub.illustration" target="_blank"><img src="../../images/instagram.png"></a>
+
+
+    <div id="singleworkcontainer">
+        <div id="bigimage">
+            <img src="../../images/house.jpg">
+            <div class="singleworkdescription">
+                <h1>A House</h1>
+                <p>Personal Work</p>
+                <h1>Date</h1>
+                <p>2020</p>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/portfolio project 3/html/singleworks/rabbit.html b/portfolio project 3/html/singleworks/rabbit.html
new file mode 100644
index 00000000..15df00eb
--- /dev/null
+++ b/portfolio project 3/html/singleworks/rabbit.html	
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../../css/style.css">
+    <title>Work</title>
+</head>
+<body>
+    <div id="navigation">
+        <div id="navigationleft">
+            <a href="../../index.html">Anna Staub</a>
+        </div>
+        <div id="navigationright">
+            <a href="../work.html">Work</a> <a href="../about.html">About</a> <a href="../contact.html">Contact</a>
+        </div>
+    </div>
+    <a id="instalink" href="https://instagram.com/anna.staub.illustration" target="_blank"><img src="../../images/instagram.png"></a>
+
+
+    <div id="singleworkcontainer">
+        <div id="bigimage">
+            <img src="../../images/rabbit.jpg">
+            <div class="singleworkdescription">
+                <h1>Cheeky Rabbit</h1>
+                <p>Personal Work</p>
+                <h1>Date</h1>
+                <p>2020</p>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/portfolio project 3/html/singleworks/sausagedog.html b/portfolio project 3/html/singleworks/sausagedog.html
new file mode 100644
index 00000000..7759f380
--- /dev/null
+++ b/portfolio project 3/html/singleworks/sausagedog.html	
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../../css/style.css">
+    <title>Work</title>
+</head>
+<body>
+    <div id="navigation">
+        <div id="navigationleft">
+            <a href="../../index.html">Anna Staub</a>
+        </div>
+        <div id="navigationright">
+            <a href="../work.html">Work</a> <a href="../about.html">About</a> <a href="../contact.html">Contact</a>
+        </div>
+    </div>
+    <a id="instalink" href="https://instagram.com/anna.staub.illustration" target="_blank"><img src="../../images/instagram.png"></a>
+
+
+    <div id="singleworkcontainer">
+        <div id="bigimage">
+            <img src="../../images/sausagedog.jpg">
+            <div class="singleworkdescription">
+                <h1>Dog Heaven</h1>
+                <p>Personal Work</p>
+                <h1>Date</h1>
+                <p>2020</p>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/portfolio project 3/html/singleworks/stretch.html b/portfolio project 3/html/singleworks/stretch.html
new file mode 100644
index 00000000..0494cc19
--- /dev/null
+++ b/portfolio project 3/html/singleworks/stretch.html	
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../../css/style.css">
+    <title>Stretch and Breathe</title>
+</head>
+<body>
+    <div id="navigation">
+        <div id="navigationleft">
+            <a href="../../index.html">Anna Staub</a>
+        </div>
+        <div id="navigationright">
+            <a href="../work.html">Work</a> <a href="../about.html">About</a> <a href="../contact.html">Contact</a>
+        </div>
+    </div>
+    <a id="instalink" href="https://instagram.com/anna.staub.illustration" target="_blank"><img src="../../images/instagram.png"></a>
+
+
+    <div id="singleworkcontainer">
+        <div id="bigimage">
+            <img src="../../images/yogalady.jpg">
+            <div class="singleworkdescription">
+                <h1>Stretch and Breathe</h1>
+                <p>Personal Work</p>
+                <h1>Date</h1>
+                <p>2020</p>
+            </div>
+        </div>
+    </div>
+    </body>
+    </html>
+    
\ No newline at end of file
diff --git a/portfolio project 3/html/work.html b/portfolio project 3/html/work.html
new file mode 100644
index 00000000..ed8ab418
--- /dev/null
+++ b/portfolio project 3/html/work.html	
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../css/style.css">
+    <title>Work</title>
+</head>
+<body>
+    <div id="navigation">
+        <div id="navigationleft">
+            <a href="../index.html">Anna Staub</a>
+        </div>
+        <div id="navigationright">
+            <a href="./work.html"><b>Work</b></a> <a href="./about.html">About</a> <a href="./contact.html">Contact</a>
+        </div>
+    </div>
+
+<a id="instalink" href="https://instagram.com/anna.staub.illustration" target="_blank"><img src="../images/instagram.png"></a>
+
+<section id="bigworkgallery">
+    <div id="workgallery">
+        <!-- Due to a lack of time I haven't linked all the thumbnails to actual "singlework"-html-files, but the concept is clear I think.-->
+        <div id="gallerybox"><a href="../html/singleworks/rabbit.html"><img class="galleryimage" src="../images/rabbit.jpg" alt="Image"></a></div>
+        <div id="gallerybox"><a href="../html/singleworks/cat.html"><img class="galleryimage" src="../images/catbend.jpg" alt="Image"></a></div>
+        <div id="gallerybox"><a href="../html/singleworks/dog.html"><img class="galleryimage" src="../images/dog.jpg" alt="Image"></a></div>
+        <div id="gallerybox"><a href="../html/singleworks/"><img class="galleryimage" src="../images/meerschwein.jpg" alt="Image"></a></div>
+        <div id="gallerybox"><a href="../html/singleworks/happyfox.html"><img class="galleryimage" src="../images/foxinsnow.jpg" alt="Image"></a></div>
+        <div id="gallerybox"><a href="../html/singleworks/house.html"><img class="galleryimage" src="../images/house.jpg" alt="Image"></a> </div>
+        <div id="gallerybox"><a href="../html/singleworks/sausagedog.html"><img class="galleryimage" src="../images/sausagedog.jpg" alt="Image"></a></div>
+        <div id="gallerybox"><a href="../html/singleworks/stretch.html"><img class="galleryimage" src="../images/yogalady.jpg" alt="Image"></a></div>
+        <div id="gallerybox"><a href="../html/singleworks/"><img class="galleryimage" src="../images/batshark.gif" alt="Image"></a></div>
+        <div id="gallerybox"><a href="../html/singleworks/"><img class="galleryimage" src="../images/skisquirrel.jpg" alt="Image"></a></div>
+        <div id="gallerybox"><a href="../html/singleworks/"><img class="galleryimage" src="../images/chica.jpg" alt="Image"></a></div>
+        <div id="gallerybox"><a href="../html/singleworks/"><img class="galleryimage" src="../images/radish.jpg" alt="Image"></a></div>
+        <div id="gallerybox"><a href="../html/singleworks/"><img class="galleryimage" src="../images/genua1.jpg" alt="Image"></a></div>
+        <div id="gallerybox"><a href="../html/singleworks/"><img class="galleryimage" src="../images/berge.jpg" alt="Image"></a></div>
+        <div id="gallerybox"><a href="../html/singleworks/"><img class="galleryimage" src="../images/eyeblow.jpg" alt="Image"></a></div>
+        
+        
+
+    </div>
+</section>
+
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/portfolio project 3/images/Anna_Druckmodul_Scan_021.jpg b/portfolio project 3/images/Anna_Druckmodul_Scan_021.jpg
new file mode 100644
index 00000000..3c21bb72
Binary files /dev/null and b/portfolio project 3/images/Anna_Druckmodul_Scan_021.jpg differ
diff --git a/portfolio project 3/images/batshark.gif b/portfolio project 3/images/batshark.gif
new file mode 100644
index 00000000..f1acd635
Binary files /dev/null and b/portfolio project 3/images/batshark.gif differ
diff --git a/portfolio project 3/images/berge.jpg b/portfolio project 3/images/berge.jpg
new file mode 100644
index 00000000..420205bc
Binary files /dev/null and b/portfolio project 3/images/berge.jpg differ
diff --git a/portfolio project 3/images/catbend.jpg b/portfolio project 3/images/catbend.jpg
new file mode 100644
index 00000000..11ae15e5
Binary files /dev/null and b/portfolio project 3/images/catbend.jpg differ
diff --git a/portfolio project 3/images/celery.jpg b/portfolio project 3/images/celery.jpg
new file mode 100644
index 00000000..a5725d42
Binary files /dev/null and b/portfolio project 3/images/celery.jpg differ
diff --git a/portfolio project 3/images/chica.jpg b/portfolio project 3/images/chica.jpg
new file mode 100644
index 00000000..cc481f56
Binary files /dev/null and b/portfolio project 3/images/chica.jpg differ
diff --git a/portfolio project 3/images/dog.jpg b/portfolio project 3/images/dog.jpg
new file mode 100644
index 00000000..b6270d13
Binary files /dev/null and b/portfolio project 3/images/dog.jpg differ
diff --git a/portfolio project 3/images/eyeblow.jpg b/portfolio project 3/images/eyeblow.jpg
new file mode 100644
index 00000000..4147fd42
Binary files /dev/null and b/portfolio project 3/images/eyeblow.jpg differ
diff --git a/portfolio project 3/images/fish.jpg b/portfolio project 3/images/fish.jpg
new file mode 100644
index 00000000..978710f7
Binary files /dev/null and b/portfolio project 3/images/fish.jpg differ
diff --git a/portfolio project 3/images/foxinsnow.jpg b/portfolio project 3/images/foxinsnow.jpg
new file mode 100644
index 00000000..cb5f8f64
Binary files /dev/null and b/portfolio project 3/images/foxinsnow.jpg differ
diff --git a/portfolio project 3/images/genua1.jpg b/portfolio project 3/images/genua1.jpg
new file mode 100644
index 00000000..afff202e
Binary files /dev/null and b/portfolio project 3/images/genua1.jpg differ
diff --git a/portfolio project 3/images/house.jpg b/portfolio project 3/images/house.jpg
new file mode 100644
index 00000000..1505fa9b
Binary files /dev/null and b/portfolio project 3/images/house.jpg differ
diff --git a/portfolio project 3/images/instagram.png b/portfolio project 3/images/instagram.png
new file mode 100644
index 00000000..eee46806
Binary files /dev/null and b/portfolio project 3/images/instagram.png differ
diff --git a/portfolio project 3/images/lesend.jpg b/portfolio project 3/images/lesend.jpg
new file mode 100644
index 00000000..bf6e3b30
Binary files /dev/null and b/portfolio project 3/images/lesend.jpg differ
diff --git a/portfolio project 3/images/mail.png b/portfolio project 3/images/mail.png
new file mode 100644
index 00000000..7d0f933b
Binary files /dev/null and b/portfolio project 3/images/mail.png differ
diff --git a/portfolio project 3/images/meerschwein.jpg b/portfolio project 3/images/meerschwein.jpg
new file mode 100644
index 00000000..db95aae5
Binary files /dev/null and b/portfolio project 3/images/meerschwein.jpg differ
diff --git a/portfolio project 3/images/rabbit.jpg b/portfolio project 3/images/rabbit.jpg
new file mode 100644
index 00000000..3e1ac411
Binary files /dev/null and b/portfolio project 3/images/rabbit.jpg differ
diff --git a/portfolio project 3/images/radish.jpg b/portfolio project 3/images/radish.jpg
new file mode 100644
index 00000000..1be33367
Binary files /dev/null and b/portfolio project 3/images/radish.jpg differ
diff --git a/portfolio project 3/images/sausagedog.jpg b/portfolio project 3/images/sausagedog.jpg
new file mode 100644
index 00000000..ae9125ec
Binary files /dev/null and b/portfolio project 3/images/sausagedog.jpg differ
diff --git a/portfolio project 3/images/skisquirrel.jpg b/portfolio project 3/images/skisquirrel.jpg
new file mode 100644
index 00000000..92d84251
Binary files /dev/null and b/portfolio project 3/images/skisquirrel.jpg differ
diff --git a/portfolio project 3/images/yogalady.jpg b/portfolio project 3/images/yogalady.jpg
new file mode 100644
index 00000000..8801db29
Binary files /dev/null and b/portfolio project 3/images/yogalady.jpg differ
diff --git a/portfolio project 3/index.html b/portfolio project 3/index.html
new file mode 100644
index 00000000..d23f0fc4
--- /dev/null
+++ b/portfolio project 3/index.html	
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./css/style.css">
+    <title>Anna Staub</title>
+</head>
+<body>
+    <div id="navigation">
+        <div id="navigationleft">
+            <a href="./index.html"><b>Anna Staub</b></a>
+        </div>
+        <div id="navigationright">
+            <a href="./html/work.html">Work</a> <a href="./html/about.html">About</a> <a href="./html/contact.html">Contact</a>
+        </div>
+    </div>
+
+<a id="instalink" href="https://instagram.com/anna.staub.illustration" target="_blank"><img src="./images/instagram.png"></a>
+
+<div id="startimage">
+    <img src="./images/lesend.jpg" alt="You should see an image here">
+</div>
+
+
+
+
+</body>
+</html>
\ No newline at end of file