<file_sep>import React from 'react';
import logo from '../../image/ekota academy white-01.png';

import { Link } from 'react-router-dom';
import './Navbar.css';


const Navbar = () => {
    return (
        <div className="menubar" style={{ fontFamily: 'Poppins' }}>
            <nav class="navbar navbar-expand-lg navbar-dark bg-transparent">

                <div class="container-fluid">
                    <Link to='/home'><a class="navbar-brand" href="#"> <img className="img-fluid" src={logo} alt="" /> </a></Link>
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse " id="navbarNavDropdown">

                        <ul class="navbar-nav">
                            <li class="nav-item">
                                <Link to='/home'><a class="nav-link active" aria-current="page" href="#">Home</a></Link>
                            </li>

                            {/* <li class="nav-item">
                                <Link to='/abouts'><a class="nav-link active" href="#">About Us</a></Link>
                            </li> */}
                            <li class="nav-item dropdown ">
                            <a class="nav-link dropdown-toggle active"  href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                    About Us
                                </a>
                               
                                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                    <Link to='/abouts'>
                                    <li><a class="dropdown-item" href="#">About Ekota</a></li>
                                    </Link>
                                    
                                    <Link to='/governance'>
                                    <li><a class="dropdown-item" href="#">Governance</a></li>
                                    </Link>
                                    
                                   
                                   
                                </ul>
                            </li>
                            {/* <li class="nav-item">
                                <Link to='/club'><a class="nav-link active" href="#">Our Team</a></Link>
                            </li> */}
                            <li class="nav-item dropdown ">
                            <a class="nav-link dropdown-toggle active"  href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                    Our Team
                                </a>
                               
                                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                    <Link to='/club'>
                                    <li><a class="dropdown-item" href="#">Team</a></li>
                                    </Link>
                                    
                                      <li><a class="dropdown-item" href="http://localhost:3000/club/#management">Trustees</a></li>
                                    
                                   
                                    <li><a class="dropdown-item" href="http://localhost:3000/club/#volunteer">Volunteer</a></li>
                                   
                                   
                                </ul>
                            </li>
                            {/* <li class="nav-item">
                                <Link to='/join'><a class="nav-link active" aria-current="page" href="#">Sports</a></Link>
                            </li> */}
                            <li class="nav-item dropdown ">
                            <a class="nav-link dropdown-toggle active"  href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                    Sports
                                </a>
                               
                                <ul class="dropdown-menu " aria-labelledby="navbarDropdown">
                                    <Link to='/join'>
                                    <li><a class="dropdown-item" href="#">Sports</a></li>
                                    </Link>
                                    
                                    <li><a class="dropdown-item" href="http://localhost:3000/football">Football</a></li>
                                    
                                    <li><a class="dropdown-item" href="http://localhost:3000/cricket">Cricket</a></li>
                                    <li><a class="dropdown-item" href="http://localhost:3000/join/#martial">Martial Arts</a></li>
                                    <li><a class="dropdown-item" href="http://localhost:3000/join/#badminton">Badminton</a></li>
                                    <li><a class="dropdown-item" href="http://localhost:3000/join/#walking">Walking Cricket</a></li>
                                    <li><a class="dropdown-item" href="http://localhost:3000/join/#">Futsal</a></li>
                                   
                                   
                                </ul>
                            </li>
                            {/* <li class="nav-item">
                                <Link to='/community'><a class="nav-link active" href="#">Community</a></Link>
                            </li> */}
                            <li class="nav-item dropdown ">
                            <a class="nav-link dropdown-toggle active"  href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" data-hover="dropdown" aria-expanded="false">
                                    Communities
                                </a>
                               
                                <ul class="dropdown-menu " aria-labelledby="navbarDropdown">
                                    <Link to='/community'>
                                    <li><a class="dropdown-item" href="#">Community</a></li>
                                    </Link>
                                    
                                    <li><a class="dropdown-item" href="http://localhost:3000/community/#population">Population Health and Inequalities </a></li>
                                    <li><a class="dropdown-item" href="http://localhost:3000/projects">Projects</a></li>
                                    <li><a class="dropdown-item" href="http://localhost:3000/youth">Youth Support</a></li>
                                   
                                   
                                </ul>
                            </li>
                            <li class="nav-item">
                                <Link to='/news'><a class="nav-link active" href="#">News</a></Link>
                            </li>
                            {/* <li class="nav-item">
                                <Link to='/youth'><a class="nav-link active" href="#">Youth Support</a></Link>
                            </li> */}

                            <li class="nav-item">
                                <Link to='/contact'><a class="nav-link active" href="#">Contact</a></Link>
                            </li>
                            <div className="icon d-flex justify-content-center align-items-center">


                               
                                <li class="nav-item ">
                                    <a class="nav-link active" href="https://mysportshive.com/dashboard/pages/authentication/ekotaacademy/login" className="btn">Log In</a>
                                </li>
                            </div>
                        </ul>


                    </div>

                </div>

            </nav>


        </div>
    );
};

export default Navbar;<file_sep>import React from 'react';
import './Header.css';



const Header = () => {
    return (
        
        <div style={{fontFamily: 'Poppins'}} className="text-white header">
        
           
            {/* <h1>The Place to Be</h1> */}
    
          
        </div>
        
    );
};

export default Header;<file_sep>import React from 'react';

const Testimonials = () => {
    return (
        <div>
            <div className="testimonials coach text-center  ">
                <div className="container">
                    
                    <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <h1>‘’</h1>
                                <p>‘’Ekota has helped my child to develop new skills and I can see the week on week physical improvements and he is always excited to attend the sessions.’’</p>
                                <h4>Parker</h4>

                            </div>
                            <div class="carousel-item">
                                <h1>‘’</h1>
                                <p>‘’My kid absolutely love sports camp.  Super positive experience for the summer.’’</p>
                                <h4><NAME></h4>

                            </div>
                            <div class="carousel-item">
                                <h1>‘’</h1>
                                <p>‘’Ekota has helped my child to develop new skills and I can see the week on week physical improvements and he is always excited to attend the sessions.’’</p>
                                <h4>Parker</h4>

                            </div>
                        </div>
                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Previous</span>
                        </button>
                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Next</span>
                        </button>
                    </div>
                </div>

>
            </div>
        </div>
    );
};

export default Testimonials;<file_sep>import React from 'react';
import Navbar from '../../Navbar/Navbar';
import image from '../../../image/ZQgXhC84UabKkGfmeXpsDnR3q8jBok0ZJIJUkXQ86FoeJxFPc (1).jfif';
import image1 from '../../../image/1X_u4PD9kdIdelCkR0rAx4aVDWE_wMwBQrgpC_XoeQ8eJxFPc.jfif';
import image2 from '../../../image/27Yoy53ty915jjw2-4k43pqxxnoxY7dTcoHg8zM6SI0eJxFPc.jfif';
import image3 from '../../../image/WlHzIft4vXCIj0hAebsU-4VivWE-w-eTwFB8qb1gevYeJxFPc.jfif';
import image4 from '../../../image/w29AnzRvddYhL8qZM_tAO2mzE62pRWHp-AdFzPYC70seJxFPc.jfif';
import image5 from '../../../image/XiVfsE3_dyVTYXplNBI0SGqgLj4oqJouGcBKGtoOYhkeJxFPc.jfif';
import image6 from '../../../image/ZxwIyWXZeplybiE7OC2sWG4dkAj9MMRTQFw1uMIG3WAeJxFPc.jfif';
import image7 from '../../../image/w29AnzRvddYhL8qZM_tAO2mzE62pRWHp-AdFzPYC70seJxFPc.jfif';
import image8 from '../../../image/vrGKTI-jGfxrSQiS6CCOmvCOlZ_sb6gI452cZV5AwzseJxFPc.jfif';
import image9 from '../../../image/06oT2scMvgjJ0A0-IGD0QTJ5FCmzzQzwHjzpU0VU_WkeJxFPc.jfif';
import image10 from '../../../image/8aTcZC1rSosgoBywMEKoIZpvPHaIZfqMUxYg1NCJvUseJxFPc.jfif';
import image11 from '../../../image/4-Gwi2ybKO94JlYR-sO5rQW19QssOArQ0UJ8-lxdm-geJxFPc.jfif';
import image12 from '../../../image/6LCp6XpB5SjCW6S5TAuaEyxjHI2Rrb8TssarkCAAebYeJxFPc.jfif';
import image13 from '../../../image/_6eXHo5z9xPNbksmoSg59VGOOgJti88zwJlE0ko3TzoeJxFPc - Copy.jfif';
import image14 from '../../../image/bdP0BJ6gXq2mZUjvEzW_yT6pSkelIqPFbdONzKwQm0MeJxFPc.jfif';
import video from '../../../video/Comp 1.mp4';
import './GallerySecond.css'
import Footer from '../../Footer/Footer';

