Initial Commit

assets/aboutpage.css

@@ -0,0 +1,313 @@
+.va2 {
+    position: relative;
+    padding-top: 250px;
+    padding-bottom: 200px;
+}
+
+.va2:before {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background: #1a1936;
+    content: "";
+    left: 0;
+    top: 0;
+    opacity: .2;
+}
+.video-area2 {
+    position: relative;
+}
+
+.video-button:after, .video-button:before, blockquote:before, .video-area2 .video-button {
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+    position: absolute;
+    content: "";
+}
+
+/* below counter */
+.insfreecourse {
+    padding-top: 0;
+    padding-bottom: 50px;
+}
+.single_ins {
+    position: relative;
+    padding: 80px 40px;
+    overflow: hidden;
+    margin-bottom: 30px;
+    border-radius: 5px;
+}
+.single_ins:before {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background: #1a1936;
+    content: "";
+    left: 0;
+    top: 0;
+    opacity: .6;
+}
+.single_ins_content {
+    position: relative;
+}
+.single_ins_content h4 {
+    font-weight: 400;
+    font-size: 18px;
+    color: #fff !important;
+    text-transform: capitalize;
+}
+
+.single_ins_content h1 {
+    color: #fff !important;
+    font-weight: 600;
+    margin-bottom: 10px;
+}
+
+.single_ins_content p {
+    margin-bottom: 40px;
+    color: #fff;
+}
+.testi_area {
+    padding: 80px 0 !important;
+}
+
+.swiper-horizontal {
+    touch-action: pan-y;
+}
+.about-page .testi_pic_title {
+    margin-top: 20px;
+    background: #525fe1;
+    padding: 10px;
+    border-radius: 5px;
+}
+/* event slider */
+/* Container & Row */
+.event-holder .container {
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+.event-holder .row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 30px;
+}
+
+/* Left Side - Notices Carousel */
+.up-event {
+    position: relative;
+}
+
+.up-event .title {
+    margin-bottom: 20px;
+}
+
+.up-event .title .text {
+    font-size: 14px;
+    color: #6c757d;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    display: inline-block;
+    border-bottom: 2px solid #00bfff;
+    padding-bottom: 3px;
+    margin-bottom: 5px;
+}
+
+.up-event .title h1 {
+    font-size: 28px;
+    font-weight: 700;
+    margin: 0;
+}
+
+/* Owl Carousel Items */
+.owl-carousel .owl-item {
+    padding: 0 10px;
+}
+
+.blog-item {
+    background: #fff;
+    border-radius: 5px;
+    overflow: hidden;
+    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
+    transition: transform 0.3s, box-shadow 0.3s;
+}
+
+.blog-item:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
+}
+
+.blog-item-thumb {
+    position: relative;
+    width: 100%;
+    height: 200px;
+    background: #f1f4ff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.blog-item-thumb img {
+    max-width: 80%;
+    max-height: 80%;
+}
+
+.blog-text {
+    padding: 15px 20px;
+}
+
+.blog-text .bdate {
+    font-size: 12px;
+    color: #6c757d;
+    margin-bottom: 10px;
+    display: flex;
+    align-items: center;
+    gap: 5px;
+}
+
+.blog-text h3 {
+    font-size: 16px;
+    margin: 0 0 10px 0;
+    font-weight: 600;
+}
+
+.blog-text h3 a {
+    text-decoration: none;
+    color: #004aad;
+}
+
+.blog-text a.btn-1 {
+    font-size: 14px;
+    color: #00bfff;
+    text-decoration: none;
+}
+
+/* Owl Navigation */
+.owl-buttons {
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: flex;
+    gap: 5px;
+}
+
+.owl-buttons div {
+    width: 30px;
+    height: 30px;
+    background: #00bfff;
+    color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    border-radius: 3px;
+}
+
+.owl-buttons div:hover {
+    background: #0093d1;
+}
+
+/* Right Side - Events List */
+.all-event .title {
+    margin-bottom: 20px;
+}
+
+.all-event .title .text {
+    font-size: 14px;
+    color: #6c757d;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    display: inline-block;
+    border-bottom: 2px solid #00bfff;
+    padding-bottom: 3px;
+    margin-bottom: 5px;
+}
+
+.all-event .title h1 {
+    font-size: 28px;
+    font-weight: 700;
+    margin: 0;
+}
+
+.all-event ul {
+    list-style: none;
+    padding: 0;
+    margin: 0 0 20px 0;
+}
+
+.all-event ul li {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    margin-bottom: 15px;
+}
+
+.all-event .date {
+    background: #004aad;
+    color: #fff;
+    padding: 10px 12px;
+    text-align: center;
+    border-radius: 3px;
+    min-width: 60px;
+    font-size: 14px;
+}
+
+.all-event .date small {
+    display: block;
+    font-size: 10px;
+    color: #fff;
+}
+
+.all-event ul li a {
+    text-decoration: none;
+    color: #000;
+    font-size: 14px;
+}
+
+.all-event .btn-info {
+    background: #00bfff;
+    color: #fff;
+    border: none;
+    padding: 10px 25px;
+    display: inline-block;
+    text-align: center;
+    border-radius: 3px;
+    text-transform: uppercase;
+    font-weight: 600;
+}
+
+.all-event .btn-info:hover {
+    background: #0093d1;
+}
+
+.owl-carousel .owl-item {
+    width: auto !important;
+    display: inline-block;
+}
+
+.blog-item {
+    margin: 0 10px;
+    background: #f8f9ff; /* optional: card background */
+    border-radius: 5px;
+    padding: 10px;
+}
+
+.blog-item-thumb img {
+    width: 100%;
+    border-radius: 5px 5px 0 0;
+}
+
+
+/* Responsive */
+@media(max-width: 991px) {
+    .event-holder .row {
+        flex-direction: column;
+    }
+    .owl-buttons {
+        position: static;
+        margin-bottom: 15px;
+    }
+}

assets/bootstraps/css/bootstrap-reboot.css

@@ -0,0 +1,597 @@
+/*!
+ * Bootstrap Reboot v5.3.3 (https://getbootstrap.com/)
+ * Copyright 2011-2024 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,
+[data-bs-theme=light] {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-black: #000;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-primary-text-emphasis: #052c65;
+  --bs-secondary-text-emphasis: #2b2f32;
+  --bs-success-text-emphasis: #0a3622;
+  --bs-info-text-emphasis: #055160;
+  --bs-warning-text-emphasis: #664d03;
+  --bs-danger-text-emphasis: #58151c;
+  --bs-light-text-emphasis: #495057;
+  --bs-dark-text-emphasis: #495057;
+  --bs-primary-bg-subtle: #cfe2ff;
+  --bs-secondary-bg-subtle: #e2e3e5;
+  --bs-success-bg-subtle: #d1e7dd;
+  --bs-info-bg-subtle: #cff4fc;
+  --bs-warning-bg-subtle: #fff3cd;
+  --bs-danger-bg-subtle: #f8d7da;
+  --bs-light-bg-subtle: #fcfcfd;
+  --bs-dark-bg-subtle: #ced4da;
+  --bs-primary-border-subtle: #9ec5fe;
+  --bs-secondary-border-subtle: #c4c8cb;
+  --bs-success-border-subtle: #a3cfbb;
+  --bs-info-border-subtle: #9eeaf9;
+  --bs-warning-border-subtle: #ffe69c;
+  --bs-danger-border-subtle: #f1aeb5;
+  --bs-light-border-subtle: #e9ecef;
+  --bs-dark-border-subtle: #adb5bd;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-emphasis-color: #000;
+  --bs-emphasis-color-rgb: 0, 0, 0;
+  --bs-secondary-color: rgba(33, 37, 41, 0.75);
+  --bs-secondary-color-rgb: 33, 37, 41;
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+  --bs-tertiary-color-rgb: 33, 37, 41;
+  --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-heading-color: inherit;
+  --bs-link-color: #0d6efd;
+  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-decoration: underline;
+  --bs-link-hover-color: #0a58ca;
+  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
+  --bs-highlight-bg: #fff3cd;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-xxl: 2rem;
+  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
+  --bs-border-radius-pill: 50rem;
+  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --bs-focus-ring-width: 0.25rem;
+  --bs-focus-ring-opacity: 0.25;
+  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+  --bs-form-valid-color: #198754;
+  --bs-form-valid-border-color: #198754;
+  --bs-form-invalid-color: #dc3545;
+  --bs-form-invalid-border-color: #dc3545;
+}
+
+[data-bs-theme=dark] {
+  color-scheme: dark;
+  --bs-body-color: #dee2e6;
+  --bs-body-color-rgb: 222, 226, 230;
+  --bs-body-bg: #212529;
+  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-emphasis-color: #fff;
+  --bs-emphasis-color-rgb: 255, 255, 255;
+  --bs-secondary-color: rgba(222, 226, 230, 0.75);
+  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-bg: #343a40;
+  --bs-secondary-bg-rgb: 52, 58, 64;
+  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+  --bs-tertiary-color-rgb: 222, 226, 230;
+  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg-rgb: 43, 48, 53;
+  --bs-primary-text-emphasis: #6ea8fe;
+  --bs-secondary-text-emphasis: #a7acb1;
+  --bs-success-text-emphasis: #75b798;
+  --bs-info-text-emphasis: #6edff6;
+  --bs-warning-text-emphasis: #ffda6a;
+  --bs-danger-text-emphasis: #ea868f;
+  --bs-light-text-emphasis: #f8f9fa;
+  --bs-dark-text-emphasis: #dee2e6;
+  --bs-primary-bg-subtle: #031633;
+  --bs-secondary-bg-subtle: #161719;
+  --bs-success-bg-subtle: #051b11;
+  --bs-info-bg-subtle: #032830;
+  --bs-warning-bg-subtle: #332701;
+  --bs-danger-bg-subtle: #2c0b0e;
+  --bs-light-bg-subtle: #343a40;
+  --bs-dark-bg-subtle: #1a1d20;
+  --bs-primary-border-subtle: #084298;
+  --bs-secondary-border-subtle: #41464b;
+  --bs-success-border-subtle: #0f5132;
+  --bs-info-border-subtle: #087990;
+  --bs-warning-border-subtle: #997404;
+  --bs-danger-border-subtle: #842029;
+  --bs-light-border-subtle: #495057;
+  --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: inherit;
+  --bs-link-color: #6ea8fe;
+  --bs-link-hover-color: #8bb9fe;
+  --bs-link-color-rgb: 110, 168, 254;
+  --bs-link-hover-color-rgb: 139, 185, 254;
+  --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
+  --bs-border-color: #495057;
+  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --bs-form-valid-color: #75b798;
+  --bs-form-valid-border-color: #75b798;
+  --bs-form-invalid-color: #ea868f;
+  --bs-form-invalid-border-color: #ea868f;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  border: 0;
+  border-top: var(--bs-border-width) solid;
+  opacity: 0.25;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--bs-heading-color);
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-left: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.1875em;
+  color: var(--bs-highlight-color);
+  background-color: var(--bs-highlight-bg);
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+  text-decoration: underline;
+}
+a:hover {
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: var(--bs-code-color);
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.1875rem 0.375rem;
+  font-size: 0.875em;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.25rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--bs-secondary-color);
+  text-align: left;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: left;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: left;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+/* rtl:raw:
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+*/
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+::file-selector-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+/*# sourceMappingURL=bootstrap-reboot.css.map */

assets/bootstraps/css/bootstrap-reboot.rtl.css

@@ -0,0 +1,594 @@
+/*!
+ * Bootstrap Reboot v5.3.3 (https://getbootstrap.com/)
+ * Copyright 2011-2024 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,
+[data-bs-theme=light] {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-black: #000;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-primary-text-emphasis: #052c65;
+  --bs-secondary-text-emphasis: #2b2f32;
+  --bs-success-text-emphasis: #0a3622;
+  --bs-info-text-emphasis: #055160;
+  --bs-warning-text-emphasis: #664d03;
+  --bs-danger-text-emphasis: #58151c;
+  --bs-light-text-emphasis: #495057;
+  --bs-dark-text-emphasis: #495057;
+  --bs-primary-bg-subtle: #cfe2ff;
+  --bs-secondary-bg-subtle: #e2e3e5;
+  --bs-success-bg-subtle: #d1e7dd;
+  --bs-info-bg-subtle: #cff4fc;
+  --bs-warning-bg-subtle: #fff3cd;
+  --bs-danger-bg-subtle: #f8d7da;
+  --bs-light-bg-subtle: #fcfcfd;
+  --bs-dark-bg-subtle: #ced4da;
+  --bs-primary-border-subtle: #9ec5fe;
+  --bs-secondary-border-subtle: #c4c8cb;
+  --bs-success-border-subtle: #a3cfbb;
+  --bs-info-border-subtle: #9eeaf9;
+  --bs-warning-border-subtle: #ffe69c;
+  --bs-danger-border-subtle: #f1aeb5;
+  --bs-light-border-subtle: #e9ecef;
+  --bs-dark-border-subtle: #adb5bd;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-emphasis-color: #000;
+  --bs-emphasis-color-rgb: 0, 0, 0;
+  --bs-secondary-color: rgba(33, 37, 41, 0.75);
+  --bs-secondary-color-rgb: 33, 37, 41;
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+  --bs-tertiary-color-rgb: 33, 37, 41;
+  --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-heading-color: inherit;
+  --bs-link-color: #0d6efd;
+  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-decoration: underline;
+  --bs-link-hover-color: #0a58ca;
+  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
+  --bs-highlight-bg: #fff3cd;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-xxl: 2rem;
+  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
+  --bs-border-radius-pill: 50rem;
+  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --bs-focus-ring-width: 0.25rem;
+  --bs-focus-ring-opacity: 0.25;
+  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+  --bs-form-valid-color: #198754;
+  --bs-form-valid-border-color: #198754;
+  --bs-form-invalid-color: #dc3545;
+  --bs-form-invalid-border-color: #dc3545;
+}
+
+[data-bs-theme=dark] {
+  color-scheme: dark;
+  --bs-body-color: #dee2e6;
+  --bs-body-color-rgb: 222, 226, 230;
+  --bs-body-bg: #212529;
+  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-emphasis-color: #fff;
+  --bs-emphasis-color-rgb: 255, 255, 255;
+  --bs-secondary-color: rgba(222, 226, 230, 0.75);
+  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-bg: #343a40;
+  --bs-secondary-bg-rgb: 52, 58, 64;
+  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+  --bs-tertiary-color-rgb: 222, 226, 230;
+  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg-rgb: 43, 48, 53;
+  --bs-primary-text-emphasis: #6ea8fe;
+  --bs-secondary-text-emphasis: #a7acb1;
+  --bs-success-text-emphasis: #75b798;
+  --bs-info-text-emphasis: #6edff6;
+  --bs-warning-text-emphasis: #ffda6a;
+  --bs-danger-text-emphasis: #ea868f;
+  --bs-light-text-emphasis: #f8f9fa;
+  --bs-dark-text-emphasis: #dee2e6;
+  --bs-primary-bg-subtle: #031633;
+  --bs-secondary-bg-subtle: #161719;
+  --bs-success-bg-subtle: #051b11;
+  --bs-info-bg-subtle: #032830;
+  --bs-warning-bg-subtle: #332701;
+  --bs-danger-bg-subtle: #2c0b0e;
+  --bs-light-bg-subtle: #343a40;
+  --bs-dark-bg-subtle: #1a1d20;
+  --bs-primary-border-subtle: #084298;
+  --bs-secondary-border-subtle: #41464b;
+  --bs-success-border-subtle: #0f5132;
+  --bs-info-border-subtle: #087990;
+  --bs-warning-border-subtle: #997404;
+  --bs-danger-border-subtle: #842029;
+  --bs-light-border-subtle: #495057;
+  --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: inherit;
+  --bs-link-color: #6ea8fe;
+  --bs-link-hover-color: #8bb9fe;
+  --bs-link-color-rgb: 110, 168, 254;
+  --bs-link-hover-color-rgb: 139, 185, 254;
+  --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
+  --bs-border-color: #495057;
+  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --bs-form-valid-color: #75b798;
+  --bs-form-valid-border-color: #75b798;
+  --bs-form-invalid-color: #ea868f;
+  --bs-form-invalid-border-color: #ea868f;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  border: 0;
+  border-top: var(--bs-border-width) solid;
+  opacity: 0.25;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--bs-heading-color);
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-right: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-right: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.1875em;
+  color: var(--bs-highlight-color);
+  background-color: var(--bs-highlight-bg);
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+  text-decoration: underline;
+}
+a:hover {
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: var(--bs-code-color);
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.1875rem 0.375rem;
+  font-size: 0.875em;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.25rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--bs-secondary-color);
+  text-align: right;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: right;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: right;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+::file-selector-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */

