diff --git a/aboutpage.html b/aboutpage.html index a8c4ef1..b6c2068 100644 --- a/aboutpage.html +++ b/aboutpage.html @@ -4,13 +4,14 @@ - Courses + About page + - + @@ -24,15 +25,160 @@ " rel="stylesheet"> - - + + - - +
@@ -45,7 +191,111 @@
+
+
+
+
+
+
Overview
+
+

+ 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. +

+ + + +

+
+ Read More +
+
+
+ +
+
+
+
+
+ +
+
+ +
+

What Our Founder Say To Do
Their Students

+
+ +
+ +
+ +
+ + +
+ +
+
+
+
@@ -97,6 +347,35 @@
+ +
+
+
+
+
+
+

Vision

+

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.

+
+
+
+
+
+

Mission

+

Empower recovering individuals through mental health support, skills training, job opportunities, and community engagement.

+
+
+
+
+
+

Goal

+

Reduce relapse, expand counseling, strengthen community support, and develop leadership among the recovering community.

+
+
+
+
+
@@ -104,7 +383,7 @@
- image + image
@@ -126,7 +405,7 @@
-
@@ -139,8 +418,8 @@ style="background-image: url(./assets/images/child.jpg); background-size: cover;
-
- --> +
@@ -189,7 +468,7 @@ style="background-image: url(./assets/images/child.jpg); background-size: cover;
+ style="background-image: url('./assets/image/aboutpage.png'); background-size: cover; background-position: center center;">

Build Your Career

Become an Instructor

@@ -202,7 +481,7 @@ style="background-image: url(./assets/images/child.jpg); background-size: cover;
+ style="background-image: url('./assets/image/aboutpage.png'); background-size: cover; background-position: center center;">

Build Your Career

Get Free Courses

@@ -215,118 +494,103 @@ style="background-image: url(./assets/images/child.jpg); background-size: cover;
-
+ + + +
- -
-

What Student’s Say To Do
Their Online Course

-
- - -
-
- + +
+
+

© 2025. All Rights Reserved.