const GallerySecond = () => {
    return (
        <div >
            <div className="gallery-bg">
                <Navbar></Navbar>
            </div>

            <div className="container-fluid">
                <h1 className="text-center mt-5 mb-5">Ekota Academy Pictures & Videos</h1>

                <div className="row mb-2 g-1">
                    <div className="col-md-7">
                        <img src={image} alt="" className="img-fluid" />
                    </div>
                    <div className="col-md-5">
                        <img src={image1} alt="" className="img-fluid gallery-img1" />
                    </div>
                </div>
                <div className="row mb-2 g-1">
                    <div className="col-md-5">
                        <img src={image2} alt="" className="img-fluid gallery-img1" />
                    </div>
                    <div className="col-md-7">
                        <img src={image3} alt="" className="img-fluid gallery-img2 w-100 " />
                    </div>
                </div>
                <div className="row mb-2 g-1">
                    <div className="col-md-4">
                        <img src={image4} alt="" className="img-fluid" />
                    </div>
                    <div className="col-md-4">
                        <img src={image5} alt="" className="img-fluid" />
                    </div>
                    <div className="col-md-4">
                        <img src={image6} alt="" className="img-fluid" />
                    </div>
                </div>
                <div className="row g-0">
                    <div className="col-md-6">
                        <video className="gallery-video" autoPlay loop muted>
                            <source src={video} type="video/mp4" />


                        </video>
                    </div>
                    <div className="col-md-6">
                        <video className="gallery-video" autoPlay loop muted>
                            <source src={video} type="video/mp4" />


                        </video>
                    </div>
                </div>
                <div className="row mb-2 g-1">
                    <div className="col-md-4">
                        <img src={image7} alt="" className="img-fluid" />
                    </div>
                    <div className="col-md-4">
                        <img src={image8} alt="" className="img-fluid" />
                    </div>
                    <div className="col-md-4">
                        <img src={image9} alt="" className="img-fluid" />
                    </div>
                </div>
                <div className="row mb-2 g-1">
                    <div className="col-md-7">
                        <img src={image10} alt="" className="img-fluid" />
                    </div>
                    <div className="col-md-5">
                        <img src={image11} alt="" className="img-fluid gallery-img1" />
                    </div>
                </div>
                <div className="row mb-2 g-1">
                    <div className="col-md-4">
                        <img src={image12} alt="" className="img-fluid" />
                    </div>
                    <div className="col-md-4">
                        <img src={image13} alt="" className="img-fluid gallery-img13" />
                    </div>
                    <div className="col-md-4">
                        <img src={image14} alt="" className="img-fluid " />
                    </div>
                </div>
            </div>

            <Footer></Footer>
        </div>
    );
};

export default GallerySecond;<file_sep>import React from 'react';
import pictures from '../../image/sx4GAJRVn1zCUV784eb8xNyeaGihP6BjmdIBCbkPWHMeJxFPc.jfif';
import Footer from '../Footer/Footer';
import Navbar from '../Navbar/Navbar';
import image from '../../image/1X_u4PD9kdIdelCkR0rAx4aVDWE_wMwBQrgpC_XoeQ8eJxFPc.jfif';
import news from '../../image/Screenshot-2021-03-26-at-18.52.38-1500x844.png';
import image2 from '../../image/Screenshot-2021-03-29-at-11.26.58-1500x844.png';
import image1 from '../../image/Grouppic-1500x803.jpg';
import image3 from '../../image/20200826_112019-1500x701.jpg';
import logo from '../../image/Sport-England-Logo-Blue-(CMYK).png';
import logo1 from '../../image/Eagles_in_the_Community_Logo_2018_1-removebg-preview.png';
import logo2 from '../../image/Vision Logo 2018 FINAL transparent.png';
import logo3 from '../../image/CCSF-HM-removebg-preview.png';
import logo4 from '../../image/National-Lottery-removebg-preview.png'
import logo5 from '../../image/City-bridge-trust-removebg-preview.png';


import facebook from '../../image/021-facebook.png';
import instagram from '../../image/025-instagram.png';
import twitter from '../../image/043-twitter.png';
import './News.css';

import cross from '../../image/cross-sign.png';


