specialties.html

<link rel="stylesheet" href="specialties.css">
<link rel="stylesheet" href="swiper.min.css">

<div class="header">
    <div class="logo">
        <img src="images/logo.svg" alt="">
    </div>
    <div class="options">
        <a href="./doctor-appointment.html">
            نوبت دهی
        </a>
    </div>
    <div class="options">مشاوره تلفنی</div>
    <div class="options"><a href="./consultation.html">
        مشاوره متنی فوری
    </a></div>
    <div class="options">
        <a href="./specialties.html">
            تخصص ها
        </a>
    </div>
    <div class="options">مراکز درمانی</div>
    <div class="options last">خدمات پزشکی درمحل</div>
    <div class="enter">
        <button id="enter">ورود</button>
    </div>
    <div id="enterModal" class="modal">
        <div class="modal-content">
            <p class="close">&times;</p>
            <h4>ورود به حساب کاربری</h4>
            <input type="text" placeholder="شماره موبایل" class="phone">
            <button class="submit-button">
                <span class="verification-code">دریافت کد تایید</span>
            </button>
            <div class="input-box">_ _ _ _ _ _</div>
        </div>
    </div>
</div>

<div class="body">
    <div class="specialties-header">
        <img src="images/pharmacy-mortar.svg" alt="">
        <div class="text">
            <h1>تخصص ها</h1>
            <h2>بیش از چندین تخصص در سراسر کشور</h2>
        </div>
    </div>
    <div class="specialty-list">
        <div class="img-specialty">
            <img src="images/eye.svg" alt="">
            <h4>چشم</h4>
        </div>
        <div class="img-specialty">
            <img src="images/heart.svg" alt="">
            <h4>قلب</h4>
        </div>
        <div class="img-specialty">
            <img src="images/ortoped.svg" alt="">
            <h4>ارتوپد</h4>
        </div>
        <div class="img-specialty">
            <img src="images/nefrology.svg" alt="">
            <h4>نفرولوژی</h4>
        </div>
        <div class="img-specialty">
            <img src="images/lung.svg" alt="">
            <h4>دستگاه تنفسی</h4>
        </div>
        <div class="img-specialty">
            <img src="images/brain.svg" alt="">
            <h4>مفز و اعصاب</h4>
        </div>
        <div class="img-specialty">
            <img src="images/ear.svg" alt="">
            <h4>گوش و حلق</h4>
        </div>
        <div class="img-specialty">
            <img src="images/stomack.svg" alt="">
            <h4>داخلی</h4>
        </div>
        <div class="img-specialty">
            <img src="images/govaresh.svg" alt="">
            <h4>گوارش و کبد</h4>
        </div>
        <div class="img-specialty">
            <img src="images/teeth.svg" alt="">
            <h4>دندان</h4>
        </div>
        <div class="img-specialty">
            <img src="images/romatology.svg" alt="">
            <h4>روماتولوژی  </h4>
        </div>
        <div class="img-specialty">
            <img src="images/andoscopy.svg" alt="">
            <h4>آندوسکوپی</h4>
        </div>
    </div>
</div>

<div class="footer">
    <div class="footer-logo">
        <img  class="footer-img" src="images/logo.svg" alt="">
        <br>
        <p class="address">خیابان فلان کوچه فلان پلاک فلان  ساختمان هیلنت</p>
        <p class="phone">
            12345678910 <br>98765432190
        </p>
    </div>
    <div class="footer-options">
        <div class="right-options">
            <p>مشاوره تلفنی</p>
            <p>نوبت دهی</p>
            <p>مشاوره متنی فوری</p>
            <p>تخصص ها</p>
            <p>مراکز درمانی</p>
            <p>حدمات پزشکی در محل</p>
        </div>
        <div class="follow">
            <img src="images/social-media.svg" alt="">
            <h3>مارا در شبکه های اجتماعی دنبال کنید</h3>
        </div>
    </div>
</div>
<script src="modal.js"></script>