+
+
- - + + + + + \ No newline at end of file diff --git a/assets/aboutpage.css b/assets/aboutpage.css index 6537800..4895a2e 100644 --- a/assets/aboutpage.css +++ b/assets/aboutpage.css @@ -82,4 +82,232 @@ background: #525fe1; padding: 10px; border-radius: 5px; -} \ No newline at end of file +} +/* 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; + } +} diff --git a/assets/contact.css b/assets/contact.css new file mode 100644 index 0000000..a95c79b --- /dev/null +++ b/assets/contact.css @@ -0,0 +1,150 @@ +@import url(./style.css); +.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: 30px; +} +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(--primary-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; + } +} + diff --git a/assets/image/aboutpage.png b/assets/image/aboutpage.png new file mode 100644 index 0000000..ad37da5 Binary files /dev/null and b/assets/image/aboutpage.png differ diff --git a/assets/image/message.png b/assets/image/message.png new file mode 100644 index 0000000..380c36b Binary files /dev/null and b/assets/image/message.png differ diff --git a/assets/image/whitebg.png b/assets/image/whitebg.png new file mode 100644 index 0000000..97786b4 Binary files /dev/null and b/assets/image/whitebg.png differ diff --git a/assets/style.css b/assets/style.css index feca195..2401571 100644 --- a/assets/style.css +++ b/assets/style.css @@ -30,7 +30,7 @@ /* Backgrounds */ --background-color: #ffffff; --background-light: #ffffff; - --background-accent: #ecedff; + --background-accent: #f5f5fd;; --background-dark: #dddddd; /* Counter Section */ @@ -49,10 +49,10 @@ --shadow-color: #01297014; } - body { height: 100%; padding-top: 132px; + margin:0; } /* Large tablets / small laptops */ @@ -83,6 +83,67 @@ h1, h2, h3, h4, h5, h6 { font-weight: 400; } + +/* popup modal of home page */ +/* Overlay background */ +.notice-overlay { + position: fixed; + inset: 0; + background: rgba(0, 0, 0, 0.5); + backdrop-filter: blur(6px); /* blur screen */ + display: flex; + align-items: center; + justify-content: center; + z-index: 9999; +} + +/* Modal box */ +.notice-modal { + position: relative; + max-width: 600px; + width: 90%; + background: #fff; + border-radius: 8px; + padding: 10px; + animation: zoomIn 0.3s ease; +} + +/* Notice image */ +.notice-modal img { + width: 100%; + border-radius: 6px; + display: block; +} + +/* Close button */ +.close-btn { + position: absolute; + top: -12px; + right: -12px; + width: 32px; + height: 32px; + background: #ff3b3b; + color: #fff; + border: none; + border-radius: 50%; + font-size: 20px; + cursor: pointer; +} + +/* Animation */ +@keyframes zoomIn { + from { + transform: scale(0.85); + opacity: 0; + } + to { + transform: scale(1); + opacity: 1; + } +} + +/* popup end */ + section.team_area { padding: 80px 0 ; } @@ -128,7 +189,29 @@ html { /* .after-nabar{ margin-top: 6%; } */ +.apply1{ + background-color: var(--primary-color1); + color: var(--font-color1); + transition: 0.3s all ease-out; + border-radius: 3px; +} +.apply1:hover{ + background-color: var(--hover-color); +} +.apply-btn { + display: inline-block; + padding: 10px 22px; + background-color: #ff6b00; /* change color if needed */ + color: #fff !important; + font-weight: 600 !important; + text-decoration: none; + border-radius: 4px; + transition: all 0.3s ease; +} +.apply1:hover .apply-btn { + color: #fff; +} /* hamburger part */ .hamburgermenu { @@ -751,15 +834,26 @@ justify-content: center; transform-origin: left; transition: transform 0.35s ease; } +.nav-link.apply-now span::after { + display: none; +} #navbar #navbarNavDropdown .subdropdown-menu li a:hover::after { transform: scaleX(1); - width: 60%; + width: 80%; +} +#navbar #navbarNavDropdown .subdropdown-menu .vdo a:hover::after { + transform: scaleX(1); + width: 70%; } #navbar .apply-now{ background-color: var(--primary-color1); border-radius: 3px; + transition: 0.3s ease-out; } +#navbar .apply-now:hover{ + background-color: var(--hover-color); +} #navbar .apply-now span{ color: var(--font-color1) !important; @@ -819,7 +913,7 @@ height: 90px; background:var(--primary-color1); -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 10px 3px #0000000d; - left: -55px; + left: -34px; list-style: outside none none; margin: 0; opacity: 0; @@ -833,10 +927,16 @@ height: 90px; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; visibility: hidden; - width: 210px; + width: 193px; z-index: 999; border-radius: 4px; +} +#navbar #navbarNavDropdown .subdropdown-menu11 { + left: 0px !important; + + width: 120% !important; + } #navbar #navbarNavDropdown ul li:hover .subdropdown-menu { opacity: 1; @@ -959,6 +1059,7 @@ height: 90px; font-weight: 600; margin-bottom: 0; color: var(--primary-color1); + font-size: 29px; } /* Counter Text */ @@ -1159,7 +1260,13 @@ margin-bottom: 80px; text-align: center !important; } } - +.column__stack.column__full{ + margin-bottom: 40px; + transition: 0.3s all ease-out; +} +.column__stack.column__full:hover img{ + transform: scale(0.97); +} .cta.-type-1 { z-index: 0; position: relative; @@ -1767,6 +1874,10 @@ ul { border-radius: 5px; margin: 0; } +.testimonial121 { + border: none !important; + +} .swiper-slide { flex-shrink: 0; width: 100%; @@ -1779,7 +1890,12 @@ ul { width: 60px; margin-bottom: 20px; } - +.testimonial .img121 { + width: 54%; + height: 254px; + margin-left: 124px; + margin-bottom: 20px; +} .testimonial_content i { color: #fff; font-size: 22px; @@ -1837,6 +1953,18 @@ ul { font-size: 16px; line-height: 28px; } + .swiper-slide { + width: 100% !important; + } + .testimonial .img121 { + margin-left: 0px; + width: 100%; + object-fit: contain; + } + #about-logo-area img{ + display: none; + } + } @media (max-width: 479px) { .testimonial_content p { @@ -1844,7 +1972,7 @@ ul { } } .footer { - background: #f5f5fd; + background: var(--background-accent); } .section-padding { padding: 81px 0; @@ -1884,7 +2012,7 @@ ul { transition: all .3s ease 0s; margin-right: 10px; font-size: 16px; - color: #000; + color: var(--primary-color1); display: block; width: 40px; height: 40px; @@ -2103,3 +2231,578 @@ ul { font-size: 40px !important; } } +.section-top { + padding-top: 150px; + position: relative; + padding-bottom: 90px; + background: url(/assets/image/school.png) center center / cover; + background-position: center center; +} +/* Light dim overlay */ +.section-top::before { + content: ""; + position: absolute; + inset: 0; + background: rgba(0, 0, 50, 0.5); /* increase for more light */ + z-index: 1; +} + +/* Keep content above overlay */ +.section-top > * { + position: relative; + z-index: 2; +} +.section-top-title { + position: relative; +} +.section-top-title h1 { + margin-bottom: 10px; + text-transform: capitalize; + font-weight: 700; + font-size: 50px; + color: var(--font-color1); +} +.section-top-title ul li { + color: var(--background-color) !important; + display: inline-block; +} +.section-top-title ul li a { + color:var(--hover-color) !important; + font-weight: 600; +} + +/* image */ +.gallery-area { + margin: 56px 0px; +} +.gallery-img { + position: relative; + overflow: hidden; + width: 100%; + border-radius: 12px; +} +.header-logo-menu.stick.semi-transparent, .gallery-img, .gallery-img .hover-effect { + background: rgba(0, 0, 0, 0.85); +} +.gallery-img img + + { + width: 100%; + height: 199px; + object-fit: cover; + display: block; + position: relative; + transform: scale(1); + transition: transform 0.7s ease-in-out; +} +.gallery-img .hover-effect { + opacity: 0; + background: rgba(0, 0, 0, 0.7); + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + transition: opacity 0.5s ease-in-out; +} +.gallery-img h2 { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); + color: var(--primary-color) !important; + font-size: 16px; + line-height: 28px; + margin: 20px auto 10px; + font-weight: 600; + opacity: 0; + padding: 9px 0; + text-align: center; + text-transform: uppercase; + transform: scale(0.8); + transition: all 0.4s ease-in-out; +} +.gallery-img p { + color: #ffffff; + /* margin: 0 30px; */ + opacity: 0; + text-align: center; + transform: scale(0.8); + transition: all 0.4s ease-in-out; +} +.gallery-img:hover img { + transform: scale(1.1); +} +.gallery-img:hover .hover-effect { + opacity: 1; +} +.lightbox .lb-image { +object-fit: cover; +} +/* Text Animation */ +.gallery-img p { + color: #ffffff; + /* margin: 0 30px; */ + opacity: 0; + text-align: center; + transform: scale(0.8); + transition: all 0.4s ease-in-out; +} + +/* Reveal text on hover */ +.gallery-img:hover h2, +.gallery-img:hover p { + opacity: 1; + transform: scale(1); +} +.lightboxOverlay { + position: absolute; + top: 0; + left: 0; + z-index: 9999; + background-color: black; + opacity: 0.8; + display: none; +} +.lightbox { + position: absolute; + left: 0; + width: 100%; + z-index: 10000; + text-align: center; + line-height: 0; + font-weight: normal; + outline: none; +} + +.lb-outerContainer { + position: relative; + width: 250px; + height: 250px; + margin: 0 auto; + border-radius: 4px; + background-color: white; +} +.lightbox .lb-image { + display: block; + height: auto; + max-width: inherit; + max-height: none; + border-radius: 3px; + border: 4px solid white; +} + +.lightbox .lb-image { + object-fit: cover; +} +.lightbox img { + width: 690px !important; + height: 370px !important; + /* object-fit: cover; */ +} +.lb-nav { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 10; +} +.lb-nav a.lb-prev + { + width: 34%; + left: 0; + float: left; + background: url(../images/prev.png) left 48% no-repeat; + opacity: 0; + -webkit-transition: opacity 0.6s; + -moz-transition: opacity 0.6s; + -o-transition: opacity 0.6s; + transition: opacity 0.6s; +} + +.lb-nav a { + outline: none; + background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); +} +.lb-nav a.lb-next { + width: 64%; + right: 0; + float: right; + background: url(../images/next.png) right 48% no-repeat; + opacity: 0; + -webkit-transition: opacity 0.6s; + -moz-transition: opacity 0.6s; + -o-transition: opacity 0.6s; + transition: opacity 0.6s; +} +.lb-prev, .lb-next { + height: 100%; + cursor: pointer; + display: block; +} +.lb-loader { + position: absolute; + top: 43%; + left: 0; + height: 25%; + width: 100%; + text-align: center; + line-height: 0; +} +.lb-cancel { + display: block; + width: 32px; + height: 32px; + margin: 0 auto; + background: url(../images/loading.gif) no-repeat; +} +.lb-outerContainer:after { + content: ""; + display: table; + clear: both; +} +.lb-dataContainer { + margin: 0 auto; + padding-top: 5px; + width: 100%; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.lb-data { + padding: 0 4px; + color: #ccc; +} +/* video section */ +.custom-gallery-container { + padding-top: 100px; + padding: 80px 0; +} +.custom-gallery-img + { + position: relative; +} +.custom-gallery-img img { + width: 100%; + height: 199px; + object-fit: cover; + border-radius: 10px; +} +.play-icon { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 40px; + color: white; + opacity: 0; + transition: opacity 0.3s ease; +} +.custom-gallery-item .video-description { + text-align: center; + margin-top: 10px; + font-size: 14px; + color: #555; +} +.custom-gallery-item .video-description h3 { + font-size: 18px; + margin-bottom: 5px; + color: var(--primary-color) !important; + font-weight: 600; +} +.custom-gallery-item .video-description p { + margin: 0; + font-weight: normal; +} +.modal1.show .modal-dialog { + margin-top: 126px; +} +.modal-content { + width: 630px !important; + padding: 25px; + margin-left: -70px; +} +.custom-modal-header h5 + { + font-size: 1.25rem; + font-weight: bold; + color: var(--primary-color) !important; +} +.custom-video-container iframe, .custom-video-container video { + width: 100%; + height: 400px; +} +/* pagination */ +.active>.page-link, .page-link.active { + background-color: var(--hover-color) !important; + border-color: var(--hover-color) !important; +} +.page-link { + color: var(--primary-color1) !important; +} + +/* detail page */ +.left-side { + margin-bottom: 30px; +} +.details_big_img { + position: relative; + overflow: hidden; + border-radius: 10px; +} +.details_big_img img { + width: 100%; + transition: var(--transition); + object-fit: cover; +} +.details_text_wrapper { + padding-top: 30px; +} +.details_text_wrapper h2 { + font-size: 26px; + font-weight: 500; + line-height: 50px; + color: var(--primary-font-color) !important; +} +.details_text_wrapper p { + padding-top: 15px; + font-size: 16px; + line-height: 24px; + color: var(--font-color); + font-weight: 500; + margin-bottom: 0; +} +.details_small_img { + padding-top: 30px; +} +.details_small_img img { + width: 100%; + height: 217px; + object-fit: cover; +} +.sidebar_boxed { + background: #ffffff; + box-shadow: -4px -4px 20px rgba(0, 0, 0, 0.03), 8px 10px 24px rgba(0, 0, 0, 0.03); + border-radius: 6px; + padding: 30px 30px; + margin-bottom: 30px; +} +.sidebar_heading_main { + border-bottom: 1px solid #ededed; + padding-bottom: 7px; +} +.sidebar_heading_main h3 { + font-size: 24px; + font-weight: 600; + color: var(--primary-font-color) !important; +} +.event_details_list ul li { + padding-top: 20px; + color: var(--primary-font-color); + font-weight: 500; + transition: 0.4s all ease-out; +} +.event_details_list ul li i { + margin-right: 5px; + width: 36px; + background: var(--background-accent); + height: 30px; + width: 30px; + border-radius: 100%; + color: var(--primary-color1); + padding: 9px; + font-size: 13px; + transition: 0.4s all ease-out; +} +.event_details_list ul li:hover i{ + background-color: var(--hover-color); + color: var(--font-color1); +} + +.event_details_list ul li span { + color: var(--primary-font-color); +} +.register_now_details { + padding-top: 40px; +} +.register_now_details a { + color: var(--font-color1); + background-color: var(--primary-color1); + transition: var(--transition); + box-shadow: none; + overflow: hidden; + white-space: nowrap; + position: relative; + z-index: 0; + border: none; + transition: 0.4s all ease-out; + width: 100%; +} +.register_now_details a:hover { +background-color: var(--hover-color); +} +.view-events-btn { + display: inline-block; + background: var(--primary-color1); + color: white; + font-size: 16px; + font-weight: bold; + text-decoration: none; + padding: 7px 12px; + border-radius: 3px; + text-align: center; + transition: 0.3s; +} +.recent_donet_item { + display: flex; + padding-top: 25px; +} +.recent_donet_img { + width: 25%; +} +.recent_donet_img a img { + height: 78px; + width: 78px; + object-fit: cover; + transition: transform 0.3s ease-in-out; +} +.recent_donet_text{ + width: 100%; + padding-left: 15px; +} +.recent_donet_text p { + padding-top: 5px; + color: var(--primariy-background2); + margin-bottom: 0px !important; +} +.recent_donet_text h4 { + margin-bottom: 0px !important; +} +.recent_donet_text1 h4 a { + color: var(--primary-font-color) !important; + font-size: 18px !important; +} +.social_icon_sidebar ul { + /* gap: 16px !important; */ + display: flex; + margin-top: 23px; + justify-content: space-between; + padding-left: 0px; +} +.social_icon_sidebar ul li { + display: inline-flex; + /* padding-top: 20px; */ + /* padding-right: 15px; */ + padding: 5px; + transition: var(--transition); + border: 1px solid var(--primariy-background); + border-radius: 100%; + height: 50px; + width: 50px; + font-size: 24px; +} +.social_icon_sidebar ul li a i { + width: 40px; + height: 40px; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + color: var(--primary-color1); + transition: 0.3s all ease-out; +} +.social_icon_sidebar ul li a i:hover { +transform: scale(0.9); +} +.recent_donet_item:hover img { + transform: scale(1.1); +} +#trending_causes_main{ + margin:80px 0px +} +#custom-addon-wrapper { + margin-top: 30px; + margin-left: 0; + margin-right: 0; + margin-bottom: 30px; +} +#custom-addon { + background: #ffffff; + box-shadow: -4px -4px 20px rgba(0, 0, 0, 0.03), 8px 10px 24px rgba(0, 0, 0, 0.03); + border-radius: 6px; + padding: 30px 30px; + margin-bottom: 30px; +} +.categories-list { + list-style: none; + padding: 0; + margin: 0; +} +.categories-list li { + margin-top: 4px; +} +.categories-list li a { + color: #6f6f6f; + font-size: 16px; + display: flex !important; + justify-content: space-between; + align-items: center; + padding: 5px 0px; + font-weight: 500; + border-radius: 10px; + text-decoration: none; + transition: all 0.5s ease; +} +.tags_noted { + font-size: 18px; + font-weight: 600; + padding-bottom: 10px; + display: block; + transition: all 0.3s ease-in-out 0.1s; + outline: 0 !important; + color: var(--primary-color1); +} + +.social_icon_sidebar ul li a:hover{ +background-color: var(--hover-color); +border-radius: 50%; +color: var(--font-color1); +} +.social_icon_sidebar ul li a:hover i{ + color: var(--font-color1); +} +.about-us { + margin-top: 100px; +} +.heading { + font-size: 40px; + line-height: 1.2; + margin-bottom: 0.5rem; + color: var(--font-color); + font-weight: 600; +} +.desc p { + margin-bottom: 0px; + line-height: 1.7; + font-size: 16px; + color: var(--font-color); + font-weight: 500; + margin-bottom: 20px; + text-align: justify; + margin-bottom: 10px !important; +} +.about-us img { + height: 300px; + border-radius: 100%; + padding: 10px; + background-color: var(--primary-color1); + box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; + width: 306px; +} +.view-events-btn { + transition: 0.3s all ease-out; +} +.view-events-btn:hover { + background-color: var(--hover-color); +} \ No newline at end of file diff --git a/blog-detail.html b/blog-detail.html new file mode 100644 index 0000000..1f32345 --- /dev/null +++ b/blog-detail.html @@ -0,0 +1,422 @@ + + + + + + Document + + + + + + + + + +
+
+
+
+

