diff --git a/index.html b/index.html
index 4b1c03f..4dbfa64 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,21 @@
 <!DOCTYPE html>
-
-<html lang="en">
+<html>
 <head>
-    <meta charset="utf-8">
-
-    <title></title>
+  <meta charset="utf-8">
+  <title>Jacklyn Carroll</title>
 </head>
 <body>
-
+  <div class="main">
+    <h1>JACKLYN CARROLL</h1>
+      <ul>
+        <li><a href="https://www.facebook.com/jacklynlee31">Facebook</a></li>
+      <li><a href="https://twitter.com/Jacklyn_Lee">Twitter</a></li>
+      <li><a href="https://github.com/jacklynlee31">GitHub</a></li>
+      </ul>
+            <img src="http://i59.tinypic.com/2hghh1x.png" alt="profile">
+    <p>
+    My name is Jacklyn Carroll and I am currently a student at The Iron Yard in Little Rock, Arkansas. I chose to learn how to develop because I love learning how things work. I used to build basic websites when I was younger, and I always loved figuring out how to write the html and why something was or wasn't working. I also know that learning how to code will help me find a better job. My main career goal is to do something that helps others, and I think coding will add the advantage I need to get a job that I love.
+    </p>
+  </div>
 </body>
 </html>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..dcb6e16
--- /dev/null
+++ b/style.css
@@ -0,0 +1,85 @@
+html {
+  box-sizing: border-box;
+}
+*, *:before, *:after {
+  box-sizing: inherit;
+}
+* {
+  margin:0px;
+  padding:0px;
+  color:black;
+  font-family:sans-serif;
+  background-image:url(http://i62.tinypic.com/nl9y1d.png);
+}
+
+.main p {
+  background:white;
+
+}
+
+.main {
+  width:650px;
+  height:500px;
+  background:white;
+  padding:25px;
+  margin:auto;
+  margin-top:50px;
+  border: 1px solid #E3E3E3;
+}
+
+h1 {
+  text-align:center;
+  font-family: Futura;
+  background:white;
+}
+
+.main {
+  text-align:center;
+  background:white;
+}
+
+.main li {
+  list-style-type: none;
+  display: inline;
+  background:white;
+}
+
+.main li:before {
+  content:"[";
+    padding: 5px;
+}
+
+.main li:after {
+  content:"]";
+    padding: 5px;
+}
+
+.main a {
+  text-decoration:none;
+  background:white;
+  font-family: Futura;
+}
+
+.main ul {
+  background:white;
+}
+
+a:hover {
+  color:#FF9999;
+}
+
+.main p {
+  padding-top:15px;
+  font-family: garamond;
+  font-size: 20px;
+  float:left;
+  text-align:left;
+}
+
+.main img {
+  height:180px;
+  margin-top: 20px;
+  padding:5px;
+  background:white;
+  border: 1px solid black;
+}