assets/contact.css

@@ -0,0 +1,150 @@
+
+.contact-info
+ {
+
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 68px;
+    background: var(--background-accent);
+    border-radius: 8px;
+    flex-wrap: wrap;
+    gap: 20px;
+    width: 100%;
+    max-width: 1200px;
+    margin-bottom: 60px;
+}
+.contact-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+    flex: 1;
+    min-width: 250px;
+    justify-content: center;
+}
+.contact-item:hover a i {
+background-color: var(--hover-color);
+color: var(--font-color1);
+}
+.contact-item a {
+    text-decoration: none;
+    color: black;
+    font-size: 16px;
+    display: flex;
+    gap: 10px;
+    justify-content: center;
+    align-items: center;
+}
+.contact-item a i {
+    background: var(--background-color);
+    height: 15px;
+    width: 15px;
+    padding: 19px;
+    border-radius: 100%;
+    color: var(--primary-font-color);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: 0.5s all ease-out;
+}
+#contact .section-title {
+    margin-top: 60px;
+}
+.data {
+    display: flex;
+    flex-direction: column;
+}
+.contact {
+    padding-bottom: 80px;
+}
+.contact label {
+    margin-bottom: 5px;
+    font-weight: 700;
+    color: #1a2d62;
+    font-family: var(--dm_sans), sans-serif !important;
+}
+.contact input {
+    border-radius: 12px !important;
+    background: var(--background-accent);
+    border: 1px solid #ebecff;
+    border-radius: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    color: #1a2d62;
+    font-size: 16px;
+    font-weight: 400;
+    /* height: 70px; */
+    padding: 10px 10px 10px 30px;
+    width: 100%;
+    margin-bottom: 12px;
+}
+form-control:focus {
+
+}
+.contact textarea {
+    border-radius: 12px !important;
+    background: var(--background-accent);
+    border: 1px solid #ebecff;
+    border-radius: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    color: #1a2d62;
+    font-size: 16px;
+    font-weight: 400;
+    padding: 10px 10px 10px 30px;
+    width: 100%;
+    margin-bottom: 30px;
+}
+.view-events-btn {
+    display: inline-block;
+    border: 2px solid var(--primary-color1);
+    color:var(--font-color1);
+    font-size: 16px;
+    font-weight: bold;
+    text-decoration: none;
+    padding: 7px 12px;
+    border-radius: 5px;
+    text-align: center;
+    transition: 0.3s;
+}
+.view-events-btn:hover{
+    background-color: var(--hover-color);
+    border-color: var(--hover-color);
+    color: var(--font-color1);
+}
+.contact-section {
+    margin-top: 27px;
+    padding: 20px;
+    border-color: 2px solid var(--hover-color);
+}
+.map-container iframe {
+    width: 100%;
+    height: 377px;
+    border: 0;
+}
+.form-control:focus {
+  box-shadow: none !important;
+  outline: none !important;
+  border-color: var(--primary-color1) !important;
+}
+
+@media (max-width: 768px) {
+    .contact-info {
+        padding: 20px;
+        flex-direction: column;
+        background: none;
+    }
+    .contact {
+    padding-bottom: 0px;
+}
+.contact-item{
+    justify-content: flex-start;
+}
+}
+@media (max-width: 480px) {
+    .contact-info {
+        padding: 10px;
+        gap: 10px;
+    }
+}
+

footer.php

@@ -0,0 +1,528 @@
+
+         <!-- footer section -->
+        <div class="footer section-padding">
+          <div class="container">
+            <div class="row g-4">
+              
+              <!-- Footer Column 1: Logo and Social Links -->
+              <div class="col-lg-3 col-sm-6 col-xs-12">
+                <div class="single_footer footer-left-image">
+                  <a href="<?= home_url();?>"><img src="http://localhost/sccst/wp-content/uploads/2025/12/scc.png" alt="Logo"></a>
+                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae risus nec dui venenatis dignissim.</p>
+                  <div class="social_profile">
+                    <ul>
+                      <li><a class="f_facebook" href="/"><i class="bi bi-facebook"></i></a></li>
+                      <li><a class="f_twitter" href="/"><i class="bi bi-twitter"></i></a></li>
+                      <li><a class="f_instagram" href="/"><i class="bi bi-instagram"></i></a></li>
+                      <li><a class="f_linkedin" href="/"><i class="bi bi-linkedin"></i></a></li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+        
+              <!-- Footer Column 2: About Eduleb -->
+              <div class="col-lg-3 col-sm-6 col-xs-12">
+                <div class="single_footer1">
+                  <h4>About Eduleb</h4>
+                  <ul>
+                    <li><a href="/">About us</a></li>
+                    <li><a href="/">Event</a></li>
+                    <li><a href="/">Blog</a></li>
+                    <li><a href="/">Contact us</a></li>
+                  </ul>
+                </div>
+              </div>
+        
+              <!-- Footer Column 3: Popular Courses -->
+              <div class="col-lg-3 col-sm-6 col-xs-12">
+                <div class="single_footer1">
+                  <h4>Popular Courses</h4>
+                  <ul>
+                    <li><a href="/">BIT</a></li>
+                    <li><a href="/">Arts &amp; design</a></li>
+                    <li><a href="/">BTechEdIT</a></li>
+                    <li><a href="/">Digital Marketing</a></li>
+                  </ul>
+                </div>
+              </div>
+
+        
+              <!-- Footer Column 4: Contact Info -->
+              <div class="col-lg-3 col-sm-6 col-xs-12">
+                <div class="single_footer1">
+                  <h4>Contact Info</h4>
+                  <div class="sf_contact">
+                  <i class="fa-solid fa-location-dot"></i>
+                    <p>Birgunj-15, Birgunj, Parsa</p>
+                  </div>
+                  <div class="sf_contact">
+                    <i class="fa-solid fa-phone"></i>
+                    <p>+97*********</p>
+                  </div>
+                  <div class="sf_contact">
+                  <i class="fa-brands fa-whatsapp"></i>
+                    <p><a href="tel:+88457845695">Contact via Whatsapp</a></p>
+                  </div>
+                  <div class="sf_contact">
+                  <i class="fa-regular fa-envelope"></i>
+                    <p>example@yourmail.com</p>
+                  </div>
+                </div>
+              </div>
+        
+              <!-- Footer Column 5: Download App -->
+              <!-- <div class="col-lg-2 col-sm-6 col-xs-12">
+                <div class="single_footer">
+                  <h4>Download App</h4>
+                  <p>Download our app from the App Store and Google Play Store.</p>
+                  <a href="/"><img src="./assets/images/googleplay.jpg" class="foot_img mb-3" alt="Google Play"></a>
+                  <a href="/"><img src="./assets/images/app-store.jpg" class="foot_img" alt="App Store"></a>
+                </div>
+              </div> -->
+        
+            </div>
+          </div>
+        </div>
+
+        <div class="foot_copy">
+          <div class="footer_copyright">
+            <p>© 2025. All Rights Reserved.</p>
+          </div>
+        </div>
+
+
+
+
+<!-- popup fancybox -->
+<?php if( is_front_page() ) : ?>
+    <div style="display:none;">
+        <?php
+        $args = [
+            'post_type'      => 'advertise',
+            'posts_per_page' => 1,
+            'post_status'    => 'publish',
+        ];
+
+        $advertise_query = new WP_Query($args);
+
+        if( $advertise_query->have_posts() ) :
+            while( $advertise_query->have_posts() ) : $advertise_query->the_post();
+                $popup_image = get_field('image_ads'); // ACF field from this post
+                if( $popup_image ) : ?>
+                    <a href="<?php echo esc_url($popup_image['url']); ?>" rel="lightbox" id="popup">
+                        popup image
+                    </a>
+                <?php endif;
+            endwhile;
+            wp_reset_postdata();
+        endif;
+        ?>
+    </div>
+<?php endif; ?>
+
+
+<!-- Apply Now Modal -->
+<div class="modal fade" id="applyModal" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered modal-lg">
+    <div class="modal-content modal-content121">
+
+      <!-- Modal Header -->
+      <div class="modal-header border-0">
+        <h3 class="modal-title w-100 text-center fw-bold">
+          Pre-registration
+        </h3>
+        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+      </div>
+
+      <!-- Modal Body -->
+      <div class="modal-body px-4 pb-4">
+        <form id="preregistration-form">
+
+          <!-- Guardian Name -->
+          <div class="mb-3">
+            <label class="form-label ">
+              Name of the guardian <span class="text-danger">*</span>
+            </label>
+            <input type="text" name="guardian_name" class="form-control custom-input" required>
+          </div>
+
+          <!-- Child Name -->
+          <div class="mb-3">
+            <label class="form-label">
+              Name of the student<span class="text-danger">*</span>
+            </label>
+            <input type="text" name="student_name" class="form-control custom-input" required>
+          </div>
+
+          <!-- Email -->
+          <div class="mb-3">
+            <label class="form-label">
+              Email <span class="text-danger">*</span>
+            </label>
+            <input type="email" name="email" class="form-control custom-input" required>
+          </div>
+
+          <!-- Contact -->
+          <div class="mb-3">
+            <label class="form-label">
+              Contact number <span class="text-danger">*</span>
+            </label>
+            <input type="tel" name="contact" class="form-control custom-input contact" required>
+          </div>
+
+          <!-- Grade -->
+          <div class="mb-4">
+            <label class="form-label">
+              Choose your course: <span class="text-danger">*</span>
+            </label>
+            <select name="course" class="form-select custom-input" required>
+              <option>BIT</option>
+              <option>BTechEdIT</option>
+            </select>
+          </div>
+
+          <!-- reCAPTCHA Placeholder -->
+          <!-- <div class="mb-4">
+            <div class="border rounded p-3 d-inline-flex align-items-center gap-3">
+              <input type="checkbox">
+              <span>I’m not a robot</span>
+              <small class="text-muted ms-3">reCAPTCHA</small>
+            </div>
+          </div> -->
+
+          <!-- Submit -->
+          <button type="submit" class="submit btn w-100 py-2 fw-bold">
+            SEND
+          </button>
+
+        </form>
+      </div>
+
+    </div>
+  </div>
+</div>
+
+    <!-- Video Modal -->
+    <div class="modal fade modal1" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">
+        <div class="modal-dialog custom-video-modal">
+            <div class="modal-content" id="model-content1">
+                <div class="modal-header custom-modal-header">
+                    <h5 class="modal-title" id="videoModalLabel">Educational Video</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    <!-- Video iframe for YouTube videos, Video element for camera videos -->
+                    <div id="videoContainer" class="custom-video-container">
+                        <iframe id="videoIframe" src="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                        <video id="videoElement" controls style="display: none;">
+                            <source id="videoSource" src="" type="video/mp4">
+                            Your browser does not support the video tag.
+                        </video>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+          <!-- Link to Bootstrap JS (optional) -->
+           <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+           <!-- popup ads -->
+            
+            <script>
+              $(document).ready(function(){
+                $("#popup").fancybox().trigger('click');
+              });
+            </script>
+          <script src="/bootstraps/js/bootstrap.bundle.min.js">
+
+            // popup modal of home
+      
+                  window.addEventListener("load", function () {
+              if (!localStorage.getItem("noticeSeen")) {
+                  document.getElementById("noticeOverlay").style.display = "flex";
+              }
+            });
+
+function closeNotice() {
+  localStorage.setItem("noticeSeen", "true");
+  document.getElementById("noticeOverlay").style.display = "none";
+}
+document.getElementById("noticeOverlay").addEventListener("click", function(e){
+  if(e.target === this){
+      closeNotice();
+  }
+});
+
+
+
+      // Add the 'active' class when the page loads
+      window.onload = function () {
+      document.getElementById('heroSection').classList.add('active');
+  };
+
+
+
+// Event swiper
+  // Event slider part 
+      var swiper = new Swiper(".swiper", {
+            slidesPerView: 1, // One slide at a time (each slide contains 2 events)
+            loop: true, // Infinite loop
+            pagination: {
+                el: ".swiper-pagination",
+                clickable: true,
+            },
+            autoplay: {
+                delay: 3000, // Auto slide every 3 seconds
+                disableOnInteraction: false,
+            },
+        });
+    
+        // Pause autoplay on hover over an event card and resume when hover ends
+        var eventCards = document.querySelectorAll('.event-card');
+    
+        eventCards.forEach(card => {
+            card.addEventListener('mouseenter', () => {
+                swiper.autoplay.stop(); // Stop autoplay
+            });
+    
+            card.addEventListener('mouseleave', () => {
+                swiper.autoplay.start(); // Restart autoplay
+            });
+        });
+
+ 
+
+          </script>
+          <script>
+  const animatedItems = document.querySelectorAll('.animate');
+
+  const observer = new IntersectionObserver(entries => {
+    entries.forEach(entry => {
+      if (entry.isIntersecting) {
+        entry.target.classList.add('show');
+      }
+    });
+  }, { threshold: 0.2 });
+
+  animatedItems.forEach(item => observer.observe(item));
+</script>
+
+
+<!-- preregistration -->
+<script>
+jQuery(document).ready(function($){
+    $('#preregistration-form').on('submit', function(e){
+        e.preventDefault();
+        var data = $(this).serialize();
+        $.post('<?php echo admin_url("admin-ajax.php"); ?>', 
+            data + '&action=submit_preregistration', 
+            function(response){
+                if(response.success){
+                    alert(response.data);
+                    $('#preregistration-form')[0].reset();
+                    $('#applyModal').modal('hide');
+                } else {
+                    alert(response.data);
+                }
+            }
+        );
+    });
+});
+</script>
+<script>
+
+  // counter or number increaser 
+    document.addEventListener('DOMContentLoaded', function () {
+        const counters = document.querySelectorAll('.counter-num'); // Select all counter elements
+        const speed = 200; // Adjust the speed of the animation
+    
+        counters.forEach(counter => {
+            const target = +counter.getAttribute('data-target'); // Get the target value from data-target
+            let count = 0; // Initialize the count
+    
+            const updateCount = () => {
+                const increment = target / speed; // Calculate increment step
+    
+                if (count < target) {
+                    count += increment; // Increment the count
+                    counter.innerText = Math.ceil(count); // Update the counter text
+                    setTimeout(updateCount, 10); // Recursive call for animation
+                } else {
+                    counter.innerText = target+'+'; // Ensure it ends exactly at the target
+                }
+            };
+    
+            updateCount();
+        });
+    });
+
+
+    // subdropdown-menu toggle of side-bar
+    document.addEventListener("DOMContentLoaded", () => {
+    // Select all nav-link elements with dropdown functionality
+    const navLinks = document.querySelectorAll(".nav-item.dropdown .nav-link");
+
+    navLinks.forEach((navLink) => {
+        navLink.addEventListener("click", (event) => {
+            event.preventDefault(); // Prevent default anchor behavior
+
+            // Toggle the visibility of the subdropdown-menu
+            const subMenu = navLink.nextElementSibling;
+            if (subMenu && subMenu.classList.contains("subdropdown-menu")) {
+                subMenu.classList.toggle("show");
+
+                // Optionally, close other open menus
+                navLinks.forEach((link) => {
+                    const otherMenu = link.nextElementSibling;
+                    if (otherMenu && otherMenu !== subMenu) {
+                        otherMenu.classList.remove("show");
+                    }
+                });
+            }
+        });
+    });
+});
+
+// swiper for testimonial and global company logo 
+function initializeSwiper(swiperId, autoplayDelay, slidesPerView, breakpointsConfig = {}) {
+  return new Swiper(swiperId, {
+    slidesPerView: slidesPerView,  // Dynamic slides per view
+    spaceBetween: 40,  // Space between slides
+    loop: true,  // Loop the slides indefinitely
+    autoplay: {
+      delay: autoplayDelay,  // Dynamic autoplay delay
+      disableOnInteraction: false,  // Continue autoplay after user interaction
+    },
+    touchEventsTarget: 'container',  // Enables touch/swipe events
+    navigation: {
+      nextEl: `${swiperId} .swiper-button-next`,  // Navigation for this swiper
+      prevEl: `${swiperId} .swiper-button-prev`,
+    },
+    pagination: {
+      el: `${swiperId} .swiper-pagination`,  // Pagination for this swiper
+      clickable: true,
+    },
+    direction: 'horizontal',  // Horizontal direction (can be changed to 'vertical')
+    breakpoints: breakpointsConfig,  // Apply breakpoints only if passed
+  });
+}
+
+// Initialize Swipers with dynamic settings
+const swiper1 = initializeSwiper('#testimonial-slider', 3000, 1);  // 1 slide per view, 3 seconds autoplay delay
+
+// Add breakpoints only to the logo-slider
+const swiper2 = initializeSwiper('#logo-slider', 4000, 4, {
+  // Breakpoints for logo-slider only
+  320: {
+    slidesPerView: 2,  // Show 2 slides per view
+    spaceBetween: 20,  // Adjust space between slides
+  },
+  992: {
+    slidesPerView: 3,  // Show 3 slides per view
+    spaceBetween: 30,  // Adjust space between slides
+  },
+  1200: {
+    slidesPerView: 4,  // Default: 4 slides per view
+    spaceBetween: 40,  // Default space between slides
+  },
+});
+    </script>
+                <script>
+            const itemsPerPage = 2;
+            const items = document.querySelectorAll(".gallery-item");
+            const pagination = document.getElementById("pagination");
+            const totalPages = Math.ceil(items.length / itemsPerPage);
+            let currentPage = 1;
+
+            function showPage(page) {
+                currentPage = page;
+
+                items.forEach((item, index) => {
+                item.style.display =
+                    index >= (page - 1) * itemsPerPage &&
+                    index < page * itemsPerPage
+                    ? ""
+                    : "none";
+                });
+
+                renderPagination();
+            }
+
+            function renderPagination() {
+                pagination.innerHTML = "";
+
+                const createItem = (label, page, disabled = false, active = false) => {
+                const li = document.createElement("li");
+                li.className = "page-item";
+                if (disabled) li.classList.add("disabled");
+                if (active) li.classList.add("active");
+
+                const a = document.createElement("a");
+                a.className = "page-link";
+                a.href = "#";
+                a.innerHTML = label;
+
+                a.onclick = e => {
+                    e.preventDefault();
+                    if (!disabled) showPage(page);
+                };
+
+                li.appendChild(a);
+                pagination.appendChild(li);
+                };
+
+                // Prev
+                createItem("«", currentPage - 1, currentPage === 1);
+
+                let start = Math.max(1, currentPage - 2);
+                let end = Math.min(totalPages, currentPage + 2);
+
+                if (start > 1) {
+                createItem("1", 1);
+                if (start > 2) createItem("...", null, true);
+                }
+
+                for (let i = start; i <= end; i++) {
+                createItem(i, i, false, i === currentPage);
+                }
+
+                if (end < totalPages) {
+                if (end < totalPages - 1) createItem("...", null, true);
+                createItem(totalPages, totalPages);
+                }
+
+                // Next
+                createItem("»", currentPage + 1, currentPage === totalPages);
+            }
+
+            showPage(1);
+            </script>
+            <script>
+            document.addEventListener("DOMContentLoaded", function() {
+                var videoModal = document.getElementById('videoModal');
+                var videoIframe = document.getElementById('videoIframe');
+
+                videoModal.addEventListener('show.bs.modal', function(event) {
+                    var button = event.relatedTarget; // clicked element
+                    var videoSrc = button.getAttribute('data-video'); // get video URL
+                    if(videoSrc) {
+                        // Convert short YouTube URL to embed format if needed
+                        if(videoSrc.includes("youtu.be")) {
+                            var videoId = videoSrc.split("/").pop().split("?")[0];
+                            videoSrc = "https://www.youtube.com/embed/" + videoId + "?autoplay=1";
+                        } else if(videoSrc.includes("watch?v=")) {
+                            videoSrc = videoSrc.replace("watch?v=", "embed/") + "?autoplay=1";
+                        }
+
+                        videoIframe.src = videoSrc;
+                        videoIframe.style.display = "block";
+                    }
+                });
+
+                videoModal.addEventListener('hidden.bs.modal', function() {
+                    videoIframe.src = ""; // Stop video when modal is closed
+                });
+            });
+            </script>
+</body>
+</html>