Blog Detail

+
    +
  • Home
    • +
  • / Blog Detail
    • +
+
+
+
+
+ + + + + +
+
+
+ + +
+
+ Logo +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae risus nec dui venenatis dignissim.

+ +
+
+ + +
+
+

About Eduleb

+ +
+
+ + +
+
+

Popular Courses

+ +
+
+ + + +
+
+

Contact Info

+
+ +

Birgunj-15, Birgunj, Parsa

+
+
+ +

+97*********

+
+
+ +

Contact via Whatsapp

+
+
+ +

example@yourmail.com

+
+
+
+ + + + +
+
+
+
+
+

© 2025. All Rights Reserved.

+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/blog-list.html b/blog-list.html new file mode 100644 index 0000000..c5f15ae --- /dev/null +++ b/blog-list.html @@ -0,0 +1,420 @@ + + + + + + + About page + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+

Blogs

+
    +
  • Home
    • +
  • / Blogs
    • +
+
+
+
+ +
+ + +
+
+ +
+

Latest Blog & News

+

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.

+
+ + +
+ + +
+
+ image +
+ May 10, 2024 | Education +

Professional Mobile Painting and Sculpting

+ Read More +
+
+
+ + +
+
+ image +
+ May 16, 2024 | Education +

Professional Ceramic Moulding for Beginner

