diff --git a/aboutpage.html b/aboutpage.html index b6c2068..93283c9 100644 --- a/aboutpage.html +++ b/aboutpage.html @@ -32,7 +32,75 @@ - -
-
- -
-

Start your journey With us

-

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.

-
- - -
- -
-
- 01 -

Expert
Teacher

-

Lorem ipsum dolor sit amet, consectetur notted adipisicing elit ut labore.

-
-
- - -
-
- 02 -

Quality
Education

-

Lorem ipsum dolor sit amet, consectetur notted adipisicing elit ut labore.

-
-
- - -
-
- 03 -

Remote
Learning

-

Lorem ipsum dolor sit amet, consectetur notted adipisicing elit ut labore.

-
-
- - -
-
- 04 -

Life Time
Support

-

Lorem ipsum dolor sit amet, consectetur notted adipisicing elit ut labore.

-
-
-
-
-
+
-
-
-
-
- - - -
-
-
-
-
--> -
@@ -471,9 +433,9 @@ 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

+

Become an Tech Engineer

Learn at your own pace, move between multiple courses.

- Apply now + Apply now
@@ -484,9 +446,9 @@ 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

+

Lets message us

Learn at your own pace, move between multiple courses.

- Contact now + Contact now
@@ -637,10 +599,10 @@ function initializeSwiper(swiperId, autoplayDelay, slidesPerView, breakpointsCon } // LEFT testimonial -initializeSwiper('#testimonial-slider-left', 3000, 1); +initializeSwiper('#testimonial-slider-left', 7000, 1); // RIGHT testimonial -initializeSwiper('#testimonial-slider-right', 3000, 1); +initializeSwiper('#testimonial-slider-right', 7000, 1); // event diff --git a/assets/contact.css b/assets/contact.css index a95c79b..1f3c988 100644 --- a/assets/contact.css +++ b/assets/contact.css @@ -73,10 +73,10 @@ color: var(--font-color1); color: #1a2d62; font-size: 16px; font-weight: 400; - height: 70px; + /* height: 70px; */ padding: 10px 10px 10px 30px; width: 100%; - margin-bottom: 30px; + margin-bottom: 12px; } form-control:focus { @@ -98,7 +98,7 @@ form-control:focus { .view-events-btn { display: inline-block; border: 2px solid var(--primary-color1); - color:var(--primary-color1); + color:var(--font-color1); font-size: 16px; font-weight: bold; text-decoration: none; diff --git a/assets/style.css b/assets/style.css index 2401571..46d0be0 100644 --- a/assets/style.css +++ b/assets/style.css @@ -129,7 +129,16 @@ h1, h2, h3, h4, h5, h6 { font-size: 20px; cursor: pointer; } - +.side-bar .offcanvas{ + display: flex; + justify-content: space-between; +} +@media (max-width: 991px) { + .side-bar .social_profile ul { +flex-direction: row; +justify-content: center; + } +} /* Animation */ @keyframes zoomIn { from { @@ -310,7 +319,7 @@ margin-top: 6%; background-color: rgba(0, 0, 0, .3); } .hp-hero__video-container video { - height: 71vh; + height: 79vh; width: 100%; object-fit: cover; } @@ -404,7 +413,7 @@ img { } .banner.v__2 .banner__slides--content .rts-theme-btn { - margin-bottom: 29px; + margin-bottom: 85px; animation: fadeInUp 0.8s; opacity: 1; } @@ -777,7 +786,7 @@ a, button { position: fixed; top: 0; width: 100%; - z-index: 10000; + z-index: 1000; } #navbar .navbar { @@ -804,10 +813,17 @@ justify-content: center; text-transform: uppercase; color: var(--font-color); font-weight: 600; - font-size: 16px; + font-size: 13px; transition: color 0.3s ease; } - +.section-title111 h2 { + font-size: 24px !important; + line-height: 1.2 !important; +} +.section-title111{ + + margin-bottom: 0px !important; +} /* underline */ #navbar .navbar #navbarNavDropdown .nav-item span::after { content: ""; @@ -899,7 +915,7 @@ height: 90px; .btn_one { border: 2px solid var(--font-color); - padding: 15px 30px; + padding: 10px 20px; border-radius: 2px; color: var(--font-color); transition: 0.3s ease-out; @@ -1136,11 +1152,11 @@ margin-bottom: 80px; margin-bottom: 60px; } .section-title h2 { - font-size: 40px; + font-size: 30px; font-weight: 600; margin-top: 0px; position: relative; - line-height: 50px; + /* line-height: 50px; */ color: var(--font-color); } @media (max-width: 479px) { @@ -1346,7 +1362,7 @@ background: radial-gradient( /* Title spacing */ .sectionTitle__title { - font-size: 42px; + /* font-size: 42px; */ font-weight: 700; } @@ -1513,7 +1529,7 @@ background: radial-gradient( z-index: -1; } #card-part { - width: 406px; + /* width: 406px; */ } .vision .icon { /* border: 1px solid var(--primary-color); */ @@ -1575,10 +1591,22 @@ width: 61px; .ab_content { margin-bottom: 30px; } +.modal-content121{ +margin-left: 70px !important; +} +#applyModal button{ +background-color: var(--primary-color1) !important; +color: var(--font-color1) !important; +transition: 0.3s all ease-out; +} +#applyModal button:hover{ + background-color: var(--hover-color) !important; + + } .ab_content h2 { font-weight: 600; line-height: 50px; - font-size: 38px; + /* font-size: 38px; */ margin-bottom: 20px; letter-spacing: 0px; margin: 0; @@ -1662,7 +1690,7 @@ ul { /* course offer */ /* Container spacing */ .component-content { - padding: 80px 0; + padding-bottom: 80px; } /* Main liftout layout */ @@ -1718,7 +1746,7 @@ ul { } .image__liftout h3 { - font-size: 36px; + font-size: 28px; font-weight: 700; color: var(--font-color); margin-bottom: 20px; @@ -1734,7 +1762,7 @@ ul { /* Button */ .image__liftout .button { display: inline-block; - padding: 12px 26px; +padding: 6px 19px; border: 2px solid var(--font-color); color: var(--font-color); text-decoration: none; @@ -1907,7 +1935,7 @@ ul { .testimonial_content p { overflow: hidden; margin-top: 15px; - font-size: 22px; + font-size: 15px; line-height: 32px; } @@ -2134,7 +2162,7 @@ ul { .single_blog h2 a { color: #1a2d62; font-weight: 600; - margin-bottom: 40px; + /* margin-bottom: 40px; */ display: block; text-decoration: none; } @@ -2259,7 +2287,7 @@ ul { margin-bottom: 10px; text-transform: capitalize; font-weight: 700; - font-size: 50px; + /* font-size: 50px; */ color: var(--font-color1); } .section-top-title ul li { @@ -2482,6 +2510,7 @@ object-fit: cover; .custom-gallery-img { position: relative; + transition: 0.3s all ease-out; } .custom-gallery-img img { width: 100%; @@ -2499,6 +2528,9 @@ object-fit: cover; opacity: 0; transition: opacity 0.3s ease; } +.custom-gallery-img:hover .play-icon { + opacity: 1; +} .custom-gallery-item .video-description { text-align: center; margin-top: 10px; @@ -2776,7 +2808,7 @@ color: var(--font-color1); margin-top: 100px; } .heading { - font-size: 40px; + font-size: 30px; line-height: 1.2; margin-bottom: 0.5rem; color: var(--font-color); @@ -2805,4 +2837,176 @@ color: var(--font-color1); } .view-events-btn:hover { background-color: var(--hover-color); +} + +/* eevent */ +.event-section { + margin: 60px 0px; + font-family: Mukta, sans-serif; +} +.card.event-card { + border-radius: 5px !important; + border-top-right-radius: 5px !important; + border-bottom-left-radius: 5px !important; + padding: 0px !important; + width: 100%; + text-align: left; + position: relative; + display: flex; + flex-direction: column; + align-items: center; + height: 85% !important; + transition: 0.5s all ease-out; +} + + + +/* Section Title */ +.sec-title { + display: flex; + align-items: center; + justify-content: space-between; + margin: 40px 0 30px; +} + +.sec-title h2 { + margin: 0; +} + +.feedback-divider2 { + border: 0; + height: 2px; + background: #00b000; + width: 60%; +} + +/* Event Cards */ +.event-card { + height: 500px; + position: relative; + overflow: hidden; +} + +.event-card img { + width: 100%; + height: 100%; + object-fit: cover; + filter: brightness(45%); +} + +/* Overlay */ +.card-img-overlay1 { + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 24px; + color: #fff; + background-color: var(--primary-color1); +} + +/* Event Meta */ +.event-meta { + display: flex; + flex-wrap: wrap; + gap: 12px; + font-size: 14px; + margin-bottom: 8px; +} + +.event-meta i { + color: var(--hover-color); + margin-right: 4px; +} + +.event-meta.small { + font-size: 12px; + color: #666; +} + +/* Titles */ +.event-title { + font-size: 22px; + font-weight: 600; + line-height: 1.4; + transition: 0.4s all ease-out; +} + +.event-title-small { + font-size: 15px; + font-weight: 600; + margin: 0; +} + +/* Right Side List */ +.event-list { + display: flex; + flex-direction: column; + justify-content: flex-start; + height: 500px; + /* gap: 24px; */ +} + +.side-post img { + width: 100%; + height: 108px; + object-fit: cover; +} +.event-meta .btn121 i{ + transition: 0.3s all ease-out; + color: var(--font-color) !important; +} +.btn_one.btn121:hover i{ +color: var(--font-color1) !important; +} + +/* Hover */ +.event-card:hover .event-title { + transform: translateY(-6px); + transition: 0.4s all ease-out; +} +.event-date-badge { + position: absolute; + /* top: 16px; */ + right: -2px; + background: var(--hover-color); + color: #fff; + width: 58px; + height: 58px; + border-radius: 6px; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; + z-index: 5; + box-shadow: 0 6px 15px rgba(0,0,0,0.25); +} +.btn222{ +background-color: var(--font-color1); +} +.event-date-badge .month { + font-size: 12px; + font-weight: 600; + line-height: 1; + text-transform: uppercase; +} + +.event-date-badge .day { + font-size: 18px; + font-weight: 700; + line-height: 1.2; +} +@media (max-width: 576px) { +.event123{ + margin-bottom: 20px; +} +.eventbtn{ +display: flex; +} +.event111{ + display: none; +} +.card.event-card { + width: 100%; +} } \ No newline at end of file diff --git a/blog-detail.html b/blog-detail.html index 1f32345..e506b2f 100644 --- a/blog-detail.html +++ b/blog-detail.html @@ -12,7 +12,75 @@ -