refactor: change intro positon

pylkonata · Jun 2, 2024 · 5cfb965 · 5cfb965
1 parent 826adc1
commit 5cfb965
Showing 1 changed file with 31 additions and 30 deletions.
diff --git a/index.html b/index.html
@@ -58,36 +58,7 @@ <h3 class="contact-info__sub-header">Full-Stack Developer</h3>
                   <span>Nataliia Pylko</span>
                 </a>
               </div>
-              <div class="container">
-                <div class="resume__block">
-                  <div class="intro">
-                    <div class="intro__icon-wrapper">
-                      <svg
-                        class="intro__icon"
-                        xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 512 512"
-                      >
-                        <path
-                          d="M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7
-                          24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0
-                          26.5 21.5 48 48 48h128c26.5 0 48-21.5
-                          48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64
-                          64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6
-                          32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5
-                          48-48V304c0-26.5-21.5-48-48-48z"
-                        ></path>
-                      </svg>
-                    </div>
-                    <p class="intro_text">
-                      I am Nataliia, the frontend developer with a background in
-                      analytics. I have strong knowledge of JavaScript, HTML,
-                      CSS, React. 400+ hours of practical work on the
-                      implementation of educational and pet projects. I want to
-                      grow as a specialist and gain more knowledge.
-                    </p>
-                  </div>
-                </div>
-              </div>
+
               <div class="contact-info__block contact-info__block--center">
                 <img
                   class="contact-info__avatar"
@@ -98,6 +69,36 @@ <h3 class="contact-info__sub-header">Full-Stack Developer</h3>
 
               <div class="contact-info__block"></div>
             </div>
+            <div class="container">
+              <div class="resume__block">
+                <div class="intro">
+                  <div class="intro__icon-wrapper">
+                    <svg
+                      class="intro__icon"
+                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 512 512"
+                    >
+                      <path
+                        d="M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7
+                        24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0
+                        26.5 21.5 48 48 48h128c26.5 0 48-21.5
+                        48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64
+                        64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6
+                        32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5
+                        48-48V304c0-26.5-21.5-48-48-48z"
+                      ></path>
+                    </svg>
+                  </div>
+                  <p class="intro_text">
+                    I am Nataliia, the frontend developer with a background in
+                    analytics. I have strong knowledge of JavaScript, HTML, CSS,
+                    React. 400+ hours of practical work on the implementation of
+                    educational and pet projects. I want to grow as a specialist
+                    and gain more knowledge.
+                  </p>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
       </div>