From ae1ccf86a4f551fee467030172f25b3bfd5c72f6 Mon Sep 17 00:00:00 2001
From: Millena28 <millenakiflom06@gmail.com>
Date: Sat, 26 Oct 2024 14:54:29 +0100
Subject: [PATCH 01/11] Added my name

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 7b0d8b5a..99ef2296 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
   </head>
   <body>
     <header>
-      <h1>My Name</h1>
+      <h1>Millena Mesfin</h1>
       <nav>
         <ul>
           <li><a href="#about">About Me</a></li>

From 568822ad837720789c2d8d3af530d0b71b6cda34 Mon Sep 17 00:00:00 2001
From: Millena28 <millenakiflom06@gmail.com>
Date: Sat, 26 Oct 2024 14:55:43 +0100
Subject: [PATCH 02/11] Added About me

---
 index.html | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 99ef2296..324c33bd 100644
--- a/index.html
+++ b/index.html
@@ -51,10 +51,15 @@ <h1>Millena Mesfin</h1>
       <section id="about">
         <header><h2>About Me</h2></header>
         <p>
-          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nulla nisi
-          excepturi quidem, eum rem doloribus quam aspernatur hic enim eligendi
-          commodi minima ullam necessitatibus, cumque blanditiis, nihil magni
-          amet consectetur?
+          Millena is a dedicated software engineer who has developed strong expertise
+          through the Code Your Future (CYF) program. During this time, I have gained 
+          valuable skills in HTML, CSS, JavaScript, and SQL, which have equipped me 
+          to build dynamic, responsive websites and manage databases efficiently.
+          With a keen eye for detail, I excel at creating clean, well-structured code
+          that ensures optimal user experience.My passion for learning and 
+          problem-solving continues to drive my growth as a software engineer,
+           making me a valuable asset to any development team
+          
         </p>
       </section>
       <section id="projects">

From eed251cd007ea1d047f4275c5da5e8169faeae5c Mon Sep 17 00:00:00 2001
From: Millena28 <millenakiflom06@gmail.com>
Date: Sat, 26 Oct 2024 14:57:43 +0100
Subject: [PATCH 03/11] Added project 1 case

---
 index.html | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 324c33bd..4348846e 100644
--- a/index.html
+++ b/index.html
@@ -65,10 +65,9 @@ <h1>Millena Mesfin</h1>
       <section id="projects">
         <header><h2>Projects Showcase</h2></header>
         <p>
-          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nulla nisi
-          excepturi quidem, eum rem doloribus quam aspernatur hic enim eligendi
-          commodi minima ullam necessitatibus, cumque blanditiis, nihil magni
-          amet consectetur?
+          My hometown page typically provides an overview of Asmara capital city of Eritrea,
+          highlighting its history, key landmarks, and community features and  serves as a 
+          resource for people looking to explore or connect with Asmara's culture and offerings.  
         </p>
       </section>
       <section id="contact">

From 64472615bcf3180ce263f7e9f8b9fcaa49e522e7 Mon Sep 17 00:00:00 2001
From: Millena28 <millenakiflom06@gmail.com>
Date: Sat, 26 Oct 2024 15:00:14 +0100
Subject: [PATCH 04/11] Added my second project work

---
 index.html | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/index.html b/index.html
index 4348846e..b48bc3f7 100644
--- a/index.html
+++ b/index.html
@@ -69,6 +69,10 @@ <h1>Millena Mesfin</h1>
           highlighting its history, key landmarks, and community features and  serves as a 
           resource for people looking to explore or connect with Asmara's culture and offerings.  
         </p>
+        <p>
+          My form is to collect customer information for purchasing shirts and includes fields 
+          for customer personal information, such as name, Email, and delivery date.
+        </p>
       </section>
       <section id="contact">
         <header><h2>Contact me</h2></header>

From 5bc992d6a78c4d7181634c23c100e437e2c9f4bf Mon Sep 17 00:00:00 2001
From: Millena28 <millenakiflom06@gmail.com>
Date: Sat, 26 Oct 2024 15:01:17 +0100
Subject: [PATCH 05/11] Added my hometown header

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index b48bc3f7..064eff50 100644
--- a/index.html
+++ b/index.html
@@ -63,7 +63,7 @@ <h1>Millena Mesfin</h1>
         </p>
       </section>
       <section id="projects">
-        <header><h2>Projects Showcase</h2></header>
+        <header><h2>My Hometown</h2></header>
         <p>
           My hometown page typically provides an overview of Asmara capital city of Eritrea,
           highlighting its history, key landmarks, and community features and  serves as a 