functions.php

@@ -0,0 +1,311 @@
+<?php 
+
+if ( function_exists( 'add_theme_support' ) ) {
+    add_theme_support( 'post-thumbnails' );
+  
+    function create_thumb() {
+        add_image_size( 'thumbnail', 150, 150, true );
+        add_image_size( 'medium', 400, 220, true );
+        add_image_size( 'large', 768, 768 );
+    }
+
+    create_thumb();
+}
+
+// Create Custom Post Type (Admin Storage)
+
+function register_contact_messages_cpt() {
+    register_post_type('contact_message', [
+        'labels' => [
+            'name' => 'Contact Messages',
+            'singular_name' => 'Contact Message'
+        ],
+        'public' => false,
+        'show_ui' => true,
+        'menu_icon' => 'dashicons-email',
+        'supports' => ['title']
+    ]);
+}
+// Handle Form Submission (Save Data)
+add_action('init', 'register_contact_messages_cpt');
+add_action('admin_post_submit_contact_form', 'handle_contact_form');
+add_action('admin_post_nopriv_submit_contact_form', 'handle_contact_form');
+
+function handle_contact_form() {
+
+    if (!isset($_POST['contact_nonce']) || 
+        !wp_verify_nonce($_POST['contact_nonce'], 'contact_form_nonce')) {
+        wp_die('Security check failed');
+    }
+
+    $post_id = wp_insert_post([
+        'post_type'   => 'contact_message',
+        'post_title'  => sanitize_text_field($_POST['subject']),
+        'post_status' => 'publish'
+    ]);
+
+    if ($post_id) {
+        update_post_meta($post_id, 'name', sanitize_text_field($_POST['name']));
+        update_post_meta($post_id, 'email', sanitize_email($_POST['email']));
+        update_post_meta($post_id, 'contact_number', sanitize_text_field($_POST['contact_number']));
+        update_post_meta($post_id, 'message', sanitize_textarea_field($_POST['message']));
+    }
+
+    wp_redirect(home_url());
+    exit;
+}
+// Add Custom Columns
+add_filter('manage_contact_message_posts_columns', function ($columns) {
+
+    $new_columns = [];
+    $new_columns['cb'] = $columns['cb']; // checkbox
+    $new_columns['title'] = 'Subject';
+    $new_columns['name'] = 'Name';
+    $new_columns['email'] = 'Email';
+    $new_columns['contact_number'] = 'Contact Number';
+    $new_columns['message'] = 'Message';
+    $new_columns['date'] = $columns['date'];
+
+    return $new_columns;
+});
+
+
+
+// Fill Column Data
+add_action('manage_contact_message_posts_custom_column', function ($column, $post_id) {
+
+    switch ($column) {
+
+        case 'name':
+            echo esc_html(get_post_meta($post_id, 'name', true));
+            break;
+
+        case 'email':
+            echo esc_html(get_post_meta($post_id, 'email', true));
+            break;
+
+        case 'contact_number':
+            echo esc_html(get_post_meta($post_id, 'contact_number', true));
+            break;
+
+        case 'message':
+            echo esc_html(wp_trim_words(
+                get_post_meta($post_id, 'message', true),
+                7,
+                '…'
+            ));
+            break;
+    }
+
+}, 10, 2);
+
+// Contact form FULL MESSAGE VIEW (ON CLICK)
+add_action('add_meta_boxes', function () {
+    add_meta_box(
+        'contact_message_details',
+        'Message Details',
+        function ($post) {
+            ?>
+            <p><strong>Name:</strong> <?php echo esc_html(get_post_meta($post->ID, 'name', true)); ?></p>
+            <p><strong>Email:</strong> <?php echo esc_html(get_post_meta($post->ID, 'email', true)); ?></p>
+            <p><strong>Contact:</strong> <?php echo esc_html(get_post_meta($post->ID, 'contact_number', true)); ?></p>
+            <p><strong>Message:</strong><br>
+                <?php echo nl2br(esc_html(get_post_meta($post->ID, 'message', true))); ?>
+            </p>
+            <?php
+        },
+        'contact_message',
+        'normal',
+        'high'
+    );
+});
+
+
+// Export Contact Messages as CSV 
+// Add submenu page
+add_action('admin_menu', function () {
+    add_submenu_page(
+        'edit.php?post_type=contact_message',
+        'Export CSV',
+        'Export CSV',
+        'manage_options',
+        'export-contact-csv',
+        '__return_null' // temporary, we won't run export here
+    );
+});
+
+// Hook CSV export to admin_init
+add_action('admin_init', function () {
+    if (isset($_GET['page']) && $_GET['page'] === 'export-contact-csv') {
+
+        // Start output buffering to prevent any prior output breaking headers
+        ob_start();
+
+        header('Content-Type: text/csv');
+        header('Content-Disposition: attachment; filename=contact-messages.csv');
+
+        $output = fopen('php://output', 'w');
+
+        fputcsv($output, ['Name', 'Email', 'Contact Number', 'Subject', 'Message']);
+
+        $query = new WP_Query([
+            'post_type' => 'contact_message',
+            'posts_per_page' => -1
+        ]);
+
+        while ($query->have_posts()) {
+            $query->the_post();
+
+            fputcsv($output, [
+                get_post_meta(get_the_ID(), 'name', true),
+                get_post_meta(get_the_ID(), 'email', true),
+                get_post_meta(get_the_ID(), 'contact_number', true),
+                get_the_title(),
+                get_post_meta(get_the_ID(), 'message', true),
+            ]);
+        }
+
+        fclose($output);
+        exit; // important: stop WordPress from outputting anything else
+    }
+});
+
+
+// Create a Custom Post Type for Pre-Registration
+
+// Register Pre-Registration CPT
+add_action('init', function() {
+    $labels = [
+        'name' => 'Pre-Registrations',
+        'singular_name' => 'Pre-Registration',
+        'menu_name' => 'Pre-Registrations',
+        'all_items' => 'All Pre-Registrations',
+        'add_new_item' => 'Add New Pre-Registration',
+    ];
+
+    $args = [
+        'labels' => $labels,
+        'public' => false,
+        'show_ui' => true,
+        'show_in_menu' => true,
+        'supports' => ['title'], // title can be student's name
+    ];
+
+    register_post_type('pre_registration', $args);
+});
+
+
+
+// Handle Pre-Registration Form Submission
+add_action('wp_ajax_nopriv_submit_preregistration', 'handle_preregistration_form');
+add_action('wp_ajax_submit_preregistration', 'handle_preregistration_form');
+
+function handle_preregistration_form() {
+    // Sanitize input
+    $guardian_name = sanitize_text_field($_POST['guardian_name'] ?? '');
+    $student_name = sanitize_text_field($_POST['student_name'] ?? '');
+    $email = sanitize_email($_POST['email'] ?? '');
+    $contact = sanitize_text_field($_POST['contact'] ?? '');
+    $course = sanitize_text_field($_POST['course'] ?? '');
+
+    // Create a new post
+    $post_id = wp_insert_post([
+        'post_type' => 'pre_registration',
+        'post_title' => $student_name,
+        'post_status' => 'publish',
+    ]);
+
+    if($post_id) {
+        // Save custom fields
+        update_post_meta($post_id, 'guardian_name', $guardian_name);
+        update_post_meta($post_id, 'student_name', $student_name);
+        update_post_meta($post_id, 'email', $email);
+        update_post_meta($post_id, 'contact', $contact);
+        update_post_meta($post_id, 'course', $course);
+
+            // Send email to submitted email address
+        $subject = "Pre-Registration Confirmation";
+        $message = "Hello $guardian_name,\n\n";
+        $message .= "Thank you for pre-registering your student, $student_name, for the $course course.\n";
+        $message .= "We will contact you shortly.\n\n";
+        $message .= "Best regards,\nYour School/Institute Name";
+
+        $headers = ['Content-Type: text/plain; charset=UTF-8'];
+
+        wp_mail($email, $subject, $message, $headers);
+
+        wp_send_json_success('Form submitted successfully!');
+    }
+
+    wp_send_json_error('Failed to submit form.');
+}
+
+
+// Show Data of preresigtraion in Admin Panel (Columns)
+// Add columns
+add_filter('manage_pre_registration_posts_columns', function($columns){
+    $columns['guardian_name'] = 'Guardian';
+    $columns['email'] = 'Email';
+    $columns['contact'] = 'Contact';
+    $columns['course'] = 'Course';
+    return $columns;
+});
+
+// Populate columns
+add_action('manage_pre_registration_posts_custom_column', function($column, $post_id){
+    switch($column){
+        case 'guardian_name':
+            echo esc_html(get_post_meta($post_id, 'guardian_name', true));
+            break;
+        case 'email':
+            echo esc_html(get_post_meta($post_id, 'email', true));
+            break;
+        case 'contact':
+            echo esc_html(get_post_meta($post_id, 'contact', true));
+            break;
+        case 'course':
+            echo esc_html(get_post_meta($post_id, 'course', true));
+            break;
+    }
+}, 10, 2);
+
+
+// Export CSV for Pre-Registrations
+// Add submenu page
+add_action('admin_menu', function () {
+    add_submenu_page(
+        'edit.php?post_type=pre_registration',
+        'Export CSV',
+        'Export CSV',
+        'manage_options',
+        'export-pre-registration-csv',
+        '__return_null'
+    );
+});
+
+// CSV export
+add_action('admin_init', function () {
+    if (isset($_GET['page']) && $_GET['page'] === 'export-pre-registration-csv') {
+        ob_start();
+        header('Content-Type: text/csv');
+        header('Content-Disposition: attachment; filename=pre-registrations.csv');
+
+        $output = fopen('php://output', 'w');
+        fputcsv($output, ['Guardian Name','Student Name','Email','Contact','Course']);
+
+        $query = new WP_Query(['post_type'=>'pre_registration','posts_per_page'=>-1]);
+
+        while($query->have_posts()){
+            $query->the_post();
+            fputcsv($output, [
+                get_post_meta(get_the_ID(), 'guardian_name', true),
+                get_post_meta(get_the_ID(), 'student_name', true),
+                get_post_meta(get_the_ID(), 'email', true),
+                get_post_meta(get_the_ID(), 'contact', true),
+                get_post_meta(get_the_ID(), 'course', true),
+            ]);
+        }
+        fclose($output);
+        exit;
+    }
+});

header.php

