From 86c842ff78bbe986e3827216d8f9c0c4e573f5c1 Mon Sep 17 00:00:00 2001
From: Iakub Dubachev <gorbone1@gmail.com>
Date: Tue, 29 Oct 2024 12:01:27 +0000
Subject: [PATCH 1/8] My Name Added

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

From 62884850bf15fd53eeae75585883252fda81c21d Mon Sep 17 00:00:00 2001
From: Iakub Dubachev <gorbone1@gmail.com>
Date: Tue, 29 Oct 2024 12:07:24 +0000
Subject: [PATCH 2/8] About Me Information added

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

diff --git a/index.html b/index.html
index 61aca38a..a0675813 100644
--- a/index.html
+++ b/index.html
@@ -51,10 +51,8 @@ <h1>Iakub Dubachev</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?
+          I am Iakub Dubachev, a software development trainee at Code Your Future. I have experience in HTML, CSS, JavaScript, and I am expanding my skills in React and Node.js. I love solving problems and building web applications that provide great user experiences.
+  </p>
         </p>
       </section>
       <section id="projects">

From 75cb0b04abb6922e138e741ac3defbf957c6a3b4 Mon Sep 17 00:00:00 2001
From: Iakub Dubachev <gorbone1@gmail.com>
Date: Tue, 29 Oct 2024 12:19:18 +0000
Subject: [PATCH 3/8] Project Showcase updated

---
 index.html | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index a0675813..80ab85c9 100644
--- a/index.html
+++ b/index.html
@@ -57,12 +57,19 @@ <h1>Iakub Dubachev</h1>
       </section>
       <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?
-        </p>
+        <div class="project-item">
+          <h3>1 - Hometown Page</h3>
+          <p>A personal endeavour that showcases my community's significant sites, history, and culture.</p>
+          <p><strong>Technologies Used:</strong> HTML, CSS, JavaScript</p>
+          <button><a href="https://iakubdubachev-hometownpageupdated.netlify.app/" target="_blank">View Project</a></button>
+        </div>
+
+        <div class="project-item">
+          <h3>2 - T-shirt Order Form </h3>
+          <p>An interactive project that implements form controls for data input and validation.</p>
+          <p><strong>Technologies Used:</strong> HTML, CSS, JavaScript</p>
+          <button><a href="https://deploy-preview-234--cyf-ufd.netlify.app/" target="_blank">View Project</a></button>
+        </div>
       </section>
       <section id="contact">
         <header><h2>Contact me</h2></header>

From 2aadd4966f3f61bbf149d2196257357f085ccc1d Mon Sep 17 00:00:00 2001
From: Iakub Dubachev <gorbone1@gmail.com>
Date: Tue, 29 Oct 2024 12:22:47 +0000
Subject: [PATCH 4/8] Contact info updated

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

diff --git a/index.html b/index.html
index 80ab85c9..80bd6984 100644
--- a/index.html
+++ b/index.html
@@ -74,10 +74,9 @@ <h3>2 - T-shirt Order Form </h3>
       <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?
+          <p><strong>Email:</strong> <a href="Gorbone1@gmail.com">Gorbone1@gmail.com</a></p>
+          <p><strong>LinkedIn:</strong> <a href="https://www.linkedin.com/in/iakub-dubachev-5566422b3/">Iakub Dubachev</a></p>
+          </p>
         </p>
       </section>
     </main>

From a87ce07f72b26302a81614d249346ee09bf53b9c Mon Sep 17 00:00:00 2001
From: Iakub Dubachev <gorbone1@gmail.com>
Date: Tue, 29 Oct 2024 13:49:46 +0000
Subject: [PATCH 5/8] General Reset added

---
 style.css | 61 +++++--------------------------------------------------
 1 file changed, 5 insertions(+), 56 deletions(-)

diff --git a/style.css b/style.css
index c911f90c..c7a761b1 100644
--- a/style.css
+++ b/style.css
@@ -1,57 +1,6 @@
-/* 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);
-}
-/* General Styles */
-html,
-body {
-  scroll-behavior: smooth;
-  background: var(--paper);
-  color: var(--ink);
-  font-family: var(--font);
-}
-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;
-}
-/* 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;
-}
-nav ul {
-  display: flex;
-  list-style: none;
-  gap: var(--gap);
-}
-
-/* Text readability */
-section p {
-  line-height: 1.5;
-  max-width: 55ch;
+/* General Reset */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
 }

