<script language="javascript" src="Modules/eventos/js_eventos.js"></script>
<?php
   $uri ='Modules/eventos/eventos.php';
   include_once($uri);
   ?>
<div class="pageheader">
   <h2><i class="fa fa-table"></i> Eventos</h2>
   <div class="breadcrumb-wrapper">
      <ol class="breadcrumb">
         <li><a href="index.php">Monitor Web</a></li>
         <li class="active">Eventos</li>
      </ol>
   </div>
</div>
<div class="contentpanel">
   <!-- Filtro -->	
   <?php include('Modules/eventos/filter_eventos.php') ?>
   <!-- Filtro -->	
   <div class="row">
      <div class="col-md-6 mb30">
         <h5 class="subtitle mb5">Basic Tabs</h5>
         <p>Add quick, dynamic tab functionality to transition through panes of local content.</p>
         <br />
         <!-- Nav tabs -->
         <ul class="nav nav-tabs">
            <li class="active"><a href="#home" data-toggle="tab"><strong>Home</strong></a></li>
            <li><a href="#profile" data-toggle="tab"><strong>Profile</strong></a></li>
            <li><a href="#about" data-toggle="tab"><strong>About</strong></a></li>
            <li><a href="#contact" data-toggle="tab"><strong>Contact</strong></a></li>
         </ul>
         <!-- Tab panes -->
         <div class="tab-content mb30">
            <div class="tab-pane active" id="home">
               <h4 class="dark">It has become appallingly obvious that our technology has exceeded our humanity. &nbsp;<small>- Albert Einstein</small></h4>
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat.</p>
            </div>
            <div class="tab-pane" id="profile">
               <div class="row">
                  <div class="col-sm-3">
                     <img src="images/photos/profilepic1.png" class="width100p" alt="" />
                  </div>
                  <div class="col-sm-9">
                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
                     <button class="btn btn-primary mr5">Follow Me</button>
                     <button class="btn btn-white">Send Message</button>
                  </div>
               </div>
            </div>
            <div class="tab-pane" id="about">
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat</p>
               <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias </p>
            </div>
            <div class="tab-pane" id="contact">
               <address>
                  <strong>Twitter, Inc.</strong><br>
                  795 Folsom Ave, Suite 600<br>
                  San Francisco, CA 94107<br>
                  <abbr title="Phone">P:</abbr> (123) 456-7890
               </address>
               <address>
                  <strong>Full Name</strong><br>
                  <a href="mailto:#">first.last@example.com</a>
               </address>
            </div>
         </div>
         <div class="tab-pane active" id="home3">
            <h4 class="dark">It has become appallingly obvious that our technology has exceeded our humanity. &nbsp;<small>- Albert Einstein</small></h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat.</p>
         </div>
         <div class="tab-pane" id="profile3">
            <div class="row">
               <div class="col-sm-3">
                  <img src="images/photos/profilepic1.png" class="width100p" alt="" />
               </div>
               <div class="col-sm-9">
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
                  <button class="btn btn-primary mr5">Follow Me</button>
                  <button class="btn btn-white">Send Message</button>
               </div>
            </div>
         </div>
         <div class="tab-pane" id="about3">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat</p>
            <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias </p>
         </div>
         <div class="tab-pane" id="contact3">
            <address>
               <strong>Twitter, Inc.</strong><br>
               795 Folsom Ave, Suite 600<br>
               San Francisco, CA 94107<br>
               <abbr title="Phone">P:</abbr> (123) 456-7890
            </address>
            <address>
               <strong>Full Name</strong><br>
               <a href="mailto:#">first.last@example.com</a>
            </address>
         </div>
      </div>
   </div>
   <!-- col-md-6 -->
</div>
<!-- row -->
</div><!-- contentpanel -->