@@ -0,0 +1,269 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="icon" href="/assets/images/header-image.svg" type="image/gif" />    
+    <title>South City College of Science And Technology</title>
+   
+      
+        <link rel="stylesheet" href="<?= get_template_directory_uri(); ?>/assets/style.css">
+            <!-- Link to Bootstrap CSS -->
+                     <link rel="stylesheet" href="<?= get_template_directory_uri(); ?>/assets/bootstraps/css/bootstrap.min.css">
+            <link rel="stylesheet" href="<?= get_template_directory_uri(); ?>/assets/bootstraps/js/bootstrap.bundle.min.js">
+
+
+        <!-- Link to Font Awesome (via CDN) -->
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+        
+        <!-- themify-icons -->
+        <link href="
+        https://cdn.jsdelivr.net/npm/@icon/themify-icons@1.0.1-alpha.3/themify-icons.min.css
+        " rel="stylesheet">
+
+        <!-- bootstraps icons --> 
+     <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
+
+     <!-- Swiper CSS -->
+<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
+
+<!-- Swiper JS -->
+<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
+
+<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" media="screen">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
+    </head>
+  
+<body>
+        <!-- SIDE bar start-->
+        <div class="side-bar">
+            <div class="offcanvas offcanvas-end offcanvas1" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions" aria-labelledby="offcanvasWithBothOptionsLabel" style="width: 330px;top: 100px;">
+               
+    
+                <div class="side-menu-items">
+                    <ul class="navbar-nav">
+                        <li class="nav-item">
+                            <a class="nav-link " href="<?= home_url();?>" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                            <span>HOME</span>
+                            </a>
+                          
+                          </li>
+                        <li class="nav-item">
+                           <a class="nav-link " href="http://localhost/sccst/?page_id=40">
+                      <span>ABOUT</span>
+                        </a>
+                          </li>
+                          <li class="nav-item dropdown">
+                            <a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                        <span> Courses</span>
+                              <i class="fas fa-chevron-down"></i>
+                            </a>
+                            <ul class="subdropdown-menu ">
+                                <li>
+                                    <a href="http://localhost/sccst/?page_id=42">
+                                    BIT 
+                                       
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="http://localhost/sccst/?page_id=44">
+                             BTechEdIT                                       
+                                    </a></li>
+                                </ul>
+                          </li>
+                      
+                        
+                             <li class="nav-item">
+                             <a class="nav-link " href="http://localhost/sccst/?page_id=46">
+                      <span>Event</span>
+                        </a>
+                          </li>
+                           <li class="nav-item">
+                            <a class="nav-link " href="http://localhost/sccst/?page_id=48">
+                      <span>Blog</span>
+                        </a>
+                          </li>
+                                <li class="nav-item dropdown">
+                            <a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                        <span>Gallery</span>
+                              <i class="fas fa-chevron-down"></i>
+                            </a>
+                            <ul class="subdropdown-menu ">
+                                <li>
+                                    <a href="http://localhost/sccst/?page_id=50">Photos</a>
+                                </li>
+                                <li>
+                                     <a href="http://localhost/sccst/?page_id=52">Videos</a></li>
+                                  </li>
+                                </ul>
+                          </li>
+                          <li class="nav-item">
+                              <a class="nav-link" href="http://localhost/sccst/?page_id=54"><span>CONTACT</span></a>
+                          </li>
+                      </ul>
+                </div>
+                <div class="social_profile">
+              <ul>
+                <li><a class="f_facebook" href="/"><i class="bi bi-facebook"></i></a></li>
+                <li><a class="f_twitter" href="/"><i class="bi bi-twitter"></i></a></li>
+                <li><a class="f_instagram" href="/"><i class="bi bi-instagram"></i></a></li>
+                <li><a class="f_linkedin" href="/"><i class="bi bi-linkedin"></i></a></li>
+              </ul>
+            </div>
+            </div>
+        </div>   
+
+        <section id="navbar" >
+          <div class="header-top-wrap">
+                              <div class="row justify-content-between align-items-center g-0">
+
+                                  <!-- Left Section -->
+                                  <div class="col-lg-7">
+                                      <div class="header-top-left">
+                                          <ul class="list-wrap">
+                                              <li>
+                                                <i class="fa-solid fa-location-dot"></i>
+                                                  <a href="#">Birgunj-15,Parsa</a>
+                                              </li>
+                                              <li>
+                                    <i class="fa-regular fa-envelope"></i>
+                                    <a href="mailto:#">
+                                                      sample@abc.edu.np
+                                                  </a>
+                                              </li>
+                                          </ul>
+                                      </div>
+                                  </div>
+
+                                  <!-- Right Section -->
+                                  <div class="col-lg-2 ps-5">
+                                      <div class="header-top-right">
+                                          <div class="header-social">
+                                              <ul class="list-wrap">
+                                                  <li>
+                                                      <a target="_blank" href="#">
+                                                          <i class="fab fa-facebook-f"></i>
+                                                      </a>
+                                                  </li>
+                                                  <li>
+                                                      <a target="_blank" href="#">
+                                                          <i class="fab fa-instagram"></i>
+                                                      </a>
+                                                  </li>
+                                                  <li>
+                                                      <a target="_blank" href="#">
+                                                          <i class="fab fa-youtube"></i>
+                                                      </a>
+                                                  </li>
+                                                  <li>
+                                                      <a target="_blank" href="#">
+                                                          <i class="fab fa-linkedin"></i>
+                                                      </a>
+                                                  </li>
+                                              </ul>
+                                          </div>
+                                      </div>
+                                  </div>
+
+                              </div>
+                          
+                      </div>
+            <nav class="navbar navbar-expand-lg navbar-light bg-light">
+              <div class="container-fluid">
+              
+                  <div class="navbar-logo">
+                    <a class="navbar-brand" href="<?= home_url();?>">
+                        <img src="http://localhost/sccst/wp-content/uploads/2025/12/scc.png" alt="">
+                    </a>
+                </div>
+              
+                  <button type="button" class="navbar-toggler" type="button" style="border: none;"
+                  data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions" aria-controls="offcanvasWithBothOptions">
+                  <div class="hamburgermenu">
+                      <div class="hamburger line-1"></div>
+                      <div class="hamburger line-2"></div>
+                      <div class="hamburger line-3"></div>
+                  </div>
+                </button> 
+                <div class="collapse navbar-collapse" id="navbarNavDropdown">
+                  <ul class="navbar-nav">
+                    <li class="nav-item">
+                       <a class="nav-link " href="<?= home_url();?>">
+                      <span>Home</span>
+                        </a>
+                    
+                      </li>
+                    <li class="nav-item">
+                        <a class="nav-link " href="http://localhost/sccst/?page_id=40">
+                      <span>ABOUT</span>
+                        </a>
+                      </li>
+                    <li class="nav-item dropdown">
+                        <a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                        <span>Courses</span>
+                          <i class="fas fa-chevron-down"></i>
+
+                        </a>
+                        <ul class="subdropdown-menu ">
+                            <li>
+                                <a href="http://localhost/sccst/?page_id=42">BIT</a>
+                            </li>
+                            <li>
+                                <a href="http://localhost/sccst/?page_id=44">BTechEdIT</a></li>
+                            </ul>
+                      </li>
+                
+                      <li class="nav-item">
+                        <a class="nav-link " href="http://localhost/sccst/?page_id=46">
+                      <span>Event</span>
+                        </a>
+                    
+                      </li>
+                      <li class="nav-item">
+                        <a class="nav-link " href="http://localhost/sccst/?page_id=48">
+                      <span>Blog</span>
+                        </a>
+                      </li>
+                        <li class="nav-item dropdown">
+                        <a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                        <span>Gallery</span>
+                          <i class="fas fa-chevron-down"></i>
+
+                        </a>
+                        <ul class="subdropdown-menu  subdropdown-menu11 ">
+                            <li class="vdo">
+                                <a href="http://localhost/sccst/?page_id=50">Photos</a>
+                            </li>
+                            <li class="vdo">
+                                <a href="http://localhost/sccst/?page_id=52">Videos</a></li>
+                            </ul>
+                      </li>
+                      <li class="nav-item">
+                        <a class="nav-link" href="http://localhost/sccst/?page_id=54"><span>CONTACT</span></a>
+                      </li>
+                      <!-- <li class="nav-item">
+                        <a class="nav-link apply-now" href="./contactpage.html">
+                          <span>Apply Now</span>
+                        </a>
+                      </li> -->
+                  </ul>
+                </div>
+
+        <div class="col-20 d-none d-lg-block text-end align-self-center header-action-container apply1">
+        <a
+                  href="#"
+                  class="button _medium _secondary"
+                  id="image-liftout-cta-btn-secondary"
+                 data-bs-toggle="modal" 
+                 data-bs-target="#applyModal"
+                >
+                  Apply Now
+                  <i class="bi bi-arrow-up-right"></i>
+                </a>
+        </div> 
+              </div>
+              </nav>
+        </section>

home-parts/banner.php

@@ -0,0 +1,44 @@
+   <section class="cta -type-1 layout-pt-lg layout-pb-lg">
+        
+        <div data-parallax="0.6" class="cta__bg">
+          <div
+            data-parallax-target="true"
+            class="bg-image js-lazy"
+            style="background-image: url('http://localhost/sccst/wp-content/uploads/2025/12/bg.png');"
+          ></div>
+        </div>
+
+        <div class="container">
+          <div class="row justify-content-center text-center">
+
+            <div class="col-auto">
+              <h2 class="text-45 md:text-30 text-white">
+                Find the right learning path for you
+              </h2>
+            </div>
+
+            <div class="w-100"></div>
+
+            <div class="col-lg-4 col-md-8">
+              <p class="text-white mt-15">
+                Match your goals to our programs, explore your options and map out your
+                path to success.
+              </p>
+            </div>
+
+            <div class="w-100"></div>
+
+            <!-- <div class="col-auto">
+              <a
+                class="button -md -outline-white text-white mt-45 md:mt-20"
+                href="/courses-list-3"
+              >
+                Get Started Now
+                <i class="bi bi-arrow-up-right"></i>
+              </a>
+            </div> -->
+
+          </div>
+        </div>
+
+      </section>

home-parts/blog.php

@@ -0,0 +1,66 @@
+       <!-- blog and news part -->
+        <section id="blog" class="blog_area section-padding overflow-hidden">
+          <div class="container animated-box1" style="opacity: 1; transform: none; will-change: auto;">
+            <!-- Section Title -->
+            <div class="section-title text-center">
+              <h2>Latest Blog &amp; News</h2>
+              <p>We offer a brand new approach to the most basic learning paradigms. Choose from a wide range of learning options and gain new skills! Our school is known.</p>
+            </div>
+        
+            <!-- Blog Entries -->
+            <div class="row g-4">
+            <?php
+              $args = array('posts_per_page' => 3); // Adjust 'showposts' to 'posts_per_page' (modern WordPress practice)
+              $result = new WP_Query($args);
+              while ($result->have_posts()) : $result->the_post();
+                  $categories = get_the_category();
+              ?>
+              <!-- Blog 1 -->
+              <div class="col-lg-4 col-sm-6 col-xs-12">
+                <div class="single_blog">
+                  <img src="<?= get_the_post_thumbnail_url(get_the_ID(), 'full'); ?>" class="img-fluid" alt="image">
+                  <div class="content_box">
+                    <span><?= the_date('M d, Y'); ?>| <a href="<?php the_permalink(); ?>">Education</a></span>
+                    <h2><a href="<?php the_permalink(); ?>"><?= esc_html(mb_substr(get_the_title(), 0, 26)) . (strlen(get_the_title()) > 26 ? '...':'');?></a></h2>
+                    <a class="btn_one" href="<?php the_permalink(); ?>">Read More <i class="bi bi-arrow-up-right"></i></a>
+                  </div>
+                </div>
+              </div>
+                 <?php endwhile; wp_reset_postdata();?>
+        
+              <!-- Blog 2 -->
+              <!-- <div class="col-lg-4 col-sm-6 col-xs-12">
+                <div class="single_blog">
+                  <img src="assets/image/blog.png" class="img-fluid" alt="image">
+                  <div class="content_box">
+                    <span>May 16, 2024 | <a href="/blog">Education</a></span>
+                    <h2><a href="./blog-detail.html">P  rofessional Ceramic Moulding for Beginner</a></h2>
+                    <a class="btn_one" href="./blog-detail.html">Read More <i class="bi bi-arrow-up-right"></i></a>
+                  </div>
+                </div>
+              </div> -->
+        
+              <!-- Blog 3 -->
+              <!-- <div class="col-lg-4 col-sm-6 col-xs-12">
+                <div class="single_blog">
+                  <img src="assets/image/blog.png" class="img-fluid" alt="image">
+                  <div class="content_box">
+                    <span>May 18, 2024 | <a href="/blog">Programming</a></span>
+                    <h2><a href="./blog-detail.html">Education Is About Create Leaders For Tomorrow</a></h2>
+                    <a class="btn_one" href="./blog-detail.html">Read More <i class="bi bi-arrow-up-right"></i></a>
+                  </div>
+                </div>
+              </div> -->
+        
+            </div>
+               <div class="blog-btn">
+            <a class="" href="/blog-list.html" style="text-decoration: underline !important;">
+              view all 
+              <i class="bi bi-arrow-up-right"></i>
+              
+              </i>
+            </a>
+        </div>
+          </div>
+               
+        </section>

home-parts/course.php

@@ -0,0 +1,98 @@
+     <!-- Courses that we offer -->
+      <section id="course" data-component="liftout-placeholder" class="component-content">
+          <div class="section-title text-center">
+                  <h2>Courses that we offer</h2>
+                  <p>
+                      We offer a brand new approach to the most basic learning paradigms. Choose from a wide range of learning options 
+                      and gain new skills! Our school is known.
+                  </p>
+              </div>
+        <div class="column__stack column__full">
+          
+          <div class="image__liftout">
+            
+            <div class="_image">
+              <img
+                src="http://localhost/sccst/wp-content/uploads/2025/12/image.png"
+                alt="UWA21_3 [SENG5591].jpg"
+                loading="lazy"
+                width="600"
+                height="450"
+                decoding="async"
+                data-nimg="1"
+                style="color: transparent;"
+              />
+            </div>
+
+            <div class="_copy rich-text">
+              <h3> BTechEdIT (Bachelor of Technical Education in IT)</h3>
+
+              <div class="ck-content">
+                <p>
+                  This is a place for belonging. Where the best stories start.
+                  Here, friendships flourish and support is always just a conversation away.
+                </p>
+              </div>
+
+              <p>
+                <a
+                  href="#"
+                  class="button _medium _secondary"
+                  id="image-liftout-cta-btn-secondary"
+                 data-bs-toggle="modal" 
+                 data-bs-target="#applyModal"
+                >
+                  Apply Now
+                  <i class="bi bi-arrow-up-right"></i>
+                </a>
+              </p>
+            </div>
+
+          </div>
+
+        </div>
+        <div class="column__stack column__full">
+          
+          <div class="image__liftout">
+            
+            <div class="_copy rich-text">
+              <h3> BIT(Bachelor in Information Technology)</h3>
+
+              <div class="ck-content">
+                <p>
+                  This is a place for belonging. Where the best stories start.
+                  Here, friendships flourish and support is always just a conversation away.
+                </p>
+              </div>
+
+              <p>
+                <a
+                  href="/life-at-uwa"
+                  class="button _medium _secondary"
+                  id="image-liftout-cta-btn-secondary"
+                  data-bs-toggle="modal" data-bs-target="#applyModal"
+                >
+                  Apply Now
+                  <i class="bi bi-arrow-up-right"></i>
+                </a>
+              </p>
+            </div>
+            <div class="_image">
+              <img
+                src="http://localhost/sccst/wp-content/uploads/2025/12/image2.png"
+                alt="UWA21_3 [SENG5591].jpg"
+                loading="lazy"
+                width="600"
+                height="450"
+                decoding="async"
+                data-nimg="1"
+                style="color: transparent;"
+              />
+            </div>
+
+          
+
+          </div>
+
+        </div>
+      </section>

home-parts/event.php

