diff --git a/images/car-crash-logo.JPEG b/images/car-crash-logo.JPEG
new file mode 100644
index 0000000..3445160
Binary files /dev/null and b/images/car-crash-logo.JPEG differ
diff --git a/images/eric-photo.jpg b/images/eric-photo.jpg
new file mode 100644
index 0000000..693db89
Binary files /dev/null and b/images/eric-photo.jpg differ
diff --git a/index.html b/index.html
index 99f6a2a..abb4a93 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
     <div id="header">
         <div class="container">
             <nav>
-                <img src="./images/car-logo.PNG" class="logo">  <!-- add link for logo image--> 
+                <img src="./images/car-crash-logo.JPEG" class="logo"> 
                 <ul>
                     <li><a href="#">Home</a></li>
                     <li><a href="#">About</a></li>
@@ -31,11 +31,11 @@ <h1>Hi, I'm <span>Eric</span> <br> out of North Carolina</h1>
         <div class="container">
             <div class="row">
                 <div class="about-col-1">
-                    <img src="./images/eric.JPEG"><!-- add photo of eric-->
+                    <img src="./images/eric-photo.jpg">
                 </div>
                 <div class="about-col-2">
                     <h1 class="sub-title">About Me</h1>
-                    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iure, itaque. Laborum, assumenda? Ullam repellendus beatae quibusdam veniam asperiores corporis unde consectetur facilis reiciendis sequi architecto doloremque, dicta sit delectus labore!</p>
+                    <p>Talented Auto Body Painter who is able to utilize technology to expertly match colors and create a professional result. Adept at doing jobs of all sizes, using old and new equipment to get the job done and meeting customer deadlines. Specializes in new and old vehicles of any type.</p>
 
                     <div class="tab-titles">
                         <p class="tab-links active-link" onclick="opentab('skills')">Skills</p>
@@ -155,26 +155,28 @@ <h3>Add Big or Small Touches</h3>
         <div class="row">
             <div class="contact-left">
                 <h1 class="sub-title">Contact Me</h1>
-                <p>ericornduff7@gmail.com</p>
-                <p>(812) 240-9609</p>
+                <p><i class="fa-solid fa-paper-plane"></i> ericornduff7@gmail.com</p>
+                <p><i class="fa-solid fa-square-phone"></i> (812) 240-9609</p>
                 <div class="social-icons">
                     <a href=""><i class="fa-brands fa-facebook"></i></a>
                     <a href=""><i class="fa-brands fa-instagram"></i></a>
                     <a href=""><i class="fa-brands fa-linkedin"></i></a>
-                    
-
                 </div>
+                <a href="" download class="btn btn2">Download CV</a><!--add resume PDF download-->
             </div>
             <div class="content-right">
                 <form>
                     <input type="text" name="Name" placeholder="Your Name" required>
                     <input type="email" name="email" placeholder="Your Email" required>
                     <textarea name="Message" rows="6" placeholder="Your Message"></textarea>
-                    <button type="submit">Submit</button>
+                    <button type="submit" class="btn btn2">Submit</button>
                 </form>
             </div>
         </div>
     </div>
+    <div class="copyright">
+        <p>Copyright @<i class="fa-solid fa-car-burst"></i> EOCustoms.com</p>
+    </div>
 </div>
 
     <script>
diff --git a/styles.css b/styles.css
index 5b26662..73719ca 100644
--- a/styles.css
+++ b/styles.css
@@ -19,7 +19,7 @@ body {
 }
 
 .container {
-    padding: 10px 10%;
+    padding: 2px 2%;
     /* moves everything on the left over*/
 }
 
@@ -44,7 +44,7 @@ nav ul li {
 }
 
 nav ul li a {
-    color: #fff;
+    color: #ff0000;
     text-decoration: none;
     font-size: 18px;
     position: relative;
@@ -294,4 +294,91 @@ nav ul li a:hover::after {
 
 .btn:hover {
     background: #ff0000;
+}
+
+/* --------------contact--------------*/
+
+.contact-left {
+    flex-basis: 35%;
+}
+
+.contact-right {
+    flex-basis: 60%;
+}
+
+.contact-left p {
+    margin-top: 30px;
+}
+
+.contact-left p i {
+    color: #ff0000;
+    margin-right: 15px;
+    font-size: 25px;
+}
+
+.social-icons {
+    margin-top: 30px;
+}
+
+.social-icons a {
+    text-decoration: none;
+    font-size: 30px;
+    margin-right: 15px;
+    color: #ababab;
+    display: inline-block;
+    transition: transform 0.5s;
+}
+
+.social-icons a:hover {
+    color: #ff0000;
+    transform: translateY(-5px);
+}
+
+.btn.btn2 {
+    display: inline-block;
+    background: #ff0000;
+}
+
+.contact-right form {
+    width: 100%;
+}
+
+form input, form textarea {
+    width: 100%;
+    border: 0;
+    outline: none;
+    background: #262626;
+    padding: 15px;
+    margin: 15px 0;
+    color: #fff;
+    font-size: 18px;
+    border-radius: 6px;
+}
+
+form .btn2 {
+    padding: 14px 60px;
+    font-size: 18px;
+    margin-top: 20px;
+    cursor: pointer;
+}
+
+.copyright {
+    width: 100%;
+    text-align: center;
+    padding: 25px 0;
+    background: #262626;
+    font-weight: 300;
+    margin-top: 20px;
+}
+
+.copyright i {
+    color: #ff0000;
+}
+
+/*--------css for small screen---------*/
+
+@media only screen and (max-with: 600px) {
+    .header{
+        background-image: ;
+    }
 }
\ No newline at end of file