RoshanPaudel/.south-city-college
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

preregistration form, event-list page and other remaing section are adjusted

Browse Source
This commit is contained in:
Roshan476
2025-12-23 17:33:01 +05:45
parent 86efb066a5
commit 9e1e753175
11 changed files with 1666 additions and 312 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/contact.css
View File

@@ -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;

242
assets/style.css
View File

@@ -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%;
}
}