<?php
require_once "include/db_handler.php";
require_once "include/paging.php";
$paginate = new Paging();
$db = new DbHandler();
?>
<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">

    <!-- Stylesheets -->

    <link rel="stylesheet" href="front_assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="front_assets/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="front_assets/css/animate.css"/>
    <link rel="stylesheet" href="front_assets/css/owl.carousel.css"/>
    <link rel="stylesheet" href="front_assets/css/style.css"/>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <link href="//db.onlinewebfonts.com/c/5a83022d00689516e8f4a1b528d14170?family=AngleciaProDisplayW01-Light" rel="stylesheet"/>
    <link href="//db.onlinewebfonts.com/c/04966cba7570f392b03017905cc2730f?family=AngleciaProDisplayW01-Bold" rel="stylesheet"/>
    <link href="//db.onlinewebfonts.com/c/29dcb79c76f3e5e9c8e76be9ee1859e8?family=AngleciaProDisplayW01-MdIt" rel="stylesheet"/>
    <link href="//db.onlinewebfonts.com/c/aef98efdbfc0bb4df373189563823b20?family=AngleciaProDisplayW01-Black" rel="stylesheet"/>

    <link href="//db.onlinewebfonts.com/c/fc962413665f33d44a42cf8dbee5771e?family=Anglecia+Pro+Txt+Md" rel="stylesheet"/>

    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

    <title>Woman Kenya</title>


</head>
<body>
<section class="">
    <img src="front_assets/images/header.jpg" alt="" class="img-fluid">
</section>


  <div class="container">
      <div class="row">
          <nav class="navbar navbar-expand-lg navbar-light">
                <a class="navbar-brand" href="index.php" style="font-family: AngleciaPro-Light!important;"><b> </b></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
                 </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav" style="margin-left: -14px;">
                
                <li class="nav-item active" style="font-family: AngleciaPro-Md!important">
                    <a class="nav-link" href="index.php">HOME</a>
                </li>

                <li class="nav-item active">
                    <a class="nav-link" href="about_me.php">ABOUT</a>
                </li>

                <?php
                $response = $db->getDropCategories();
                foreach ($response as $category) :  ?>
                    <li class="nav-item active">
                        <a href="categories.php?id=<?php echo $category['id']; ?>" class="nav-link">
                            <?php echo $category['name']; ?> </a>
                    </li>
                <?php endforeach; ?>
                <li class="nav-item active">
                    <a class="nav-link" href="events.php">EVENTS</a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="video.php">VIDEOS</a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="contact.php">CONTACT US</a>
                </li>
            </ul>


            <form class="form-inline ml-5" action="search_results.php" method="post">
                <div class="form-group" style="margin-left: 95px;">
                    <input type="text" placeholder="Search" style="border-radius: 0;" class="form-control" required
                           name="search_keyword">
                </div>
                <button type="submit" name="btnSearch" class="btn btn-danger black"
                        style="font-family: AngleciaPro-Md!important;">Search
                </button>
            </form>
        </div>
    </nav>
      </div>
    
</div>  