+ Read More +
+
+
+ + +
+
+ image +
+ May 18, 2024 | Programming +

Education Is About Create Leaders For Tomorrow

+ Read More +
+
+
+
+
+
+ + + + + + + +
+
+
+ + +
+
+ Logo +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae risus nec dui venenatis dignissim.

+ +
+
+ + +
+
+

About Eduleb

+ +
+
+ + +
+
+

Popular Courses

+ +
+
+ + + +
+
+

Contact Info

+
+ +

Birgunj-15, Birgunj, Parsa

+
+
+ +

+97*********

+
+
+ +

Contact via Whatsapp

+
+
+ +

example@yourmail.com

+
+
+
+ + + + +
+
+
+
+
+

© 2025. All Rights Reserved.

+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..4127839 --- /dev/null +++ b/contact.html @@ -0,0 +1,368 @@ + + + + + + Document + + + + + + + + + + +
+
+
+
+

Get In Touch

+
    +
  • Home
    • +
  • / Contact
    • +
+
+
+
+
+ +
+
+
+ +
+

Do you have any Query?
Submit Your message.

+
+ +
+
+
+
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ + +
+ + +
+ + +
+ + +
+ Send Message +
+ +
+
+
+
+
+
+ +
+ +
+ + + +
+
+
+
+ + +
+ needhelp@company.com + needhelp@company.com +
+ +
+
+ + +
+ +90840938334 + +977-9843484384 +
+ +
+
+ + +
+ Birgunj-15 + Birgunj, Parsa +
+ +
+ +
+
+
+
+ +
+
+
+ + +
+
+ Logo +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae risus nec dui venenatis dignissim.