@@ -0,0 +1,161 @@
+
+        <!-- events -->
+      <section class="event-section">
+        <div class="container">
+          <!-- Section Title -->
+          <div class="section-title text-center">
+              <h2>Latest Events</h2>
+              <p>We offer a brand new approach to the most basic learning paradigms. Choose from a wide range of learning options and gain new skills! Our school is known.</p>
+            </div>
+
+          <div class="row">
+               <?php
+                    $args = [
+                        'post_type'      => 'event',
+                        'posts_per_page' => 2, // Fetch at least 6 latest events
+						        'post_status'    => 'publish',
+                    
+                    ];
+                    $events = new WP_Query($args);
+                    if ($events->have_posts()) :
+                        $counter = 0;
+                        while ($events->have_posts()) : $events->the_post();
+                     
+                            $event_image   =  get_the_post_thumbnail_url(get_the_ID(), 'full');
+                            $event_time    = get_field('event_time');
+                            $event_location = get_field('event_location');
+                            $event_title   = get_the_title();
+                            $event_date1   = get_the_date('j');
+                            $event_date2   = get_the_date('M');
+                    ?>
+            <!-- Left Big Event -->
+            <div class="col-md-4 event123">
+              <a href="./blog-detail.html">
+                <div class="card event-card">
+                  <img src="<?= esc_url($event_image); ?>" alt="<?= esc_attr($event_title); ?>">
+                  <div class="event-date-badge">
+                  <span class="month"><?= esc_attr($event_date1); ?></span>
+                  <span class="day"><?= esc_attr($event_date2); ?></span>
+                </div>
+                  <div class="card-img-overlay1">
+                    <div class="event-meta">
+                      <!-- <span><i class="bi bi-calendar-event"></i> 2025-12-23</span> -->
+                      <span><i class="bi bi-clock"></i><?= esc_attr($event_time); ?></span>
+                      <span><i class="bi bi-geo-alt"></i><?= esc_attr($event_location); ?></span>
+                    </div>
+
+                    <h2 class="event-title">
+                   <?= esc_html(mb_substr($event_title, 0, 30)).(mb_strlen($event_title) > 30 ? '...' : ''); ?>
+                    </h2>
+                  </div>
+                </div>
+              </a>
+            </div>
+       <?php endwhile; wp_reset_postdata(); endif;?>
+            
+            <!-- Right Side Event List -->
+            <div class="col-md-4 event111">
+              <div class="event-list">
+                  <?php
+                    $args = [
+                        'post_type'      => 'event',
+                        'posts_per_page' => 2, // Fetch at least 6 latest events
+						        'post_status'    => 'publish',
+                    'offset'=>2,
+                    ];
+                    $events = new WP_Query($args);
+                    if ($events->have_posts()) :
+                        $counter = 0;
+                        while ($events->have_posts()) : $events->the_post();
+                            $event_image   =  get_the_post_thumbnail_url(get_the_ID(), 'full');
+                            $event_time    = get_field('event_time');
+                            $event_location = get_field('event_location');
+                            $event_title   = get_the_title();
+                    ?>
+                <!-- Event Item -->
+                <div class="side-post">
+                  <div class="row">
+                    <div class="col-md-5">
+                      <a href="<?php the_permalink(); ?>">
+                        <img src="<?= esc_url($event_image); ?>" alt="">
+                      </a>
+                    </div>
+                    <div class="col-md-7">
+                      <div class="event-meta small">
+                        <span><i class="bi bi-calendar-event"></i> <?php echo esc_html( get_the_date('j F') ); ?></span>
+                        <span><i class="bi bi-clock"></i><?= esc_attr($event_time); ?></span>
+                        <span><i class="bi bi-geo-alt"></i><?= esc_attr($event_location); ?></span>
+                      </div>
+                      <a href="<?php the_permalink(); ?>">
+                      <h3 class="event-title-small">
+                      <?= esc_html(mb_substr($event_title, 0, 30)) . (mb_strlen($event_title) > 30 ? '...' : ''); ?>
+                      </h3>
+                      </a>
+                    </div>
+                    <hr>
+                  </div>
+                </div>
+                 <?php endwhile; wp_reset_postdata(); endif;?>
+                <!-- Event Item -->
+                <div class="side-post">
+                  <div class="row">
+                    <div class="col-md-5">
+                      <a href="./event-detail.html">
+                        <img src="https://techkagaj.com/wp-content/uploads/2022/09/iphone-14-iphone-14-plus-hero-220907-geo.jpg" alt="">
+                      </a>
+                    </div>
+                    <div class="col-md-7">
+                      <div class="event-meta small">
+                        <span><i class="bi bi-calendar-event"></i> 21 December</span>
+                        <span><i class="bi bi-clock"></i> 3:00 PM</span>
+                        <span><i class="bi bi-geo-alt"></i> Dharan</span>
+                      </div>
+                      <h3 class="event-title-small">
+                        Youth meet 
+                      </h3>
+                    </div>
+                    <hr>
+                </div>
+
+              </div>
+
+                <!-- Event Item -->
+                <div class="side-post">
+                  <div class="row">
+                    <div class="col-md-5">
+                      <a href="./event-detail.html">
+                        <img src="https://techkagaj.com/wp-content/uploads/2022/09/iphone-14-iphone-14-plus-hero-220907-geo.jpg" alt="">
+                      </a>
+                    </div>
+                    <div class="col-md-7">
+                      <div class="event-meta small">
+                        <span><i class="bi bi-calendar-event"></i> 21 December</span>
+                        <span><i class="bi bi-clock"></i> 3:00 PM</span>
+                        <span><i class="bi bi-geo-alt"></i> Dharan</span>
+                      </div>
+                      <h3 class="event-title-small">
+                        Youth meet 
+                      </h3>
+                    </div>
+                    <hr>
+                </div>
+
+              </div>
+              <div class="">
+                  <div class="row">
+                    <div class="col-md-12">
+                      <div class="event-meta small">
+                        <a class="btn_one btn121" href="/blog/professional-mobile-painting-and-sculpting">View More <i class="bi bi-arrow-up-right"></i></a>
+                    </div>
+                  </div>
+                </div>
+
+              </div>
+            </div>
+          </div>
+          
+            <div class="eventbtn" style="display: none;"> 
+            <a class="btn_one btn121" href="/blog/professional-mobile-painting-and-sculpting">View More <i class="bi bi-arrow-up-right"></i></a></div>
+        </div>
+          </div>
+      </section>

home-parts/feature.php

@@ -0,0 +1,91 @@
+       <!-- Why learn our courses -->
+        <section class="layout-pt-lg layout-pb-lg bg-dark-2">
+        <div class="container">
+          
+          <div class="row d-flex justify-content-center text-center">
+            <div class="col-auto">
+              <div class="sectionTitle">
+                <h2
+                  class="sectionTitle__title text-white aos-init aos-animate"
+                  data-aos="fade-up"
+                  data-aos-duration="800"
+                >
+                  Why learn with our courses?
+                </h2>
+
+                <p
+                  class="sectionTitle__text text-white aos-init aos-animate"
+                  data-aos="fade-up"
+                  data-aos-duration="800"
+                >
+                  Lorem ipsum dolor sit amet, consectetur.
+                </p>
+              </div>
+            </div>
+          </div>
+
+          <div class="row y-gap-30 pt-50">
+            
+            <!-- Step 01 -->
+            <div
+              class="col-lg-4 col-md-6 aos-init aos-animate"
+              data-aos="fade-up"
+              data-aos-duration="400"
+            >
+              <div class="stepCard -type-1 -stepCard-hover">
+                <div class="stepCard__content">
+                  <div class="stepCard__icon">
+                    <i class="icon-online-learning-4 text-64 text-green-1"></i>
+                  </div>
+                  <h4 class="stepCard__title">01. Learn</h4>
+                  <p class="stepCard__text">
+                    Lorem ipsum dolor sit amet, consectetur dolorili adipiscing elit.
+                    Felis donec massa aliqua.
+                  </p>
+                </div>
+              </div>
+            </div>
+
+            <!-- Step 02 -->
+            <div
+              class="col-lg-4 col-md-6 aos-init aos-animate"
+              data-aos="fade-up"
+              data-aos-duration="800"
+            >
+              <div class="stepCard -type-1 -stepCard-hover">
+                <div class="stepCard__content">
+                  <div class="stepCard__icon">
+                    <i class="icon-graduation-1 text-64 text-green-1"></i>
+                  </div>
+                  <h4 class="stepCard__title">02. Graduate</h4>
+                  <p class="stepCard__text">
+                    Lorem ipsum dolor sit amet, consectetur dolorili adipiscing elit.
+                    Felis donec massa aliqua.
+                  </p>
+                </div>
+              </div>
+            </div>
+
+            <!-- Step 03 -->
+            <div
+              class="col-lg-4 col-md-6 aos-init aos-animate"
+              data-aos="fade-up"
+              data-aos-duration="1200"
+            >
+              <div class="stepCard -type-1 -stepCard-hover">
+                <div class="stepCard__content">
+                  <div class="stepCard__icon">
+                    <i class="icon-working-at-home-2 text-64 text-green-1"></i>
+                  </div>
+                  <h4 class="stepCard__title">03. Work</h4>
+                  <p class="stepCard__text">
+                    Lorem ipsum dolor sit amet, consectetur dolorili adipiscing elit.
+                    Felis donec massa aliqua.
+                  </p>
+                </div>
+              </div>
+            </div>
+
+          </div>
+        </div>
+        </section>

home-parts/hero-section.php

@@ -0,0 +1,76 @@
+  
+      <div class="banner v__2">
+          <div class="banner__wrapper">
+              <div class="hp-hero__video-container position-relative">
+            <?php
+            $intro_query = new WP_Query([
+                'post_type'      => 'introduction',
+                'posts_per_page' => 1,
+                'post_status'    => 'publish'
+            ]);
+
+            if ($intro_query->have_posts()) :
+                while ($intro_query->have_posts()) : $intro_query->the_post();
+
+                    $intro_video = get_field('introduction_video');
+
+                    if ($intro_video) :
+                    ?>
+                        <video
+                            class="hp-hero__video"
+                            muted
+                            loop
+                            playsinline
+                            preload="metadata"
+                            autoplay
+                        >
+                            <source
+                                src="<?php echo esc_url($intro_video['url']); ?>"
+                                type="<?php echo esc_attr($intro_video['mime_type']); ?>"
+                            >
+                        </video>
+                    <?php
+                    endif;
+
+                endwhile;
+                wp_reset_postdata();
+            endif;
+            ?>
+
+
+                  <div class="container">
+                      <div class="row">
+                          <div class="col-lg-12">
+                              <div class="banner__slides--container banner__height">
+                                  <div class="banner__slides--content ">
+                                      <div class="banner__slides--content--sub">
+                                        
+                                          Welcome to
+                                      </div>
+
+                                      <h1 class="banner__slides--content--title">
+                                        <img
+                                              src="https://www.eemc.edu.np/uploads/sliders/1729053855.svg"
+                                              alt="cap"
+                                          >
+                                  South City College of Science And Technology
+                                      </h1>
+
+                                      <a
+                                          href="./aboutpage.html"
+                                          class="rts-theme-btn btn-arrow"
+                                      >
+                                          Learn More
+                                          <span>
+                                              <i class="bi bi-arrow-up-right"></i>
+                                          </span>
+                                      </a>
+                                  </div>
+                              </div>
+                          </div>
+                      </div>
+                  </div>
+
+              </div>
+          </div>
+      </div>

home-parts/start-journey.php

@@ -0,0 +1,53 @@
+      <!-- start your journey part -->
+      <section class="top_cat__area section-padding pb-0 overflow-hidden" 
+              style="background-size: cover; background-position: center center;">
+          <div class="container animated-box1" style="opacity: 1; transform: none; will-change: auto;">
+              <!-- Section Title -->
+              <div class="section-title text-center">
+                  <h2>Start your journey With us</h2>
+                  <p>
+                      We offer a brand new approach to the most basic learning paradigms. Choose from a wide range of learning options 
+                      and gain new skills! Our school is known.
+                  </p>
+              </div>
+              
+              <!-- Features -->
+              <div class="row g-4">
+                  <!-- Feature 1 -->
+                  <div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp">
+                      <div class="single_tp">
+                          <span class="sc_one">01</span>
+                          <h3>Expert <br>Teacher</h3>
+                          <p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit ut labore.</p>
+                      </div>
+                  </div>
+
+                  <!-- Feature 2 -->
+                  <div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0">
+                      <div class="single_tp">
+                          <span class="sc_two">02</span>
+                          <h3>Quality <br>Education</h3>
+                          <p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit ut labore.</p>
+                      </div>
+                  </div>
+
+                  <!-- Feature 3 -->
+                  <div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="0">
+                      <div class="single_tp">
+                          <span class="sc_three">03</span>
+                          <h3>Remote <br>Learning</h3>
+                          <p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit ut labore.</p>
+                      </div>
+                  </div>
+
+                  <!-- Feature 4 -->
+                  <div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="0">
+                      <div class="single_tp">
+                          <span class="sc_four">04</span>
+                          <h3>Life Time <br>Support</h3>
+                          <p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit ut labore.</p>
+                      </div>
+                  </div>
+              </div>
+          </div>
+      </section>

home-parts/testimonial.php

@@ -0,0 +1,140 @@
+    <section class="testi_area  overflow-hidden">
+          <div class="container">
+            <!-- Section Title -->
+            <div class="section-title" style="opacity: 1; transform: none; will-change: auto;">
+              <h2>What Student’s Say To Do <br>Their Courses</h2>
+            </div>
+        
+            <div class="row g-4">
+              <!-- Left Image Section -->
+              <div class="col-lg-6 col-sm-12 col-xs-12 animated-box" style="opacity: 1; transform: none; will-change: auto;">
+                <div class="ab_img">
+                  <img src="http://localhost/sccst/wp-content/uploads/2025/12/lab.png" class="img-fluid" alt="image">
+                </div>
+              </div>
+        
+              <!-- Right Testimonial Slider Section -->
+              <div class="col-lg-6 col-sm-12 col-xs-12 animated-box2" style="opacity: 1; transform: none; will-change: auto;">
+                <div class="swiper swiper-initialized swiper-horizontal owl-carousel swiper-backface-hidden" id="testimonial-slider">
+                  <div class="swiper-wrapper">
+                    <?php
+                    // Query Testimonials
+                    $args = [
+                        'post_type' => 'testimonial',
+                        'posts_per_page' => -1,
+                        'post_status' => 'publish'
+                    ];
+                    $testimonials = new WP_Query($args);
+
+                    if($testimonials->have_posts()) :
+                        while($testimonials->have_posts()) : $testimonials->the_post();
+
+                            $name = get_field('name');
+                           
+                            $text = get_field('testimonial_text');
+                            $position = get_field('position');
+                            $rating = get_field('rating'); // 1-5
+                    ?> 
+                    <!-- Testimonial 1 -->
+                    <div class="swiper-slide swiper-slide-active testimonial" style="width: 636px; margin-right: 40px;">
+                      <img src="./assets/images/message.png" alt="">
+                      <div class="testimonial_content">
+                           <?php 
+                          for ($i = 1; $i <= 5; $i++) {
+                              if ($i <= $rating) {
+                                  echo '<i class="bi bi-star-fill" style="color:#ffc107"></i>';
+                              } else {
+                                  echo '<i class="bi bi-star" style="color:#ccc"></i>';
+                              }
+                          }
+                          ?>
+                        <p> <?php the_content(); ?></p>
+                      </div>
+                      <div class="testi_pic_title">
+                        <img src="<?= get_the_post_thumbnail_url(get_the_ID(), 'full'); ?>" alt="img">
+                        <h4><?php echo esc_html($name); ?></h4>
+                        <p><?php echo esc_html($position); ?></p>
+                      </div>
+                    </div>
+                    <?php
+                  endwhile;
+                  wp_reset_postdata();
+              endif;
+              ?>
+                      <!-- Testimonial 1 -->
+                    <div class="swiper-slide swiper-slide-active testimonial" style="width: 636px; margin-right: 40px;">
+                      <img src="./assets/images/message.png" alt="">
+                      <div class="testimonial_content">
+                          <i class="bi bi-star"></i>
+                          <i class="bi bi-star"></i>
+                          <i class="bi bi-star"></i>
+                          <i class="bi bi-star"></i>
+                          <i class="bi bi-star"></i>
+                        <p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consectetur sapiente adipisci cumque! Ratione expedita fuga libero eveniet id quisquam delectus omnis, nihil, voluptate reprehenderit maiores temporibus velit aspernatur a commodi!</p>
+                      </div>
+                      <div class="testi_pic_title">
+                        <img src="./assets/image/image3.png" alt="img">
+                        <h4>hello hello</h4>
+                        <p>developer</p>
+                      </div>
+                    </div>
+                      <!-- Testimonial 1 -->
+                    <div class="swiper-slide swiper-slide-active testimonial" style="width: 636px; margin-right: 40px;">
+                      <img src="./assets/images/message.png" alt="">
+                      <div class="testimonial_content">
+                          <i class="bi bi-star"></i>
+                          <i class="bi bi-star"></i>
+                          <i class="bi bi-star"></i>
+                          <i class="bi bi-star"></i>
+                          <i class="bi bi-star"></i>
+                        <p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consectetur sapiente adipisci cumque! Ratione expedita fuga libero eveniet id quisquam delectus omnis, nihil, voluptate reprehenderit maiores temporibus velit aspernatur a commodi!</p>
+                      </div>
+                      <div class="testi_pic_title">
+                        <img src="./assets/image/image3.png" alt="img">
+                        <h4>hello hello</h4>
+                        <p>developer</p>
+                      </div>
+                    </div>
+                      <!-- Testimonial 1 -->
+                    <div class="swiper-slide swiper-slide-active testimonial" style="width: 636px; margin-right: 40px;">
+                      <img src="./assets/images/message.png" alt="">
+                      <div class="testimonial_content">
+                          <i class="bi bi-star"></i>
+                          <i class="bi bi-star"></i>
+                          <i class="bi bi-star"></i>
+                          <i class="bi bi-star"></i>
+                          <i class="bi bi-star"></i>
+                        <p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consectetur sapiente adipisci cumque! Ratione expedita fuga libero eveniet id quisquam delectus omnis, nihil, voluptate reprehenderit maiores temporibus velit aspernatur a commodi!</p>
+                      </div>
+                      <div class="testi_pic_title">
+                        <img src="./assets/image/image3.png" alt="img">
+                        <h4>hello hello</h4>
+                        <p>developer</p>
+                      </div>
+                    </div>
+                      <!-- Testimonial 1 -->
+                    <div class="swiper-slide swiper-slide-active testimonial" style="width: 636px; margin-right: 40px;">
+                      <img src="./assets/images/message.png" alt="">
+                      <div class="testimonial_content">
+                          <i class="bi bi-star"></i>
+                          <i class="bi bi-star"></i>
+                          <i class="bi bi-star"></i>
+                          <i class="bi bi-star"></i>
+                          <i class="bi bi-star"></i>
+                        <p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consectetur sapiente adipisci cumque! Ratione expedita fuga libero eveniet id quisquam delectus omnis, nihil, voluptate reprehenderit maiores temporibus velit aspernatur a commodi!</p>
+                      </div>
+                      <div class="testi_pic_title">
+                        <img src="./assets/image/image3.png" alt="img">
+                        <h4>hello hello</h4>
+                        <p>developer</p>
+                      </div>
+                    </div>
+        
+                
+        
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>

