<?php
    include("connection/Functions.php");
	$operation = new Functions();

    //carousel
    $carousel = "SELECT * FROM `corousel` ";
    $countSlider = $operation->countAll($carousel);
    $getSlider = $operation->retrieveMany($carousel);
    
    //our team
    $team = "SELECT * FROM `team`";
    $countTeam = $operation->countAll($team);
    $getTeam = $operation->retrieveMany($team);

    
?>
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>BlessedHandz - Home of Creativity</title>

    <!-- Bootstrap Core CSS -->
    <link href="asset/css/bootstrap.min.css" rel="stylesheet">
    
    <!-- Font Awesome CSS -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    
    
    <!-- Animate CSS -->
    <link href="css/animate.css" rel="stylesheet" >
    
    <!-- Owl-Carousel -->
    <link rel="stylesheet" href="css/owl.carousel.css" >
    <link rel="stylesheet" href="css/owl.theme.css" >
    <link rel="stylesheet" href="css/owl.transitions.css" >

    <!-- Custom CSS -->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">
    
    <!-- Colors CSS -->
    
    
    
    <!-- Colors CSS -->
    
    <link rel="stylesheet" type="text/css" href="css/color/light-red.css" title="light-red">
    <link rel="stylesheet" type="text/css" href="css/color/blue.css" title="blue">
    <link rel="stylesheet" type="text/css" href="css/color/green.css" title="green">
    <link rel="stylesheet" type="text/css" href="css/color/light-blue.css" title="light-blue">
    <link rel="stylesheet" type="text/css" href="css/color/yellow.css" title="yellow">
    <link rel="stylesheet" type="text/css" href="css/color/light-green.css" title="light-green">

    <!-- Custom Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
    
    
    <!-- Modernizer js -->
    <script src="js/modernizr.custom.js"></script>

    
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body class="index">
    
    
    <!-- Styleswitcher
================================================== -->
        <div class="colors-switcher">
            <a id="show-panel" class="hide-panel"><i class="fa fa-tint"></i></a>        
                <ul class="colors-list">
                    <li><a title="Light Red" onClick="setActiveStyleSheet('light-red'); return false;" class="light-red"></a></li>
<!--                    <li><a title="Blue" class="blue" onClick="setActiveStyleSheet('blue'); return false;"></a></li>-->
                    <li class="no-margin"><a title="Light Blue" onClick="setActiveStyleSheet('light-blue'); return false;" class="light-blue"></a></li>
                    <li><a title="Green" class="green" onClick="setActiveStyleSheet('green'); return false;"></a></li>
                    
                    <li class="no-margin"><a title="light-green" class="light-green" onClick="setActiveStyleSheet('light-green'); return false;"></a></li>
                    <li><a title="Yellow" class="yellow" onClick="setActiveStyleSheet('yellow'); return false;"></a></li>
                    
                </ul>

        </div>  
<!-- Styleswitcher End
================================================== -->

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top"><img src="images/logos/logo.png" height="30px" style="" /></a><a href="#page-top" class="navbar-brand page-scroll">BlessedHandz</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="index">Home</a>
                    </li>
                    
                    <li>
                        <a class="page-scroll" href="#about-us">About</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#service">Services</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#team">Team</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#pricing">Pricing</a>
                    </li>
                   
                    <li>
                        <a class="page-scroll" href="#contact">Contact</a>
                    </li>
<!--
                    <li>
                        <a class="page-scroll " href="work">Company Profiles</a>
                    </li>
