PK
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>North Phoenix Cricket Club - About</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.ico" rel="icon">
<link href="assets/img/npcc.ico" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Serenity - v4.3.0
* Template URL: https://bootstrapmade.com/serenity-bootstrap-corporate-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top d-flex align-items-center">
<div class="container d-flex align-items-center justify-content-between">
<div class="logo">
<a href="index.html">
<img src="assets/img/npcc.png" alt="" class="img-fluid">
</a>
</div>
<nav id="navbar" class="navbar">
<ul>
<li><a href="index.html">Home</a></li>
<!-- <li class="dropdown"><a href="#"><span>About</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li><a href="about.html">About</a></li>
<li><a class="active" href="team.html">Team</a></li>
</ul>
</li> -->
<li><a class="active" href="about.html">About</a></li>
<li><a href="team.html">Team</a></li>
<!-- <li><a href="services.html">Services</a></li> -->
<!-- <li><a href="pricing.html">Pricing</a></li> -->
<!-- <li><a href="portfolio.html">Portfolio</a></li> -->
<!-- <li><a href="blog.html">Blog</a></li> -->
<li><a href="contact.html">Contact</a></li>
<!-- <li><a class="getstarted" href="about.html">Get Started</a></li> -->
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero">
<div class="hero-container" data-aos="fade-up">
<h1>North Phoenix Cricket Club</h1>
<h2>The Home of Cricket in North Phoenix</h2>
<!-- <a href="#about" class="btn-get-started scrollto">Get Started</a> -->
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= About Section ======= -->
<section id="about" class="about">
<div class="container">
<div class="row justify-content-end">
<div class="col-lg-11">
<div class="row justify-content-end">
<div class="col-lg-3 col-md-5 col-6 d-md-flex align-items-md-stretch">
<div class="count-box py-5">
<i class="bi bi-people"></i>
<span data-purecounter-start="0" data-purecounter-end="40" class="purecounter">0</span>
<p>Happy Players</p>
</div>
</div>
<div class="col-lg-3 col-md-5 col-6 d-md-flex align-items-md-stretch">
<div class="count-box py-5">
<i class="bi bi-journal-richtext"></i>
<span data-purecounter-start="0" data-purecounter-end="3" class="purecounter">0</span>
<p>Teams</p>
</div>
</div>
<div class="col-lg-3 col-md-5 col-6 d-md-flex align-items-md-stretch">
<div class="count-box pb-5 pt-0 pt-lg-5">
<i class="bi bi-clock"></i>
<span data-purecounter-start="0" data-purecounter-end="4" class="purecounter">0</span>
<p>Years of experience</p>
</div>
</div>
<div class="col-lg-3 col-md-5 col-6 d-md-flex align-items-md-stretch">
<div class="count-box pb-5 pt-0 pt-lg-5">
<i class="bi bi-award"></i>
<span data-purecounter-start="0" data-purecounter-end="2" class="purecounter">0</span>
<p>Trophies</p>
</div>
</div>
</div>
</div>
</div>
</section><!-- End About Section -->
<section id="work-process" class="work-process">
<div class="container">
<div class="row">
<div class="col-lg-6">
<img src="assets/img/about-us.png" class="img-fluid" alt="">
<!-- <a href="https://www.youtube.com/watch?v=jDDaplaOz7Q" class="glightbox play-btn mb-4"></a> -->
</div>
<div class="col-lg-6 pt-3 pt-lg-0 content">
<h3>The NPCC Story</h3>
<p>
As a group of friends, we were playing for different teams around the Greater Phoenix area. In 2017, one of our founders was alone in a bar, and the only thing he could think of was the idea of all the friends playing together in our own team. That was the day, the concept of North Phoenix Cricket Club was first founded.
</p>
<p>
From that day on, Cricket was never the same for our guys. We formed our first team "Titans" which went on to finish second in the 10 team Div "B" and qualified for Div "A" in their very first season. We saw a great growth to our membership in the next couple of years and very soon, in 2019, we started our second team of the club "Giants"
</p>
<p>
Giants outperformed Titans' first season and almost won the Div "B" in their very first season, only to be cut short by COVID.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-13 pt-3 pt-lg-3 content">
<p>
Currently NPCC is represented by Titans in Div A and by Giants in Div B for ACA leagues.
</p>
<p>
The founders of NPCC invested in a team at the Arizona Premier League, organized by the ACA, and formed the Phoenix Centurions, who went on to win the APL 2021.
</p>
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Our Skills Section ======= -->
<!-- <section id="skills" class="skills section-bg">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Our Skills</h2>
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
</div>
<div class="row">
<div class="col-lg-6" data-aos="fade-right">
<img src="assets/img/skills-img.jpg" class="img-fluid" alt="">
</div>
<div class="col-lg-6 pt-4 pt-lg-0 content" data-aos="fade-left">
<h3>Voluptatem dignissimos provident quasi corporis voluptates</h3>
<p class="fst-italic">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua.
</p>
<p>
Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.
</p>
<div class="skills-content">
<div class="progress">
<span class="skill">HTML <i class="val">100%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">CSS <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">JavaScript <i class="val">75%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Photoshop <i class="val">55%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section> --><!-- End Our Skills Section -->
<!-- ======= Our Clients Section ======= -->
<section id="clients" class="clients">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Our Sponsors</h2>
</div>
<div class="clients-slider swiper-container">
<div class="swiper-wrapper align-items-center">
<div class="swiper-slide"><img src="assets/img/clients/naiscent.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/iwilltek.png" class="img-fluid" alt=""></div>
<!-- <div class="swiper-slide"><img src="assets/img/clients/client-3.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-4.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-5.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-6.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-7.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="assets/img/clients/client-8.png" class="img-fluid" alt=""></div> -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- End Our Clients Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 footer-info">
<h3>NPCC</h3>
<p>Our club is a great place to play cricket and a wonderful group to be friends with. Our players are warriors when they step on the cricket field and heartwarming persons outside the play field.</p>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4>Useful Links</h4>
<ul>
<li><a href="index.html"">Home</a></li>
<li><a href="about.html"">About us</a></li>
<!-- <li><a href="#">Services</a></li> -->
<li><a href="#">Terms of service</a></li>
<li><a href="#">Privacy policy</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-contact">
<h4>Contact Us</h4>
<p>
<!-- 5315 W EL CORTEZ TRL <br>
PHOENIX, AZ 85083<br>
United States <br> -->
<strong>Phone:</strong> +1 602 820 2850<br>
<strong>Email:</strong> info@northphoenixcricketclub.com<br>
</p>
<div class="social-links">
<a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
<a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
<a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="col-lg-3 col-md-6 footer-newsletter">
<h4>Our Newsletter</h4>
<p>Our Club is committed to developing the sport of cricket in Arizona and beyond and our players are always ready to be goodwill ambassadors for the sport.</p>
<form action="" method="post">
<input type="email" name="email"><input type="submit" value="Subscribe">
</form>
</div>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
© Copyright <strong><span>North Phoenix Cricket Club</span></strong>. All Rights Reserved
</div>
<!-- <div class="credits"> -->
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/serenity-bootstrap-corporate-template/ -->
<!-- Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div> -->
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/purecounter/purecounter.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>
PK 99