home-parts/why-choose.php

@@ -0,0 +1,33 @@
+   <section class="ab_area section-padding overflow-hidden">
+        <div class="container">
+          <div class="row g-4">
+            <!-- Left Content Section -->
+            <div class="col-lg-6 col-sm-12 col-xs-12 animated-box" style="opacity: 1; transform: none; will-change: auto;">
+              <div class="ab_content">
+                <h2>Why Choose Us For Your <br>Study</h2>
+                <p>We offer a brand new approach to the most basic learning paradigms. Choose from a wide range of learning options and gain new skills! Our school is known for its commitment to high-quality education.</p>
+                <p>We offer a brand new approach to the most basic learning paradigms. Choose from a wide range of learning options and gain new skills! Our school is known for delivering top-notch education.</p>
+                <ul>
+                  <li><i class="bi bi-check2"></i> Get access to our top courses</li>
+                  <li><i class="bi bi-check2"></i> Popular topics to learn now in our online courses for students</li>
+                  <li><i class="bi bi-check2"></i> Find the right instructor for you</li>
+                </ul>
+                <a class="btn_one" href="#course">View Our Courses <i class="bi bi-arrow-up-right"></i></a>
+              </div>
+            </div>
+
+            <!-- Right Image Section -->
+            <div class="col-lg-6 col-sm-12 col-xs-12  animated-box2" style="opacity: 1; transform: none; will-change: auto;">
+              <div class="ab_img">
+                <img src="http://localhost/sccst/wp-content/uploads/2025/12/school.png" class="img-fluid" alt="image">
+                <div class="home_ps2">
+                <span class="fa-solid fa-book"></span>
+
+                  <h2 class=""></h2>
+                  <p>Genuine Courses</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>

index.php

@@ -0,0 +1,15 @@
+
+<?php get_header();
+
+ get_template_part("home-parts/hero-section");
+
+ get_template_part("home-parts/start-journey");
+ get_template_part("home-parts/course");
+ get_template_part("home-parts/banner");
+ get_template_part("home-parts/why-choose");
+ get_template_part("home-parts/feature");
+ get_template_part("home-parts/event");
+ get_template_part("home-parts/testimonial");
+get_template_part("home-parts/blog");
+
+get_footer();

single-event.php

@@ -0,0 +1,201 @@
+<?php get_header(); ?>
+<section class="section-top">
+    <div class="container">
+        <div class="col-lg-10 offset-lg-1 text-center">
+            <div class="section-top-title">
+                <h1>Event Detail</h1>
+                <ul>
+                    <li><a href="/">Home</a></li>
+                    <li class="ms-1"> / Event Detail</li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</section>
+<section id="trending_causes_main">
+  <div class="container">
+    <div class="row" id="counter">
+     <?php if (have_posts()) : while (have_posts()) : the_post(); 
+                $event_date = strtoupper(get_the_date('j M, Y'));
+                $event_image = get_the_post_thumbnail_url(get_the_ID(), 'full');
+                $event_time = function_exists('get_field') ? get_field('event_time') : '';
+                $event_location = function_exists('get_field') ? get_field('event_location') : '';
+                $email = function_exists('get_field') ? get_field('event_mail') : '';
+                $phone = function_exists('get_field') ? get_field('phone') : '';
+                $event_title = get_the_title();
+                $event_desc = get_the_content();
+                $event_images = function_exists('get_field') ? get_field('event_photos') : '';
+                $google_map = function_exists('get_field') ? get_field('google_map') : '';
+            ?>
+      <!-- Left Content -->
+      <div class="col-lg-8 left-side">
+        <div class="details_wrapper_area">
+        
+          <div class="details_big_img">
+            <img
+              src="<?= esc_url($event_image); ?>"
+              alt="chess competition"
+            >
+          </div>
+
+          <div class="details_text_wrapper">
+            <hr>
+            <h2><?= esc_html($event_title); ?></h2>
+            <hr>
+            <p>
+         <?php the_content(); ?>
+            </p>
+
+            <div class="row">
+                <?php 
+                                if (is_array($event_images)&& !empty($event_images)): 
+                                    $count = 0; 
+                                    foreach ($event_images as $image):
+                                         if ($count<2): 
+                                    ?>
+              <div class="col-lg-6 col-md-6 col-sm-6 col-12">
+                <div class="details_small_img">
+                  <img
+                    src="<?php echo esc_url($image); ?>"
+                    alt=""
+                  >
+                </div>
+              </div>
+                 <?php $count++; else: break; endif; 
+                                    endforeach; 
+                                endif;?>
+            
+            </div>
+          </div>
+
+        </div>
+      </div>
+
+      <!-- Right Sidebar -->
+      <div class="col-lg-4">
+        <div class="sidebar_first">
+
+          <!-- Event Details -->
+          <div class="sidebar_boxed">
+            <div class="sidebar_heading_main">
+              <h3>Event Details</h3>
+            </div>
+
+            <div class="event_details_list">
+              <ul>
+                <li>
+                  <i class="fa-solid fa-location-dot"></i>
+                  Location:
+                  <span><?= esc_html($event_location); ?></span>
+                </li>
+
+                <li>
+                  <i class="fa-solid fa-calendar-days"></i>
+                  Date:
+                  <span><?= esc_html($event_date); ?></span>
+                </li>
+
+                <li>
+                  <i class="fa-solid fa-envelope"></i>
+                  Mail:
+                  <span><?= esc_html($email); ?></span>
+                </li>
+
+                <li>
+                  <i class="fa-solid fa-phone"></i>
+                  Phone:
+                  <span><?= esc_html($phone); ?></span>
+                </li>
+              </ul>
+
+              <div class="register_now_details">
+                <a
+                  href="#"
+                  class="view-events-btn"
+                  data-bs-toggle="modal"
+                  data-bs-target="#registerModal"
+                >
+                  REGISTER NOW
+                </a>
+              </div>
+            </div>
+          </div>
+
+          <!-- Upcoming Events -->
+          <div class="project_recentdonet_wrapper sidebar_boxed">
+            <div class="sidebar_heading_main">
+              <h3>Upcoming Events</h3>
+            </div>
+              <?php	
+                            $args = array('posts_per_page' => 3, 'post_type' => 'event');
+                            $related_events = new WP_Query($args);
+                            if ($related_events->have_posts()) : 
+                                while ($related_events->have_posts()) : $related_events->the_post();
+                                    $related_event_location = function_exists('get_field') ? get_field('event_location') : '';
+                            ?>
+            <div class="recent_donet_item recent_donet_text1">
+              <div class="recent_donet_img">
+                <a href="<?php the_permalink();?>">
+                  <img
+                    src="<?= get_the_post_thumbnail_url(get_the_ID(),'full'); ?>"
+                  >
+                </a>
+              </div>
+
+              <div class="recent_donet_text">
+                <p>
+                  <i class="fa-regular fa-clock"></i>
+                  <span><?php echo get_the_date('M d, y'); ?></span>
+                </p>
+                <p>
+                  <i class="fa-solid fa-location-dot"></i>
+                  <span><?= esc_html($related_event_location); ?></span>
+                </p>
+                <h4>
+                  <a href="<?php the_permalink();?>">
+                 <?php the_title(); ?>
+                  </a>
+                </h4>
+              </div>
+            </div>
+             <?php endwhile; endif; wp_reset_postdata(); ?>
+        
+          </div>
+
+          <!-- Event Location Map -->
+           	<?php if ($google_map): ?>
+          <div class="share_causes_wrapper sidebar_boxed">
+            <iframe
+              src="<?php echo esc_url($google_map); ?>"
+              height="350"
+              style="border:0; width:100%;"
+              allowfullscreen
+              loading="lazy"
+              referrerpolicy="no-referrer-when-downgrade">
+            </iframe>
+          </div>
+              	<?php endif; ?>
+
+          <!-- Share Causes -->
+          <div class="share_causes_wrapper sidebar_boxed">
+            <div class="sidebar_heading_main">
+              <h3>Share Causes</h3>
+            </div>
+
+            <div class="social_icon_sidebar">
+              <ul>
+                <li><a href="#"><i class="bi bi-facebook"></i></a></li>
+                <li><a href="#"><i class="bi bi-instagram"></i></a></li>
+                <li><a href="#"><i class="bi bi-twitter"></i></a></li>
+                <li><a href="#"><i class="bi bi-linkedin"></i></a></li>
+              </ul>
+            </div>
+          </div>
+
+        </div>
+      </div>
+          <?php endwhile; endif; ?>
+    </div>
+  </div>
+</section>
+<?php get_footer(); ?>

single.php

@@ -0,0 +1,151 @@
+<?php get_header(); ?>
+<section class="section-top">
+    <div class="container">
+        <div class="col-lg-10 offset-lg-1 text-center">
+            <div class="section-top-title">
+                <h1>Blog Detail</h1>
+                <ul>
+                    <li><a href="/">Home</a></li>
+                    <li class="ms-1"> / Blog Detail</li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</section>
+  
+      <?php
+             if(have_posts()) : while ( have_posts() ) : the_post();
+          ?>
+<section id="trending_causes_main">
+  <div class="container">
+    <div class="row" id="counter">
+
+      <!-- Left Content -->
+      <div class="col-lg-8 left-side">
+        <div class="details_wrapper_area">
+
+          <div class="details_big_img">
+            <img
+              src="<?= get_the_post_thumbnail_url(get_the_ID(), 'full'); ?>"
+              alt="blog Image"
+            >
+          </div>
+
+          <div class="details_text_wrapper">
+              <?php 
+							// Get the categories associated with the current post
+							$categories = get_the_terms(get_the_ID(), 'category');
+
+							if (!empty($categories) && !is_wp_error($categories)) {
+								foreach ($categories as $category) {
+									echo '<a href="' . esc_url(get_category_link($category->term_id)) . '" class="tags_noted">
+											<i class="fas fa-th-list"></i> ' . esc_html($category->name) . '
+										  </a> ';
+								}
+							} else {
+								echo '<a href="#" class="tags_noted"><i class="fas fa-th-list"></i> Uncategorized</a>';
+							}
+							?>
+              <hr>
+            <h2><?php the_title(); ?></h2>
+            <hr>
+            <p><?php the_content(); ?></p>
+          </div>
+        </div>
+      </div>
+     <?php endwhile;endif;?>
+      <!-- Right Sidebar -->
+      <div class="col-lg-4">
+        <div class="sidebar_first">
+
+          <!-- Latest Blogs -->
+          <div class="project_recentdonet_wrapper sidebar_boxed">
+            <div class="sidebar_heading_main">
+              <h3>Latest Blogs</h3>
+            </div>
+              <?php	
+                 $args = array('posts_per_page'=>5);
+                 $result = new WP_Query($args);
+                if($result->have_posts()) : while ($result->have_posts() ) : $result->the_post();
+                ?>
+            <div class="recent_donet_item recent_donet_text1">
+              <div class="recent_donet_img">
+                <a href="<?php the_permalink();?>">
+                  <img
+                    src="<?= get_the_post_thumbnail_url(get_the_ID(),'full'); ?>"
+                    alt="Mike Richard"
+                  >
+                </a>
+              </div>
+
+              <div class="recent_donet_text">
+                <p>
+                  <i class="fa-regular fa-clock"></i>
+                  <span> <?php echo get_the_date('M d'); ?></span>
+                </p>
+                <h4>
+                  <a href="<?php the_permalink();?>"><?php the_title();?></a>
+                </h4>
+              </div>
+            </div>
+               <?php endwhile;endif;?>
+
+          </div>
+
+          <!-- Categories -->
+          <div id="custom-addon-wrapper" class="addon-wrapper">
+            <div id="custom-addon" class="clearfix">
+              <div class="addon-module sidebar-post">
+                <div class="addon-content">
+
+                  <div class="sidebar_heading_main">
+                    <h3>Categories</h3>
+                  </div>
+
+                  <ul class="categories-list">
+                  <?php 
+										  $categories = get_categories([
+								'number' => 5, // Limit to 5 categories
+								'orderby' => 'count', // Order by post count
+								'order'   => 'DESC' // Show most popular first
+							]);
+										foreach ($categories as $category) : 
+									?>
+                    <li>
+                      <a href="<?php echo get_category_link($category->term_id); ?>">
+                     	<?php echo esc_html($category->name); ?>
+                         <span>(<?php echo esc_html($category->count); ?>)</span>
+                      </a>
+                    </li>
+                     <?php endforeach; ?>
+                  </ul>
+
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- Share Causes -->
+          <div class="share_causes_wrapper sidebar_boxed">
+            <div class="sidebar_heading_main">
+              <h3>Share Causes</h3>
+            </div>
+
+            <div class="social_icon_sidebar">
+              <ul>
+                <li><a href="#"><i class="bi bi-facebook"></i></a></li>
+                <li><a href="#"><i class="bi bi-instagram"></i></a></li>
+                <li><a href="#"><i class="bi bi-twitter"></i></a></li>
+                <li><a href="#"><i class="bi bi-linkedin"></i></a></li>
+              </ul>
+            </div>
+          </div>
+
+        </div>
+      </div>
+      <!-- End Right Sidebar -->
+
+    </div>
+  </div>
+</section>
+<?php get_footer(); ?>

style.css

