added CSS and copyright info, photos and CV download

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>

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: ;
+    }
 }