diff --git a/about.html b/about.html
index 2fb6d88..87ba5e8 100644
--- a/about.html
+++ b/about.html
@@ -19,7 +19,7 @@
                         <a class="link" href="/">Home</a>
                     </li>
                     <li class="item active"><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="/portfolio.html">Portfolio</a></li>
                     <li class="item"><a class="link" href="#">News</a></li>
                     <li class="item btn"><a class="link" href="/contacts.html">Contacts</a></li>
                 </ul>
diff --git a/contacts.html b/contacts.html
index e23d11a..d894db9 100644
--- a/contacts.html
+++ b/contacts.html
@@ -18,7 +18,7 @@
                         <a class="link" href="/">Home</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="/portfolio.html">Portfolio</a></li>
                     <li class="item"><a class="link" href="#">News</a></li>
                     <li class="item btn"><a class="link" href="/contacts.html">Contacts</a></li>
                 </ul>
diff --git a/images/icons/map.svg b/images/icons/map.svg
new file mode 100644
index 0000000..7c4eea5
--- /dev/null
+++ b/images/icons/map.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 9C19 8.08075 18.8189 7.1705 18.4672 6.32122C18.1154 5.47194 17.5998 4.70026 16.9497 4.05025C16.2997 3.40024 15.5281 2.88463 14.6788 2.53284C13.8295 2.18106 12.9193 2 12 2C11.0807 2 10.1705 2.18106 9.32122 2.53284C8.47194 2.88463 7.70026 3.40024 7.05025 4.05025C6.40024 4.70026 5.88463 5.47194 5.53284 6.32122C5.18106 7.1705 5 8.08075 5 9C5 10.387 5.41 11.677 6.105 12.765H6.097C8.457 16.46 12 22 12 22L17.903 12.765H17.896C18.6164 11.6414 18.9995 10.3347 19 9ZM12 12C11.2044 12 10.4413 11.6839 9.87868 11.1213C9.31607 10.5587 9 9.79565 9 9C9 8.20435 9.31607 7.44129 9.87868 6.87868C10.4413 6.31607 11.2044 6 12 6C12.7956 6 13.5587 6.31607 14.1213 6.87868C14.6839 7.44129 15 8.20435 15 9C15 9.79565 14.6839 10.5587 14.1213 11.1213C13.5587 11.6839 12.7956 12 12 12Z" fill="#DC7000"/>
+</svg>
diff --git a/images/icons/people.svg b/images/icons/people.svg
new file mode 100644
index 0000000..7aa03b5
--- /dev/null
+++ b/images/icons/people.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 10.8001C12.9548 10.8001 13.8705 10.4208 14.5456 9.74568C15.2207 9.07055 15.6 8.15488 15.6 7.2001C15.6 6.24532 15.2207 5.32964 14.5456 4.65451C13.8705 3.97938 12.9548 3.6001 12 3.6001C11.0452 3.6001 10.1296 3.97938 9.45442 4.65451C8.77929 5.32964 8.40001 6.24532 8.40001 7.2001C8.40001 8.15488 8.77929 9.07055 9.45442 9.74568C10.1296 10.4208 11.0452 10.8001 12 10.8001ZM6.89866 21.6001C5.07686 21.6001 3.54225 20.0687 4.23942 18.3856C4.66156 17.3664 5.2803 16.4404 6.06031 15.6604C6.84032 14.8804 7.76633 14.2616 8.78547 13.8395C9.8046 13.4174 10.8969 13.2001 12 13.2001C13.1031 13.2001 14.1954 13.4174 15.2145 13.8395C16.2337 14.2616 17.1597 14.8804 17.9397 15.6604C18.7197 16.4404 19.3385 17.3664 19.7606 18.3856C20.4578 20.0687 18.9232 21.6001 17.1014 21.6001H6.89866Z" fill="#DC7000"/>
+</svg>
diff --git a/images/icons/server.svg b/images/icons/server.svg
new file mode 100644
index 0000000..81fe55b
--- /dev/null
+++ b/images/icons/server.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 3H4C3.46957 3 2.96086 3.21071 2.58579 3.58579C2.21071 3.96086 2 4.46957 2 5V9C2 9.53043 2.21071 10.0391 2.58579 10.4142C2.96086 10.7893 3.46957 11 4 11H20C20.5304 11 21.0391 10.7893 21.4142 10.4142C21.7893 10.0391 22 9.53043 22 9V5C22 4.46957 21.7893 3.96086 21.4142 3.58579C21.0391 3.21071 20.5304 3 20 3ZM15 7C15 7.55228 14.5523 8 14 8C13.4477 8 13 7.55228 13 7C13 6.44772 13.4477 6 14 6C14.5523 6 15 6.44772 15 7ZM19 7C19 7.55228 18.5523 8 18 8C17.4477 8 17 7.55228 17 7C17 6.44772 17.4477 6 18 6C18.5523 6 19 6.44772 19 7ZM20 13H4C3.46957 13 2.96086 13.2107 2.58579 13.5858C2.21071 13.9609 2 14.4696 2 15V19C2 19.5304 2.21071 20.0391 2.58579 20.4142C2.96086 20.7893 3.46957 21 4 21H20C20.5304 21 21.0391 20.7893 21.4142 20.4142C21.7893 20.0391 22 19.5304 22 19V15C22 14.4696 21.7893 13.9609 21.4142 13.5858C21.0391 13.2107 20.5304 13 20 13ZM15 17C15 17.5523 14.5523 18 14 18C13.4477 18 13 17.5523 13 17C13 16.4477 13.4477 16 14 16C14.5523 16 15 16.4477 15 17ZM19 17C19 17.5523 18.5523 18 18 18C17.4477 18 17 17.5523 17 17C17 16.4477 17.4477 16 18 16C18.5523 16 19 16.4477 19 17Z" fill="#DC7000"/>
+</svg>
diff --git a/index.html b/index.html
index c83672d..77a1602 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,7 @@
                         <a class="link" href="/">Home</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="/portfolio.html">Portfolio</a></li>
                     <li class="item"><a class="link" href="#">News</a></li>
                     <li class="item btn"><a class="link" href="/contacts.html">Contacts</a></li>
                 </ul>