@@ -0,0 +1,16 @@
+/**
+ * Theme Name:        South City College of Science and Technology
+ * Theme URI:         https://example.com/fabled-sunset
+ * Description:       Custom theme description...
+ * Version:           1.0.0
+ * Author:            Roshan
+ * Author URI:        https://example.com
+ * Tags:              block-patterns, full-site-editing
+ * Text Domain:       fabled-sunset
+ * Domain Path:       /assets/lang
+ * Tested up to:      6.4
+ * Requires at least: 6.2
+ * Requires PHP:      7.4
+ * License:           GNU General Public License v2.0 or later
+ * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
+ */

templates/about.php

@@ -0,0 +1,227 @@
+<?php 
+/**
+ * Template Name: about page
+ 
+ */
+get_header(); ?>
+    <section class="section-top">
+        <div class="container">
+          <div class="col-lg-10 offset-lg-1 text-center">
+            <div class="section-top-title">
+              <h1>About</h1>
+              <ul>
+                <li><a href="/">Home</a></li>
+                <li class="ms-1"> / About</li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
+      </section>
+      <section class="about-us">
+        <div class="container">
+          <div class="row align-items-center g-4">
+            <div class="col-md-7">
+              <div class="heading">Overview</div>
+              <div class="desc">
+               <p>
+                South City College of Science and Technology is committed to providing quality education in the fields of science and information technology. The college focuses on building strong academic foundations, practical skills, and professional ethics to prepare students for successful careers in the modern technological world.
+                </p>
+
+                <p id="more-text" style="display: none;">
+                Affiliated with Kathmandu University, the college offers undergraduate programs designed to meet national and international academic standards. Through experienced faculty members, modern teaching methodologies, and a supportive learning environment, South City College emphasizes innovation, critical thinking, and hands-on learning.
+
+                The institution aims to nurture skilled professionals and responsible individuals who can contribute effectively to society, the IT industry, and the education sector, both within Nepal and beyond.
+                </p>
+
+                <p></p>
+              </div>
+              <a href="#" id="read-more-btn" class="view-events-btn">Read More</a>
+            </div>
+            <div class="col-md-5 d-flex justify-content-end" id="about-logo-area">
+              <div class="image-wrapper">  <!-- Wrapper to center the smoke -->
+                <img src="http://localhost/sccst/wp-content/uploads/2025/12/whitebg.png" alt="">
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- principal view -->
+ <section class="testi_area section-padding  overflow-hidden">
+    <div class="container">
+      <!-- Section Title -->
+      <div class="section-title" style="opacity: 1; transform: none; will-change: auto;">
+        <h2>What Our Founder Say To Do <br>Their Students</h2>
+      </div>
+  
+      <div class="row g-4">
+        <!-- Left Image Section -->
+       <div class="col-lg-6 col-sm-12 col-xs-12 animated-box2" style="opacity: 1; transform: none; will-change: auto;">
+          <div class="swiper swiper-initialized swiper-horizontal owl-carousel swiper-backface-hidden" id="testimonial-slider-left">
+            <div class="swiper-wrapper">
+              
+              <!-- Testimonial 1 -->
+              <div class="swiper-slide swiper-slide-active testimonial" style="width: 636px; margin-right: 40px;">
+                <img src="http://localhost/sccst/wp-content/uploads/2025/12/man.png" class="img121" alt="">
+               
+                <div class="testi_pic_title">
+                  <!-- <img src="./assets/image/image3.png" alt="img"> -->
+                  <h4>hello hello</h4>
+                  <p>Principal</p>
+                </div>
+              </div>
+                 <!-- Testimonial 1 -->
+              <div class="swiper-slide swiper-slide-active testimonial" style="width: 636px; margin-right: 40px;">
+                <img src="http://localhost/sccst/wp-content/uploads/2025/12/man.png" class="img121" alt="">
+               
+                <div class="testi_pic_title">
+                  <!-- <img src="./assets/image/image3.png" alt="img"> -->
+                  <h4>hello hello</h4>
+                  <p>Coordinator</p>
+                </div>
+              </div>
+              
+           
+  
+            </div>
+          </div>
+        </div>
+  
+        <!-- Right Testimonial Slider Section -->
+        <div class="col-lg-6 col-sm-12 col-xs-12 animated-box2" style="opacity: 1; transform: none; will-change: auto;">
+          <div class="swiper swiper-initialized swiper-horizontal owl-carousel swiper-backface-hidden" id="testimonial-slider-right">
+            <div class="swiper-wrapper">
+              
+              <!-- Testimonial 1 -->
+              <div class="swiper-slide swiper-slide-active testimonial testimonial121" style="width: 636px; margin-right: 40px;">
+                <img src="http://localhost/sccst/wp-content/uploads/2025/12/message.png" alt="">
+                <div class="testimonial_content">
+                  <p> namete every one Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consectetur sapiente adipisci cumque! Ratione expedita fuga libero eveniet id quisquam delectus omnis, nihil, voluptate reprehenderit maiores temporibus velit aspernatur a commodi!</p>
+                </div>
+                <!-- <div class="testi_pic_title">
+                  <img src="./assets/image/image3.png" alt="img">
+                  <h4>hello hello</h4>
+                  <p>developer</p>
+                </div> -->
+              </div>
+                 <!-- Testimonial 1 -->
+              <div class="swiper-slide swiper-slide-active testimonial testimonial121" style="width: 636px; margin-right: 40px;">
+                <img src="http://localhost/sccst/wp-content/uploads/2025/12/message.png" alt="">
+                <div class="testimonial_content">
+                  <p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consectetur sapiente adipisci cumque! Ratione expedita fuga libero eveniet id quisquam delectus omnis, nihil, voluptate reprehenderit maiores temporibus velit aspernatur a commodi!</p>
+                </div>
+                
+              </div>
+              
+           
+  
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+   
+
+            <!-- Vision Mission and GOAL part -->
+<section class=" vjn-msn-gl" 
+style="background-image: url('./assets/images/shape-1.png'); background-size: cover; background-position: center center;">
+<div class="container container2">
+  <div class="row" id="boxes">
+      <div class="col-lg-4 col-sm-12 col-xs-12 wow fadeInUp" id="card-part">
+        <div class="card vision">
+          <div class="icon"><i class="fa-solid fa-eye"></i></div>
+          <h2>Vision</h2>
+          <p>To build a world where individuals recovering from drug abuse have access to support, opportunities, and a strong community to help them lead fulfilling lives as future leaders.</p>
+      </div>
+      </div>
+      <div class="col-lg-4 col-sm-12 col-xs-12 wow fadeInUp" id="card-part">
+          <div class="card mission">
+              <div class="icon"><i class="fa-solid fa-rocket"></i></div>
+              <h2>Mission</h2>
+              <p> Empower recovering individuals through mental health support, skills training, job opportunities, and community engagement.</p>
+          </div>
+      </div>
+      <div class="col-lg-4 col-sm-12 col-xs-12 wow fadeInUp" id="card-part">
+          <div class="card goal">
+              <div class="icon"><i class="fa-solid fa-medal"></i></div>
+              <h2>Goal</h2>
+              <p> Reduce relapse, expand counseling, strengthen community support, and develop leadership among the recovering community.</p>
+          </div>
+      </div>
+  </div>
+</div>
+</section>
+<!-- we are providing the online course in global world part -->
+<section class="ab_area section-padding overflow-hidden">
+    <div class="container">
+        <div class="row g-4">
+            <!-- Image Section -->
+            <div class="col-lg-6 col-sm-12 col-xs-12 animated-box" id="" style="opacity: 1; transform: none; will-change: auto;">
+                <div class="ab_img" style="height: 100%;">
+                    <img src="http://localhost/sccst/wp-content/uploads/2025/12/school.png" class="img-fluid" style="height: 100%;" alt="image">
+                </div>
+            </div>
+
+            <!-- Content Section -->
+            <div class="col-lg-6 col-sm-12 col-xs-12 animated-box2" id="" style="opacity: 1; transform: none; will-change: auto;">
+                <div class="ab_content">
+                    <h2>South City College of Science and Technology</h2>
+
+                    <p>
+                        South City College of Science and Technology is a Kathmandu University affiliated institution focused on quality education in science and information technology.
+                    </p>
+
+                    <p>
+                        The college emphasizes practical learning, skilled faculty, and a supportive academic environment to prepare students for modern professional careers.
+                    </p>
+
+                    <ul>
+                        <li><i class="bi bi-check2"></i> Affiliated with <b>Kathmandu University (KU)</b></li>
+                        <li><i class="bi bi-check2"></i> Focused on <b>Science and Information Technology</b></li>
+                        <li><i class="bi bi-check2"></i> Practical and career-oriented learning</li>
+                    </ul>
+
+                    <a class="btn_one" href="#">
+                        Explore Our Programs <i class="bi bi-arrow-up-right"></i>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+
+
+<section class="section-padding insfreecourse overflow-hidden">
+    <div class="container">
+      <div class="row" style="opacity: 1; transform: none; will-change: auto;">
+
+        <!-- Free Courses Card -->
+        <div class="col-lg-6 col-sm-12 col-xs-12">
+          <div class="single_ins" 
+               style="background-image: url('http://localhost/sccst/wp-content/uploads/2025/12/aboutpage.png'); background-size: cover; background-position: center center;">
+            <div class="single_ins_content">
+              <h4>Build Your Career</h4>
+              <h1>Become an Tech Expert</h1>
+              <p>Learn at your own pace, move between favourite courses.</p>
+              <a class="btn_one btn222" href="#" data-bs-toggle="modal" data-bs-target="#applyModal">Apply now <i class="bi bi-arrow-up-right"></i></a>
+            </div>
+          </div>
+        </div>
+         <div class="col-lg-6 col-sm-12 col-xs-12">
+          <div class="single_ins" 
+               style="background-image: url('http://localhost/sccst/wp-content/uploads/2025/12/aboutpage.png'); background-size: cover; background-position: center center;">
+            <div class="single_ins_content">
+              <h4>Build Your Career</h4>
+              <h1>Lets message us</h1>
+              <p>Learn at your own pace, move between multiple courses.</p>
+              <a class="btn_one btn222" href="./contact.html">Contact now <i class="bi bi-arrow-up-right"></i></a>
+            </div>
+          </div>
+        </div>
+  
+      </div>
+    </div>
+  </section>
+<?php get_footer(); ?>

templates/bit.php

@@ -0,0 +1,110 @@
+<?php 
+/**
+ * Template Name: bit page
+ 
+ */
+get_header(); ?>
+
+<!-- HERO WITH IMAGE -->
+<section class="bit-hero">
+  <div class="container hero-grid animate">
+    <div>
+      <span class="badge">KU Affiliated</span>
+      <h1>Bachelor of Information Technology (BIT)</h1>
+      <p>
+        Build a strong foundation in modern IT, software development, and computing
+        technologies at South City College of Science and Technology.
+      </p>
+      <a href="#" class="btn-primary">Apply Now</a>
+    </div>
+
+    <div class="hero-image">
+      <img src="http://localhost/sccst/wp-content/uploads/2025/12/bit.png" alt="BIT Students">
+    </div>
+  </div>
+</section>
+
+<!-- OVERVIEW -->
+<section class="bit-details">
+  <div class="container grid">
+    
+    <div class="content animate">
+      <h2>Program Overview</h2>
+      <p>
+        The BIT program focuses on developing skilled IT professionals with strong
+        analytical thinking, programming skills, and real-world problem-solving ability.
+      </p>
+
+      <h3>Why Choose BIT at South City?</h3>
+      <ul>
+        <li><i class="bi bi-check2"></i> Hands-on practical learning</li>
+        <li><i class="bi bi-check2"></i> Modern computer labs</li>
+        <li><i class="bi bi-check2"></i> Project & research-based education</li>
+        <li><i class="bi bi-check2"></i> Experienced faculty members</li>
+      </ul>
+    </div>
+
+    <div class="image-card animate">
+      <img src="http://localhost/sccst/wp-content/uploads/2025/12/lab.png" alt="Computer Lab">
+      <span>Modern Computer Labs</span>
+    </div>
+
+  </div>
+</section>
+
+<!-- FEATURES WITH ICON STYLE -->
+<section class="bit-features">
+  <div class="container">
+    <h2 class="animate">Key Learning Areas</h2>
+
+    <div class="features-grid">
+      <div class="feature-box animate">
+        <img src="images/programming.jpg" alt="">
+        <h4>Programming</h4>
+        <p>C, Java, Python & modern frameworks</p>
+      </div>
+
+      <div class="feature-box animate">
+        <img src="images/web.jpg" alt="">
+        <h4>Web Development</h4>
+        <p>HTML, CSS, JS & backend technologies</p>
+      </div>
+
+      <div class="feature-box animate">
+        <img src="images/database.jpg" alt="">
+        <h4>Database Systems</h4>
+        <p>SQL, data modeling & management</p>
+      </div>
+
+      <div class="feature-box animate">
+        <img src="images/network.jpg" alt="">
+        <h4>Networking</h4>
+        <p>Computer networks & security basics</p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- CAREER + IMAGE -->
+<section class="bit-career">
+  <div class="container career-grid">
+   <div class="career-image animate video-box">
+  <video autoplay muted loop playsinline>
+    <source src="http://localhost/sccst/wp-content/uploads/2025/12/bit-video.mp4" type="video/mp4">
+    Your browser does not support the video tag.
+  </video>
+</div>
+
+    <div class="career-content animate">
+      <h2>Career Opportunities</h2>
+      <ul>
+        <li><i class="bi bi-check2"></i> Software Developer</li>
+        <li><i class="bi bi-check2"></i> Web & Mobile App Developer</li>
+        <li><i class="bi bi-check2"></i> System Analyst</li>
+        <li><i class="bi bi-check2"></i> Database Administrator</li>
+        <li><i class="bi bi-check2"></i> IT Trainer</li>
+      </ul>
+    </div>
+  </div>
+</section>
+<?php get_footer(); ?>

templates/blog-list.php

@@ -0,0 +1,78 @@
+<?php 
+
+/**
+ * Template Name: blog page
+ 
+ */
+get_header(); ?>
+    <section class="section-top">
+        <div class="container">
+          <div class="col-lg-10 offset-lg-1 text-center">
+            <div class="section-top-title">
+              <h1>Blogs</h1>
+              <ul>
+                <li><a href="/">Home</a></li>
+                <li class="ms-1"> / Blogs</li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
+      </section>
+
+   <!-- blog and news part -->
+  <section id="blog" class="blog_area section-padding overflow-hidden">
+    <div class="container animated-box1" style="opacity: 1; transform: none; will-change: auto;">
+      <!-- Section Title -->
+      <div class="section-title text-center">
+        <h2>Latest Blog &amp; News</h2>
+        <p>We offer a brand new approach to the most basic learning paradigms. Choose from a wide range of learning options and gain new skills! Our school is known.</p>
+      </div>
+     <?php
+	
+      $args = array(
+          'posts_per_page' => -1, // Fetch all posts
+	   
+      );
+      $query = new WP_Query($args);
+      ?>
+      <!-- Blog Entries -->
+      <div class="row g-4">
+       <?php 
+       if($query->have_posts()) : while ($query->have_posts()) : $query->the_post();
+          $categories = get_the_category();
+          ?>
+        <!-- Blog 1 -->
+           <div class="col-lg-4 col-sm-6 col-xs-12 mb-4 blog-card122">
+          <div class="single_blog">
+            <a href="<?php the_permalink(); ?>"><img src="<?= get_the_post_thumbnail_url(get_the_ID(), 'full'); ?>" class="img-fluid" alt="image">
+          </a>
+            <div class="content_box">
+              <span>
+                <div>
+                  <i class="fa-solid fa-calendar-days"></i> <?= the_date('M d, Y'); ?>
+                  </div>
+                  <?php 
+                              // Display category names
+                              if (!empty($categories)) {
+                                  foreach ($categories as $category) {
+                                     echo '<a href="' . esc_url(get_category_link($category->term_id)) . '"> <i class="fas fa-th-list"></i> ' . esc_html($category->name) . '</a>';
+                                  }
+                              } else {
+                                  echo 'Uncategorized';
+                              }
+                              ?>
+			
+        </span>
+              <h2><a href="<?php the_permalink(); ?>"><?= esc_html(mb_substr(get_the_title(), 0, 26)) . (strlen(get_the_title()) > 26 ? '...':'');?></a></h2>
+            </div>
+          </div>
+        </div>
+         <?php endwhile; wp_reset_postdata(); endif;?>
+      </div>
+    </div>
+  </section>
+  <nav class="mt-4">
+  <ul class="pagination justify-content-center" id="pagination"></ul>
+</nav>
+<?php get_footer(); ?>

