����
������������������������������������
<?php
include "header.php";
include "connection.php";
$query=mysqli_query($conn, "SELECT * FROM events");
$rows=mysqli_num_rows($query);

$queryc=mysqli_query($conn, "SELECT * FROM  countries");
$rowsc=mysqli_num_rows($queryc);

$cities=mysqli_query($conn, "SELECT * FROM  cities");
$citiesr=mysqli_num_rows($cities);
?>
<style>
.event-details .fa {
    color: 
    #C1C6BD;
    display: inline-block;
    text-align: center;
    width: 21px;
    margin-right: 7px;
}  

.featured-details {
    width: 100%;
}

.call-to-action {
    padding-top: 20px;
}
</style>
<main class='site-container'>
 <div id='fi-events'>
   <span class='hero-subtle -events'></span>
    <header class='hero-main-events'><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <h1 class='xlarge-heading'>Accelerativ Events</h1>
    </header>

<!--
<div class='container'>
 <div class='grid cards three-cards'>
     <?php 
     //if($rows>=1){
        // while($data=mysqli_fetch_array($query)){
     ?>
  <div class='card-col'>
   <div class='card event-card clickable-card-container'>
    <img alt='Event Image' class='image image-area' src='assets/events/<?php //echo $data['image']?>'>
        <div class='event-details-wrapper wrapper content-area'>
            <div class='details'>
                <span class='tag -small -events'><?php// echo $data['title']; ?></span>
                <h4 class='heading medium-heading event-heading'>
                <a href="infosession.php"><?php //echo $data['description'];?></a>
                </h4>
                <ul class='event-details'>
                       <li><span class="fa fa-address-book"></span><?php //echo $data['address'] ;?></li>
                       <li><i class="fa fa-building-o" aria-hidden="true"></i><?php// echo $data['city'] ;?></li>
                       <li><i class="fa fa-globe" aria-hidden="true"></i><?php //echo $data['country'] ;?></li>
                </ul>
            </div>
            <a class="btn btn-wide btn-blue btn-arrow btn-register" href="infosession.php"><span class='text'>Register</span>
            <span class='icon ion-arrow-right-a arrow'></span>
            </a>
        </div>
        <footer class='card-footer links-area'>
            <a class="more read-more-link clickable-card-target-link" href="#"><span class='text'>Read more</span>
                <span class='icon ion-plus'></span>
            </a>
            <ul class='social-share'>
                <li class='item'>
                    <a class='link' href='#'>
                    <span class='icon ion-social-twitter'></span>
                    </a>
                </li>
                <li class='item'>
                    <a class='link' href='#'>
                    <span class='icon ion-social-facebook'></span>
                    </a>
                </li>
                <li class='item'>
                     <a class='link' href='#'>
                    <span class='icon ion-social-linkedin'></span>
                    </a>
                </li>
                <li class='item'>
                    <a class='link' href='#'>
                    <span class='icon ion-social-googleplus'></span>
                    </a>
                </li>
            </ul>
        </footer>
    </div>
   </div>
   <?php// } } ?>
 </div>
    <div class='new-pagination' style='text-align: center;'>
      <nav class="pagination" role="navigation" aria-label="pager">
            <span class="page current">
              1
            </span>
            <span class="page">
                <a rel="next" href="#">2</a>
            </span>
            <span class="page">
                <a href="#">3</a>
            </span>
            <span class="page">
                <a href="#">4</a>
            </span>
            <span class="page">
                <a href="#">5</a>
            </span>
            <span class="page gap">&hellip;</span>
            <span class="next">
                <a rel="next" href="#">Next &rsaquo;</a>
            </span>
            <span class="last">
                <a href="#">Last &raquo;</a>
            </span>
      </nav>
    </div>
 </div>
</div>

<div id='global-events-map'>
<style>
  #global_map {
    margin: auto;
  }
</style>
<section class='container-fluid gray-container'>
    <section class='container'>
        <header class='search-header text-center'>
            <h4 class='large-heading title'>
            Search for local events
            </h4>
        </header>
        <form accept-charset='UTF-8' action='#' class='search-form'>
            <div class='form-wrap' style='max-width: 680px;margin: 0 auto;display: flex;align-items: flex-end;border: 1px solid #eaeaea;'>
                <div class='form-row'>
                    <div class='input-block' style='border-bottom: 0;padding: 7px;'>
                        <label class='form-label'>Country</label>
                      
                        <select class="select" id='country-field-id'>
                              <?php 
                        //if($rowsc>=1){
                            //$count=0;
                        //while($datac=mysqli_fetch_array($queryc)){
                        ?>
                            <option><?php// echo $datac['country_name'] ;?></option>
                             <?php// } } ?>
                        </select>
                       
                    </div>
                </div>
                <div class='form-row'>
                    <div class='input-block' style='border-bottom: 0;padding: 7px;'>
                        <label class='form-label'>City</label>
                        <select class="select" id='city-field-id'>
                        <?php 
                           // if($citiesr>=1){
                           // while($citiesd=mysqli_fetch_array($cities)){
                        ?>
                            <option><?php //echo $citiesd['city_name'] ;?></option>
                        <?php// } } ?>
                        </select>
                    </div>
                </div>
            </div>
        </form>
    </section>
</section>
-->


<section class='call-to-action'>
    <div class='container'>
       
        <a class="btn btn-cta" href="join.php"><span class='text'>Join Accelerativ</span></a>
    </div>
</section>

</div>
</main>

<?php
include "footer.php";
?>