diff --git a/about_me.html b/about_me.html
new file mode 100644
index 0000000..900796b
--- /dev/null
+++ b/about_me.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title> About me</title>
+<link rel="stylesheet" href="style_sheet.css">
+</head>
+
+<body>
+  <div class="line1"></div>
+
+<header>
+  <nav>
+    <ul>
+    <a>About me</a>|
+    <a href="portfolio.html">Portfolio</a>
+  </ul>
+
+  </nav>
+  <h1>JOE JOHNSON</h1>
+</header>
+
+<div class="line2"></div>
+
+  <div class= "content">
+
+
+    <div class ="text">
+      <h3> I ENJOY LIFE AS A DEVELOPER</h3>
+
+    <p>I'm Joe Johnson, a Developer based in NYC. I Have ten years of experience in the graphic design world, specializing in the creation of responsive websites.</p>
+    </div>
+
+
+     <img src="images.png">
+
+   </div>
+
+<div class="line2"></div>
+
+<footer>
+
+
+Facebook  |Twitter  |Instagram  | LinkedIn
+
+
+</footer>
+<div class="line1"></div>
+
+
+
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/images.png b/images.png
new file mode 100644
index 0000000..663e917
Binary files /dev/null and b/images.png differ
diff --git a/portfolio.html b/portfolio.html
new file mode 100644
index 0000000..8236102
--- /dev/null
+++ b/portfolio.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title> Portfolio</title>
+<link rel="stylesheet" href="style_sheet.css">
+</head>
+
+<body>
+  <div class="line1"></div>
+
+<header>
+ <nav>
+    <a href="about_me.html">About me</a>|
+
+    <a>Portfolio</a>
+
+   </nav>
+    <h1>JOE JOHNSON</h1>
+</header>
+
+<div class="line2"></div>
+
+
+<div class= "experience">
+  <H3>Experience</H3>
+
+
+    <p>I recently graduated from a Front-End Web Development course at General Assembly where I learned HTML, CSS, JavaScript, jQuery and how to be an <strong>awesome</strong> Front-End Web Developer! During my spare time, I enjoy senior water aerobics, pickling, and spending time with my goldfish, Jerry.<p>
+
+  <h4>PORTFOLIO</h4>
+
+<ul>
+    <li> Web Developer, Relaxr 2015 - present</li>
+    <li>Developed a multi-column layout blog, landing page, and contact forms that render on mobile devices.
+    </li>
+  </ul>
+
+<img src="images/relaxr-deliverable.png">
+
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/style_sheet.css b/style_sheet.css
new file mode 100644
index 0000000..367804a
--- /dev/null
+++ b/style_sheet.css
@@ -0,0 +1,81 @@
+.line1 {
+/*width: 100%;*/
+height: 2px;
+background: black;
+margin-top: 0.5cm;
+margin-bottom: 0.5cm;
+margin-left: 2cm;
+margin-right: 1cm;
+}
+
+.line2 {
+/*width: 100%;*/
+height: 1px;
+background: black;
+margin-top: 0.5cm;
+margin-bottom: 0.5cm;
+margin-left: 4cm;
+margin-right: 1cm;
+}
+
+/*Border-bottom/top has no shown?!!*/
+/*#content {
+  height: 1px;
+border-bottom: 1px solid black;
+border-top: 1.5px solid black;
+}*/
+
+nav a{color:#000000;
+text-decoration: inline;
+padding: 10px 10px;
+font-style:sans-serif;
+font-size: 20px
+}
+
+header{
+text-align: center;
+
+}
+
+h3{
+font-family: Arial;
+}
+
+p{
+  font-size:16px;
+
+}
+
+.text{
+float: left;
+width: 250px;
+height: 200px;
+margin-left: 35%;
+margin-right: 20px;
+}
+
+
+footer{
+text-align: center;
+font-size:16px;
+font-weight: 900;
+text-decoration: underline;
+
+
+}
+
+.experience{
+
+margin-top: 0.5cm;
+margin-bottom: 0.5cm;
+margin-left: 4cm;
+margin-right: 1cm;
+font-size: 18px;
+
+}
+
+h4{
+  font-family:Helvetica;
+
+}
+
