<header class="header-wrapper clearfix">

<!-- row -->
<div class="row">
<!-- col-xs-12 -->
<div class="col-xs-12">
<?php  $results = $connecDB->query("SELECT * FROM 8ypr4ehqgGallery");
while($row = $results->fetch_array()){
$Logo = $row['URL'];
} ?>
<!-- Logo -->
<div class="logo">
    <a title="Decor" href="index.php">
        <img src=<?php echo $Logo; ?> alt="JVG Logo">
    </a>
</div>
<!-- /Logo -->


<!-- Top Social Icon -->
<div class="social-icon hidden-xs clearfix">
    <ul>
    <?php  $results = $connecDB->query("SELECT * FROM qpt98we9vText");
while($row = $results->fetch_array()){
$Facebook = $row['3lhcwarpk'];
$Twitter = $row['0kck9yqi1'];
$GooglePlus = $row['7cmrnhzl7'];
$Instagram = $row['wjn0vl3dr'];
}  
if( isset($Facebook) && !empty($Facebook)){ ?>
        <li>
            <!-- facebook -->
            <a href=<?php echo $Facebook; ?> title="Facebook" target="_blank"><i class="fa fa-facebook"> </i></a>
            <!-- /facebook -->
        </li>
<?php }
if( isset($Twitter) && !empty($Twitter)){ ?>
        <li>
            <!-- twitter -->
            <a href=<?php echo $Twitter; ?> title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a>
            <!-- /twitter -->
        </li>
<?php }
if( isset($GooglePlus) && !empty($GooglePlus)){ ?>
        <li>
            <!-- google-plus -->
            <a href=<?php echo $GooglePlus; ?> title="Google plus" target="_blank"><i class="fa fa-google-plus"></i></a>
            <!-- /google-plus -->
        </li>
<?php }
if( isset($Instagram) && !empty($Instagram)){ ?>
        <li>
            <!-- flickr -->
            <a href=<?php echo $Instagram; ?> title="Flickr" target="_blank"><i class="fa fa-flickr"></i></a>
            <!-- /flickr -->
        </li>
        <?php } ?>
    </ul>
</div>
<!-- end of Top Social Icon -->


<!-- =========================================
Menu
========================================== -->
<!-- navbar -->
<div class="navbar navbar-default mainnav">
<!-- navbar-header -->
<div class="navbar-header navbar-right pull-right">
    <!-- offcanvas-trigger-effects -->
    <div id="offcanvas-trigger-effects" class="column">
        <button type="button" class="navbar-toggle visible-sm visible-xs" data-toggle="offcanvas"
                data-target=".navbar-collapse" data-placement="right" data-effect="offcanvas-effect">
            <i class="fa fa-bars"></i>
        </button>
    </div>
    <!-- offcanvas-trigger-effects -->

</div>
<!-- /navbar-header -->

<div class="collapse navbar-collapse">

<ul class="nav navbar-nav navbar-right">

<li><a href="index.php">Home <b class="caret"></b></a></li>

<li><a href="services.php">Services <b class="caret"></b></a></li>

<li><a href="contact.php">Contact <b class="caret"></b></a></li>

</ul>
<!-- /navbar-nav -->
</div>
<!-- /navbar-collapse -->
</div>
<!-- /navbar -->

<!--End of the menu-->

</div>
<!-- /col-xs-12 -->
</div>
<!-- /row -->

</header>