diff --git a/portfolio.html b/portfolio.html
new file mode 100644
index 0000000..3808c22
--- /dev/null
+++ b/portfolio.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Figma</title>
+    <link rel="stylesheet" href="reset.css">
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <header class="container">
+        <span class="logo">logo</span>
+        <nav class="nav">
+            <ul class="items">
+                <li class="item">
+                    <a class="link" href="/">Home</a>
+                </li>
+                <li class="item"><a class="link" href="/about.html">About us</a></li>
+                <li class="item active"><a class="link" href="/portfolio.html">Portfolio</a></li>
+                <li class="item"><a class="link" href="#">News</a></li>
+                <li class="item btn"><a class="link" href="/contacts.html">Contacts</a></li>
+            </ul>
+        </nav>
+    </header>
+
+    <div class="container portfolio">
+        <h1 class="portfolio_h1">
+            Lorem Ipsum is simply dummy text of the printing and.
+        </h1>
+        <p class="portfolio_p">
+            Lorem Ipsum is simply dummy text of the printing and typesetting industry.
+        </p>
+        <div class="portfolio_row">
+            <div class="portfolio_item">
+                <div class="portfolio_svg"><svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg">
+                        <path fill-rule="evenodd" clip-rule="evenodd"
+                            d="M12 10.8001C12.9548 10.8001 13.8705 10.4208 14.5456 9.74568C15.2207 9.07055 15.6 8.15488 15.6 7.2001C15.6 6.24532 15.2207 5.32964 14.5456 4.65451C13.8705 3.97938 12.9548 3.6001 12 3.6001C11.0452 3.6001 10.1296 3.97938 9.45442 4.65451C8.77929 5.32964 8.40001 6.24532 8.40001 7.2001C8.40001 8.15488 8.77929 9.07055 9.45442 9.74568C10.1296 10.4208 11.0452 10.8001 12 10.8001ZM6.89866 21.6001C5.07686 21.6001 3.54225 20.0687 4.23942 18.3856C4.66156 17.3664 5.2803 16.4404 6.06031 15.6604C6.84032 14.8804 7.76633 14.2616 8.78547 13.8395C9.8046 13.4174 10.8969 13.2001 12 13.2001C13.1031 13.2001 14.1954 13.4174 15.2145 13.8395C16.2337 14.2616 17.1597 14.8804 17.9397 15.6604C18.7197 16.4404 19.3385 17.3664 19.7606 18.3856C20.4578 20.0687 18.9232 21.6001 17.1014 21.6001H6.89866Z"
+                            fill="#DC7000" />
+                    </svg></div>
+                    <p class="portfolio_p">
+                        <span class="portfolio_span">90+</span>
+                       <span>Clients</span>
+                    </p>
+            </div>
+                        <div class="portfolio_item portfolio_item_border">
+                <div class="portfolio_svg"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 9C19 8.08075 18.8189 7.1705 18.4672 6.32122C18.1154 5.47194 17.5998 4.70026 16.9497 4.05025C16.2997 3.40024 15.5281 2.88463 14.6788 2.53284C13.8295 2.18106 12.9193 2 12 2C11.0807 2 10.1705 2.18106 9.32122 2.53284C8.47194 2.88463 7.70026 3.40024 7.05025 4.05025C6.40024 4.70026 5.88463 5.47194 5.53284 6.32122C5.18106 7.1705 5 8.08075 5 9C5 10.387 5.41 11.677 6.105 12.765H6.097C8.457 16.46 12 22 12 22L17.903 12.765H17.896C18.6164 11.6414 18.9995 10.3347 19 9ZM12 12C11.2044 12 10.4413 11.6839 9.87868 11.1213C9.31607 10.5587 9 9.79565 9 9C9 8.20435 9.31607 7.44129 9.87868 6.87868C10.4413 6.31607 11.2044 6 12 6C12.7956 6 13.5587 6.31607 14.1213 6.87868C14.6839 7.44129 15 8.20435 15 9C15 9.79565 14.6839 10.5587 14.1213 11.1213C13.5587 11.6839 12.7956 12 12 12Z" fill="#DC7000"/>
+</svg></div>
+                    <p class="portfolio_p">
+                        <span class="portfolio_span">30+</span>
+                        <span>Countries</span>
+                    </p>
+            </div>
+                        <div class="portfolio_item">
+                <div class="portfolio_svg"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 3H4C3.46957 3 2.96086 3.21071 2.58579 3.58579C2.21071 3.96086 2 4.46957 2 5V9C2 9.53043 2.21071 10.0391 2.58579 10.4142C2.96086 10.7893 3.46957 11 4 11H20C20.5304 11 21.0391 10.7893 21.4142 10.4142C21.7893 10.0391 22 9.53043 22 9V5C22 4.46957 21.7893 3.96086 21.4142 3.58579C21.0391 3.21071 20.5304 3 20 3ZM15 7C15 7.55228 14.5523 8 14 8C13.4477 8 13 7.55228 13 7C13 6.44772 13.4477 6 14 6C14.5523 6 15 6.44772 15 7ZM19 7C19 7.55228 18.5523 8 18 8C17.4477 8 17 7.55228 17 7C17 6.44772 17.4477 6 18 6C18.5523 6 19 6.44772 19 7ZM20 13H4C3.46957 13 2.96086 13.2107 2.58579 13.5858C2.21071 13.9609 2 14.4696 2 15V19C2 19.5304 2.21071 20.0391 2.58579 20.4142C2.96086 20.7893 3.46957 21 4 21H20C20.5304 21 21.0391 20.7893 21.4142 20.4142C21.7893 20.0391 22 19.5304 22 19V15C22 14.4696 21.7893 13.9609 21.4142 13.5858C21.0391 13.2107 20.5304 13 20 13ZM15 17C15 17.5523 14.5523 18 14 18C13.4477 18 13 17.5523 13 17C13 16.4477 13.4477 16 14 16C14.5523 16 15 16.4477 15 17ZM19 17C19 17.5523 18.5523 18 18 18C17.4477 18 17 17.5523 17 17C17 16.4477 17.4477 16 18 16C18.5523 16 19 16.4477 19 17Z" fill="#DC7000"/>
+</svg></div>
+                    <p class="portfolio_p">
+                        <span class="portfolio_span">50+</span>
+                       <span>Projects</span>
+                    </p>
+            </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>
\ No newline at end of file
diff --git a/style.css b/style.css
index ae19ff0..54dcf13 100644
--- a/style.css
+++ b/style.css
@@ -449,21 +449,123 @@ span img {
     text-align: center;
     font-size: 13px;
     font-weight: 500;
-    padding: 20px 0;
+    margin-top: 20px;
 }
 .feedback_form {
+    margin: 80px auto;
+    width: 600px;
 }
 .feedback_inline {
+    display: flex;
+    justify-content: space-between;
 }
 .feedback_name {
+    width: 50%;
 }
 .feedback_label {
+    color: #4F4F4F;
+    font-size: 14px;
+    font-weight: 500;
 }
 .feedback_input {
+    display: block;
+    background-color: #2C2420;
+    border-radius: 9px;
+    border: 0.6px solid #CECECE;
+    width: 90%;
+    padding: 15px 10px;
+    color: #fff;
+    margin-top: 7px;
+    margin-bottom: 20px;
 }
 .one-line {
+    display: block;
+    background-color: #2C2420;
+    border-radius: 9px;
+    border: 0.6px solid #CECECE;
+    width: 95%;
+    padding: 15px 10px;
+    color: #fff;
+    margin-top: 7px;
+    margin-bottom: 20px;
 }
 .feedback_btn {
+    float: right;
+    margin-right: 30px;
+    background: none;
+    background-color: #DC7000;
+    border-radius: 10px;
+    padding: 15px 30px;
+    transition: all 500ms  ease;
+}
+.feedback_btn:hover {
+    transform: none;
+    background-color: #b01414;
+}
+textarea {
+    resize: none;
+    height: 200px;
+}
+
+/* ------------------------------------PORTFOLIO-ROW--------------------------------------- */
+
+.container {
+}
+.portfolio {
+    padding: 70px 0;
+}
+.portfolio_h1 {
+    text-align: center;
+    font-size: 33px;
+    font-weight: 900;
+}
+.portfolio_p {
+    text-align: center;
+    font-size: 16px;
+    font-weight: 500;
+    padding: 30px 0;
+}
+.portfolio_row {
+    display: flex;
+    justify-content: space-between;
+    background-color: #1C140F;
+    border-radius: 10px;
+    padding: 30px;
+    margin-top: 30px;
+}
+.portfolio_item {
+    padding: 30px 0;
+    width: 30%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.portfolio_item_border {
+    border-right: 1px solid #fff;
+    border-left: 1px solid #fff;
+    width: 35%;
+}
+.portfolio_svg {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #fff;
+    border-radius: 50%;
+    padding: 12px;
+    width: 55px;
+    height: 55px;
+    margin-right: 40px;
+}
+
+.portfolio_span {
+    display: block;
+    text-align: left;
+    font-size: 25px;
+    font-weight: 700;
+    margin-bottom: 15px;
+}
+.portfolio_p span {
+    font-size: 20px;
 }
 
 /* -----------------------------------FOOTER------------------------------------------ */