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 - Index</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 img-fluid"
<!-- Uncomment below if you prefer to use an image 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 class="active" 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 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>
</div>
</section><!-- End About Section -->
<section id="work-process" class="work-process">
<div class="container">
<div class="row content">
<div class="col-md-5 order-1 order-md-2" data-aos="fade-left">
<img src="assets/img/2.png" class="img-fluid" alt="">
</div>
<div class="col-md-7 pt-5 order-2 order-md-1" data-aos="fade-right">
<h1>The NPCC Way</h1>
<p class="content">
As a premier club in Arizona, we are based in the North Phoenix area.
NPCC teams have excelled in performance since it was established in 2017.
</br>
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.
<div class="read-more">
<a href="about.html" class="btn-get-started">Learn More</a>
</div>
</p>
</div>
</div>
<div class="row content">
<div class="col-md-5" data-aos="fade-right">
<img src="assets/img/1-1.png" class="img-fluid" alt="">
</div>
<div class="col-md-7 pt-5" data-aos="fade-left">
<h1>Cricket is for Everyone</h1>
<p class="content">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>
</div>
</div>
</div>
</section>
<!-- ======= Cta Section ======= -->
<!-- <section id="cta" class="cta">
<div class="container" data-aos="fade-in">
<div class="text-center">
<h3>Call To Action</h3>
<p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<a class="cta-btn" href="#">Call To Action</a>
</div>
</div>
</section> --><!-- End Cta Section -->
<!-- ======= Services Section ======= -->
<!-- <section id="services" class="services ">
<div class="container">
<div class="section-title pt-5" data-aos="fade-up">
<h2>Our Services</h2>
</div>
<div class="row">
<div class="col-md-6">
<div class="icon-box" data-aos="fade-up">
<div class="icon"><i class="bi bi-briefcase" style="color: #ff689b;"></i></div>
<h4 class="title"><a href="">Lorem Ipsum</a></h4>
<p class="description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
</div>
</div>
<div class="col-md-6">
<div class="icon-box" data-aos="fade-up">
<div class="icon"><i class="bi bi-book" style="color: #e9bf06;"></i></div>
<h4 class="title"><a href="">Dolor Sitema</a></h4>
<p class="description">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
</div>
</div>
<div class="col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class="icon-box">
<div class="icon"><i class="bi bi-card-checklist" style="color: #3fcdc7;"></i></div>
<h4 class="title"><a href="">Sed ut perspiciatis</a></h4>
<p class="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
</div>
</div>
<div class="col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class="icon-box">
<div class="icon"><i class="bi bi-binoculars" style="color:#41cf2e;"></i></div>
<h4 class="title"><a href="">Magni Dolores</a></h4>
<p class="description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</div>
</div>
<div class="col-md-6" data-aos="fade-up" data-aos-delay="200">
<div class="icon-box">
<div class="icon"><i class="bi bi-globe" style="color: #d6ff22;"></i></div>
<h4 class="title"><a href="">Nemo Enim</a></h4>
<p class="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
</div>
</div>
<div class="col-md-6" data-aos="fade-up" data-aos-delay="200">
<div class="icon-box">
<div class="icon"><i class="bi bi-clock" style="color: #4680ff;"></i></div>
<h4 class="title"><a href="">Eiusmod Tempor</a></h4>
<p class="description">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi</p>
</div>
</div>
</div>
</div>
</section> --><!-- End Services 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