<?php
$repeatedData = getrepeatedData();
?>

<div id="home">
    <!-- header -->
    <section class="main-header">
        <div class="header-top text-md-left text-center">
            <div class="container">
                <div class="d-md-flex justify-content-between header-top-txt">
                    <p class="text-capitalize"><span
                                class="fa fa-phone mr-2"></span> <?php echo $repeatedData['webData']['phone'] ?> </p>
                    <ul class="social-iconsv2 content info mt-md-0 mt-2">
                        <li class="ml-lg-5">
                            <a href="<?php echo $repeatedData['webData']['facebook'] ?>">
                                <span class="fa fa-facebook-f"></span>
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo $repeatedData['webData']['twitter'] ?>">
                                <span class="fa fa-twitter"></span>
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo $repeatedData['webData']['google'] ?>">
                                <span class="fa fa-google-plus"></span>
                            </a>
                        </li>
                        <li>
                            <a href="<?php echo $repeatedData['webData']['linkedin'] ?>">
                                <span class="fa fa-linkedin"></span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- /header-top-->
        <header class="main-header">
            <nav class="navbar second navbar-expand-lg navbar-light pagescrollfix">
                <div class="container">
                    <h1>
                        <a class="navbar-brand" href="<?php echo BASE_URL."home/index" ?>">
                            <img src="<?php echo  UPLOAD_LINK.$repeatedData['webData']['logo'] ?>" class="img-responsive">
                        </a>
                    </h1>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-toggle"
                            aria-controls="navbarNavAltMarkup1" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse navbar-toggle" id="navbarNavAltMarkup1">
                        <div class="navbar-nav secondfix ml-lg-auto">
                            <ul class="navbar-nav text-center">
                                <li class="nav-item active  mr-1">
                                    <a class="nav-link scroll" href="#home" id="home">الرئيسية
                                        <span class="sr-only">(current)</span>
                                    </a>
                                </li>
                                <li class="nav-item  mr-1">
                                    <a class="nav-link scroll" href="#about"> عن الدكتور</a>
                                </li>
                                <li class="nav-item  mr-1">
                                    <a class="nav-link scroll" href="#services"> الخدمات </a>
                                </li>
                                <li class="nav-item mr-1">
                                    <a class="nav-link scroll" href="#gallery">معرض الصور</a>
                                </li>
                                <li class="nav-item mr-1">
                                    <a class="nav-link scroll" href="#contact">اتصل بنا </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </nav>
        </header>
    </section>
    <!-- //header -->