+ +
+
+ + +
+
+

About Eduleb

+ +
+
+ + +
+
+

Popular Courses

+ +
+
+ + + +
+
+

Contact Info

+
+ +

Birgunj-15, Birgunj, Parsa

+
+
+ +

+97*********

+
+
+ +

Contact via Whatsapp

+
+
+ +

example@yourmail.com

+
+
+
+ + + + +
+
+
+
+
+

© 2025. All Rights Reserved.

+
+
+ + + \ No newline at end of file diff --git a/event-detail.html b/event-detail.html new file mode 100644 index 0000000..2d40385 --- /dev/null +++ b/event-detail.html @@ -0,0 +1,498 @@ + + + + + + Document + + + + + + + + + +
+
+
+
+

Event Detail

+
    +
  • Home
    • +
  • / Event Detail
    • +
+
+
+
+
+ + + + +
+
+
+ + +
+
+ Logo +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae risus nec dui venenatis dignissim.

+ +
+
+ + +
+
+

About Eduleb

+ +
+
+ + +
+
+

Popular Courses

+ +
+
+ + + +
+
+

Contact Info

+
+ +

Birgunj-15, Birgunj, Parsa

+
+
+ +

+97*********

+
+
+ +

Contact via Whatsapp

+
+
+ +

example@yourmail.com