const News = () => {
    function action() {
        var action = document.querySelector('.action');
        action.classList.toggle('active');
    }
    return (
        <div>
            <div className="news-background">
                <Navbar></Navbar>

                <h1>News & Blogs.</h1>

            </div>
            <div className="action" onClick={action}>

                <span className="text-center">Be  part of <br />  Ekota</span>

                <div className="popup">

                    <div className="container ml-5">

                        <div className="row  d-flex justify-content-center align-items-center">
                            <div className="col-md-4">
                                <h4>Sponsor</h4>
                                <h3>Ekota Sports</h3>
                                <small>Be a Member</small>
                                <div className="action">
                                    <span> <img className="cross" src={cross} alt="" /> </span>
                                </div>
                            </div>
                            <div className="col-md-4">
                                <h4>Career At</h4>
                                <h3>Ekota Sports</h3>
                                <small>Join the team</small>
                                <div className="action">
                                    <span> <img className="cross" src={cross} alt="" /> </span>
                                </div>
                            </div>
                            <div className="col-md-4">
                                <h4>Join</h4>
                                <h3>Ekota Sports</h3>
                                <small>Be a Volunteer</small>
                                <div className="action">
                                    <span> <img className="cross" src={cross} alt="" /> </span>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div className="container-fluid subscribe mt-5">
                      <div className="row d-flex justify-content-center align-items-center">
                      <div className="col-md-8 partner-1">
                             <div className="row d-flex justify-content-center align-items-center">
                                 <div className="col-md-2">
                                     <img className="img-fluid "src={logo} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid "src={logo1} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid "src={logo2} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid "src={logo3} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid logos"src={logo4} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid logos"src={logo5} alt="" />
                                 </div>
                             </div>
                         </div>
                      <div className="col-md-4 icon ">
                              <div className="row d-flex justify-content-center align-items-center">
                                  <div className="col-md-5">
                                      <h6>Follow Us On:</h6>
                                  </div>
                                  <div className="col-md-7">
                                  <img className="img-fluid "src={facebook} alt="" />
                                  <img className="img-fluid "src={instagram} alt="" />
                                  <img className="img-fluid "src={twitter} alt="" />
                                  </div>
                              </div>
                          </div>

                        
                      </div>
                  </div>

                </div>
            </div>

            <div className="container  ">
                <div className="row news d-flex justify-content-center align-items-center">
                    <div className="col-md-5 news-img">
                        <img className="img-fluid "  src={news} alt="" />
                    </div>
                    <div className="col-md-7">
                        <h2>ISOUL Volunteer’s Training</h2>
                        <p>
                            As Ekota Academy approaches the end of the year, we continue to offer a range of programmes and opportunities. One of these is the I Soul Volunteer’s training package, which was delivered, in partnership with the Department for Digital, Culture, Media and Sport and The National Lottery Community Fund.

                            This fantastic programme involved training several volunteers in leadership, risk management and broader voluntary skills. Those involved have given excellent feedback on this learning opportunity and its impact.

                            <NAME>, one of the participants, said,” I found it a good course. It was hard at first, but I really enjoyed the chance to meet new people, think about my leadership and learn more about volunteering.”

                            The programme focused on helping all those involved to develop and strengthen their volunteering skills. The aim was also to use the learning gained to inspire and be a platform for further individual development.

                            The volunteers will hopefully be working with Ekota on many of our programmes over the next year, so they have been empowered further to confidently work and contribute to our shared goals. Well done to all those involved in the delivery and to those participating!
                            <br />
                            <NAME>
                            <br />
                            Chair
                            <br />
                            Ekota Academy
                        </p>
                    </div>
                </div>
            </div>
            {/* <div className="container news1 mt-5">
                <div className="row">
                    <div className="col-md-9">
                        <div className="row ">
                            <div className="col-md-12 mb-5 d-flex justify-content-center align-items-center">
                                <img className="img-fluid " src={news} alt="" />
                                <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, sunt.</h4>
                            </div>
                            <div className="col-md-12 mb-5 d-flex justify-content-center align-items-center">
                                <img className="img-fluid " src={news} alt="" />
                                <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, sunt.</h4>
                            </div>
                            <div className="col-md-12 mb-5 d-flex justify-content-center align-items-center">
                                <img className="img-fluid " src={news} alt="" />
                                <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, sunt.</h4>
                            </div>
                            <div className="col-md-12 d-flex justify-content-center align-items-center">
                                <img className="img-fluid " src={news} alt="" />
                                <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, sunt.</h4>
                            </div>
                        </div>
                    </div>
                    <div className="col-md-3 news2">
                        <div className="row ">
                            <div className="col-md-12 mb-5 ">
                                <img className="img-fluid " src={news} alt="" />
                                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laborum veritatis neque rerum! Obcaecati praesentium illo officia quos neque dolorum magni nisi. Iure numquam quod veritatis architecto soluta animi consequatur nulla.</p>
                            </div>
                            <div className="col-md-12 mb-5 ">
                                <img className="img-fluid " src={news} alt="" />
                                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laborum veritatis neque rerum! Obcaecati praesentium illo officia quos neque dolorum magni nisi. Iure numquam quod veritatis architecto soluta animi consequatur nulla.</p>
                            </div>
                            <div className="col-md-12 ">
                                <img className="img-fluid " src={news} alt="" />
                                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laborum veritatis neque rerum! Obcaecati praesentium illo officia quos neque dolorum magni nisi. Iure numquam quod veritatis architecto soluta animi consequatur nulla.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div> */}
            <h2 className="text-center mt-5">Popular Posts</h2>
            <div className="container news3 mt-5 ">

                <div class="row  row-cols-1  row-cols-lg-4 row-cols-md-3 g-4">



                    <div class="col">

                        <div class="card h-100">
                            <figure className="image">
                                <img className="img-fluid " src={image3} class="card-img-top" alt="..." />
                            </figure>
                            <div class="card-body">
                                <h5 class="card-title">Developing youngsters</h5>
                                <p class="card-text">At Ekota Academy, we are dedicated to not only developing sporting prowess, but we try to lead by example at all times. Cricket is only one of many sports we are delivering, and includes, football, running, martial arts. In a short space of time, we have also sent our young players for various trials, and we thrive on engaging </p>
                                <a href="#" class="news-btn">Read More</a>
                            </div>

                        </div>

                    </div>



                    <div class="col">
                        <div class="card h-100">
                            <figure className="image">
                                <img className="img-fluid" src={image} class="card-img-top" alt="..." />
                            </figure>
                            <div class="card-body">
                                <h5 class="card-title">Impact of coaching</h5>
                                <p class="card-text">
                                    A Coach will impact more young people in a year than the average person does in a lifetime!

                                    Our Academy started after we decided to look into providing accessible sports for young people in our locality. We serve our community through sports, but it’s a lot more than just that as we mentor, guide and teach every young person we work with.
                                </p>
                                <a href="#" class="news-btn">Read More</a>
                            </div>

                        </div>
                    </div>


                    <div class="col">
                        <div class="card h-100">
                            <figure className="image">
                                <img className="img-fluid " src={image2} class="card-img-top" alt="..." />
                            </figure>
                            <div class="card-body">
                                <h5 class="card-title">International Women’s Day</h5>
                                <p class="card-text">International Women’s day is always an important day for Ekota Academy. With our strong female leadership team and focus on empowering women and girls through our work, the day is always a key point of reflection and celebration.

                                    This year we held a virtual webinar, sponsored by Barking and Dagenham Council

                               
                                </p>
                                <a href="#" class="news-btn">Read More</a>
                            </div>

                        </div>
                    </div>

                    <div class="col">

                        <div class="card h-100">
                            <figure className="image">
                                <img className="img-fluid " src={image1} class="card-img-top" alt="..." />
                            </figure>
                            <div class="card-body">
                                <h5 class="card-title">Winning is Infectious!</h5>
                                <p class="card-text"> Winning is infectious! Mayfield Cup Champions! Well done boys!

                                    At Ekota Academy we coach sports and also mentor, guide and inspire.

                                    We keep the kids busy and sessions are always fun, always vigorous. The idea is they’re too tired afterwards to get up to any hanky panky.

                                      
                                 </p>
                                 <a href="#" class="news-btn">Read More</a>
                            </div>
                        
                           

                        </div>

                    </div>

                </div>
            </div>

            <div className="tournament">
                <h2>Tournaments</h2>
                <div className="container">
                    <div className="row d-flex justify-content-center align-items-center">
                        <div className="col-md-6">
                            <img className="img-fluid " src={image3} alt="" />
                        </div>
                        <div className="col-md-6">
                            <h4>We provide on-ground competitive experience to our students through regular tournaments. To support participants all-round development – installing confidence, increasing concentration, and creating the right mental attitude to play competitive sports – students will have the opportunities to take part in various tournaments throughout the year.
                                These tournaments will help in enriching a child’s social environment, cultivating key sporting talent, along with shaping the youngster’s leadership, communication, teamwork, and organisational skill sets.
                            </h4>
                        </div>
                    </div>
                </div>
            </div>
            <Footer></Footer>
        </div>

    );
};

export default News;<file_sep>import React from 'react';
import './testimonial.css';


const testimonial = () => {
    return (
        <div>
            <div className=" testimonial mt-5">
            <div className="background">
                <div className="description">
                 
                    <div className="overlays">
                    
                        .
                    <h2 className="mb-5">‘’Ekota has helped my child to develop new skills and I can see the week on week physical improvements and he is always excited to attend the sessions.’’</h2>
                    
                    <p>At Ekota we have not taken a selective approach to those who join our club and football activities.   We have encouraged young people with no sporting abilities, varying physical levels and from challenging backgrounds to become involved and participate. This aligns to our central mission statement and approach to maximise participation in sport for all.     </p>
                    
                    
                    <a style={{marginLeft:'20px'}} href="#" className="description-btn mt-3">Express Your Interest</a>
                   
                    </div>
                </div>
            </div>
        </div>
        </div>
    );
};

export default testimonial;<file_sep>import React from 'react';
import Footer from '../Footer/Footer';
import Navbar from '../Navbar/Navbar';
import './Youth.css';

const Youth = () => {
    return (
        <div className="youth ">
            <div >
                <Navbar></Navbar>
            </div>
            <div >
                <h2>Signposting to other youth services</h2>
                <h5 className="ml-5">Ekota is here to support you working in partnership with a range of organisations. Whatever your situation - do contact us or others for help <br /> and to access opportunities. If you need further support, there are a range of services you can access</h5>
            </div>

            <div className="container">
                <div className="row youth-description-row d-flex justify-content-center align-items-center">
                    <div className="col-md-4">
                        <h1>"We must equip our youth to thrive in a changing worlds"</h1>
                    </div>

                    <div className="col-md-8  d-flex justify-content-center align-items-center youth-card">
                        <div className="row  youth-row">
                            <div className="col-md-12  youth-description-row">
                                <div className="row  youth-card-row">
                                    <div className="col-md-4">
                                        <div className="square square-one">
                                            <span></span>
                                            <span></span>
                                            <span></span>
                                            <div className="content">
                                                <h3>Barking & Dagenham</h3>
                                                <ul>
                                                    <li><a href="https://www.lbbd.gov.uk/youth-offending">Youth Offender Service</a></li>
                                                    <li><a href="https://www.lbbd.gov.uk/young-people-and-youth-services">Youth Forum</a></li>
                                                    <li><a href="https://www.lbbd.gov.uk/children-young-people-and-families">Children, young people & families</a></li>
                                                    
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div className="col-md-4">
                                        <div className="square">
                                            <span></span>
                                            <span></span>
                                            <span></span>
                                            <div className="content">
                                            <h3>Barking & Dagenham</h3>
                                                <ul>
                                                    
                                                 
                                                    <li><a href="https://www.futureyouthzone.org/">Youth Center for age 8-19</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div className="col-md-4">
                                        <div className="square">
                                            <span></span>
                                            <span></span>
                                            <span></span>
                                            <div className="content">
                                            <h3>Barking & Dagenham</h3>
                                                <ul>
                                                    
                                                   
                                                    <li><a href="https://www.nelft.nhs.uk/barking-and-dagenham-age-11-18/">NHS Foundation Trust</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                            <div className="col-md-12">
                                <div className="row  youth-card-row">
                                <div className="col-md-4">
                                        <div className="square">
                                            <span></span>
                                            <span></span>
                                            <span></span>
                                            <div className="content">
                                                <h3>Youth Access</h3>
                                                <ul>
                                                    <li><a href="https://www.youthaccess.org.uk/">Advice & Counselling Network</a></li>

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div className="col-md-4">
                                        <div className="square">
                                            <span></span>
                                            <span></span>
                                            <span></span>
                                            <div className="content">
                                                <h3>Supports Parents cares & individuals</h3>
                                                <ul>
                                                    <li><a href="http://www.sycamoretrust.org.uk/">sycamore trust autistic specturm</a></li>
                                                    
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div className="col-md-4">
                                        <div className="square square-one">
                                            <span></span>
                                            <span></span>
                                            <span></span>
                                            <div className="content">
                                                <h3>Young Mind</h3>
                                                <ul>
                                                    <li><a href="https://youngminds.org.uk/about-us/">Fighting for young children mental health</a></li>
                                                    
                                                </ul>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>




                    </div>
                </div>
            </div>


            <Footer></Footer>
        </div>
    );
};

