commit 23ff7288e96efbbcdf9d3bc67a66a43c0260e5a2 Author: Muhamad H. Asadi Date: Sun Aug 10 15:28:18 2025 +0330 initial commit diff --git a/index.html b/index.html new file mode 100644 index 0000000..6810e81 --- /dev/null +++ b/index.html @@ -0,0 +1,58 @@ + + + + + + دکتر [نام دکتر] + + + +
+

دکتر [نام دکتر]

+

[تخصص دکتر]

+
+ +
+
+ عکس پروفایل +

بیوگرافی

+

+ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. +

+
+ +
+

رزومه

+
    +
  • +

    [عنوان تحصیلات]

    +

    [نام دانشگاه]، [سال]

    +
    • +
  • +

    [عنوان تجربه کاری]

    +

    [محل کار]، [سال]

    +
    • +
  • +

    [عنوان گواهینامه]

    +

    [نام موسسه]، [سال]

    +
    • +
+
+ +
+

اطلاعات تماس

+
+

آدرس مطب: [آدرس مطب]

+

تلفن تماس: [شماره تلفن]

+ +
+
+
+ + + + diff --git a/script.js b/script.js new file mode 100644 index 0000000..e8b5078 --- /dev/null +++ b/script.js @@ -0,0 +1,17 @@ +document.addEventListener('DOMContentLoaded', function() { + const sections = document.querySelectorAll('.scroll-section'); + + const observer = new IntersectionObserver(entries => { + entries.forEach(entry => { + if (entry.isIntersecting) { + entry.target.classList.add('visible'); + } + }); + }, { + threshold: 0.1 + }); + + sections.forEach(section => { + observer.observe(section); + }); +}); diff --git a/style.css b/style.css new file mode 100644 index 0000000..a30aeb0 --- /dev/null +++ b/style.css @@ -0,0 +1,78 @@ +body { + font-family: 'Tahoma', sans-serif; + line-height: 1.6; + margin: 0; + padding: 0; + background: #f4f4f4; + color: #333; + direction: rtl; +} + +header { + background: #333; + color: #fff; + padding: 2rem 0; + text-align: center; +} + +header h1 { + margin: 0; +} + +main { + padding: 1rem; + max-width: 800px; + margin: auto; +} + +.scroll-section { + background: #fff; + margin-bottom: 1rem; + padding: 1.5rem; + border-radius: 5px; + opacity: 0; + transform: translateY(20px); + transition: opacity 0.6s ease-out, transform 0.6s ease-out; +} + +.scroll-section.visible { + opacity: 1; + transform: translateY(0); +} + +.profile-pic { + display: block; + width: 150px; + height: 150px; + border-radius: 50%; + margin: 0 auto 1rem; +} + +h2 { + color: #333; + border-bottom: 2px solid #333; + padding-bottom: 0.5rem; + margin-bottom: 1rem; +} + +ul { + list-style: none; + padding: 0; +} + +ul li { + background: #eee; + padding: 0.75rem; + margin-bottom: 0.5rem; + border-radius: 3px; +} + +.contact-info p { + margin: 0.5rem 0; +} + +.social-media a { + margin-right: 10px; + text-decoration: none; + color: #333; +}