CodeYourFuture · AndriusIsin · Feb 14, 2023 · Feb 14, 2023 · Feb 14, 2023 · Feb 14, 2023
diff --git a/images/facebook.webp b/images/facebook.webp
diff --git a/images/hamburger.png b/images/hamburger.png
diff --git a/images/insta.webp b/images/insta.webp
diff --git a/images/linkedln.webp b/images/linkedln.webp
diff --git a/images/main.webp b/images/main.webp
diff --git a/images/twitter.webp b/images/twitter.webp
diff --git a/index.html b/index.html
@@ -4,18 +4,126 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <!-- Add a link to your custom CSS here -->
-
-    <title>Responsive grid project</title>
+    <link rel="stylesheet" href="style.css">
+    <script src="script.js" defer> </script>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,600&display=swap" rel="stylesheet">
+    <title>Business CV</title>
 </head>
-
 <body>
+    <header>
+        <div class="title">
+            <div class="name">
+                <div class="blue_box"></div>
+                <h2>Maya Nelson</h2>
+            </div>
+            <span>/</span>
+            <p>PROJECT MANAGER</p>
+        </div>
+        <div class="header-right">
+
+            <div class="hamburger">
+                <img src="images/hamburger.png" alt="hamburger  image " class="hamburger" />
+            </div>
+
+            <nav>
+                <ul class="navigation__list">
+                    <li class="navigation__item">
+                        <a class="navigation__link" href="#">ABOUT ME</a>
+                    </li>
+                    <li class="navigation__item">
+                        <a class="navigation__link" href="resume.html">RESUME</a>
+                    </li>
+                    <li class="navigation__item">
+                        <a class="navigation__link" href="#">PROJECTS</a>
+                    </li>
+                    <li class="navigation__item">
+                        <a class="navigation__link" href="#">CONTACT</a>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </header>
+    <main>
+        <section class="main_info_box">
+            <img src="images/main.webp"
+                alt="Maya Nelson image"
+                class="main-image"
+            />
+            <h2>Maya Nelson</h2>
+            <h3>PROJECT MANAGER</h3>
+            <button class="button_resume">RESUME</button>
+            <button class="button_projects">PROJECTS</button>
+
+            <section class="main_social_media">
+                <img src="images/facebook.webp"
+                    alt="facebook icon"
+                    class="main_box_icons"
+                />
+                <img src="images/twitter.webp"
+                    alt="twitter icon"
+                    class="main_box_icons"
+                />
+                <img src="images/linkedln.webp"
+                    alt="linkedin icon"
+                    class="main_box_icons"
+                />
+                <img src="images/insta.webp"
+                    alt="instagram icon"
+                    class="main_box_icons"
+                />
+            </section>
+
+        </section>
+        <article class="main-text">
+            <h1>Hello</h1>
+            <h3>Here's who I am & what I do</h3>
+            <div class="buttons_main_text">
+            <button class="button_resume1">RESUME</button>
+            <button class="button_projects1">PROJECTS</button>
+            </div>
+            <p>I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me to add your own content and make changes to the font.</p>
+            <p>I’m a great place for you to tell a story and let your users know a little more about you.</p>
+        </article>
+    </main>
 
-    <!-- Add your markup here -->
-
-
-    <!-- Please leave this in to credit the creators of this design -->
-    <p>This website design was created by Wix.com, and is used here for strictly educational purposes.</p>
+    <footer>
+        <div class="footer_info_call">
+            <h5>Call</h5>
+            <p>123-456-7890</p>
+        </div>
+        <div class="footer_info_write">
+            <h5>Write</h5>
+            <p>info@mysite.com</p>
+        </div>
+        <div class="footer_media">
+            <h5>Follow</h5>
+            <img src="images/facebook.webp"
+                alt="facebook icon"
+                class="footer_icons"
+            />
+            <img src="images/twitter.webp"
+                alt="twitter icon"
+                class="footer_icons"
+            />
+            <img src="images/linkedln.webp"
+                alt="linkedin icon"
+                class="footer_icons"
+            />
+            <img src="images/insta.webp"
+                alt="instagram icon"
+                class="footer_icons"
+            />
+        </div>
+        <div class="end">
+            <p>©2023 by Andrius Isin. This website design was created by Wix.com, and is used here for strictly educational purposes.</p>
+        <div>
+    </footer>
+    <button onclick="topFunction()" id="arrow_button" title="Go to top">⇧</button>
 </body>
 
 </html>