templates/btech.php

@@ -0,0 +1,123 @@
+<?php 
+/**
+ * Template Name: btech page
+
+ */
+get_header(); ?>
+
+<!-- HERO WITH IMAGE -->
+<section class="bit-hero">
+  <div class="container hero-grid animate">
+    <div>
+      <span class="badge">Kathmandu University Affiliated</span>
+        <h1>Bachelor of Technical Education (B.Tech. Ed.) in Information Technology</h1>
+        <p>
+        The B.Tech. Ed. in Information Technology program prepares competent IT professionals
+        with strong technical expertise and teaching skills for both industry and academic careers.
+        </p>
+        <a href="#" class="btn-primary">Apply Now</a>
+
+    </div>
+
+    <div class="hero-image">
+      <img src="http://localhost/sccst/wp-content/uploads/2025/12/btech.png" alt="BIT Students">
+    </div>
+  </div>
+</section>
+
+<!-- OVERVIEW -->
+<section class="bit-details">
+  <div class="container grid">
+    
+    <div class="content animate">
+        <h2>Program Overview</h2>
+        <p>
+        The Bachelor of Technical Education (B.Tech. Ed.) in Information Technology is a
+        four-year undergraduate program designed to produce skilled IT professionals
+        who are also qualified technical educators. The program integrates modern
+        information technology with pedagogical and educational training.
+        </p>
+
+        <h3>Why Choose B.Tech. Ed. IT at South City?</h3>
+        <ul>
+        <li>Combination of IT skills and teaching methodology</li>
+        <li>Strong focus on practical and lab-based learning</li>
+        <li>Industry-relevant IT curriculum</li>
+        <li>Training for teaching, training, and professional careers</li>
+        <li>Experienced academic and technical faculty</li>
+</ul>
+ </div>
+
+    <div class="image-card animate">
+      <img src="http://localhost/sccst/wp-content/uploads/2025/12/lab.png" alt="Computer Lab">
+<span>Advanced IT & Teaching Labs</span>
+    </div>
+
+ 
+  </div>
+</section>
+
+ 
+
+<!-- FEATURES WITH ICON STYLE -->
+<section class="bit-features">
+  <div class="container">
+    <h2 class="animate">Key Learning Areas</h2>
+
+    <div class="features-grid">
+      <div class="feature-box animate">
+        <img src="images/programming.jpg" alt="">
+        <h4>Programming & Software Development</h4>
+<p>C, Java, Python, Object-Oriented Programming</p>
+
+      </div>
+
+      <div class="feature-box animate">
+        <img src="images/web.jpg" alt="">
+        <h4>Web & Application Development</h4>
+<p>Frontend, Backend, Database-driven applications</p>
+
+      </div>
+
+      <div class="feature-box animate">
+        <img src="images/database.jpg" alt="">
+       <h4>Computer Systems & Networking</h4>
+<p>Operating Systems, Networking, Security fundamentals</p>
+
+      </div>
+
+      <div class="feature-box animate">
+        <img src="images/network.jpg" alt="">
+        <h4>Educational Technology</h4>
+<p>Teaching methods, curriculum development, ICT in education</p>
+
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- CAREER + IMAGE -->
+<section class="bit-career">
+  <div class="container career-grid">
+   <div class="career-image animate video-box">
+  <video autoplay muted loop playsinline>
+    <source src="http://localhost/sccst/wp-content/uploads/2025/12/bit-video.mp4" type="video/mp4">
+    Your browser does not support the video tag.
+  </video>
+</div>
+
+    <div class="career-content animate">
+     <h2>Career Opportunities</h2>
+        <ul>
+        <li>IT Instructor / Technical Teacher</li>
+        <li>Software Developer</li>
+        <li>Web & Mobile Application Developer</li>
+        <li>System Analyst</li>
+        <li>IT Officer / Network Administrator</li>
+        <li>Technical Trainer (TVET / Training Institutes)</li>
+        </ul>
+
+    </div>
+  </div>
+</section>
+<?php get_footer(); ?>

templates/contact.php

@@ -0,0 +1,123 @@
+<?php 
+/**
+ * Template Name: contact page
+ 
+ */
+get_header(); ?>
+<section class="section-top" >
+        <div class="container">
+          <div class="col-lg-10 offset-lg-1 text-center">
+            <div class="section-top-title">
+              <h1>Get In Touch</h1>
+              <ul>
+                <li><a href="/">Home</a></li>
+                <li class="ms-1"> / Contact</li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </section>
+
+    <section id="contact" class="contact_area pt-0 overflow-hidden">
+        <div class="container">
+          <div class="row g-4">
+            
+            <div class="section-title section-title111" style="opacity: 1; transform: none; will-change: auto;">
+        <h2>Do you have any Query?<br>Submit Your message.</h2>
+      </div>
+            <!-- Contact Form Section -->
+            <div class="col-lg-7 col-sm-12 col-xs-12" style="opacity: 1; transform: none; will-change: auto;">
+              <div class="contact">
+             <form class="form" method="post" action="<?php echo esc_url(admin_url('admin-post.php')); ?>">
+  
+            <?php wp_nonce_field('contact_form_nonce', 'contact_nonce'); ?>
+            <input type="hidden" name="action" value="submit_contact_form">
+
+            <div class="row">
+
+              <div class="form-group col-md-6">
+                <label>Name</label>
+                <input type="text" name="name" class="form-control" required>
+              </div>
+
+              <div class="form-group col-md-6">
+                <label>Your Email</label>
+                <input type="email" name="email" class="form-control" required>
+              </div>
+
+              <div class="form-group col-md-6">
+                <label>Your Contact Number</label>
+                <input type="text" name="contact_number" class="form-control" required>
+              </div>
+
+              <div class="form-group col-md-6">
+                <label>Your Subject</label>
+                <input type="text" name="subject" class="form-control" required>
+              </div>
+
+              <div class="form-group col-md-12">
+                <label>Your Message</label>
+                <textarea rows="6" name="message" class="form-control" required></textarea>
+              </div>
+
+              <div class="col-md-12">
+                <button type="submit" class="view-events-btn">
+                  <i class="fa-regular fa-paper-plane"></i> Send Message
+                </button>
+              </div>
+
+            </div>
+          </form>
+
+              </div>
+            </div>
+            <div class="col-lg-5 col-sm-12 col-xs-12" style="opacity: 1; transform: none; will-change: auto;">
+                <div class="contact-section">
+                    <!-- Google Map Section -->
+                    <div class="map-container">
+                      <iframe 
+                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d349918.929166137!2d25.607028971741746!3d44.426763482132836!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b20f8d4e9c22b3%3A0xe381d77b3f7bcf7d!2z0KDQvtCy0YDQsdGB0YLQuCDQu9Gf0YHQutCw!5e0!3m2!1sen!2sus!4v1588903576721!5m2!1sen!2sus" 
+                        allowfullscreen 
+                        aria-hidden="false" 
+                        tabindex="0">
+                      </iframe>
+                    </div>
+                
+                    <!-- Footer Section -->
+                   
+                  </div>
+            </div>
+              <div class="contact-info">
+                <div class="contact-item">
+                  <a href="mailto:needhelp@company.com">
+                    <i class="fa-solid fa-envelope"></i>
+                    <div class="data">
+                      <span>needhelp@company.com</span>
+                      <span>needhelp@company.com</span>
+                    </div>
+                  </a>
+                </div>
+                <div class="contact-item">
+                  <a href="tel:+90840938334">
+                    <i class="fa-solid fa-phone"></i>
+                    <div class="data">
+                      <span>+90840938334</span>
+                      <span>+977-9843484384</span>
+                    </div>
+                  </a>
+                </div>
+                <div class="contact-item">
+                  <a href="mailto:needhelp@company.com">
+                    <i class="fa-solid fa-location-dot"></i>
+                    <div class="data">
+                      <span>Birgunj-15</span>
+                      <span>Birgunj, Parsa</span>
+                    </div>
+                  </a>
+                </div>
+              
+            </div>
+          </div>
+        </div>
+    </section>
+<?php get_footer(); ?>

templates/event-list.php

@@ -0,0 +1,83 @@
+<?php 
+
+/**
+ * Template Name: event page
+ 
+ */
+get_header(); ?>
+    <section class="section-top">
+        <div class="container">
+          <div class="col-lg-10 offset-lg-1 text-center">
+            <div class="section-top-title">
+              <h1>Events</h1>
+              <ul>
+                <li><a href="/">Home</a></li>
+                <li class="ms-1"> / events</li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
+      </section>
+ <section class="event-section">
+  <div class="container">
+    <!-- Section Title -->
+     <div class="section-title text-center">
+        <h2>Latest Events</h2>
+        <p>We offer a brand new approach to the most basic learning paradigms. Choose from a wide range of learning options and gain new skills! Our school is known.</p>
+      </div>
+
+    <div class="row">
+
+         <?php
+            $args = [
+                'post_type'      => 'event',      
+                'posts_per_page' => -1,           
+                'post_status'    => 'publish',    
+				      
+            ];
+
+            $events = new WP_Query($args);
+
+            if ($events->have_posts()) :
+                while ($events->have_posts()) : $events->the_post();
+                    $event_date1   = get_the_date('j');
+                    $event_date2   = get_the_date('M');
+                    $event_image   = get_the_post_thumbnail_url(get_the_ID(), 'full');
+                    $event_time    = get_field('event_time');
+                    $event_location = get_field('event_location');
+                    $event_title   = get_the_title();
+            ?>
+      <div class="col-md-4 event123 gallery-item">
+        <a href="<?php the_permalink(); ?>">
+          <div class="card event-card event-list1">
+            <img src="<?= esc_url($event_image); ?>" alt="">
+             <div class="event-date-badge">
+            <span class="month"><?= esc_attr($event_date1); ?></span>
+            <span class="day"><?= esc_attr($event_date2); ?></span>
+          </div>
+            <div class="card-img-overlay1">
+              <div class="event-meta">
+                <!-- <span><i class="bi bi-calendar-event"></i> 2025-12-23</span> -->
+                <span><i class="bi bi-clock"></i><?= esc_attr($event_time); ?></span>
+                <span><i class="bi bi-geo-alt"></i><?= esc_attr($event_location); ?></span>
+              </div>
+
+              <h2 class="event-title">
+              <?= esc_html(mb_substr($event_title, 0, 30)) . (mb_strlen($event_title) > 30 ? '...' : ''); ?>
+              </h2>
+            </div>
+          </div>
+        </a>
+      </div> 
+  <?php endwhile; wp_reset_postdata(); endif; ?>
+
+    
+  </div>
+    </div>
+</section>
+
+     <nav class="mt-4">
+  <ul class="pagination justify-content-center" id="pagination"></ul>
+</nav>
+<?php get_footer(); ?>

templates/image.php

@@ -0,0 +1,73 @@
+<?php 
+/**
+ * Template Name: image page
+ 
+ */
+get_header(); ?>
+<section class="section-top" >
+        <div class="container">
+            <div class="col-lg-10 offset-lg-1 text-center">
+                <div class="section-top-title">
+                    <h1>Explore Our Gallery</h1>
+                    <ul>
+                        <li><a href="/">Home</a></li>
+                        <li class="ms-1"> / Images</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="gallery-area pt-100 pb-100">
+        <div class="container">
+            <div class="row">
+            <?php
+            $args = [
+                'post_type'      => 'gallery',
+                'posts_per_page' => -1,
+                'post_status'    => 'publish',
+            ];
+
+            $result = new WP_Query($args);
+
+            if ($result->have_posts()) :
+                while ($result->have_posts()) : $result->the_post();
+
+                    $image_url = get_field('image'); // ACF image field
+                    $title     = get_the_title();
+                    $desc      = get_the_content();
+
+                    if ($image_url) :
+            ?>
+                <!-- Image with Lightbox -->
+                <div class="col-lg-3 mb-4 col-md-6 gallery-item">
+                    <a href="<?php echo esc_url($image_url); ?>" data-fancybox="gallery" data-caption="Caption 1">
+                        <div class="gallery-img">
+                            <img src="<?php echo esc_url($image_url); ?>" alt="Image 1">
+                            <div class="hover-effect">
+                                <h2><?php echo esc_html($title); ?></h2>
+                                <p> <?php
+                                echo esc_html(
+                                    mb_substr(wp_strip_all_tags($desc), 0, 20) .
+                                    (mb_strlen(wp_strip_all_tags($desc)) > 20 ? '...' : '')
+                                );
+                                ?>
+                             </p>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+
+                <?php
+                    endif;
+                endwhile;
+            endif;
+
+            wp_reset_postdata();
+            ?>
+            </div>
+        </div>
+    </section>
+    <nav class="mt-4">
+  <ul class="pagination justify-content-center" id="pagination"></ul>
+</nav>
+<?php get_footer(); ?>

templates/video.php

@@ -0,0 +1,93 @@
+<?php 
+/**
+ * Template Name: video page
+ 
+ */
+get_header(); ?>
+<section class="section-top">
+    <div class="container">
+        <div class="col-lg-10 offset-lg-1 text-center">
+            <div class="section-top-title">
+                <h1>Explore Our Gallery</h1>
+                <ul>
+                    <li><a href="/">Home</a></li>
+                    <li class="ms-1"> / Videos</li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="custom-gallery-container">
+    <div class="container">
+        <div class="row">
+
+        <?php
+        $args = array(
+            'post_type'      => 'video',
+            'posts_per_page' => -1,
+            'post_status'    => 'publish'
+        );
+
+        $result = new WP_Query($args);
+
+        if ($result->have_posts()) :
+            while ($result->have_posts()) : $result->the_post();
+
+                $video_url = get_field('youtube_video'); // SINGLE ACF field
+                $title     = get_the_title();
+                $desc      = get_the_content();
+
+                if (!$video_url) continue;
+
+                // Extract YouTube Video ID
+                if (preg_match('/(?:youtube\.com\/.*v=|youtu\.be\/)([^"&?\/\s]{11})/', $video_url, $matches)) {
+                    $video_id = $matches[1];
+                } else {
+                    continue;
+                }
+        ?>
+
+            <div class="col-lg-3 col-md-6 mb-3 custom-gallery-item gallery-item">
+                <a href="#"
+                   data-bs-toggle="modal"
+                   data-bs-target="#videoModal"
+                   data-video="https://www.youtube.com/embed/<?php echo esc_attr($video_id); ?>"
+                   data-type="youtube">
+
+                    <div class="custom-gallery-img">
+                        <img src="https://img.youtube.com/vi/<?php echo esc_attr($video_id); ?>/mqdefault.jpg"
+                             class="img-fluid"
+                             alt="<?php echo esc_attr($title); ?>">
+
+                        <div class="play-icon">
+                            <i class="fas fa-play"></i>
+                        </div>
+                    </div>
+                </a>
+
+                <div class="video-description">
+                    <h3><?php echo esc_html($title); ?></h3>
+                    <p>
+                        <?php
+                        echo esc_html(mb_substr(wp_strip_all_tags($desc), 0, 50));
+                        echo (mb_strlen($desc) > 50) ? '...' : '';
+                        ?>
+                    </p>
+                </div>
+            </div>
+
+        <?php
+            endwhile;
+            wp_reset_postdata();
+        endif;
+        ?>
+
+        </div>
+    </div>
+</section>
+
+  <nav class="mt-4">
+  <ul class="pagination justify-content-center" id="pagination"></ul>
+</nav>
+<?php get_footer(); ?>