From ca6a399b0a1eb6f4982a92d54530de644659e306 Mon Sep 17 00:00:00 2001
From: Millena28 <millenakiflom06@gmail.com>
Date: Sat, 26 Oct 2024 15:02:52 +0100
Subject: [PATCH 06/11] Added my fom control header

---
 index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.html b/index.html
index 064eff50..cb88525e 100644
--- a/index.html
+++ b/index.html
@@ -69,6 +69,7 @@ <h1>Millena Mesfin</h1>
           highlighting its history, key landmarks, and community features and  serves as a 
           resource for people looking to explore or connect with Asmara's culture and offerings.  
         </p>
+        <header><h2>My Form control</h2></header>
         <p>
           My form is to collect customer information for purchasing shirts and includes fields 
           for customer personal information, such as name, Email, and delivery date.

From 46a8b3319f478484ab36a87a932647946e21c075 Mon Sep 17 00:00:00 2001
From: Millena28 <millenakiflom06@gmail.com>
Date: Sat, 26 Oct 2024 15:05:17 +0100
Subject: [PATCH 07/11] Added my contact details

---
 index.html | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index cb88525e..bee41771 100644
--- a/index.html
+++ b/index.html
@@ -78,10 +78,9 @@ <h1>Millena Mesfin</h1>
       <section id="contact">
         <header><h2>Contact me</h2></header>
         <p>
-          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nulla nisi
-          excepturi quidem, eum rem doloribus quam aspernatur hic enim eligendi
-          commodi minima ullam necessitatibus, cumque blanditiis, nihil magni
-          amet consectetur?
+          Email= Millenakiflom06@gmail.com
+          Github= Millena28
+          Linkedin=
         </p>
       </section>
     </main>

From 88eb8e99d286dea49a8b06257207088cde955bc1 Mon Sep 17 00:00:00 2001
From: Millena28 <millenakiflom06@gmail.com>
Date: Sat, 26 Oct 2024 16:11:32 +0100
Subject: [PATCH 08/11] Added BACKGROUND COLOR

---
 index.html | 15 +++++++++------
 style.css  |  6 +++---
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index bee41771..db62aef6 100644
--- a/index.html
+++ b/index.html
@@ -41,8 +41,8 @@
       <h1>Millena Mesfin</h1>
       <nav>
         <ul>
-          <li><a href="#about">About Me</a></li>
-          <li><a href="#projects">Projects</a></li>
+          <li><a href=""></li>
+          <li><a href="">Projects</a></li>
           <li><a href="#contact">Contact</a></li>
         </ul>
       </nav>
@@ -59,8 +59,7 @@ <h1>Millena Mesfin</h1>
           that ensures optimal user experience.My passion for learning and 
           problem-solving continues to drive my growth as a software engineer,
            making me a valuable asset to any development team
-          
-        </p>
+         </p>
       </section>
       <section id="projects">
         <header><h2>My Hometown</h2></header>
@@ -79,9 +78,13 @@ <h1>Millena Mesfin</h1>
         <header><h2>Contact me</h2></header>
         <p>
           Email= Millenakiflom06@gmail.com
-          Github= Millena28
-          Linkedin=
         </p>
+        <p>
+          Github= Millena28
+         </p>
+        <p>
+            Linkedin=
+         </p>
       </section>
     </main>
     <footer>
