Initial Commit
This commit is contained in:
Roshan476
313
assets/aboutpage.css
Normal file
313
assets/aboutpage.css
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user