export default Youth;<file_sep>import React from 'react';
import Footer from '../Footer/Footer';
import Navbar from '../Navbar/Navbar';
import './Governance.css';

const Governance = () => {
    return (
        <div>
            <div className="governance-bg">
                <Navbar></Navbar>
                <h1>Governance</h1>
            </div>

             <div className="football governance-des">
                <div style={{ margin: '0', padding: '0', boxSizing: 'border-box' }} className="container containers" id="section">

                    <div className="left3"></div>

                    <div className="right">
                        <div className="content">
                            <h2 className="mb-4">Governance.</h2>
                            <p className="mb-5">At Ekota we ensure that appropriate governance and safeguarding is in place for the interest of our organisation and the local populations we work with. We have two qualified welfare officers and ensure that DBS checks are undertaken with any volunteers and coaches who work at the club. We have also developed safeguarding and fair play policies, which we share and make available.
                            </p>

                        </div>
                    </div>

                </div>
                </div>

                <Footer></Footer>
        </div>
    );
};

export default Governance;<file_sep>import React from 'react';
import Navbar from '../../Navbar/Navbar';
import pictures from '../../../image/tSvrnmQSHpIhzlio4mPp51iKhOwA9hNbW5N8wNt63LgeJxFPc.jfif';
import img from '../../../image/MMTOR49NEwvCfEzvuAHuhuwvy4et_p55KiRIx4D9AMUeJxFPc.jfif';
import img1 from '../../../image/1X_u4PD9kdIdelCkR0rAx4aVDWE_wMwBQrgpC_XoeQ8eJxFPc.jfif';
import dynamo from '../../../image/186067240_3820979101333082_1895083144967816894_n.png';

import './Cricket.css';
import Footer from '../../Footer/Footer';


const Cricket = () => {
    return (
        <div>
            <div className="cricket-background">
                <Navbar></Navbar>

                <h1>Cricket.</h1>

            </div>

            {/* <div className=" text-center academy">

                <div className="row w-100 d-flex justify-content-center align-items-center">

                    <div className="col-md-7">
                        <div className="para container">
                            <h1 style={{ fontWeight: '700', padding: '20px 40px', fontFamily: 'Poppins', fontSize: '50px', textAlign: 'left' }}> Cricket...</h1>
                            <p>
                                Ekota offers a range of coaching courses for children of 5-16 years on a weekly basis. Along with special programmes which run during school holidays.

                                Ekota in collaboration and association with the Essex Cricket Board (ECB) with our exhaustive cricket curriculum aims to develop every aspect of the game, build on existing talent, and create future cricketing stars.

                                Our students receive extensive coaching and training sessions to develop every aspect of the game – starting from increasing fitness levels through strength and conditioning training to perfecting skills and expertise. Coaches will focus on the strengths and weaknesses of the individual; whether it be batting, bowling, wicket keeping or fielding, and offer the unique opportunity to work on individual areas of improvement in a comfortable environment.

                                Our year-round training programme includes indoor and outdoor facilities for all.

                            </p>
                        </div>
                    </div>
                    <div className="col-md-5">
                        <img style={{ objectFit: 'cover' }} className="img-fluid" src={cricket} alt="" />
                    </div>
                </div>


            </div> */}
            <div className="all-star">
                <div className="container">
                    <div className="row all-star d-flex justify-content-center align-items-center">
                        <div className="col-md-7">
                            <img   src={dynamo} alt="" />
                        </div>
                        <div className="col-md-5 content">
                            <h2>All-Stars  and Dynamo Cricket programme ( April-August): </h2>
                            <h5>All-Stars Cricket and Dymano Cricket are the England and Wales Cricket Board’s entry-level participation programmes, aimed at providing children aged five to twelve with a great first experience in cricket.</h5>
                            <p>
                                Programme features:
                                <ul>
                                    <li>	For all boys and girls aged five to twelve </li>
                                    <li>	Eight one-hour sessions, held over eight weeks</li>
                                    <li>	Emphasis on fun and being active</li>
                                    <li>	Focus on developing your child's movement skills</li>
                                    <li>	Safe and fully accredited</li>
                                    <li>	Valuable time with your kids – mums, dads and guardians are encouraged to take part too </li>
                                    <li> 	Easy online registration </li>
                                    <li> 	Includes a bonus pack of personalised cricket kit</li>

                                </ul>
                            </p>
                            <h5>In addition every child that registers for the All Stars programme will receive a backpack full of goodies including a cricket bat, ball, personalised shirt and cap all sent straight to your door.

                                By registering for All Stars and Dynamo Cricket, your child will be guaranteed eight weeks of jam-packed fun, activity and skills development. The programme is suitable for all children new to cricket and sport as the sessions are designed to teach the basic skills of the game.
                            </h5>
                        </div>
                    </div>
                </div>
            </div>
            <div className="girls-cricket">

                <div className="girl">

                    <h4>Female led and Girls only sessions </h4>
                    <p>Ekota has developed girls only sessions to provide focussed development opportunities for our female participants. These sessions are led by our all female ECB trained coaches who share their expertise, provide a supportive environment and provide positive role models to those who attend.

                    </p>

                </div>


            </div>
            <div className="foundation-cricket">
                <div className="container">
                    <div className="row d-flex justify-content-center align-items-center">
                        <div className="col-md-6">

                            <figure className="image">
                                <img className="img-fluid " src={pictures} alt="" />
                            </figure>


                        </div>
                        <div className="col-md-6">

                            <h3>Foundation Programme</h3>

                            <p>Building up from the All-Star programme we aim to provide children aged five to ten with a great foundation to develop their experience in cricket. The course designed to provide a basic introduction to the game of cricket, focusing on developing movement and skills needed for becoming a cricketer. Along with developing skills such as running, jumping, hand-eye coordination, catching, throwing and hitting, social skills such as listening, concentration and observation are also harnessed.</p>

                            <a href="#" class="btn">Express Your Interest</a>

                        </div>
                    </div>
                </div>
            </div>
            <div className="foundation-cricket">
                <div className="container">
                    <div className="row d-flex justify-content-center align-items-center">
                        <div className="col-md-6 foundations">

                            <h3>Intermediate programme</h3>

                            <p>The course focuses on developing the all-round cricketing skills of the youngsters with the help of extensive coaching sessions. The tailored course aids students to gain expertise in catching, throwing, bowling, along with practising at the net and with the batting-bowling machine. The course intends to fine-tune the cricketing skills of the students with the group as well as one-on-one coaching sessions. The students are also provided with the option of playing tournaments and representing the academy through various activities & tours.</p>

                            <a href="#" class="btn">Express Your Interest</a>

                        </div>
                        <div className="col-md-6">

                            <figure className="image">
                                <img className="img-fluid " src={img} alt="" />
                            </figure>

                        </div>
                    </div>
                </div>
            </div>
            <div className="female">

                <div className="girl">

                    <h3>Cricket For Girls</h3>
                    <p>Ekota academy encourages and provides empowering sporting experience for girls from the grassroots level.</p>

                </div>


            </div>
            <div className="foundation-cricket">
                <div className="container">
                    <div className="row d-flex justify-content-center align-items-center">
                        <div className="col-md-6">

                            <figure className="image">
                                <img className="img-fluid " src={img1} alt="" />
                            </figure>

                        </div>
                        <div className="col-md-6">

                            <h3>Advance  Programme</h3>

                            <p> Building on the foundation and developing programme, this programme is designed to accelerate players through high-quality, structured coaching sessions designed to challenge the participants so that they can improve their skills.

                                These games are based on learning, testing on psychology and decision making, strength and conditioning, communication and leadership. Building upon the experiences, giving knowledge, skills and confidence to help individuals improve their game as well as developing a wide area of expertise on working within teams.
                            </p>

                            <a href="#" class="btn">Express Your Interest</a>

                        </div>
                    </div>
                </div>
            </div>


            <Footer></Footer>

        </div>
    );
};

export default Cricket;<file_sep>import React from 'react';
import Footer from '../Footer/Footer';
import Navbar from '../Navbar/Navbar';
import facebook from '../../image/021-facebook.png';
import twitter from '../../image/043-twitter.png';
import instagram from '../../image/025-instagram.png';
import logo from '../../image/Sport-England-Logo-Blue-(CMYK).png';
import logo1 from '../../image/Eagles_in_the_Community_Logo_2018_1-removebg-preview.png';
import logo2 from '../../image/Vision Logo 2018 FINAL transparent.png';
import logo3 from '../../image/CCSF-HM-removebg-preview.png';
import logo4 from '../../image/National-Lottery-removebg-preview.png'
import logo5 from '../../image/City-bridge-trust-removebg-preview.png';