diff --git a/style.css b/style.css
index c911f90c..8f8983d7 100644
--- a/style.css
+++ b/style.css
@@ -11,9 +11,9 @@
 html,
 body {
   scroll-behavior: smooth;
-  background: var(--paper);
-  color: var(--ink);
-  font-family: var(--font);
+  background: #f4f4f4;
+  color: #333;
+  font-family:'Raleway'sans-serif;
 }
 body {
   display: grid;

From 878ea0734b43cdbbb6f696b952b881ad7d551600 Mon Sep 17 00:00:00 2001
From: Millena28 <millenakiflom06@gmail.com>
Date: Tue, 29 Oct 2024 12:59:34 +0000
Subject: [PATCH 09/11] Added border padding,box sizing

---
 index.html | 11 ++-----
 style.css  | 96 +++++++++++++++++++++++++++++-------------------------
 2 files changed, 54 insertions(+), 53 deletions(-)

diff --git a/index.html b/index.html
index db62aef6..47e04750 100644
--- a/index.html
+++ b/index.html
@@ -40,11 +40,7 @@
     <header>
       <h1>Millena Mesfin</h1>
       <nav>
-        <ul>
-          <li><a href=""></li>
-          <li><a href="">Projects</a></li>
-          <li><a href="#contact">Contact</a></li>
-        </ul>
+        
       </nav>
     </header>
     <main tabindex="0">
@@ -61,14 +57,13 @@ <h1>Millena Mesfin</h1>
            making me a valuable asset to any development team
          </p>
       </section>
-      <section id="projects">
-        <header><h2>My Hometown</h2></header>
+      <header><h2>My Hometown Project</h2></header>
         <p>
           My hometown page typically provides an overview of Asmara capital city of Eritrea,
           highlighting its history, key landmarks, and community features and  serves as a 
           resource for people looking to explore or connect with Asmara's culture and offerings.  
         </p>
-        <header><h2>My Form control</h2></header>
+        <header><h2>My Form control Project</h2></header>
         <p>
           My form is to collect customer information for purchasing shirts and includes fields 
           for customer personal information, such as name, Email, and delivery date.
diff --git a/style.css b/style.css
index 8f8983d7..30a81e1d 100644
--- a/style.css
+++ b/style.css
@@ -1,57 +1,63 @@
-/* Design tokens */
-:root {
-  --paper: hsla(251, 28%, 88%, 0.99);
-  --ink: hsla(244, 16%, 17%, 0.95);
-  --brand: hsla(0, 79%, 63%, 0.9);
-  --font: "Raleway", system-ui, sans-serif;
-  --gap: 20px;
-  --container: clamp(280px, calc(100vw - calc(var(--gap) * 2)), 1180px);
+* Reset */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
 }
+
 /* General Styles */
-html,
 body {
-  scroll-behavior: smooth;
-  background: #f4f4f4;
+  font-family: 'Raleway', sans-serif;
+  background-color: #f4f4f9;
   color: #333;
-  font-family:'Raleway'sans-serif;
+  line-height: 1.6;
 }
-body {
-  display: grid;
-  margin: auto;
-  min-height: 100vh;
-  gap: var(--gap);
-  max-width: var(--container);
-}
-a,
-a:any-link {
-  color: currentColor;
-  text-decoration: none;
-  border-bottom: 2px solid transparent;
-  transition: border-color ease-in-out 0.3s;
-}
-a:hover,
-a:focus {
-  color: var(--brand);
-  border-color: currentColor;
+
+header,
+footer {
+  background-color:rgb(76, 3, 76);
+  color: #1c3ac3;
+  padding: 1.5em;
+  text-align: center;
 }
-/* Site header and navigation */
-body > header {
-  background: var(--paper);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  position: sticky;
-  top: 0;
-  z-index: 1;
+
+header h1 {
+  font-weight: 800;
+  font-size: 2.5em;
+  margin-bottom: 0.5em;
 }
+
 nav ul {
-  display: flex;
   list-style: none;
-  gap: var(--gap);
+  display: flex;
+  justify-content: center;
+  gap: 1.5em;
 }
 
-/* Text readability */
-section p {
-  line-height: 1.5;
-  max-width: 55ch;
+nav a {
+  color: #fff;
+  text-decoration: none;
+  font-weight: 300;
+  font-size: 1.1em;
 }
+
+nav a:hover {
+  color: #3498db;
+}
+
+main {
+  max-width: 800px;
+  margin: 2em auto;
+  padding: 1em;
+}
+
+section {
+  margin-bottom: 2em;
+}
+
+section header h2 {
+  font-size: 1.8em;
+  font-weight: 800;
+  margin-bottom: 0.5em;
+  color: #3498db;
+}
\ No newline at end of file

From b2d1e3ead84b2c9ca2b48d8af5f9dd2b08059e52 Mon Sep 17 00:00:00 2001
From: Millena28 <millenakiflom06@gmail.com>
Date: Thu, 31 Oct 2024 06:26:33 +0000
Subject: [PATCH 10/11] Added links of my project

---
 .../tree/Form-control                         |  0
 README.md                                     |  6 ++--
 index.html                                    | 32 +++++++++++++++----
 style.css                                     | 27 ++++++++++------
 4 files changed, 46 insertions(+), 19 deletions(-)
 create mode 100644 .https:/github.com/Millena28/Module-User-Focused-Data/tree/Form-control

diff --git a/.https:/github.com/Millena28/Module-User-Focused-Data/tree/Form-control b/.https:/github.com/Millena28/Module-User-Focused-Data/tree/Form-control
new file mode 100644
index 00000000..e69de29b
diff --git a/README.md b/README.md
index 98549832..94b91eb9 100644
--- a/README.md
+++ b/README.md
@@ -26,6 +26,6 @@ Every module, you will _iterate_ on your portfolio, adding a new project and imp
 
 ## Resources
 
-- [Josh Comeau on building your early career profile](https://www.youtube.com/watch?v=OXiaEXfkAec)
-- [How to Build an Effective Dev Portfolio](https://www.joshwcomeau.com/effective-portfolio/)
-- [CYF Graduate Module](https://module-graduates.codeyourfuture.io/)
+Google searches
+Searching different tutorial websites
+Some Tutorial videos on youtube
diff --git a/index.html b/index.html
index 47e04750..a14761ba 100644
--- a/index.html
+++ b/index.html
@@ -77,15 +77,35 @@ <h1>Millena Mesfin</h1>
         <p>
           Github= Millena28
          </p>
-        <p>
-            Linkedin=
-         </p>
+        
       </section>
+      <h2>Explore the Project</h2>
+      
+      <ul>
+        <li>
+          <a
+            href="https://github.com/CodeYourFuture/Module-User-Focused-Data/pull/273"
+            target="_blank"
+            >View Source Code on GitHub</a
+          >
+        </li>
+        <li>
+          <a href="file:///Users/nahom/Downloads/Mili%20Hometown%20/index.html"
+          target="_blank"
+          
+            >Deployed Version</a
+          >
+        </li>
+      </ul>
+          
+        
+      </ul>
+    </section>
     </main>
     <footer>
       <h3>
-        <a href="https://github.com/CodeYourFuture/Portfolio"
-          ><svg
+        <a href="https://github.com/CodeYourFuture/Portfolio"</a>
+          <svg
             focusable="false"
             role="presentation"
             viewbox="0 0 98 96"
@@ -100,7 +120,7 @@ <h3>
               fill="currentColor"
             />
           </svg>
-          Read me</a
+          Read Me</a
         >
       </h3>
     </footer>
diff --git a/style.css b/style.css
index 30a81e1d..dbf889ff 100644
--- a/style.css
+++ b/style.css
@@ -15,15 +15,15 @@ body {
 
 header,
 footer {
-  background-color:rgb(76, 3, 76);
-  color: #1c3ac3;
+  background-color:rgba(133, 47, 133, 0.563);
+  color:black;
   padding: 1.5em;
   text-align: center;
 }
 
 header h1 {
   font-weight: 800;
-  font-size: 2.5em;
+  font-size: 2em;
   margin-bottom: 0.5em;
 }
 
@@ -34,15 +34,15 @@ nav ul {
   gap: 1.5em;
 }
 
-nav a {
-  color: #fff;
+nav  {
+  color:black;
   text-decoration: none;
-  font-weight: 300;
+  font-weight: 30;
   font-size: 1.1em;
 }
 
 nav a:hover {
-  color: #3498db;
+  color:black;
 }
 
 main {
@@ -52,12 +52,19 @@ main {
 }
 
 section {
-  margin-bottom: 2em;
+  margin-bottom: 1em;
 }
 
 section header h2 {
   font-size: 1.8em;
   font-weight: 800;
   margin-bottom: 0.5em;
-  color: #3498db;
-}
\ No newline at end of file
+  color: black;
+}
+section header h2 {
+  font-size: 1.8em;
+  font-weight: 800;
+  margin-bottom: 0.5em;
+  color: bkack;
+}
+ 
\ No newline at end of file

From a6306c7be0c9a879f6b8862c5e0a5cf6a6805e05 Mon Sep 17 00:00:00 2001
From: Millena28 <millenakiflom06@gmail.com>
Date: Thu, 31 Oct 2024 13:38:27 +0000
Subject: [PATCH 11/11] changed my link names

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index a14761ba..612f474d 100644
--- a/index.html
+++ b/index.html
@@ -86,14 +86,14 @@ <h2>Explore the Project</h2>
           <a
             href="https://github.com/CodeYourFuture/Module-User-Focused-Data/pull/273"
             target="_blank"
-            >View Source Code on GitHub</a
+            >T-shirt form</a
           >
         </li>
         <li>
           <a href="file:///Users/nahom/Downloads/Mili%20Hometown%20/index.html"
           target="_blank"
           
-            >Deployed Version</a
+            >Hometown</a
           >
         </li>
       </ul>