-->
<!--
                    <li>
                        <a class="page-scroll " href="adverts">Adverts</a>
                    </li>
                -->
                    <li class="nav-item dropdown" style="margin-right: 40px;">
                       <a class=" nav-link  dropdown-toggle" href="#" data-toggle="dropdown">  Work References </a>
                        <ul class="dropdown-menu" style="background-color: rgba(36, 36, 36, 0.12)">
                            <li><a class="dropdown-item" href="adverts">Adverts</a></li>
                            <li><a class="dropdown-item" href="work"> Company Profiles </a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    
  
    <!-- Start Home Page Slider -->
    <section id="page-top">
        <!-- Carousel -->
        
        <?php
            if($countSlider > 0){
                $i = 0;
               
                ?>
            <div id="main-slide" class="carousel slide" data-ride="carousel">
                 <!-- Indicators -->
            <ol class="carousel-indicators">
                <?php
                    foreach($getSlider as $row){
                        $active = "";
                        if($i == 0){
                            $active = "active";
                        }
                        ?>
                             <li data-target="#main-slide" data-slide-to="0" class="<?=$active?>"></li>
                        <?php
                            $i++;
                    }
                ?>
            </ol>
            <!--/ Indicators end-->

            <!-- Carousel inner -->
            <div class="carousel-inner">
                <?php
                $y =0;
                    foreach($getSlider as $row){
                        $active = "";
                        if($y == 0){
                            $active = "active";
                        }
                        ?>
                        <div class="item <?=$active?>">
                            <img class="img-responsive" src="images/<?=$row['img_url']?>" alt="slider">

                            <div class="slider-content">
                                <div class="col-md-12 text-center">
                                    <h1 class="">
                                      <span><strong><?=$row['caption1']?></strong></span>
                                    </h1>
                                    <p class=""><?=$row['caption2']?></p>
                                </div>
                            </div>
                        </div>
                        <!--/ Carousel item end -->

                        <?php
                            $y++;
                    }
                ?>
                

                <!--/ Carousel item end -->
            </div>
            <!-- Carousel inner end-->

            <!-- Controls -->
            <a class="left carousel-control" href="#main-slide" data-slide="prev">
                <span><i class="fa fa-angle-left"></i></span>
            </a>
            <a class="right carousel-control" href="#main-slide" data-slide="next">
                <span><i class="fa fa-angle-right"></i></span>
            </a>
        </div>
        
        <?php
            }
        
        ?>
        <!-- /carousel -->
    </section>
    <!-- End Home Page Slider -->


    <!-- End Call to Action Section -->
    
      <!-- Start About Us Section -->
    <section id="about-us" class="about-us-section-1">
        <div class="container">
            <div class="row ">
                <div class="col-md-12 col-sm-12">
                    <div class=" text-center" style="margin-bottom: 40px">
                            <h3>About Us</h3>
                            <p class="text-center  ">BlessedHandz is a 100% Malawian owned Company.
Our core business is Graphic Designing, Web designing and Advertising.
Our young and energetic team comprises of a blend of youth and experienced staff, whom are highly focused to ensure that we can meet and exceed your requirements. 
</p>
                        </div>
                </div>
            </div>
            <div class="row ">
                
                <div class="col-md-4">
                    <div class=" text-center">
<!--                        <img src="images/about-01.jpg" class="img-responsive" alt="..">-->
                        <h4>Vision</h4>
                        <div class="border"></div>
                        <p class="text-center">To dominate the world with Creativity and Innovation solutions hard to acquire elsewhere</p>
                    </div>
                </div>
                
                <div class="col-md-4">
                    <div class=" text-center">
<!--                        <img src="images/about-02.jpg" class="img-responsive" alt="..">-->
                        <h4>Mission </h4>
                        <div class="border"></div>
                        <p class="text-center">To provide value-laden Graphic designing, web designing and advertising solutions</p>
                    </div>
                </div>
                
                <div class="col-md-4">
                    <div class=" text-center">
<!--                        <img src="images/about-03.jpg" class="img-responsive" alt="..">-->
                        <h4>Slogan</h4>
                        <div class="border"></div>
                        <p class="">Home of Creativity</p>
                    </div>
                </div>
                
            </div><!-- /.row -->            
            
        </div><!-- /.container -->
    </section>
    <!-- End About Us Section -->
    
    
    
       <!-- Start core values Section -->
    <section id="core-values" class="call-to-action" style=" padding-bottom: 20px; padding-top: 20px;">
        <div class="container">
            <div class="row ">
                <div class="col-md-12 col-sm-12">
                    <div class=" text-center" style="margin-bottom: 40px">
                        <h3>Core Values</h3>
                    </div>
                </div>
            </div>
            <div class="row ">
                
                <div class="col-md-4" style="padding-bottom: 25px">
                    <div class=" text-center">
<!--                        <img src="images/about-01.jpg" class="img-responsive" alt="..">-->
                        <h5>Customer Centricity</h5>
                        <div class="border"></div>
                        <p class="text-center">Our business is first and foremost to serve our customers</p>
                    </div>
                </div>
                
                <div class="col-md-4" style="padding-bottom: 25px">
                    <div class=" text-center">
<!--                        <img src="images/about-02.jpg" class="img-responsive" alt="..">-->
                        <h5>Excellence</h5>
                        <div class="border"></div>
                        <p class="text-center">We will provide only the highest quality of service to our customers, beyond their expectation</p>
                    </div>
                </div>
                
                <div class="col-md-4" style="padding-bottom: 25px">
                    <div class=" text-center">
