content update

tharinedirisinghe · Jun 6, 2024 · b66b2bf · b66b2bf
1 parent cdbf8ce
commit b66b2bf
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 27 deletions.
diff --git a/contact.html b/contact.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Tharin Edirisinghe/Contact</title>
+    <title>Tharin Edirisinghe-Contact</title>
     <link rel="stylesheet" href="index.css">
 </head>
 <body>
@@ -21,9 +21,9 @@ <h1>Tharin Edirisinghe</h1>
     </nav>
 
     <section id="contact">
-        <h2>Contact Me</h2>
-        <p>Email: [email protected]</p>
-        <p>Phone: +94779718522</p>
+        <h1>Contact Me</h1>
+        <p><b>Email:</b> [email protected]</p>
+        <p><b>Phone:</b> +94779718522</p>
     </section>
 
     <footer>

diff --git a/index.css b/index.css
@@ -2,32 +2,20 @@ body {
     font-family: Arial, sans-serif;
     margin: 0;
     padding: 0;
-    line-height: 1.6;
+    line-height: 1.8;
 }
 
 header {
     background-color: #2C3E50;
     color: white;
     text-align: center;
-    padding: 0.5em 0;
+    padding: 1em 0;
 }
 
-header h1 {
+header h1, h3 {
     margin: 0;
 }
 
-section {
-    padding: 2em;
-}
-
-.project {
-    margin-bottom: 1em;
-}
-
-.project h3 {
-    margin-top: 0;
-}
-
 nav {
     background-color: #34495E;
     text-align: center;
@@ -58,42 +46,60 @@ nav ul li a:hover {
     color: #FFD700;
 }
 
+section h1{
+    text-align: center;
+}
+
 #about, #projects, #contact {
     padding: 50px;
-    background-color: #e9e9e9;
+    background-color: #d6d6d6cd;
     margin: 50px;
     margin-bottom: 150px;
 }
 
+.project h4 {
+    margin: 0;
+}
+
+#contact p {
+    text-align: center;
+}
+
 footer {
     background-color: #2C3E50;
     color: white;
     text-align: center;
     position: fixed;
     width: 100%;
     bottom: 0;
+    padding: 1em 0;
 }
 
 footer a {
     color: #ffc107;
     text-decoration: none;
     margin: 0 5px;
+
 }
 
 footer a:hover {
     text-decoration: underline;
 }
 
+footer p{
+   margin: 0;
+}
+
 .about-container {
     display: flex;
     align-items: center;
     flex-wrap: wrap; /* Allow items to wrap on smaller screens */
+    justify-content: space-evenly;
 }
 
 .about-container img {
     max-width: 100%;
     height: auto; /* Maintain aspect ratio */
-    margin-left: 160px;
     border-radius: 50%;
     order: 2;
 }
@@ -119,4 +125,4 @@ footer a:hover {
     .about-text {
         order: 2; /* Text second on small screens */
     }
-}
+}
diff --git a/index.html b/index.html
@@ -21,7 +21,7 @@ <h3>IT Undergraduate | ICT Teacher | Content Creator</h3>
     </nav>
 
     <section id="about">
-        <h2>About Me</h2>
+        <h1>About Me</h1>
         <div class="about-container">
             <img src="IMG-20230221-WA00451.png" alt="Tharin Edirisinghe">
             <div class="about-text">
@@ -40,6 +40,6 @@ <h2>About Me</h2>
             <a href="https://github.com/tharinedirisinghe" target="_blank">GitHub</a>
         </p>
     </footer>
-    
+
 </body>
 </html>
diff --git a/projects.html b/projects.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Tharin Edirisinghe/Projects</title>
+    <title>Tharin Edirisinghe-Projects</title>
     <link rel="stylesheet" href="index.css">
 </head>
 <body>
@@ -21,9 +21,10 @@ <h1>Tharin Edirisinghe</h1>
     </nav>
 
     <section id="projects">
-        <h2>Projects</h2>
+        <h1>Projects</h1>
         <div class="project">
-            <h3>tharinedirisinghe.github.io/portfolio/</h3>
+            <fieldset>
+            <legend><h2>tharinedirisinghe.github.io/portfolio/</h2></legend>
             <h4>Description:</h4>
             <p>Explore my personal portfolio website showcasing my skills, projects, and professional journey.</p>
             <h4>Technologies Used:</h4>
@@ -33,6 +34,7 @@ <h4>Technologies Used:</h4>
             </ul>
             <h4>My Contribution:</h4>
             <p>As a full-stack developer, I created the entire website and am currently working on the backend.</p>
+            </fieldset>
         </div>
 
         <!-- Add more projects as needed -->