From cc13003a9e6cf50f041bf1e5d706a5e79b0d118c Mon Sep 17 00:00:00 2001
From: Iakub Dubachev <gorbone1@gmail.com>
Date: Tue, 29 Oct 2024 13:51:00 +0000
Subject: [PATCH 6/8] Base Styles added

---
 style.css | 99 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 99 insertions(+)

diff --git a/style.css b/style.css
index c7a761b1..972c2409 100644
--- a/style.css
+++ b/style.css
@@ -4,3 +4,102 @@
   padding: 0;
   box-sizing: border-box;
 }
+/* Base Styles */
+body {
+  font-family: 'Raleway', sans-serif;
+  line-height: 1.8;
+  background-color: yellow;
+  color: blue;
+}
+
+header, footer {
+  background-color: #1a1a1a;
+  color: white;
+  padding: 1.5rem;
+  text-align: center;
+}
+
+header h1 {
+  font-size: 2rem;
+}
+
+header nav ul {
+  list-style: none;
+  display: flex;
+  gap: 1rem;
+  justify-content: center;
+}
+
+header nav a {
+  color: #f8f8f8;
+  text-decoration: none;
+  font-weight: 500;
+  font-size: 1.1rem;
+}
+
+header nav a:focus,
+header nav a:hover {
+  outline: 3px dashed #fff;
+  outline-offset: 3px;
+  text-decoration: underline;
+}
+
+main {
+  padding: 2rem;
+  max-width: 800px;
+  margin: auto;
+}
+
+section {
+  margin-bottom: 2.5rem;
+}
+
+section h2 {
+  font-size: 1.8rem;
+  color: darkblue;
+  margin-bottom: 1rem;
+}
+
+.project-item {
+  border: 1px solid #ccc;
+  padding: 1.5rem;
+  margin-bottom: 1.5rem;
+  border-radius: 8px;
+  background-color: #ffffff;
+}
+
+.project-item h3 {
+  font-weight: 800;
+  font-size: 1.4rem;
+  color: darkblue;
+}
+
+.project-item a.button {
+  display: inline-block;
+  margin-top: 1rem;
+  padding: 0.6rem 1.2rem;
+  background-color: #1a1a1a;
+  color: #f8f8f8;
+  text-decoration: none;
+  border-radius: 4px;
+}
+
+.project-item a.button:hover {
+  background-color: #333;
+}
+
+footer a {
+  color: #f8f8f8;
+  font-size: 1rem;
+  display: inline-flex;
+  align-items: center;
+}
+
+footer svg {
+  margin-right: 0.5rem;
+  transition: transform 0.3s;
+}
+
+footer a:hover svg {
+  transform: scale(1.1);
+}

From 8c9783add27beebab1b2df62de823714ba44378f Mon Sep 17 00:00:00 2001
From: Iakub Dubachev <gorbone1@gmail.com>
Date: Tue, 29 Oct 2024 13:53:34 +0000
Subject: [PATCH 7/8] Focus and Hover Effects for Accessibility added

---
 style.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/style.css b/style.css
index 972c2409..6673cf6f 100644
--- a/style.css
+++ b/style.css
@@ -103,3 +103,9 @@ footer svg {
 footer a:hover svg {
   transform: scale(1.1);
 }
+
+/* Focus and Hover Effects for Accessibility */
+a:focus, button:focus, .button:focus {
+  outline: 3px dashed #555;
+  outline-offset: 3px;
+}
\ No newline at end of file

From f7391268f6f2615bfe32ab823709ce4c6dd6a73d Mon Sep 17 00:00:00 2001
From: Iakub Dubachev <gorbone1@gmail.com>
Date: Tue, 29 Oct 2024 13:54:41 +0000
Subject: [PATCH 8/8] Responsive Design added

---
 style.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/style.css b/style.css
index 6673cf6f..4df74f09 100644
--- a/style.css
+++ b/style.css
@@ -108,4 +108,15 @@ footer a:hover svg {
 a:focus, button:focus, .button:focus {
   outline: 3px dashed #555;
   outline-offset: 3px;
+}
+
+/* Responsive Design */
+@media (max-width: 600px) {
+  header nav ul {
+    flex-direction: column;
+  }
+
+  header h1 {
+    font-size: 1.5rem;
+  }
 }
\ No newline at end of file
