about

index.html

@@ -16,9 +16,9 @@
             <nav class="nav">
                 <ul class="items">
                     <li class="item active">
-                        <a class="link" href="#">Home</a>
+                        <a class="link" href="/">Home</a>
                     </li>
-                    <li class="item"><a class="link" href="#">About us</a></li>
+                    <li class="item"><a class="link" href="/about.html">About us</a></li>
                     <li class="item"><a class="link" href="#">Portfolio</a></li>
                     <li class="item"><a class="link" href="#">News</a></li>
                     <li class="item btn"><a class="link" href="#">Contacts</a></li>
@@ -142,8 +142,68 @@
             </div>
             <a class="see-all" href="#">SEE ALL</a>
         </div>
+        <div class="container email">
+            <h3 class="email_h3">Lorem Ipsum</h3>
+            <p class="email_p">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
+            <div class="email_block">
+                <div class="email_collumn">
+                    <h4 class="email_h4">Stay in the loop</h4>
+                    <p class="email_p">Subscribe to receive the latest news and updates about TDA.
+We promise not to spam you! </p>
+                </div>
+                <div class="email_collumn">
+                    <input class="email_input" type="email" placeholder="Enter email address" id="emailField">
+                    <button class="email_btn" onclick="checkEmail()">Continue</button>
+                </div>
+            </div>
+        </div>
     </div>
 
+    <footer class="footer">
+        <div class="blocks container">
+            <div class="footer_info">
+                <span class="footer_logo">Logo</span>
+                <p class="footer_p">
+                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
+                </p>
+            </div>
+            <div class="footer_info">
+                <h4 class="footer_h4">
+                    About us
+                </h4>
+                <ul class="footer_ul">
+                    <li class="footer_li">
+                        Zeux
+                    </li>
+                    <li class="footer_li">
+                        Portfolio
+                    </li>
+                    <li class="footer_li">
+                        Careers
+                    </li>
+                    <li class="footer_li">
+                        Contact us
+                    </li>
+                </ul>
+            </div>
+            <div class="footer_info">
+                <h4 class="footer_h4">
+                    Contact us
+                </h4>
+                <p class="footer_p">
+                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
+                </p>
+                <p class="footer_p">
+                    +908 89097 890
+                </p>
+            </div>
+        </div>
+        <hr>
+        <p class="footer_p_down">
+            Copyright ® 2021 Lorem All rights Rcerved
+        </p>
+    </footer>
+
     <script src="main.js"></script>
 </body>
-</html>
+</html>