done

khanm206 · Jan 7, 2024 · f17ce07 · f17ce07
1 parent f2cd339
commit f17ce07
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -69,7 +69,8 @@ <h4 class="about-info-title">From:</h4>
             </div>
 
         </section>
-        <section class="what-i-do">
+        <section>
+            <div class="what-i-do">
             <h3 class="sec-title">
                 What I do
             </h3>
@@ -78,6 +79,7 @@ <h3 class="sec-title">
                 overview of my main technical skill sets and technologies i use. Want to find out more about my
                 experience? Check out my online resume and project portfolio.
             </p>
+            </div>
 
             <div class="skills-part">
                 <div class="skill">
@@ -183,6 +185,18 @@ <h3 class="footer-title">
             <h3 class="footer-title">
                 Let’s Message me
             </h3>
+            <form class="contact" action="">
+                <input class="contact-field" type="text" placeholder="Your Name">
+                <!-- <br> -->
+                <input class="contact-field" type="email" name="" id="" placeholder="Your Email">
+                <!-- <br> -->
+                <textarea class="contact-field" name="" id="" cols="30" rows="10" placeholder="Message"></textarea>
+                <!-- <br> -->
+                <input type="submit" 
+               value="Submit" class="primary-button">
+            </form>
+
+
         </div>
 
     </footer>

diff --git a/styles/style.css b/styles/style.css
@@ -1,6 +1,8 @@
 /* font style */
 body {
    font-family: 'Open Sans', sans-serif;
+   margin: 0;
+   padding: 0;
 }
 
 /* nav related styles */
@@ -168,9 +170,11 @@ main {
 
 .skills-part {
    display: flex;
-   gap: 24px;
+   gap: 30px;
    margin-top: 80px;
-   justify-content: space-around;
+   padding-left: 100px;
+   padding-right: 100px;
+   /* justify-content: space-around; */
    /* text-align: center; */
    background-color: #fff;
 }
@@ -181,6 +185,8 @@ main {
    border-style: none;
    box-shadow: 0px 6px 50px 0px #757575;
    padding: 30px;
+   /* width: 1800; */
+   /* height: 400px; */
 }
 
 .skill-details {
@@ -222,9 +228,25 @@ main section {
 }
 footer{
    display: flex;
-   justify-content:space-around;
+   /* justify-content:space-around; */
    gap: 120px;
    background: #FFF8F3;
-   padding: 130px 230px;
+   padding: 130px 130px;
    margin-top: 100px;
+}
+.footer-colum{
+   width: 50%;
+}
+
+.footer-text{
+   width: 100%;
+}
+.contact-field{
+   display: block;
+   margin-bottom: 15px;;
+   padding: 18px 35px;
+   width: 100%;
+   border-radius: 5px;
+   border: 0;
+   flex-shrink: 0;
 }