added footer, 404

This commit is contained in:
Keshav Anand
2026-03-09 20:34:36 -05:00
parent b4276fc9f9
commit 56c3b70b87
2 changed files with 279 additions and 253 deletions

277
404.html
View File

@@ -1,93 +1,105 @@
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Awaiken">
<!-- Page Title -->
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Awaiken">
<!-- Page Title -->
<title>Avenix - Church HTML Template</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- Preloader Start -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<!-- Header Start -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.svg" alt="Logo">
</a>
<!-- Logo End -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="./">
<img src="images/logo.svg" alt="Logo">
</a>
<!-- Logo End -->
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
<ul class="sub-menu">
<li class="nav-item"><a class="nav-link" href="index.html">Home - Image</a></li>
<li class="nav-item"><a class="nav-link" href="index-video.html">Home - Video</a></li>
<li class="nav-item"><a class="nav-link" href="index-slider.html">Home - Slider</a></li>
<li class="nav-item"><a class="nav-link" href="index-video.html">Home -
Video</a></li>
<li class="nav-item"><a class="nav-link" href="index-slider.html">Home -
Slider</a></li>
</ul>
</li>
</li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li>
<li class="nav-item"><a class="nav-link" href="service.html">Services</a></li>
<li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
<ul>
<li class="nav-item"><a class="nav-link" href="service-single.html">Service Details</a></li>
<ul>
<li class="nav-item"><a class="nav-link" href="service-single.html">Service
Details</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="blog-single.html">Blog Details</a></li>
<li class="nav-item"><a class="nav-link" href="blog-single.html">Blog
Details</a></li>
<li class="nav-item"><a class="nav-link" href="sermons.html">Sermons</a></li>
<li class="nav-item"><a class="nav-link" href="sermons-single.html">Sermons Details</a></li>
<li class="nav-item"><a class="nav-link" href="sermons-single.html">Sermons
Details</a></li>
<li class="nav-item"><a class="nav-link" href="campaign.html">Campaigns</a></li>
<li class="nav-item"><a class="nav-link" href="campaign-single.html">Campaign Details</a></li>
<li class="nav-item"><a class="nav-link" href="ministries.html">Ministries</a></li>
<li class="nav-item"><a class="nav-link" href="ministry-single.html">Ministries Details</a></li>
<li class="nav-item"><a class="nav-link" href="campaign-single.html">Campaign
Details</a></li>
<li class="nav-item"><a class="nav-link" href="ministries.html">Ministries</a>
</li>
<li class="nav-item"><a class="nav-link" href="ministry-single.html">Ministries
Details</a></li>
<li class="nav-item"><a class="nav-link" href="pastor.html">pastor</a></li>
<li class="nav-item"><a class="nav-link" href="gallery.html">Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="404.html">404</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
<li class="nav-item highlighted-menu"><a class="nav-link" href="#">donate now</a></li>
<li class="nav-item highlighted-menu"><a class="nav-link" href="#">donate now</a></li>
</ul>
</div>
<!-- Lets Start Button Start -->
@@ -95,45 +107,43 @@
<a href="#" class="btn-default">donate now</a>
</div>
<!-- Lets Start Button End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Page Header Start -->
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque">Page Not Found</h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item active" aria-current="page">404 error</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-2" data-cursor="-opaque">Page Not Found</h1>
<nav class="wow fadeInUp">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./">home</a></li>
<li class="breadcrumb-item active" aria-current="page">404 error</li>
</ol>
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- error section start -->
<div class="error-page">
<div class="container">
<div class="row">
<div class="error-page-image wow fadeInUp" data-wow-delay="0.25s">
<img src="images/404-error-img.png" alt="">
</div>
<div class="error-page-content">
<div class="error-page-content-heading">
<h2 class="text-anime-style-2" data-cursor="-opaque"><span>Oops!</span> Page Not Found</h2>
@@ -147,7 +157,8 @@
</div>
</div>
<!-- error section end -->
<!-- Footer Start -->
<footer class="main-footer">
<div class="container">
@@ -157,39 +168,58 @@
<div class="about-footer">
<!-- Footer Logo Start -->
<div class="footer-logo">
<img src="images/footer-logo.svg" alt="">
<img src="images/logo.png" alt="Footer Logo" style="width: 100px; height: auto;">
</div>
<!-- Footer Logo End -->
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p>Lorem Ipsum is simply dummy text of printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
<p id="age-text">Loading...</p>
<script>
const foundingDate = new Date("2025-12-29");
const now = new Date();
const months = (now.getFullYear() - foundingDate.getFullYear()) * 12
+ (now.getMonth() - foundingDate.getMonth());
const years = Math.floor(months / 12);
const remainingMonths = months % 12;
let duration = "";
if (years > 0) duration += `${years} year${years > 1 ? "s" : ""}`;
if (years > 0 && remainingMonths > 0) duration += " and ";
if (remainingMonths > 0) duration += `${remainingMonths} month${remainingMonths > 1 ? "s" : ""}`;
if (months === 0) duration = "less than a month";
document.getElementById("age-text").textContent =
`TSCB has been proudly serving its community for ${duration}`;
</script>
</div>
<!-- Footer Social Links Start -->
<div class="footer-social-links">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://www.instagram.com/texasscholasticcricketboard/"><i
class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCdFfqkVWDJyFlFEEKfq27wg"><i class="fa-brands fa-youtube"></i></a></li>
</ul>
</div>
<!-- Footer Social Links End -->
</div>
<!-- About Footer End -->
</div>
<div class="col-lg-2 col-md-3 col-6">
<!-- About Links Start -->
<div class="footer-links">
<h3>quick links</h3>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</a></li>
<li><a href="/">home</a></li>
<li><a href="/about.html">about</a></li>
<li><a href="/sponsors.html">sponsors</a></li>
<li><a href="/contact.html">contact</a></li>
</ul>
</div>
<!-- About Links End -->
@@ -198,13 +228,11 @@
<div class="col-lg-3 col-md-4 col-6">
<!-- About Links Start -->
<div class="footer-links">
<h3>our services</h3>
<h3>our cricket</h3>
<ul>
<li><a href="#">support groups</a></li>
<li><a href="#">special events</a></li>
<li><a href="#">online services</a></li>
<li><a href="#">pastoral care</a></li>
<li><a href="#">sunday worship</a></li>
<li><a href="/dallas.html">dallas regionals</a></li>
<li><a href="/austin.html">austin regionals</a></li>
<li><a href="https://cricclubs.com/TexasScholasticCricketBoard">cricclubs league</a></li>
</ul>
</div>
<!-- About Links End -->
@@ -222,8 +250,8 @@
<img src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+0) 789 345 012</p>
</div>
<p>(+1) (945) 900-1148</p>
</div>
</div>
<!-- Footer Info Box End -->
@@ -233,21 +261,12 @@
<img src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>domain@gmail.com</p>
<p>texasscholasticcricketboard@gmail.com</p>
</div>
</div>
<!-- Footer Info Box End -->
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-location.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>24/11 Robert Road,New York,USA</p>
</div>
</div>
<!-- Footer Info Box End -->
</div>
<!-- Footer Contact Details End -->
</div>
@@ -261,7 +280,7 @@
<div class="col-lg-6 col-md-6">
<!-- Footer Copyright Start -->
<div class="footer-copyright-text">
<p>Copyright 2024 Avenix. All Rights Reserved.</p>
<p>Copyright 2026 Texas Scholastic Cricket Board. All Rights Reserved.</p>
</div>
<!-- Footer Copyright End -->
</div>
@@ -270,9 +289,8 @@
<!-- Footer Social Link Start -->
<div class="footer-privacy-policy">
<ul>
<li><a href="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy policy</a></li>
<li><a href="#">terms & conditions</a></li>
<li><a href="#">liability policy</a></li>
</ul>
</div>
<!-- Footer Social Link End -->
@@ -281,7 +299,7 @@
</div>
<!-- Footer Copyright Section End -->
</div>
</footer>
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
@@ -318,4 +336,5 @@
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body>
</html>

