tip3411 · tip3411 · Dec 8, 2019 · Dec 8, 2019 · Dec 9, 2019 · Dec 11, 2019
diff --git a/.DS_Store b/.DS_Store
diff --git a/checkpoint2-BaconIpsum b/checkpoint2-BaconIpsum
diff --git a/images/Instagram.jpg b/images/Instagram.jpg
diff --git a/images/about-me.jpg b/images/about-me.jpg
diff --git a/images/myProfilePic.jpg b/images/myProfilePic.jpg
diff --git a/src/.DS_Store b/src/.DS_Store
diff --git a/src/about.html b/src/about.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <Link rel="stylesheet" href="./styles/about.css">
+    <link rel="stylesheet" href="./styles/animate.css">
+    <link rel="stylesheet"
+  href="https://fonts.googleapis.com/css?family=Lato">
+    <title>Document</title>
+</head>
+<body>
+    <div class="Back">
+        <a href="landing.html">Back</a>
+        <a href="contact.html">Contact Me</a>
+    </div>
+    <div class="Color">  
+    </div>
+    <iframe class="animated bounceInRight" width="870" height="489" src="https://www.youtube.com/embed/j-2ZxldMO-M" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+    <div class="Info">
+        <p>TAYLOR TIPTON</p>
+        <p class="General">General Info</p><hr>
+        <ul class="animated bounceInDown">
+            <li>DOB: &nbsp; <b>1988-11-11</b></li><li>Address: &nbsp; <b>1234 Imagination Street<article>Austin, TX 78756</article></b></li><li>Email: &nbsp; <strong>taylor.tipton11@gmail.com</strong></li><li>Phone: &nbsp; <b>713.594.0004</b></li>
+            <li>Favorite Movie: &nbsp; <b><cite>Titanic</cite></b></li><li>Favorite TV Show: &nbsp; <b><cite>The Office</cite></b></li>
+    </div>
+</body>
+</html>
diff --git a/src/contact.html b/src/contact.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <Link rel="stylesheet" href="./styles/contact.css">
+    <title>Document</title>
+</head>
+<body>
+    <a href="index.html">Home</a>
+    <a href="about_me.html">Contact Me</a>
+    <h1>TAYLOR TIPTON</h1><hr>
+   <ul>
+       <li>DOB</li><span>1988-11-11</span>
+       <li>Address</li>
+   </ul>
+</body>
+</html>
diff --git a/src/landing.html b/src/landing.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="styles/landing.css">
+    <title>Document</title>
+</head>
+<body>
+    <div class="header">
+        <a href="https://twitter.com/TwitterDev?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @TwitterDev</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+        <a href="https://www.instagram.com/"><img src="../images/Instagram.jpg"></a>
+        <a href="about.html"><img src="../images/about-me.jpg"></a>
+    </div>
+    </body>
+</html>
diff --git a/src/snow-4666831_1920.jpg b/src/snow-4666831_1920.jpg
diff --git a/src/styles/about.css b/src/styles/about.css
@@ -0,0 +1,73 @@
+body {
+    display: grid;
+    grid-template-columns: 40% 60%;
+    grid-template-rows: 20% 80%;
+    background-color: gray;
+}
+iframe {
+    width: 70%;
+    height: 70%;
+    grid-column: 2/3;
+    grid-row: 2/3;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 25%;
+}
+@media (max-width: 576px) {  
+ img {
+     width: 25%;
+     height: auto;
+     grid-column: 2/3;
+     grid-row: 2/3;
+     margin-top: 25%;
+ }
+}
+.Color {
+    grid-column: 1/2;
+    grid-row: 1/2;
+    background-color: royalblue;
+}
+.Info .General {
+    color: black;
+    font-size: 35px;
+}
+li {
+    padding: 10px;
+}
+article {
+    margin-left: 60px;
+}
+.Info {
+   grid-column: 1/2;
+   grid-row: 2/3;
+   margin-top: 20%;
+}
+.Back {
+    grid-column: 2/3;
+    grid-row: 1/2;
+    text-align: right;
+    background-color: royalblue;
+}
+a {
+    color: white;
+    padding: 20px;
+    font-size: 25px;
+}
+form {
+    padding: 30px;
+    display: block;
+}
+p {
+    text-align: center;
+    font-family: Lato, serif;
+    color: white;
+    font-size: 45px;
+}
+input {
+    padding: 5px;
+    margin-bottom: 10px;
+}
+label {
+    padding: 10px;
+    margin-bottom: 10px;
+}