import join from '../../image/360_F_269423667_XHYPqqocezmCuFvWbRjdhZWtIP1kbNTy-removebg-preview.png';
import './Contact.css';


import cross from '../../image/cross-sign.png';

const Contact = () => {

    function action() {
        var action = document.querySelector('.action');
        action.classList.toggle('active');
    }

    return (
        <div>
            <div className="contact-navbar">
                <Navbar></Navbar>

                <h1>Contact Us.</h1>

            </div>
            <div className="action" onClick={action}>

                <span className="text-center">Be  part of <br />  Ekota</span>

                <div className="popup">

                    <div className="container ml-5">

                        <div className="row  d-flex justify-content-center align-items-center">
                            <div className="col-md-4">
                                <h4>Sponsor</h4>
                                <h3>Ekota Sports</h3>
                                <small>Be a Member</small>
                                <div className="action">
                                    <span> <img className="cross" src={cross} alt="" /> </span>
                                </div>
                            </div>
                            <div className="col-md-4">
                                <h4>Career At</h4>
                                <h3>Ekota Sports</h3>
                                <small>Join the team</small>
                                <div className="action">
                                    <span> <img className="cross" src={cross} alt="" /> </span>
                                </div>
                            </div>
                            <div className="col-md-4">
                                <h4>Join</h4>
                                <h3>Ekota Sports</h3>
                                <small>Be a Volunteer</small>
                                <div className="action">
                                    <span> <img className="cross" src={cross} alt="" /> </span>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div className="container-fluid subscribe mt-5">
                      <div className="row d-flex justify-content-center align-items-center">
                      <div className="col-md-8 partner-1">
                             <div className="row d-flex justify-content-center align-items-center">
                                 <div className="col-md-2">
                                     <img className="img-fluid "src={logo} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid "src={logo1} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid "src={logo2} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid "src={logo3} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid logos "src={logo4} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid logos "src={logo5} alt="" />
                                 </div>
                             </div>
                         </div>
                      <div className="col-md-4 icon ">
                              <div className="row d-flex justify-content-center align-items-center">
                                  <div className="col-md-5">
                                      <h6>Follow Us On:</h6>
                                  </div>
                                  <div className="col-md-7">
                                  <img className="img-fluid "src={facebook} alt="" />
                                  <img className="img-fluid "src={instagram} alt="" />
                                  <img className="img-fluid "src={twitter} alt="" />
                                  </div>
                              </div>
                          </div>

                        
                      </div>
                  </div>

                </div>
            </div>
            <div className="contact">


                <div className="staff contact-join">

                    <h3> Join us - Become a volunteer </h3>

                    <div className="container">
                        <div className="row d-flex justify-content-center align-items-center">

                            <div className="col-md-6">
                                <div className="">
                                    <p className="mb-5">
                                        We are seeking people to get involved from a wide range of backgrounds to be part of the diverse Ekota family.  This is a chance to be a part of a social movement working with an experienced and passionate team.

                                        Become a volunteer today and gain new skills, meet new people, support and give back to your local community. Our opportunities can also help those individuals seeking paid employment to build up their confidence and skills.

                                        You must be 16 years and above with no criminal convictions. All volunteers will be required to complete a DBS check. You will receive a range of relevant training and support to deliver your role.

                                    </p>

                                </div>

                            </div>
                            <div className="col-md-6">
                                <img className="img-fluid "src={join} alt="" />
                            </div>
                        </div>
                    </div>



                </div>

                {/* <div className="container">
                    <h2>Signposting to other <span style={{ color: '#e15430' }}>youth</span> services </h2>
                    <p>Ekota is here to support you working in partnership with a range of organisations. Whatever your situation - do contact us or others for help and to access opportunities. If you need further support, there are a range of services you can access</p>
                </div> */}

                <div className="container ">
                    <div className="row date-events d-flex justify-content-center align-items-center">
                        <div className="col-md-6 col-sm-6">

                            <div className="boxs">
                                <div className="box_contents">
                                    <input type="text" placeholder="Your Name" required="required" />
                                    <br />
                                    <input type="text" placeholder="Your Email" required="required" />
                                    <br />
                                    <input type="text" placeholder="Your Question" required="required" />
                                    <br />
                                    <textarea placeholder="Message"></textarea>

                                </div>
                                <div className="btn-news">
                                    <a href="#" className="btn1">Submit</a>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
            </div>

            {/* <div className="testimonials coach text-center  ">
                <div className="container">
                    <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <h1>‘’</h1>
                                <p>‘’Ekota has helped my child to develop new skills and I can see the week on week physical improvements and he is always excited to attend the sessions.’’</p>
                                <h4><NAME></h4>
                                <h6>Coach</h6>
                            </div>
                            <div class="carousel-item">
                                <h1>‘’</h1>
                                <p>‘’Ekota has helped my child to develop new skills and I can see the week on week physical improvements and he is always excited to attend the sessions.’’</p>
                                <h4><NAME></h4>
                                <h6>Coach</h6>
                            </div>
                            <div class="carousel-item"> 
                                <h1>‘’</h1>
                                <p>‘’Ekota has helped my child to develop new skills and I can see the week on week physical improvements and he is always excited to attend the sessions.’’</p>
                                <h4><NAME></h4>
                                <h6>Coach</h6>
                            </div>
                        </div>
                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Previous</span>
                        </button>
                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Next</span>
                        </button>
                    </div>
                </div>
            </div> */}




            {/* <div className="sponsorship">
                <div className="container">
                    <div className="row">
                        
                        <div className="col-md-4">
                            <img className="img-fluid " src={logo} alt="" />

                        </div>

                        <div className="col-md-4 logo1">
                            <img className="img-fluid " src={logo2} alt="" />
                        </div>

                        <div className="col-md-4 logo1">
                            <img className="img-fluid " src={logo1} alt="" />
                        </div>
                        
                    </div>
                </div>
            </div> */}






            <Footer></Footer>
        </div>
    );
};

export default Contact;<file_sep>import React from 'react';
import Navbar from '../../Navbar/Navbar';
import './Join.css';

import Footer from '../../Footer/Footer';

import facebook from '../../../image/021-facebook.png';
import instagram from '../../../image/025-instagram.png';
import twitter from '../../../image/043-twitter.png';
import cross from '../../../image/cross-sign.png';
import logo from '../../../image/Sport-England-Logo-Blue-(CMYK).png';
import logo1 from '../../../image/Eagles_in_the_Community_Logo_2018_1-removebg-preview.png';
import logo2 from '../../../image/Vision Logo 2018 FINAL transparent.png';
import logo3 from '../../../image/CCSF-HM-removebg-preview.png';
import logo4 from '../../../image/National-Lottery-removebg-preview.png'
import logo5 from '../../../image/City-bridge-trust-removebg-preview.png';

import { Link } from 'react-router-dom';
import Cricket from './Cricket';