+
+
+
+ + + + +
+
+
+
+
+

© 2025. All Rights Reserved.

+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/image.html b/image.html new file mode 100644 index 0000000..73b8144 --- /dev/null +++ b/image.html @@ -0,0 +1,398 @@ + + + + + + Document + + + + + + + + + + +
+
+
+
+

Explore Our Gallery

+
    +
  • Home
    • +
  • / Images
    • +
+
+
+
+
+
+
+
+ + +
+ +
+ +
+

hello

+

nameste

+
+
+ +
+
+ +
+ +
+

hello

+

nameste

+
+
+ +
+
+ +
+ +
+

hy

+

hy

+
+
+ +
+
+ +
+ +
+

hy

+

hy

+
+
+ +
+
+
+
+ + + +
+
+
+ + +
+
+ Logo +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae risus nec dui venenatis dignissim.

+ +
+
+ + +
+
+

About Eduleb

+ +
+
+ + +
+
+

Popular Courses

+ +
+
+ + + +
+
+

Contact Info

+
+ +

Birgunj-15, Birgunj, Parsa

+
+
+ +

+97*********

+
+
+ +

Contact via Whatsapp

+
+
+ +

example@yourmail.com

+
+
+
+ + + + +
+
+
+
+
+

© 2025. All Rights Reserved.

+
+
+ + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index b3576a8..bc117aa 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,6 @@ - @@ -36,9 +35,11 @@ + +
-
+
@@ -94,140 +95,152 @@
-
@@ -304,8 +317,8 @@ -

0

-

Academic Programs

+

Qualified Lecturers

+
@@ -313,8 +326,8 @@ -

0

-

Certified Students

+

Certified Graduates

+
@@ -322,8 +335,8 @@ -

0

-

Enrolled Students

+

Active Students

+
@@ -846,10 +859,8 @@

About Eduleb

 @@ -860,11 +871,9 @@

Popular Courses

@@ -915,8 +924,29 @@ + + + + + + + + \ No newline at end of file