Refactor resume section to separate education and experience into distinct divs

index.html

@@ -33,15 +33,22 @@
 
         <section id="resume" class="scroll-section">
             <h2>رزومه</h2>
+            <div class="education">
+                <h3>تحصیلات</h3>
                 <ul>
                     <li>
                         <h3>پزشکی عمومی</h3>
                         <p>دانشگاه علوم پزشکی اردبیل، ۱۳۸۷-۱۳۹۵</p>
                     </li>
                     <li>
-                    <h3>تخصص روانپزشکی</h3>
+                        <h3>تخصص روان‌پزشکی</h3>
                         <p>دانشگاه علوم پزشکی تبریز، ۱۳۹۵-۱۳۹۹</p>
                     </li>
+                </ul>
+            </div>
+            <div class="experience">
+                <h3>تجربیات کاری</h3>
+                <ul>
                     <li>
                         <h3>پزشک وظیفه</h3>
                         <p>بیمارستان الغدیر ناجا تبریز، ۱۳۹۹-۱۴۰۱</p>
@@ -55,6 +62,7 @@
                         <p>مطب شخصی، ۱۴۰۳-حال حاضر</p>
                     </li>
                 </ul>
+            </div>
         </section>
 
         <section id="certifications" class="scroll-section">