const Join = () => {
    function action() {
        var action = document.querySelector('.action');
        action.classList.toggle('active');
    }
    return (
        <div>
            <div className="join">
                <Navbar></Navbar>

                <h1>Sports.</h1>

            </div>

            <div className="main-section">


                <p>Ekota believes in the power of sport and works to help individuals to get healthy, <br /> connect with others, as well as helping to develop the next generation of sporting stars. <br /> Our expert coaches will help everyone find their true potential .</p>


            </div>
            <div className="action" onClick={action}>

                <span className="text-center">Be  part of <br />  Ekota</span>

                <div className="popup">

                    <div className="container ml-5">

                        <div className="row  d-flex justify-content-center align-items-center">
                            <div className="col-md-4">
                                <h4>Sponsor</h4>
                                <h3>Ekota Sports</h3>
                                <small>Be a Member</small>
                                <div className="action">
                                    <span> <img className="cross" src={cross} alt="" /> </span>
                                </div>
                            </div>
                            <div className="col-md-4">
                                <h4>Career At</h4>
                                <h3>Ekota Sports</h3>
                                <small>Join the team</small>
                                <div className="action">
                                    <span> <img className="cross" src={cross} alt="" /> </span>
                                </div>
                            </div>
                            <div className="col-md-4">
                                <h4>Join</h4>
                                <h3>Ekota Sports</h3>
                                <small>Be a Volunteer</small>
                                <div className="action">
                                    <span> <img className="cross" src={cross} alt="" /> </span>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div className="container-fluid subscribe mt-5">
                      <div className="row d-flex justify-content-center align-items-center">
                      <div className="col-md-8 partner-1">
                             <div className="row d-flex justify-content-center align-items-center">
                                 <div className="col-md-2">
                                     <img className="img-fluid "src={logo} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid "src={logo1} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid "src={logo2} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid "src={logo3} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid logos"src={logo4} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid logos"src={logo5} alt="" />
                                 </div>
                             </div>
                         </div>
                      <div className="col-md-4 icon ">
                              <div className="row d-flex justify-content-center align-items-center">
                                  <div className="col-md-5">
                                      <h6>Follow Us On:</h6>
                                  </div>
                                  <div className="col-md-7">
                                  <img className="img-fluid "src={facebook} alt="" />
                                  <img className="img-fluid "src={instagram} alt="" />
                                  <img className="img-fluid "src={twitter} alt="" />
                                  </div>
                              </div>
                          </div>

                        
                      </div>
                  </div>

                </div>
            </div>

            <div className="football footballs">
                <div style={{ margin: '0', padding: '0', boxSizing: 'border-box' }} className="container containers" id="section">

                    <div className="left"></div>

                    <div className="right">
                        <div className="content">
                            <h3>Football.</h3>
                            <p>Ekota FC has been running Saturday clubs from 2014 in Goodmayes Park. We provide an opportunity for children to improve their skills and be a part of a competitive football team.Children from ages 5-16 of all abilities are welcome to join our weekly training sessions. The club is registered with the FA and the sessions are being facilitated by FA qualified coaches.</p>
                            <a href="#" class="discover-btn " data-bs-toggle="modal" data-bs-target="#exampleModal">Read  More</a>
                        </div>
                    </div>



                    <div style={{ fontFamily: 'Poppins' }} class="modal   fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">Football</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <div class="modal-body">
                                    Ekota FC has been running Saturday clubs from 2014 in Goodmayes Park. We provide an opportunity for children to improve their skills and be a part of a competitive football team.Children from ages 5-16 of all abilities are welcome to join our weekly training sessions. The club is registered with the FA and the sessions are being facilitated by FA qualified coaches.
                                    Sessions are taught in small groups based on age and ability. During the session, participants will undertake drills, improve their fitness and play matches.  The aim is to help improve footballing, fitness and social skills.
                                    We aim to provide a friendly environment, which motivates participants but also gives them a framework to grow and develop.
                                    The club has developed strong networks with other football teams and organisations to provide additional opportunities for our club members.
                                    All those involved in the organisation including parents and players are expected to follow the code of conduct and failure to do adhere to the terms will not be accepted.

                                </div>
                                <div class="modal-footer">
                                    <Link to='/football'> <button class="discover-btn" type="button" data-bs-dismiss="modal">Discover More</button></Link>
                                    {/* <a href="#" class="discover-btn ">Discover  More</a>> */}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            {/* <div className="cricket">
                <div style={{ margin: '0', padding: '0', boxSizing: 'border-box' }} className="container containers" id="section">

                    <div className="right1">
                        <div className="content">
                            <h3>Cricket.</h3>

                            <p className="mb-5">Ekota aims to teach future cricketers new skills and to give them the very best first experience in the world of cricket.  A chance to play, learn great skills and meet new friends!
                                Ekota cricket programmes are designed for players wanting to get that competitive edge over their opponents. It is a high intense and structured program ensuring all facets of batting, bowling, and fielding are covered and that all players gain some more knowledge about becoming a cricket maestro.
                            </p>
                            <Link to='/cricket'> <a href="#" class="discover-btn">Discover  More</a></Link>
                        </div>
                    </div>

                    <div className="left1"></div>

                </div>
            </div> */}

            <Cricket></Cricket>



            <div className="football footballs" id="martial">
                <div style={{ margin: '0', padding: '0', boxSizing: 'border-box' }} className="container containers" id="section">

                    <div className="martial-arts"></div>

                    <div className="right">
                        <div className="content">
                            <h3>Martial Arts.</h3>
                            <p>Ekota FC has been running Saturday clubs from 2014 in Goodmayes Park. We provide an opportunity for children to improve their skills and be a part of a competitive football team.Children from ages 5-16 of all abilities are welcome to join our weekly training sessions. The club is registered with the FA and the sessions are being facilitated by FA qualified coaches.</p>

                        </div>
                    </div>

                </div>

            </div>
            <div className="cricket footballs" id="badminton">
                <div style={{ margin: '0', padding: '0', boxSizing: 'border-box' }} className="container containers" id="section">

                    <div className="right1">
                        <div className="content">
                            <h3>Badminton.</h3>

                            <p className="mb-5">Ekota aims to teach future cricketers new skills and to give them the very best first experience in the world of cricket.  A chance to play, learn great skills and meet new friends!
                                Ekota cricket programmes are designed for players wanting to get that competitive edge over their opponents. It is a high intense and structured program ensuring all facets of batting, bowling, and fielding are covered and that all players gain some more knowledge about becoming a cricket maestro.
                            </p>

                        </div>

                    </div>

                    <div className="badminton"></div>

                </div>
            </div>
            <div className="football footballs " id="walking">
                <div style={{ margin: '0', padding: '0', boxSizing: 'border-box' }} className="container containers" id="section">

                    <div className="walking"></div>

                    <div className="right">
                        <div className="content">
                            <h3>Walking Cricket</h3>
                            <p>Ekota Academy is now offering free sessions on Walking Cricket in Goodmayes Park!
                                Walking Cricket is a slower version of the traditional game played at walking pace with adapted rules and has been specially designed for people that love the game of cricket but can no longer play the traditional version due to:
                                <br />
                                Age
                                <br />
                                Medical conditions
                                <br />
                                Inactivity
                                <br />
                                Disabilities
                                <br />
                                Recovery/ rehabilitation from medical operations
                                <br />
                                Social isolation and loneliness
                                <br />
                                Inability to play the traditional game for any other reason.
                               </p>

                        </div>
                    </div>

                </div>

            </div>

            <Footer></Footer>
        </div>
    );
};

export default Join;<file_sep>import React from 'react';
import pictures from '../../image/1X_u4PD9kdIdelCkR0rAx4aVDWE_wMwBQrgpC_XoeQ8eJxFPc.jfif';
import pictures1 from '../../image/27Yoy53ty915jjw2-4k43pqxxnoxY7dTcoHg8zM6SI0eJxFPc.jfif';
import pictures2 from '../../image/WlHzIft4vXCIj0hAebsU-4VivWE-w-eTwFB8qb1gevYeJxFPc.jfif';
import pictures3 from '../../image/ZQgXhC84UabKkGfmeXpsDnR3q8jBok0ZJIJUkXQ86FoeJxFPc (1).jfif';
import pictures4 from '../../image/w29AnzRvddYhL8qZM_tAO2mzE62pRWHp-AdFzPYC70seJxFPc.jfif';
import pictures5 from '../../image/tSvrnmQSHpIhzlio4mPp51iKhOwA9hNbW5N8wNt63LgeJxFPc.jfif';
import { Link} from 'react-router-dom';
import './Gallery.css';


const Gallery = () => {
    const scrollToTop = () => {
        window.scrollTo(0, 0)
    }
    return (

        <div className="gallery">
            <div className="container">
                <div className="row row-cols-md-4 row-cols-1">
                    <div className="col">
                        <Link to='/gallery'>
                        <div onclick={scrollToTop} className="card">
                            <img src={pictures} alt="" />
                        </div>
                        </Link>
                    </div>
                    <div className="col">
                    <Link to='/gallery'>
                        <div className="card">
                            <img src={pictures1} alt="" />
                        </div>
                        </Link>
                    </div>
                    <div className="col">
                    <Link to='/gallery'>
                        <div className="card">
                            <img src={pictures2} alt="" />
                        </div>
                           </Link>
                    </div>
                    <div className="col">
                        <div className="card">
                            <img src={pictures3} alt="" />
                        </div>
                    </div>
                </div>
            </div>
        </div>

    );
};

export default Gallery;<file_sep>import React from 'react';
import './Banner.css';

import {Link} from 'react-router-dom';
const Banner = () => {
    return (
        <div className="banner ">
            <div className="background">
                <div className="description">
                    .
                 
                  <h1>Free Trial</h1>
                 <Link to='/contact'> <a href="#" className="btn btn-danger">Book Now</a></Link>  
                 
                    
                </div>
            </div>
        </div>
    );
};