<!--                        <img src="images/about-03.jpg" class="img-responsive" alt="..">-->
                        <h5>Resilience</h5>
                        <div class="border"></div>
                        <p class="">We will stand firm even after a bad experience at the office, all because of the customer</p>
                    </div>
                </div>
                
                <div class="col-md-4">
                    <div class=" text-center">
<!--                        <img src="images/about-03.jpg" class="img-responsive" alt="..">-->
                        <h5>Teamwork</h5>
                        <div class="border"></div>
                        <p class="">We believe teamwork works and are stronger together</p>
                    </div>
                </div>
                
                <div class="col-md-4">
                    <div class=" text-center">
<!--                        <img src="images/about-03.jpg" class="img-responsive" alt="..">-->
                        <h5>Integrity</h5>
                        <div class="border"></div>
                        <p class="">We will deal with every customer in every situation with honest and respect</p>
                    </div>
                </div>
                
                <div class="col-md-4">
                    <div class=" text-center">
<!--                        <img src="images/about-03.jpg" class="img-responsive" alt="..">-->
                        <h5>Hardwork &amp; Innovation</h5>
                        <div class="border"></div>
                        <p class="">We always work hard and innovate to impress, meet client’s requirements and deliver in time</p>
                    </div>
                </div>
                
            </div><!-- /.row -->            
            
        </div><!-- /.container -->
    </section>
    <!-- End core values Section -->


    <!-- Start Feature Section -->
        <section id="service" class="services-section1">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="section-title text-center">
                            <h3>Our Services</h3>
                            <p>We are leaders in the following</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    
                       <div class="col-md-3 col-sm-6 col-xs-12">
                        <div class="feature-2">
                            <div class="media">
                                <div class="pull-left">
                                    <i class="fa fa-magic"></i>
                                    <div class="border"></div>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">Graphic Designing</h4>
                                    <p class="text-justify">
Company Logos, Letterheads, Magazines, Newsletters, Booklets, Calendars, Dairies, web impressions, social media adverts, Company profiles, Social media covers, Posters, Flyers, brochures, banners,  leaflets, branding impressions, receipts, invoices etc. 
</p>
                                </div>
                            </div>
                        </div>
                    </div><!-- /.col-md-4 -->
                    
                    
                    
                      <div class="col-md-3 col-sm-6 col-xs-12">
                        <div class="feature-2">
                            <div class="media">
                                <div class="pull-left">
                                    <i class="fa fa-css3"></i>
                                    <div class="border"></div>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">Web Designing </h4>
                                    <p class="text-justify">
Websites, Desktop applications, Mobile applications, Hosting websites, Hosting Emails, etc.
</p>
                                </div>
                            </div>
                        </div>
                    </div><!-- /.col-md-4 -->
                    
   
                  
                    <div class="col-md-3 col-sm-6 col-xs-12">
                        <div class="feature-2">
                            <div class="media">
                                <div class="pull-left">
                                    <i class="fa fa-plug"></i>
                                    <div class="border"></div>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">Advertising</h4>
                                    <p class="text-justify">
We manage Social Media Pages; 
Do Jingles and video adverts,										            
Train staffs of various firms on how they can best manage their social media pages. 
</p>
                                </div>
                            </div>
                        </div>
                    </div><!-- /.col-md-4 -->
                
           
                     <div class="col-md-3 col-sm-6 col-xs-12">
                            <div class="feature-2">
                                <div class="media">
                                    <div class="pull-left">
                                        <i class="fa fa-play"></i>
                                        <div class="border"></div>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="media-heading">Media</h4>
                                        <p class="text-justify">Photography &amp; Videography 
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div><!-- /.col-md-4 -->
       
                    
                </div><!-- /.row -->
                
                       <div class="row">
                       
                    </div>
            
            </div><!-- /.container -->
        </section>
        <!-- End Feature Section -->
    
    
        <!-- Start Pricing Table Section -->
    <div id="pricing" class="pricing-section" style="">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="col-md-12">
                        <div class="section-title text-center">
                            <h3>Our Packages Pricing</h3>