View File

@@ -847,143 +847,150 @@
</div>
<!-- Core Value Section End -->
<!-- Footer Start -->
<footer class="main-footer">
<div class="container">
<div class="row">
<div class="col-lg-4">
<!-- About Footer Start -->
<div class="about-footer">
<!-- Footer Logo Start -->
<div class="footer-logo">
<img src="images/footer-logo.svg" alt="">
</div>
<!-- Footer Logo End -->
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p>Lorem Ipsum is simply dummy text of printing and typesetting industry. Lorem Ipsum
has
been the industry's.</p>
</div>
<!-- Footer Social Links Start -->
<div class="footer-social-links">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
<!-- Footer Social Links End -->
<!-- Footer Start -->
<footer class="main-footer">
<div class="container">
<div class="row">
<div class="col-lg-4">
<!-- About Footer Start -->
<div class="about-footer">
<!-- Footer Logo Start -->
<div class="footer-logo">
<img src="images/logo.png" alt="Footer Logo" style="width: 100px; height: auto;">
</div>
<!-- About Footer End -->
</div>
<!-- Footer Logo End -->
<div class="col-lg-2 col-md-3 col-6">
<!-- About Links Start -->
<div class="footer-links">
<h3>quick links</h3>
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p id="age-text">Loading...</p>
<script>
const foundingDate = new Date("2025-12-29");
const now = new Date();
const months = (now.getFullYear() - foundingDate.getFullYear()) * 12
+ (now.getMonth() - foundingDate.getMonth());
const years = Math.floor(months / 12);
const remainingMonths = months % 12;
let duration = "";
if (years > 0) duration += `${years} year${years > 1 ? "s" : ""}`;
if (years > 0 && remainingMonths > 0) duration += " and ";
if (remainingMonths > 0) duration += `${remainingMonths} month${remainingMonths > 1 ? "s" : ""}`;
if (months === 0) duration = "less than a month";
document.getElementById("age-text").textContent =
`TSCB has been proudly serving its community for ${duration}`;
</script>
</div>
<!-- Footer Social Links Start -->
<div class="footer-social-links">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">our chruch</a></li>
<li><a href="#">services</a></li>
<li><a href="#">event</a></li>
<li><a href="#">news</a></li>
<li><a href="https://www.instagram.com/texasscholasticcricketboard/"><i
class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCdFfqkVWDJyFlFEEKfq27wg"><i class="fa-brands fa-youtube"></i></a></li>
</ul>
</div>
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-4 col-6">
<!-- About Links Start -->
<div class="footer-links">
<h3>our services</h3>
<ul>
<li><a href="#">support groups</a></li>
<li><a href="#">special events</a></li>
<li><a href="#">online services</a></li>
<li><a href="#">pastoral care</a></li>
<li><a href="#">sunday worship</a></li>
</ul>
</div>
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-5">
<!-- About Links Start -->
<div class="footer-contact">
<h3>contact</h3>
<!-- Footer Contact Details Start -->
<div class="footer-contact-details">
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+0) 789 345 012</p>
</div>
</div>
<!-- Footer Info Box End -->
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>domain@gmail.com</p>
</div>
</div>
<!-- Footer Info Box End -->
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-location.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>24/11 Robert Road,New York,USA</p>
</div>
</div>
<!-- Footer Info Box End -->
</div>
<!-- Footer Contact Details End -->
</div>
<!-- About Links End -->
<!-- Footer Social Links End -->
</div>
<!-- About Footer End -->
</div>
<!-- Footer Copyright Section Start -->
<div class="footer-copyright">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<!-- Footer Copyright Start -->
<div class="footer-copyright-text">
<p>Copyright 2024 Avenix. All Rights Reserved.</p>
</div>
<!-- Footer Copyright End -->
</div>
<div class="col-lg-6 col-md-6">
<!-- Footer Social Link Start -->
<div class="footer-privacy-policy">
<ul>
<li><a href="#">term & condition</a></li>
<li><a href="#">support</a></li>
<li><a href="#">privacy policy</a></li>
</ul>
</div>
<!-- Footer Social Link End -->
</div>
<div class="col-lg-2 col-md-3 col-6">
<!-- About Links Start -->
<div class="footer-links">
<h3>quick links</h3>
<ul>
<li><a href="/">home</a></li>
<li><a href="/about.html">about</a></li>
<li><a href="/sponsors.html">sponsors</a></li>
<li><a href="/contact.html">contact</a></li>
</ul>
</div>
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-4 col-6">
<!-- About Links Start -->
<div class="footer-links">
<h3>our cricket</h3>
<ul>
<li><a href="/dallas.html">dallas regionals</a></li>
<li><a href="/austin.html">austin regionals</a></li>
<li><a href="https://cricclubs.com/TexasScholasticCricketBoard">cricclubs league</a></li>
</ul>
</div>
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-5">
<!-- About Links Start -->
<div class="footer-contact">
<h3>contact</h3>
<!-- Footer Contact Details Start -->
<div class="footer-contact-details">
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
</div>
</div>
<!-- Footer Info Box End -->
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
</div>
</div>
<!-- Footer Info Box End -->
</div>
<!-- Footer Contact Details End -->
</div>
<!-- About Links End -->
</div>
<!-- Footer Copyright Section End -->
</div>
</footer>
<!-- Footer End -->
<!-- Footer Copyright Section Start -->
<div class="footer-copyright">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<!-- Footer Copyright Start -->
<div class="footer-copyright-text">
<p>Copyright 2026 Texas Scholastic Cricket Board. All Rights Reserved.</p>
</div>
<!-- Footer Copyright End -->
</div>
<div class="col-lg-6 col-md-6">
<!-- Footer Social Link Start -->
<div class="footer-privacy-policy">
<ul>
<li><a href="#">terms & conditions</a></li>
<li><a href="#">liability policy</a></li>
</ul>
</div>
<!-- Footer Social Link End -->
</div>
</div>
</div>
<!-- Footer Copyright Section End -->
</div>
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>