export default Banner;<file_sep>import React from 'react';
import Footer from '../../Footer/Footer';
import Navbar from '../../Navbar/Navbar';
import facebook from '../../../image/021-facebook.png';
import instagram from '../../../image/025-instagram.png';
import twitter from '../../../image/043-twitter.png';
import pictures from '../../../image/WhatsApp Image 2021-07-07 at 11.23.27.jpeg';
import seal from '../../../image/seal-01.png';
import logo from '../../../image/Sport-England-Logo-Blue-(CMYK).png';
import logo1 from '../../../image/Eagles_in_the_Community_Logo_2018_1-removebg-preview.png';
import logo2 from '../../../image/Vision Logo 2018 FINAL transparent.png';
import logo3 from '../../../image/CCSF-HM-removebg-preview.png';
import logo4 from '../../../image/National-Lottery-removebg-preview.png'
import logo5 from '../../../image/City-bridge-trust-removebg-preview.png';
import team from '../../../image/kugghjul-removebg-preview.png';
import staff from '../../../image/staffmanagement1-removebg-preview.png';
import volunteer from '../../../image/19-196805_volunteer-icon-logo-become-a-volunteer-hd-png-removebg-preview.png';
import join from '../../../image/360_F_269423667_XHYPqqocezmCuFvWbRjdhZWtIP1kbNTy-removebg-preview.png';
import emdad from '../../../image/WhatsApp Image 2021-08-01 at 6.59.57 PM.jpeg';

import cross from '../../../image/cross-sign.png';


import './Club.css';

const Club = () => {
    function action() {
        var action = document.querySelector('.action');
        action.classList.toggle('active');
    }
    return (
        <div className="club-background">
            <div>
                <Navbar></Navbar>

                <h1>Team.</h1>


            </div>

            <div className="management" id="management">

                <h3 className="mb-5"> Our Team, Management & Governance.</h3>

                <div className="container">
                    <div className="row d-flex justify-content-center align-items-center">
                        <div className="col-md-6">
                            <img className="img-fluid " src={team} alt="" />
                        </div>
                        <div className="col-md-6">
                            <div className="">
                                <p className="mb-5">Our team has a range of expertise and backgrounds with a track record of successful delivery of projects. The existing team is made up of 3 trustees, a chief officer, consultants and a number of coaches in their speciality of the field who work for the club.  At Ekota we are proud that our central team involves a strong group of female leaders, which is a reflection on the nature and values of the organisation.

                                    In addition, Ekota is also bringing in female coaches to provide expertise, encourage more female participation and positive role modelling.

                                    We would also work in partnership with a range of organisations such as the England Cricket Board, Essex cricket club, the Football Association, Sports England, local schools and local authorities.

                                </p>


                            </div>
                        </div>
                    </div>
                </div>



            </div>

            <div className="action" onClick={action}>

                <span className="text-center">Be  part of <br />  Ekota</span>

                <div className="popup">

                    <div className="container ml-5">

                        <div className="row  d-flex justify-content-center align-items-center">
                            <div className="col-md-4">
                                <h4>Sponsor</h4>
                                <h3>Ekota Sports</h3>
                                <small>Be a Member</small>
                                <div className="action">
                                    <span> <img className="cross" src={cross} alt="" /> </span>
                                </div>
                            </div>
                            <div className="col-md-4">
                                <h4>Career At</h4>
                                <h3>Ekota Sports</h3>
                                <small>Join the team</small>
                                <div className="action">
                                    <span> <img className="cross" src={cross} alt="" /> </span>
                                </div>
                            </div>
                            <div className="col-md-4">
                                <h4>Join</h4>
                                <h3>Ekota Sports</h3>
                                <small>Be a Volunteer</small>
                                <div className="action">
                                    <span> <img className="cross" src={cross} alt="" /> </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div className="container-fluid subscribe mt-5">
                      <div className="row d-flex justify-content-center align-items-center">
                      <div className="col-md-8 partner-1">
                             <div className="row d-flex justify-content-center align-items-center">
                                 <div className="col-md-2">
                                     <img className="img-fluid "src={logo} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid "src={logo1} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid "src={logo2} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid "src={logo3} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid logos "src={logo4} alt="" />
                                 </div>
                                 <div className="col-md-2">
                                     <img className="img-fluid  logos"src={logo5} alt="" />
                                 </div>
                             </div>
                         </div>
                      <div className="col-md-4 icon ">
                              <div className="row d-flex justify-content-center align-items-center">
                                  <div className="col-md-5">
                                      <h6>Follow Us On:</h6>
                                  </div>
                                  <div className="col-md-7">
                                  <img className="img-fluid "src={facebook} alt="" />
                                  <img className="img-fluid "src={instagram} alt="" />
                                  <img className="img-fluid "src={twitter} alt="" />
                                  </div>
                              </div>
                          </div>

                        
                      </div>
                  </div>

                </div>
            </div>
            <div className="staff">

                <h3>Staff &  Management.</h3>

                <div className="container">
                    <div className="row d-flex justify-content-center align-items-center">

                        <div className="col-md-6">
                            <div className="">
                                <p className="mb-5">	All of our coaches are fully qualified in their relevant field of expertise and have been through the appropriate training and checks required for their role.
                                    The Club has two Welfare Officer (Male & Female) who are responsible for ensuring that the club follows its responsibilities in running activities for children, supporting the staff to understand their duty of care, ensuring policies are in place – understood communicated and followed. The Welfare Officer also helps to monitor and encourage good practice and acts as a point of contact for staff, children or parents for any concerns.
                                    If you would like to contact the Welfare Officer please email: <EMAIL>

                                </p>


                            </div>
                        </div>
                        <div className="col-md-6">
                            <img className="img-fluid "src={staff} alt="" />
                        </div>
                    </div>
                </div>


            </div>

            <div className="staff" id="volunteer">

                <h3> Join us - Become a volunteer </h3>

                <div className="container">
                    <div className="row d-flex justify-content-center align-items-center">

                        <div className="col-md-6">
                            <div className="">
                                <p className="mb-5">
                                    We are seeking people to get involved from a wide range of backgrounds to be part of the diverse Ekota family.  This is a chance to be a part of a social movement working with an experienced and passionate team.

                                    Become a volunteer today and gain new skills, meet new people, support and give back to your local community. Our opportunities can also help those individuals seeking paid employment to build up their confidence and skills.

                                    You must be 16 years and above with no criminal convictions. All volunteers will be required to complete a DBS check. You will receive a range of relevant training and support to deliver your role.

                                </p>

                            </div>

                        </div>
                        <div className="col-md-6">
                            <img className="img-fluid "src={join} alt="" />
                        </div>
                    </div>
                </div>



            </div>
            <div className="staff">

                <h3>Volunteers.</h3>

                <div className="container">
                    <div className="row d-flex justify-content-center align-items-center">
                        <div className="col-md-6 volunteer-img">
                            <img className="img-fluid " src={volunteer} alt="" />
                        </div>
                        <div className="col-md-6">
                            <div className="">
                                <p className="mb-5">
                                    All our volunteers will have to go through a process of recruitment and checks will be undertaken. If you are interested in volunteering with the club please complete the Ekota_volunteer_application and email it to <EMAIL>
                                </p>

                            </div>
                        </div>
                    </div>
                </div>




            </div>


            <div className="teams">
                <h2 className="container-fluid mb-5">Meet Our Coaches</h2>
                <div className="container text-center">
                    <div className="row">
                    <div className="col-md-4 col-sm-6">
                            <div className="box">
                                <div className="avatar">
                                    <img className="img-fluid " src={pictures} alt="" />
                                </div>
                                <div className="box_content">
                                    <h3 className="title"><NAME></h3>
                                    <span className="post">Head Coach</span>

                                </div>
                                <ul className="icons-social">
                                    <li><a href="#"><img className="img-fluid img" src={facebook} alt="" /></a></li>
                                    <li><a href="#"><img className="img-fluid img" src={instagram} alt="" /></a></li>
                                    <li><a href="#"><img className="img-fluid img" src={twitter} alt="" /></a></li>
                                </ul>
                            </div>
                        </div>
                        <div className="col-md-4 col-sm-6">
                            <div className="box">
                                <div className="avatar">
                                    <img className="img-fluid " src={emdad} alt="" />
                                </div>
                                <div className="box_content">
                                    <h3 className="title"><NAME></h3>
                                    <span className="post">football Coach</span>

                                </div>
                                <ul className="icons-social">
                                    <li><a href="#"><img className="img-fluid img" src={facebook} alt="" /></a></li>
                                    <li><a href="#"><img className="img-fluid img" src={instagram} alt="" /></a></li>
                                    <li><a href="#"><img className="img-fluid img" src={twitter} alt="" /></a></li>
                                </ul>
                            </div>
                        </div>

                   

                        <div className="col-md-4 col-sm-6">
                            <div className="box">
                                <div className="avatar">
                                    <img className="img-fluid " src={pictures} alt="" />
                                </div>
                                <div className="box_content">
                                    <h3 className="title"><NAME></h3>
                                    <span className="post">Head Coach</span>

                                </div>
                                <ul className="icons-social">
                                    <li><a href="#"><img className="img-fluid img" src={facebook} alt="" /></a></li>
                                    <li><a href="#"><img className="img-fluid img" src={instagram} alt="" /></a></li>
                                    <li><a href="#"><img className="img-fluid img" src={twitter} alt="" /></a></li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            {/* <div className="news">
                <h3>News & Events</h3>

                <div className="container mt-5">
                    <div class="row container row-cols-1 row-cols-md-3 g-4">
                        <div class="col">
                            <div class="card h-100">
                                <figure className="image">
                                    <img src={pictures} class="card-img-top" alt="..." />
                                </figure>
                                <div class="card-body">
                                    <h5 class="card-title">New Tournament</h5>
                                    <p class="card-text">The indoor tournament, activities and food were enjoyed by all. Prizes were given to the successful teams and recognition was given for individual efforts across the season.</p>
                                    <a href="#" class="btn btn-danger">Read More</a>
                                </div>

                            </div>
                        </div>
                        <div class="col">
                            <div class="card h-100">
                                <figure className="image">
                                    <img src={pictures} class="card-img-top" alt="..." />
                                </figure>
                                <div class="card-body">
                                    <h5 class="card-title">The Indoor Tournament</h5>
                                    <p class="card-text">It was a successful event which brought the community together to connect and celebrate our achievements.  You can see the pictures from the day in our gallery</p>
                                    <a href="#" class="btn btn-danger">Read More</a>
                                </div>

                            </div>
                        </div>
                        <div class="col">
                            <div class="card h-100">
                                <figure className="image">
                                    <img src={pictures} class="card-img-top" alt="..." />
                                </figure>
                                <div class="card-body">
                                    <h5 class="card-title">Latest Events</h5>
                                    <p class="card-text">Thank you to everyone who attended the Ekota Active New Year Event on the 7th February 2015 – Over a hundred parents and children attended. .</p>
                                    <a href="#" class="btn btn-danger">Read More</a>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div> */}



            <Footer></Footer>
        </div>
    );
};