<!--                            <p class="white-text">Duis aute irure dolor in reprehenderit in voluptate</p>-->
                        </div>
                    </div>
                </div>
            </div>
                    
            <div class="row">
                <div class="pricing">
                    <div class="col-md-12">
                            <div class="pricing-table">
                                <div class="plan-name">
								    <h3>Standard </h3>
                                </div>
                               
                                <div class="plan-list">
                                    <ul>
                                        <li>Logo - K25,000</li>
                                        <li>Social Media Ads - K10,000 per Ad</li>
                                        <li>Single Flyer/Poster - K10,000</li>
                                        <li>Impressions - K7,250</li>
                                    </ul>
                                    <br/>
                                    <br/>
                                    <br/>
                                </div>
                                <div class="plan-signup">
                                </div>
                            </div>
                        </div>   
                    <div class="col-md-12">
                            <div class="pricing-table">
                                <div class="plan-name">
								    <h3>Corporate</h3>
                                </div>
                            
                                <div class="plan-list">
                                    <ul>
                                        <li>Logo, Receipt &amp; Letterhead - K55,000</li>
                                        <li>Company Profile - K45,000 per profile</li>
                                        <li>Poster, Flyer &amp; Bronchure - K25,000 all three</li>
                                        <li>Jingles - K45,000</li>
                                    </ul>
                                </div>
                                <div class="plan-signup">
                                </div>
                            </div>
                        </div>
                    <div class="col-md-12">
                            <div class="pricing-table">
                                <div class="plan-name">
								    <h3> Corporate Plus</h3>
                                </div>
                                
                                <div class="plan-list">
                                    <ul>
                                        <li>Calendar (1-3 months to view) - K50,000</li>
                                        <li>Booklet of 50pgs up - K97,000 per Booklet</li>
                                        <li>Cont. Social Ads Contract - K50,000 per month (8 Ads)</li>
                                        <li>Website Design - K150,000</li>
                                    </ul>
                                </div>
                                <div class="plan-signup">
                                </div>
                            </div>
                        </div>
                        
          
                        
                </div>
						
						
            </div>
        </div>
    </div>
    <!-- End Pricing Table Section -->
    
    
    
        <!-- why us part Start Call to Action Section -->
<!--
    <section class="call-to-action">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>Why Us?</h2>
                    <p>We deliver beyond your expectation for we ensure quality and creativity is met before delivering and we have experienced staff.</p>
                </div>
            </div>
        </div>
    </section>
-->
    <!-- End Call to Action Section -->
    
    
    


    <!-- Start Team Member Section -->
    <section id="team" class="team-member-section">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="section-title text-center">
                            <h3>Our Team</h3>
                        </div>
                </div>
            </div>
            
            <div class="row">
                <div class="col-md-12">
                    <div id="team-section">
                        <div class="our-team">
                                
                            <?php
                                if($countTeam > 0){
                                    foreach($getTeam as $row){
                                        ?>
                                            
                                        <div class="team-member">
                                            <img src="images/team/<?=$row['img_url']?>" class="img-responsive" alt="">
                                            <div class="team-details">
                                                <h4><?=$row['fullname']?></h4>
                                                <p><?=$row['position']?></p>
                                                <ul>
                                                    <li><a data-toggle='modal' data-target="#modalj<?=$row['team_id']?>" href="#"><i class="fa fa-ellipsis-h"></i> View Profile</a> </li>

                                                    <?php
                                                    
                                                        if($row['portfolio'] != "" && $row['portfolio'] != NULL){
                                                            ?>
                                                            <li><a target="_blank" onclick="downloads('<?=$row['portfolio']?>')"   ><i class="fa fa-download"></i> Portfolio</a> </li>
                                                        <?php                                                  }
                                                    ?>
                                                    
                                                </ul>
                                            </div>
                                        </div>
                            
                                        
                                
                                        <?php
                                        
                                    }
                                }
                           
                            ?>

                              
                        </div>                    
                    </div>
                </div>
            </div>
                
        </div>
    </section>
    <!-- End Team Member Section -->

    
<!--    Members Modals-->

    <?php
        if($countTeam > 0){
         foreach($getTeam as $row){
                                ?>
                              <div class="section-modal modal fade" id="modalj<?=$row['team_id']?>" tabindex="-1" role="dialog" aria-hidden="true">
                                            <div class="modal-content">
                                                <div class="close-modal" data-dismiss="modal">
                                                    <div class="lr">
                                                        <div class="rl">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="container">
                                                    <div class="row">
                                                        <div class="section-title text-center">
                                                            <h3>Profile Details</h3>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-3"></div>
                                                        <div class="col-md-6">
                                                            <img src="images/team/<?=$row['img_url']?>" class="img-responsive " style="margin-left: 10%;" alt="..">
                                                        </div>
                                                        <div class="col-md-3"></div>
                                                    </div><!-- /.row -->
                                                    <div class="row">
                                                        <p><?=$row['background']?>
                                </p>
                                                    </div>
                                                </div>                
                                            </div>
                                        </div>    
    
                            
                            <?php
                            }
        }
    ?>
    
