@extends('web.app')
@section('main-content')
<div class="about">
        <div class="about-menu">
          <ul class="about-menu-ul">

            <li id="about-menu-reviews">
                <a href="{{ url('/reviews') }}">
                    <div class="icon reviews"></div>
                    Reviews
                </a>
            </li>

            <li id="about-menu-about">
                <a href="{{ url('/history') }}">
                    <div class="icon story"></div>
                    Who we are?
                </a>
            </li>

            <li id="about-menu-press">
                <a href="{{ url('/press') }}">
                    <div class="icon press"></div>
                    Press
                </a>
            </li>

            <li id="about-menu-faq">
                <a href="{{ url('/faq') }}">
                    <div class="icon faq"></div>
                    FAQs
                </a>
            </li>

            <!--<li id="about-menu-locations">
                <a href="locations.html">
                    <div class="icon locations"></div>
                    Locations
                </a>
            </li>-->

            <li id="about-menu-judges" class="active">
                <a href="{{ url('/judges') }}">
                    <div class="icon judges"></div>
                    Adjudicator
                </a>
            </li>

            <li id="about-menu-team">
                <a href="{{ url('/team') }}">
                    <div class="icon team"></div>
                    Team
                </a>
            </li>

            <!--<li id="about-menu-charity">
                <a href="charity.html">
                    <div class="icon charity"></div>
                    Charity
                </a>
            </li>-->
           
            <!--<li id="about-menu-investors">
                <a href="investors.html">
                    <div class="icon relations"></div>
                    Investors
                </a>
            </li>-->
           
        </ul>
        </div>
      </div>
<h1 class="title faq">MEET THE Adjudicator</h1>
<section class="judges_section">
          <div class="container">
              <div class="row">
                  <!--<div class="col-md-4 col-xs-12">
                      <div class="judges_item">
                            <div class="judges_item_inner">
                              <a class="fancybox-team" data-toggle="modal" data-target="#myModal">
                                <div class="holder">
                                  <img class="desaturate" src="img/user.png" alt="img">
                                  <h4>Sol Campbell</h4>
                                  <p>Ex Professional Footballer</p>
                                </div>
                              </a>
                            </div>
                      </div>
                  </div>--> 
                  <div class="col-md-4 col-md-offset-4 col-xs-12">
                      <div class="judges_item">
                            <div class="judges_item_inner">
                              <a class="fancybox-team" data-toggle="modal" data-target="#myModa20">
                                <div class="holder">
                                  <img class="desaturate" src="{{ url('img/naresh_babu.jpg') }}" alt="img">
                                  <h4>Naresh Babu</h4>
                                  <p>National Champion and Ambassador for India</p>
                                </div>
                              </a>
                            </div>
                      </div>
                  </div> 
                  <!--<div class="col-md-4 col-xs-12">
                      <div class="judges_item">
                            <div class="judges_item_inner">
                              <a class="fancybox-team" data-toggle="modal" data-target="#myModal">
                                <div class="holder">
                                  <img class="desaturate" src="img/user.png" alt="img">
                                  <h4>Sol Campbell</h4>
                                  <p>Ex Professional Footballer</p>
                                </div>
                              </a>
                            </div>
                      </div>
                  </div>--> 
              </div>
          </div>
      </section>
      <div class="modal fade" id="myModa20" role="dialog">
              <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                  <div class="modal-body">
                    <div class="modal_text">
                      <div class="holder">
                        <div class="inner clearfix">
                          <div class="col-md-12 col-xs-12">
                              <img src="{{ url('img/naresh_babu.jpg') }}" alt="img" class="center-block img-responsive img-circle" style="border:1px solid #CCC;">
                          </div>
                          <div class="col-md-12 col-xs-12 text-center">
                                <h3>Naresh Babu</h3>
                                <p>National Champion and Ambassador for India</p>
            
                              <p>As some of you will know, Naresh is a national motorcycle champion in India, and is currently developing his international career.<br><br>
            
            Naresh has recently joined the Winabike team as our ambassador in India, as well as being our competition adjudicator. Naresh will be overseeing the results of each competition (along with a registered solicitor) ensuring fair play for all.<br><br>
            
            Winabike will be supporting Naresh in the coming months and years, to help him to achieve his goals on the national race circuit.<br><br>
            
            The good news is that Naresh is also a keen cricketer, so he was a perfect match (excuse the pun) for Winabike as the competition is Spot the Cricket Ball!
            
            </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
            
                </div>
                
              </div>
            </div>
@endsection