export default Club;<file_sep>import React from 'react';
import { Link } from 'react-router-dom';
import { Modal } from 'react-bootstrap';

const Cricket = () => {
    function MyVerticallyCenteredModal(props) {
        return (
            <Modal
                {...props}
                size="lg"
                aria-labelledby="contained-modal-title-vcenter"
                centered
            >
                <Modal.Header closeButton>
                    <Modal.Title style={{fontFamily: 'Poppins', fontWeight:'600' }} id="contained-modal-title-vcenter">
                        Cricket
                    </Modal.Title>
                </Modal.Header>
                <Modal.Body>
                   
                    <p style={{fontFamily: 'Poppins', fontWeight:'500' }}>
                        Ekota aims to teach future cricketers new skills and to give them the very best first experience in the world of cricket.  A chance to play, learn great skills and meet new friends!
                        Ekota cricket programmes are designed for players wanting to get that competitive edge over their opponents. It is a high intense and structured program ensuring all facets of batting, bowling, and fielding are covered and that all players gain some more knowledge about becoming a cricket maestro.
                        Ekota offers a range of coaching courses for children of 5-16 years on a weekly basis. Along with special programmes which runduring school holidays.

                        Ekota in collaboration and association with the Essex Cricket Board (ECB) with our exhaustive cricket curriculum aims to develop every aspect of the game, build on existing talent, and create future cricketing stars.

                        Our students receive extensive coaching and training sessions to develop every aspect of the game – starting from increasing fitness levels through strength and conditioning training to perfecting skills and expertise. Coaches will focus on the strengths and weaknesses of the individual; whether it be batting, bowling, wicket keeping or fielding, and offer the unique opportunity to work on individual areas of improvement in a comfortable environment.

                        Our year-round training programme includes indoor and outdoor facilities for all.

                    </p>
                </Modal.Body>
                <Modal.Footer>
                <Link to='/cricket'>
                    <a style={{textDecoration: 'none'}} className="discover-btn" href='#'>Discover More</a>
                </Link>   
                </Modal.Footer>
            </Modal>
        );
    }

    const [modalShow, setModalShow] = React.useState(false);
    return (
        <div>
            <div className="cricket footballs">
                <div style={{ margin: '0', padding: '0', boxSizing: 'border-box' }} className="container containers" id="section">

                    <div className="right1">
                        <div className="content">
                            <h3>Cricket.</h3>

                            <p className="mb-5">Ekota aims to teach future cricketers new skills and to give them the very best first experience in the world of cricket.  A chance to play, learn great skills and meet new friends!
                                Ekota cricket programmes are designed for players wanting to get that competitive edge over their opponents. It is a high intense and structured program ensuring all facets of batting, bowling, and fielding are covered and that all players gain some more knowledge about becoming a cricket maestro.
                            </p>
                            <a href="#" onClick={() => setModalShow(true)} class="discover-btn " >Read  More</a>

                        </div>
                    </div>

                    <div className="left1"></div>

                </div>
                <MyVerticallyCenteredModal
                    show={modalShow}
                    onHide={() => setModalShow(false)}
                ></MyVerticallyCenteredModal>
            </div>
        </div>
    );
};

export default Cricket;<file_sep>import React from 'react';
import Navbar from '../../Navbar/Navbar';
import pictures from '../../../image/hc8rhiIVhocyf4AFOZ3kfmePi0u-EdJ17HhLrZdUeU4eJxFPc.jfif';
import pictures1 from '../../../image/_6eXHo5z9xPNbksmoSg59VGOOgJti88zwJlE0ko3TzoeJxFPc.jfif';
import pictures2 from '../../../image/MZgeGYnnxdc73At89dvvAAvrDl2EVQ7GtrVsPPP1Ja4eJxFPc.jfif';
import './Football.css';
import Footer from '../../Footer/Footer';


const Football = () => {
    return (
        <div>
            <div className="navbar_background">
                <Navbar></Navbar>
               
                    <h1>Football.</h1>
             
            </div>

            <div className="foundation">
                <div className="container">
                    <div className="row d-flex justify-content-center align-items-center">
                        <div className="col-md-5">
                         
                                <figure className="images">
                                    <img className="img-fluid " src={pictures} alt="" />
                                </figure>
                        
                        </div>
                        <div className="col-md-7 foundation1">
                         
                                <h3>Foundation Programme.</h3>

                                <p>
                                    This course is designed to make the participants very first experience of football training an enjoyable one. The aim is to keep it exciting, rewarding and fun for the children.

                                    This is designed to provide a basic introduction to the game of football, focusing on developing the movement and skills needed for becoming a footballer. Fair play, team spirit and discipline are just a few of the many values taught during these sessions.

                                </p>
                         
                            <a href="#" class="btn">Express Your Interest</a>
                        </div>
                    </div>
                </div>
            </div>
            <div className="foundation">
                <div className="container">
                    <div className="row d-flex justify-content-center align-items-center">

                        <div className="col-md-7">
                         
                                <h3>Intermediate programme. </h3>

                                <p>
                                    This course focuses on developing the all-round footballing skills of participants with the help of extensive coaching sessions. The tailored course aids students to develop their footballing skills further including team working, leadership and communication.

                                    The course intends to fine-tune the footballing skills of the students on a group basis as well as one-on-one coaching sessions. The students are also provided with the option of playing tournaments and representing the academy through various activities and tours.


                                </p>
                           
                            <a href="#" class="btn">Express Your Interest</a>
                        </div>
                        <div className="col-md-5">
                       
                                <figure className="images">
                                    <img className="img-fluid " src={pictures1} alt="" />
                                </figure>
                          
                        </div>
                    </div>
                </div>
            </div>
            <div className="foundation">
                <div className="container">
                    <div className="row d-flex justify-content-center align-items-center">
                        <div className="col-md-5">
                       
                                <figure className="images">
                                    <img className="img-fluid " src={pictures2} alt="" />
                                </figure>
                         
                        </div>
                        <div className="col-md-7 foundation1">
                          
                                <h3>Advance Programme.</h3>

                                <p>
                                    Building on the foundation and intermediate programme this course is designed to accelerate players through high-quality, structured coaching sessions designed to challenge participants.

                                    We scaffold a player's learning process, to create intelligent footballers. Player’s will be exposed to coordination, strength and agility work, tested cognitively and challenged with specific game-related exercises.


                                </p>
                        
                            <a href="#" class="btn">Express Your Interest</a>
                        </div>
                    </div>
                </div>
            </div>
            <Footer></Footer>
        </div>
    );
};

export default Football;