<!--    End members modal-->



    
 

    
    

    

    <!-- Clients Aside -->
    <section id="partner">
        <div class="container">
            
        
        </div>
    </section>
    
    
    
    

    <section id="contact" class="contact">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title text-center">
                        <h3>Get In Touch</h3>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <form name="sentMessage" id="contactForm" novalidate>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Your Name *" id="name" required data-validation-required-message="Please enter your name.">
                                    <p class="help-block text-danger"></p>
                                </div>
                                <div class="form-group">
                                    <input type="email" class="form-control" placeholder="Your Email *" id="email" required data-validation-required-message="Please enter your email address.">
                                    <p class="help-block text-danger"></p>
                                </div>
                                <div class="form-group">
                                    <input type="tel" class="form-control" placeholder="Your Phone *" id="phone" required data-validation-required-message="Please enter your phone number.">
                                    <p class="help-block text-danger"></p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <textarea class="form-control" placeholder="Your Message *" id="message" required data-validation-required-message="Please enter a message."></textarea>
                                    <p class="help-block text-danger"></p>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <div class="col-lg-12 text-center">
                                <div id="success"></div>
                                <button type="submit" class="btn btn-primary">Send Message</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="footer-contact-info">
                        <h4>Contact Info</h4>
                        <ul>
                            <li> <span class="fa fa-envelope px-3" ></span><strong></strong> sales@blessedhandz.mw</li>
                            <li><span class="fa fa-phone px-3" ></span><span class="fa fa-whatsapp" ></span> +265 885 334 737</li>
                            <li><span class="fa fa-globe px-3" ></span><strong></strong> www.blessedHandz.mw</li>
                            <li><span class="fa fa-map-marker px-3" ></span><strong></strong> Blantyre, Malawi</li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-4 col-md-offset-4">
                    <div class="footer-contact-info">
                        <h4>Working Hours</h4>
                        <ul>
                            <li><strong>Mon-Fri :</strong> 8am to 5pm</li>
                            <li><strong>Sat :</strong> 9am to 12pm</li>
                            <li><strong>Sunday :</strong> Closed</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <footer class="style-1">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-xs-12">
                        <span class="copyright">Copyright &copy; Design by <a href="https://netsoftmw.com/">NetSoft Malawi</a> </span>
                    </div>
                    <div class="col-md-4 col-xs-12">
                        <div class="footer-social text-center">
                            <ul>
                                <li><a href="https://twitter.com/BlessedhandzMw"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="https://www.facebook.com/BlessedHandz-Creation-104184237803308 "><i class="fa fa-facebook"></i></a></li>
                                <li><a href="https://www.instagram.com/blessedhandzmw1/"><i class="fa fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
<!--
                    <div class="col-md-4 col-xs-12">
                        <div class="footer-link">
                            <ul class="pull-right">
                                <li><a href="#">Privacy Policy</a>
                                </li>
                                <li><a href="#">Terms of Use</a>
                                </li>
                            </ul>
                        </div>
                    </div>
-->
                </div>
            </div>
        </footer>
    </section>


    <div id="loader">
        <div class="spinner">
            <div class="dot1"></div>
            <div class="dot2"></div>
        </div>
    </div>

    

    <!-- jQuery Version 2.1.1 -->
    <script src="js/jquery-2.1.1.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="asset/js/bootstrap.min.js"></script>
    <script src="js/popper.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/classie.js"></script>
    <script src="js/count-to.js"></script>
    <script src="js/jquery.appear.js"></script>
    <script src="js/cbpAnimatedHeader.js"></script>
    <script src="js/owl.carousel.min.js"></script>
	<script src="js/jquery.fitvids.js"></script>
	<script src="js/styleswitcher.js"></script>

    <!-- Contact Form JavaScript -->
    <script src="js/jqBootstrapValidation.js"></script>
    <script src="js/contact_me.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="js/script.js"></script>

    <script>
        function downloads(filee){
            window.location  ="images/team/"+filee;
        }
        
        function showModal(id){
            $("#member1modal"+id).modal('show');
        }
        
    </script>
    
</body>

</html>
