benacode · Zion-7 · Apr 24, 2024 · Apr 24, 2024
diff --git a/.vs/ProjectSettings.json b/.vs/ProjectSettings.json
@@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": null
+}
diff --git a/.vs/VSWorkspaceState.json b/.vs/VSWorkspaceState.json
@@ -0,0 +1,6 @@
+{
+  "ExpandedNodes": [
+    ""
+  ],
+  "PreviewInSolutionExplorer": false
+}
diff --git a/.vs/html-css-project/FileContentIndex/2ee666bb-f6f3-41c4-8aff-74f6399c4294.vsidx b/.vs/html-css-project/FileContentIndex/2ee666bb-f6f3-41c4-8aff-74f6399c4294.vsidx
diff --git a/.vs/html-css-project/v17/.wsuo b/.vs/html-css-project/v17/.wsuo
diff --git a/.vs/html-css-project/v17/DocumentLayout.json b/.vs/html-css-project/v17/DocumentLayout.json
@@ -0,0 +1,12 @@
+{
+  "Version": 1,
+  "WorkspaceRootPath": "C:\\Users\\HP\\Desktop\\fork\\html-css-project\\",
+  "Documents": [],
+  "DocumentGroupContainers": [
+    {
+      "Orientation": 0,
+      "VerticalTabListWidth": 256,
+      "DocumentGroups": []
+    }
+  ]
+}
diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite
diff --git a/css/index.css b/css/index.css
@@ -1,3 +1,18 @@
-.test {
+html,
+body {
   background-color: aliceblue;
 }
+
+.headline-container {
+  font-family: "Inter", sans-serif;
+  font-weight: 700;
+  font-size: 40px;
+  line-height: 130%;
+  text-align: center;
+  color: rgb(99, 114, 11);
+}
+
+.headline-container-pos {
+  color: rgba(51, 119, 71, 0.933);
+
+}
diff --git a/css/index1.css b/css/index1.css
@@ -0,0 +1,44 @@
+html,
+body {
+    background-color: aliceblue;
+    margin: 0% 20% 0% 20%;
+}
+
+.headline-container {
+    font-family: "Inter", sans-serif;
+    font-weight: 400;
+    font-size: 40px;
+    line-height: 130%;
+    text-align: center;
+    color: rgb(12, 10, 41);
+}
+
+.headline-container-pos {
+    color: rgba(51, 119, 71, 0.933);
+
+}
+
+.headline-container-paragraph {
+
+    font-family: "Inter", sans-serif;
+    font-weight: 300;
+    font-size: 20;
+    line-height: 140%;
+    text-align: center;
+    color: black;
+}
+
+.menu {
+    width: 351px;
+    height: 184px;
+    border-radius: 8px;
+}
+
+.menu-list {
+    font-family: "Inter", sans-serif;
+    font-weight: 600;
+    font-size: 32px;
+    line-height: 137%;
+    text-align: center;
+    color: #3a4a42;
+}
diff --git a/img/Icon - Cancel.png b/img/Icon - Cancel.png
diff --git a/index.html b/index.html
@@ -1,11 +1,56 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>Modified Document</title>
+    <link rel="stylesheet" href="./css/index1.css">
+
 </head>
-<body>
-
-</body>
+
+<main>
+    <section class="menu">
+        <nav class="menu-list">
+            <ul>
+                <div>
+                    <a href="#"><img src="https://cdn-icons-png.freepik.com/512/7124/7124232.png" content width="30"
+                            alt="close button"></a>
+                </div>
+                <div>
+                    <li><a href="#protfolio">protfolio</a></li>
+                    <li><a href="#about">about</a></li>
+                    <li><a href="#contact us">contact us</a></li>
+                </div>
+            </ul>
+        </nav>
+    </section>
+    <section>
+        <div class="headline-container">
+            <h1>Hey there I am tsionawit</h1>
+            <h2 class="headline-container-pos">I am software enginner</h2>
+
+        </div>
+        <div class="headline-container-paragraph">
+            <p> I can help you build a product , feature or website Look through some of my work and experience! If you
+                like
+                what you see
+                and have a project you need coded,
+                don’t hesitate to contact me</p>
+        </div>
+    </section>
+    <div>
+
+        <a href="https://github.com/Zion-7"><img
+                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAADACAMAAAB/Pny7AAAAaVBMVEX///8XFRUAAAD6+vr19fUUEhIPDQ2lpaUqKioFAAAMCQnu7u7y8vLT09Pb29sIBQV8e3vi4uKsrKzo6OjLy8txcXFGRUWNjY22tbVRUFA8Ozuampq+vr4mJSVdXFwyMjJmZWUdHByEg4Mg1T6LAAAJz0lEQVR4nO1d67ayKhT9XAomXjOveUl9/4c8WntXGhAh2B5nOH82GuKExWJd8d+/HTt27NixY8eOHTt27NixY8eOHb8wLc91j0ldxFcUdXJ0Xc8yzW+/2IfwTkFS5OkZXnDp8jgJTt6331AQ3shjKPvpzR1kLICc6XejHIok+POE3CTOy+l9yQuPJ+DpH+W4RKdvvy8bXmJHk2TxeDww/vGc2snfXJ+jnWYAoRiTm8yFVz7Bt9/8BX40bpNPmPzwIdCXafLtt58h6S7g4E+Z3Nfn0v0dOn5pgCSTG7CDyr9BJ2hFtzxveUbt9v29cxoUULkCID1+lYpbNIqoXOmg+HsHj+l3ECqjMoJAm3zJcjvZBqikMgGc6iuy5qdAVHOZFucLatqKM4W75QkIzvbGJo47NMpF7BfQR+6WXI4lXnVK8oHxlmfOsdcjYr9AQPytuNRqFTINBOJtuBR6l+UGBPYGVMxqCy4jINd+fnoV2oaLgXCuWUVbVa9Rjc2BkV42ln3QcOqzQJpKIxszPmjXY3M2tqWNTH1xtuRiGOGh0KUFAn0mDAtOo+n0dC+bcxkVdKPFXzPLL3AZ2Zx1CNpA44IxVnXuIISp1iuk6rnUNC7kcrk0yJENmT2AHcD9+DAqm0I1F5cWGQvPdVLHeVo2q0I0yJnCmrk9PowmyggUe9JWR1uYX9P2WORlKBsHRNeEQHDbGQl1mFbt2Um1yBA8BgniFMnQGal09pP6pT1jtNJUcvHPtJMfsuf/nOoUf6zvwOmKmRBRJSC8KAxyWBHVioFq/je3bpcBG0ScpxzgMgOFISsWx0hMnQ9I1UUFYoMqQPByOrtxf3+Z2/v356zt0hFdm52b22+/lIBU7vIQcalkEFbmqh1buvgAxQp0u3FxwumVs6hKgqPrWXd4U97WjrIbIwTl6fU8NOkbT11YvaJzIT31bE4ADulSeubw6ildSD0+TNbEVWoMAfrunzQm/fmmkDXl0tWtSTU0Jm9AiQ6wGAtjQKTDamKOpsTt9FkOmZ6IA12dTUKtYGmsnHV46CFTMIeL1nudx57l9W9MBpPVCs1kybAuMjZ7vGHteC5zYTZWAOPShGudTtZ+NNiqeRVYqvk64FozgGMJY9BBhuOcY1j37CPPDtZChuflwTrtzDAufp5dK2LwhIA7YLnm0dx50hJqYJ5qE569wc/BVPpXOCtlmIYzd8RVKoArZWjpnKmATXi+t7NCzixq6Oc+TZE6Dg9wc1n4IO9xFj1PtbRaAqdexJEGZMinOumu/w0EaaqkCDIOm1Ba51glhwxUulInvARwWMrqM//MTpNBpi1Tf0o5RsBZVh5szpbRmacv2LFrhGQ1KGeGtBYhuryBJTcNPb58myAdR8wDscEUCejklHNQMjOYRFp0144cSopEfWH7Zam+LPAE9lmDD3LZGvb+R6HSsPxHQxty5lnO1Pf4osH4f4afsYVCah45DmxYaq4KtdgWrlxYg6MgtXj/M0RMDQCpjEkYsGcn1GIvPyPHLBGHVkad+Uz9qDgtRwNbAziljB2VMC0z1Guv0qsPLIuGnGWUT9Gwnoca5Zn5JXymW4h7mcFjZg8cOmjWzDwyyJExcdlB36+SkQtqcMg0/ysyX9wzysn02iuokw3JbKCa2R6NYjKGVtdsQtFsRka/BVBxfE21ZL5qmykn43TarWZOkEuGDNsCMBzF1WwvMDumC4CIjCpl22YGyTR3HrnsiAaWOuQSRsmMsYXbzI6lhlKBIbY/M6ozzbo5ZkuFnD/D8TQ1pWYe4CQD5TxNbpC009qEbHHjszIhTV55AdG7aZKMnUuRLDrhrPX3Ys2ScbN/Nu+ROuWMlwmUjWhyYs2jJ65RzjiHgrSAB9wsYK4vdM4ubJLPAnjs/Mx0dmlLAwa8Rh3oJC0pXhJb39KYNrcWSPaE4+U0DXLQtDQBZ8escHJ52WZtCSeTWwpEpKXbYltn0yTpSTjXbLfMmCwz6RlMuW2ZmGjI0ngGt63Vka8K49bOTPfEKGTxA377JJIKNN/gcquaprZDhTSueNM+iS8r+mi4m2ZiIy/CNJi8k23CmnqzN5WAE5tW4UUk7jsu67ocLfSmJw5B6SuK1Jh++64/EqNVgvB2rsZ9YytZHDfm1Zn9jNWtGsJ/39/noEhB7UkSCVz89Nrk9hkOcxVw7SZbjIrhPKwcxR8ygSZP57BulEVcEy6DbU8XZc7tnBCyNXSSkYrIDRCrewFc9PTe0AWWaVpukPeL1QmdSyu3d052exG7lIegtZtzZvfB/Uao4/I+MIQddGjtDw2cY1U2WLRnXUG/zulJX6KnBsOiX04nut7C2lb+SycpBaab3O515dqVs8fD+rDDrOcMQX5f6prqIKCrgsha3h1lnt1m+LmVVnBhFFgbQfP80lDeb+1jBzwIHLja2r983qBOGhXB+kU7IID9y4ZZgPy2XI8X+GFAkZu+6KDFj/JsRswTwfBmYDP/9JpaR1EAZXlv1iOc6dEv1REoR/Wzz67jQY6i3uaXfABGvw4z9ZYIoQjK8NnSyMX+qbAXV2eF99p5WvRBKLfFqVqgACusPHgJB95bNGkuCMlETmpeuPQF0qE/GpZBp0fR1/HV0RVrc+OkYF6nR234dFho4UfZ5+nFsIFB5Imx+E1Cgk8Ux2IBnoJmpn1wwh+jBCEcglicPuFHfmYzt6qjkYJjM59/GB4bI0izhlwdnbC/lJGY3nHZ1TELkEZ5fC6eC9r8GohTnKdd16VDJex0WsyS0gW0RE4Xx/3SvDDNzz6SYYqSUb1hrliUtJOVd8KZguYZtFri84sk0Erdb4qdmtpaqJLZnYArFaYYGVBzQwsNhfEsGuvYCIkZMTSWttozpwqtaTsXIYP13qZbzV1EkM8Fmu/vSsV6SycmM3nGxoE0kHM03pPBksUYHyAPZy+BANri6Hq3Q8Y0PfcktlhvyRDdjW0TcrI0LIFkURXXdV3Y1VAekNBSvSNDyAZcJi2wdEXw7BtTBxVkwk1u0h5hc++gJSrIQLMRl3//al4qRQUZyLT3gTzgd+xopDAZdms5dJvdpD/hFDE/pLGaDIFo4y+3mDFiiBoWI8P0ZwDF23+2JWB8GWQdGQS6C8AZyKlfoVhDBkG/yelCQ5Lh1+gXPgh5UzQyIc6++FEtM89eFIE0GQKZ/o80cOFH50WuRZIMhnO0qUKmwayjZkZHigyGJqr/wldD3TrCT5pAggwCHNWbfg2IAzcZ4G594kaMzL0RgwAMyV+hMsELquanckM0mPoT6wFoqj/30VPTLW53F4ter368/TsrRDLtX8CpKjPxL2G5UVZWf/jDrTt27NixY8eOHTt27NixY8eOv4r/AGS5jKsfz6j5AAAAAElFTkSuQmCC"
+                content width="25" alt=""></a>
+
+
+        <a href="https://www.linkedin.com/in/tsion-getnet-078196277/"><img
+                src="data:image/jpeg;base64,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"
+                content width="25" alt=""></a>
+
+    </div>
+    </body>
+
 </html>