Initial Commit
commit
b385b9e46a
@ -0,0 +1,636 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
line-height: normal;
|
||||
border: 1px solid;
|
||||
font-family: "Poppins", sans-serif !important;
|
||||
|
||||
}
|
||||
|
||||
.navbar {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
padding: 20px 40px !important;
|
||||
}
|
||||
|
||||
.navLink {
|
||||
color: #000033 !important;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
padding: 8px 16px !important;
|
||||
background-color: transparent !important;
|
||||
border: 2px solid rgb(97, 97, 97) !important;
|
||||
border-radius: 8px !important;
|
||||
font-size: 16px !important;
|
||||
color: black !important;
|
||||
cursor: pointer !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.navLink::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background: #E28527;
|
||||
transition: width .4s ease-in;
|
||||
}
|
||||
|
||||
.navLink:hover {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.navLink:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-top: 167px !important;
|
||||
|
||||
}
|
||||
|
||||
.phone-number {
|
||||
margin-top: 8px;
|
||||
margin-left: -11px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
|
||||
/* navbar */
|
||||
.main-section {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
.logoImg {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.contactBtn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.navList {
|
||||
display: inline;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* Event Heading */
|
||||
.eventHeading {
|
||||
background-color: #FFF3E4;
|
||||
padding: 2rem 0 2rem 0;
|
||||
}
|
||||
|
||||
.eventHeading h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.image-section {
|
||||
margin-top: -118px;
|
||||
}
|
||||
|
||||
|
||||
.image-section .col-md-6:first-child img {
|
||||
width: 549px;
|
||||
height: auto;
|
||||
max-height: 460px;
|
||||
}
|
||||
|
||||
.image-section .row {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.small-image img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.section-heading {
|
||||
font-size: 40px;
|
||||
font-weight: bold;
|
||||
margin-bottom: -48px;
|
||||
margin-top: 34px;
|
||||
|
||||
}
|
||||
|
||||
.section-paragraph {
|
||||
font-size: 18px;
|
||||
margin-top: 74px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
|
||||
/* Event Heading */
|
||||
.eventHeading {
|
||||
padding: 1.5rem 0 1.5rem 0;
|
||||
}
|
||||
|
||||
.image-section {
|
||||
margin: 10px;
|
||||
margin-top: -145px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.about-rectangle {
|
||||
background-color: #FFF3E4;
|
||||
padding: 19px;
|
||||
margin: -11px;
|
||||
margin-top: -164px;
|
||||
|
||||
}
|
||||
|
||||
.section-paragraph {
|
||||
font-size: 18px;
|
||||
margin-top: 74px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.section-heading {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.small-image img {
|
||||
margin-top: 26px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.logo-section {
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.rectangle {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 62px;
|
||||
margin-top: 10px;
|
||||
background-color: #223545;
|
||||
|
||||
}
|
||||
|
||||
.logo-content {
|
||||
width: calc(33.33% - 20px);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo-icon img {
|
||||
max-width: 50px;
|
||||
height: auto;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.logo-details {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.logo-heading {
|
||||
font-size: 30px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.logo-paragraph {
|
||||
font-size: 18px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
.logo-section {
|
||||
|
||||
margin-top: -720px;
|
||||
}
|
||||
|
||||
.rectangle {
|
||||
margin-top: 676px;
|
||||
display: inline-block;
|
||||
height: 496px;
|
||||
|
||||
}
|
||||
|
||||
.logo-content {
|
||||
width: calc(33.33% - 20px);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: -39px;
|
||||
}
|
||||
|
||||
.logo-heading {
|
||||
font-size: 18px;
|
||||
color: white;
|
||||
/* text-align: left; */
|
||||
margin-left: -23px;
|
||||
text-align: center;
|
||||
margin-right: -136px;
|
||||
margin-top: 19px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.logo-paragraph {
|
||||
font-size: 15px;
|
||||
color: white;
|
||||
margin-right: -216px;
|
||||
}
|
||||
|
||||
.logo-icon img {
|
||||
max-width: 53px;
|
||||
height: auto;
|
||||
margin-right: 27px;
|
||||
margin-top: -36px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.new-section {
|
||||
margin-top: -116px;
|
||||
|
||||
}
|
||||
|
||||
.new-section .row {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.content-details {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.small-rectangle-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.small-rectangle {
|
||||
background-color: #293e53;
|
||||
padding: 13px;
|
||||
margin-bottom: 37px;
|
||||
margin-top: 27px;
|
||||
}
|
||||
|
||||
.rectangle-number {
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
margin: 0;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.content-paragraph {
|
||||
font-size: 18px;
|
||||
margin-top: 24px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.content-heading {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.additional-paragraph {
|
||||
font-size: 18px;
|
||||
margin-top: -71px;
|
||||
margin-left: 66px;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
.new-section {
|
||||
margin: 10px;
|
||||
margin-top: -189px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.content-details {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.small-rectangle-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.small-rectangle {
|
||||
margin-bottom: 37px;
|
||||
margin-top: -1px;
|
||||
margin-left: -21px;
|
||||
}
|
||||
|
||||
.rectangle-number {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.content-heading {
|
||||
font-size: 18px;
|
||||
margin-left: -22px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.content-paragraph {
|
||||
font-size: 15px;
|
||||
margin-top: 10px;
|
||||
letter-spacing: 1px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
.additional-paragraph {
|
||||
font-size: 18px;
|
||||
margin-top: -83px;
|
||||
margin-left: 36px;
|
||||
/* margin-bottom: -45px; */
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.container4 {
|
||||
padding: 250px;
|
||||
margin-top: -382px;
|
||||
}
|
||||
|
||||
.meet-team {
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.section-heading1 {
|
||||
margin-left: -171px;
|
||||
font-size: 40px;
|
||||
font-weight: bold;
|
||||
margin-top: 114px;
|
||||
}
|
||||
|
||||
|
||||
.meet-image {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.meet-member {
|
||||
margin-right: 251px;
|
||||
margin-left: -176px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
.meet-member2 {
|
||||
margin-left: -177px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.meet-member3 {
|
||||
margin-left: 81px;
|
||||
margin-top: 24px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.meet-team-members {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.meet-paragraph {
|
||||
font-size: 18px;
|
||||
margin-top: 93px;
|
||||
}
|
||||
|
||||
.small-paragraph {
|
||||
font-size: 16px;
|
||||
margin-top: -143px;
|
||||
font-weight: bold;
|
||||
color: #DF780F;
|
||||
}
|
||||
|
||||
.work {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
.nav-arrows {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
.container4 {
|
||||
margin-top: -650px;
|
||||
|
||||
}
|
||||
|
||||
.section-heading1 {
|
||||
margin-left: -229px;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
margin-top: 344px;
|
||||
margin-bottom: -52px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.meet-team-members {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.meet-member {
|
||||
margin-right: -163px;
|
||||
margin-left: -172px;
|
||||
margin-top: 28px;
|
||||
|
||||
}
|
||||
|
||||
.meet-image {
|
||||
height: auto;
|
||||
width: 342px;
|
||||
margin-right: 417px;
|
||||
margin-left: -55px;
|
||||
|
||||
}
|
||||
|
||||
.meet-member2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.meet-member3 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.meet-paragraph {
|
||||
font-size: 14px;
|
||||
margin-top: 72px;
|
||||
margin-left: -58px;
|
||||
margin-bottom: -28px;
|
||||
margin-right: 430px;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
.small-paragraph {
|
||||
font-size: 15px;
|
||||
margin-top: -91px;
|
||||
margin-left: -58px;
|
||||
font-weight: bold;
|
||||
color: #DF780F;
|
||||
}
|
||||
|
||||
.work {
|
||||
margin-left: -60px;
|
||||
font-size: 14px;
|
||||
margin-top: -13px;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
.nav-arrows {
|
||||
|
||||
margin-right: -52px;
|
||||
display: flex;
|
||||
height: 40px;
|
||||
width: 4opx;
|
||||
/* margin-right: -180px; */
|
||||
margin-left: 39px;
|
||||
margin-bottom: -53px;
|
||||
margin-top: 27px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.footerSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding: 2rem;
|
||||
margin-top: -172px;
|
||||
}
|
||||
|
||||
.footerLogoSection {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
column-gap: 1rem;
|
||||
}
|
||||
|
||||
.footerLogoImg {
|
||||
width: 235px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
column-gap: 1rem;
|
||||
padding: 0;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons {
|
||||
padding: 6px;
|
||||
display: flex;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons:hover {
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.footerLogoSection p {
|
||||
color: #D1D1D1;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
margin-top: 0;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.courseSection ul,
|
||||
.quickLinkSection ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.mobileFooterSection{
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
.mobileFooterSection {
|
||||
padding-inline: 2rem;
|
||||
margin-top: -207px;
|
||||
}
|
||||
|
||||
.footerSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobileFooterSection {
|
||||
display: block;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding-block: 1.5rem;
|
||||
}
|
||||
|
||||
.mobileFooterSection .footerLogoSection {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.linksSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.footerContent p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,474 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
.navbar {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
padding: 20px 40px !important;
|
||||
}
|
||||
|
||||
.navLink {
|
||||
color: #000033 !important;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
padding: 8px 16px !important;
|
||||
background-color: transparent !important;
|
||||
border: 2px solid rgb(97, 97, 97) !important;
|
||||
border-radius: 8px !important;
|
||||
font-size: 16px !important;
|
||||
color: black !important;
|
||||
cursor: pointer !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.navLink::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background: #E28527;
|
||||
transition: width .4s ease-in;
|
||||
}
|
||||
|
||||
.navLink:hover {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.navLink:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.phone-number {
|
||||
margin-top: 8px;
|
||||
margin-left: -11px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
|
||||
.main-section {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
.logoImg {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.contactBtn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.navList {
|
||||
display: inline;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.mentorHeading {
|
||||
background-color: #FFF3E4;
|
||||
padding: 2rem 0 2rem 0;
|
||||
}
|
||||
|
||||
.mentorHeading h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-inline: auto;
|
||||
width: 80%;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
width: 100%;
|
||||
padding: 11px;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.search-icon {
|
||||
position: absolute;
|
||||
top: 26px;
|
||||
right: 26px;
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
border: navajowhite;
|
||||
background-color: snow;
|
||||
}
|
||||
|
||||
.blog-container {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
|
||||
.blog-left {
|
||||
flex: 1;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.recent-posts-title {
|
||||
font-size: 24px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.recent-post-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.small-text {
|
||||
font-size: 14px;
|
||||
color: gray;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.blog-heading {
|
||||
font-size: 18px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.blog-description {
|
||||
font-size: 16px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.blog-tags {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.tag-btn {
|
||||
border: 1px solid black;
|
||||
border-radius: 20px;
|
||||
padding: 5px 15px;
|
||||
background: none;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.tag-btn:hover {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
/* Right Section */
|
||||
.blog-right {
|
||||
flex: 1.5;
|
||||
margin-top: 33px;
|
||||
}
|
||||
|
||||
.blog-post {
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.blog-image {
|
||||
width: 100%;
|
||||
max-width: 220px;
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.blog-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.blog-info .small-text {
|
||||
font-size: 12px;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.blog-container {
|
||||
flex-direction: column;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.blog-left {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.blog-post {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.blog-image {
|
||||
width: 100%;
|
||||
max-width: 300px;
|
||||
height: auto;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.tag-btn {
|
||||
margin: 5px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.tab-section {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.tabs-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 2px solid grey;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.tab {
|
||||
padding: 10px 20px;
|
||||
border: none;
|
||||
background: none;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
transition: color 0.3s ease;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tab.active {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
.tab.active::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background-color: orange;
|
||||
}
|
||||
|
||||
.search-icon2 {
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.search-icon img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.content-grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 20px;
|
||||
margin-top: 23px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.content-rectangle {
|
||||
flex: 1 1 calc(50% - 20px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.content-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.content-date {
|
||||
font-size: 14px;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.content-title {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.tabs-container {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
flex-direction: row;
|
||||
gap: 10px;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.tab {
|
||||
font-size: 12px;
|
||||
padding: 4px;
|
||||
}
|
||||
.content-grid {
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
margin-top: 23px;
|
||||
}
|
||||
|
||||
.content-rectangle {
|
||||
flex: 1 1 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
.tab {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.mobileFooterSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* FooterSection */
|
||||
|
||||
.footerSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.footerLogoSection {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
column-gap: 1rem;
|
||||
}
|
||||
|
||||
.footerLogoImg {
|
||||
width: 235px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
column-gap: 1rem;
|
||||
padding: 0;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons {
|
||||
padding: 6px;
|
||||
display: flex;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons:hover {
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.footerLogoSection p {
|
||||
color: #D1D1D1;
|
||||
margin-top: 0;
|
||||
}
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
margin-top: 0;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.courseSection ul,
|
||||
.quickLinkSection ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.course-link {
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.course-link:hover {
|
||||
color: #E28527;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
|
||||
.mobileFooterSection {
|
||||
padding-inline: 2rem;
|
||||
}
|
||||
|
||||
.footerSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobileFooterSection {
|
||||
display: block;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding-block: 1.5rem;
|
||||
}
|
||||
|
||||
.mobileFooterSection .footerLogoSection {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.linksSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.footerContent p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,476 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
.navbar {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
padding: 20px 40px !important;
|
||||
}
|
||||
|
||||
.navLink {
|
||||
color: #000033 !important;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
padding: 8px 16px !important;
|
||||
background-color: transparent !important;
|
||||
border: 2px solid rgb(97, 97, 97) !important;
|
||||
border-radius: 8px !important;
|
||||
font-size: 16px !important;
|
||||
color: black !important;
|
||||
cursor: pointer !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.navLink::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background: #E28527;
|
||||
transition: width .4s ease-in;
|
||||
}
|
||||
|
||||
.navLink:hover {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.navLink:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.phone-number {
|
||||
margin-top: 8px;
|
||||
margin-left: -11px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
|
||||
.main-section {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
.logoImg {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.contactBtn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.navList {
|
||||
display: inline;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.mentorHeading {
|
||||
background-color: #FFF3E4;
|
||||
padding: 2rem 0 2rem 0;
|
||||
}
|
||||
|
||||
.mentorHeading h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-inline: auto;
|
||||
width: 80%;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
width: 100%;
|
||||
padding: 11px;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.search-icon {
|
||||
position: absolute;
|
||||
top: 26px;
|
||||
right: 26px;
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
border: navajowhite;
|
||||
background-color: snow;
|
||||
}
|
||||
|
||||
.inner-blog-page {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.back-button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 10px;
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
cursor: pointer;
|
||||
margin-bottom: 20px;
|
||||
position: relative;
|
||||
}
|
||||
.back-icon {
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.back-text {
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.filter-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-left: auto;
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.inner-blog-container {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.left-section {
|
||||
flex: 2;
|
||||
}
|
||||
|
||||
.blog-main-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.blog-date {
|
||||
font-size: 16px;
|
||||
color: gray;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.blog-title {
|
||||
font-size: 24px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.blog-paragraph {
|
||||
font-size: 16px;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.right-section {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.category-rectangle {
|
||||
background-color: #FFF3E4;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.category-heading {
|
||||
font-size: 26px;
|
||||
margin-bottom: 18px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.category-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.category-list li {
|
||||
margin-bottom: 18px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
|
||||
.post-rectangle {
|
||||
background-color: #FFF3E4;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.post-heading {
|
||||
font-size: 26px;
|
||||
margin-bottom: 15px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.post-item {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.post-meta {
|
||||
font-size: 14px;
|
||||
color: black;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.post-title {
|
||||
font-size: 16px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.show-more {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
margin-top: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.show-more-text {
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.down-arrow {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.inner-blog-container {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.right-section {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.blog-title {
|
||||
font-size: 14px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.blog-date {
|
||||
font-size: 10px;
|
||||
color: gray;
|
||||
}
|
||||
.blog-paragraph {
|
||||
font-size: 12px;
|
||||
}
|
||||
.category-rectangle {
|
||||
display: none;
|
||||
}
|
||||
.filter-icon {
|
||||
display: inline-block;
|
||||
}
|
||||
.back-button {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.back-icon {
|
||||
margin-right: 8px;
|
||||
}
|
||||
.post-heading {
|
||||
font-size: 20px;
|
||||
margin-bottom: 15px;
|
||||
color: black;
|
||||
}
|
||||
.post-title {
|
||||
font-size: 16px;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
.related-post {
|
||||
margin-top: 40px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.related-post-heading {
|
||||
font-size: 36px;
|
||||
color: #333;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.related-post-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 20px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.related-post-item {
|
||||
flex: 1;
|
||||
max-width: 30%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.related-post-item img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.related-post-date {
|
||||
font-size: 14px;
|
||||
color: #DF780F;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.related-post-title {
|
||||
font-size: 24px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.related-post-container {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.related-post-item {
|
||||
max-width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.related-post-heading {
|
||||
font-size: 22px;
|
||||
}
|
||||
.related-post-title {
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
}
|
||||
.related-post-date {
|
||||
font-size: 12px;
|
||||
color: #DF780F;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.mobileFooterSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* FooterSection */
|
||||
|
||||
.footerSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.footerLogoSection {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
column-gap: 1rem;
|
||||
}
|
||||
|
||||
.footerLogoImg {
|
||||
width: 235px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
column-gap: 1rem;
|
||||
padding: 0;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons {
|
||||
padding: 6px;
|
||||
display: flex;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons:hover {
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.footerLogoSection p {
|
||||
color: #D1D1D1;
|
||||
margin-top: 0;
|
||||
}
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
margin-top: 0;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.courseSection ul,
|
||||
.quickLinkSection ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
/* Footer */
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
|
||||
.mobileFooterSection {
|
||||
padding-inline: 2rem;
|
||||
}
|
||||
|
||||
.footerSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobileFooterSection {
|
||||
display: block;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding-block: 1.5rem;
|
||||
}
|
||||
|
||||
.mobileFooterSection .footerLogoSection {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.linksSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.footerContent p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,539 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
.navbar {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
padding: 20px 40px !important;
|
||||
}
|
||||
|
||||
.navLink {
|
||||
color: #000033 !important;
|
||||
}
|
||||
.btn-primary {
|
||||
padding: 8px 16px !important;
|
||||
background-color: transparent !important;
|
||||
border: 2px solid rgb(97, 97, 97) !important;
|
||||
border-radius: 8px !important;
|
||||
font-size: 16px !important;
|
||||
color: black !important;
|
||||
cursor: pointer !important;
|
||||
outline: none !important;
|
||||
}
|
||||
.navLink::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background: #E28527;
|
||||
transition: width .4s ease-in;
|
||||
}
|
||||
.navLink:hover {
|
||||
font-weight: 600;
|
||||
}
|
||||
.navLink:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.phone-number {
|
||||
margin-top: 8px;
|
||||
margin-left: -11px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
/* navbar */
|
||||
.main-section {
|
||||
padding: 2rem;
|
||||
}
|
||||
.navbar {
|
||||
padding: 20px !important;
|
||||
}
|
||||
.logoImg {
|
||||
width: 150px;
|
||||
}
|
||||
.contactBtn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.navList {
|
||||
display: inline;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.mentorHeading {
|
||||
background-color: #FFF3E4;
|
||||
padding: 2rem 0 2rem 0;
|
||||
}
|
||||
.mentorHeading h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-inline: auto;
|
||||
width: 80%;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
width: 100%;
|
||||
padding: 11px;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.search-icon {
|
||||
position: absolute;
|
||||
top: 26px;
|
||||
right: 26px;
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
border: navajowhite;
|
||||
background-color: snow;
|
||||
}
|
||||
|
||||
/* Course Section */
|
||||
.course-section {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.course-heading {
|
||||
font-size: 40px;
|
||||
text-align: left;
|
||||
margin-bottom: 30px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.tabs-and-icons {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.tabs {
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
}
|
||||
.tab {
|
||||
font-size: 26px;
|
||||
padding: 5px 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.tab.active {
|
||||
font-weight: bold;
|
||||
border-bottom: 8px solid orange;
|
||||
margin-bottom: -16px;
|
||||
}
|
||||
.view-icons {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icon img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
object-fit: contain;
|
||||
}
|
||||
.icon.grid-view.active {
|
||||
background-color: #3B3B3B;
|
||||
border-color: #3B3B3B;
|
||||
border-radius: 4px;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
|
||||
.view-icons {
|
||||
display: none;
|
||||
}
|
||||
.tab.active {
|
||||
font-weight: bold;
|
||||
border-bottom: 6px solid orange;
|
||||
margin-bottom: -12px;
|
||||
}
|
||||
.tab {
|
||||
font-size: 14px;
|
||||
}
|
||||
.course-heading {
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
height: 2px;
|
||||
background-color: #D9D9D9;
|
||||
margin: 10px 0;
|
||||
}
|
||||
.course-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 20px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.course-card {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.course-card img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.course-card .category {
|
||||
font-size: 0.8rem;
|
||||
color: gray;
|
||||
margin: 10px 0;
|
||||
padding: 0 10px 0px;
|
||||
}
|
||||
|
||||
.course-card .course-title {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
padding: 0 10px 0px;
|
||||
}
|
||||
|
||||
.course-card .course-description {
|
||||
font-size: 1rem;
|
||||
padding: 0 10px 0px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
|
||||
.course-grid {
|
||||
grid-template-columns: 1fr;
|
||||
margin-top: 18px;
|
||||
}
|
||||
.course-heading {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.affordable-courses {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.affordable-heading {
|
||||
font-size: 40px;
|
||||
text-align: left;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.affordable-description {
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
margin-bottom: 30px;
|
||||
color: #555;
|
||||
}
|
||||
.affordable-grid {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
flex-wrap: nowrap;
|
||||
overflow-x: auto;
|
||||
scrollbar-width: thin;
|
||||
padding-bottom: 10px;
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
.affordable-grid::-webkit-scrollbar {
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
.affordable-grid::-webkit-scrollbar-thumb {
|
||||
background-color: #ccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.course-box {
|
||||
flex: 0 0 30%;
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.course-image {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.course-image img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.sale-badge {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
background-color: red;
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
padding: 4px 6px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.course-title1 {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin: 15px 0 10px;
|
||||
color: #333;
|
||||
margin-left: 16px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.course-info {
|
||||
font-size: 14px;
|
||||
color: #777;
|
||||
margin: 0 15px 15px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
.course-details {
|
||||
display: flex;
|
||||
margin-left: 16px;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.detail-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
font-size: 12px;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.detail-item img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.register-btn {
|
||||
margin-left: 16px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 10px;
|
||||
font-size: 14px;
|
||||
color: orange;
|
||||
background-color: transparent;
|
||||
border: 1px solid black;
|
||||
padding: 10px 20px;
|
||||
border-radius: 30px;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (max-width: 768px) {
|
||||
|
||||
.affordable-heading {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.affordable-description {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.affordable-grid {
|
||||
overflow-x: auto;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.course-box {
|
||||
flex: 0 0 70%;
|
||||
}
|
||||
|
||||
.course-image {
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.course-title1 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.course-info {
|
||||
font-size: 10px;
|
||||
margin-right: -10px;
|
||||
}
|
||||
|
||||
.register-btn {
|
||||
font-size: 8px;
|
||||
padding: 8px 15px;
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
.detail-item {
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
.progress-item {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sale-badge {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
background-color: red;
|
||||
color: white;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
padding: 4px 6px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.mobileFooterSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* FooterSection */
|
||||
|
||||
.footerSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.footerLogoSection {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
column-gap: 1rem;
|
||||
}
|
||||
|
||||
.footerLogoImg {
|
||||
width: 235px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
column-gap: 1rem;
|
||||
padding: 0;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons {
|
||||
padding: 6px;
|
||||
display: flex;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons:hover {
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.footerLogoSection p {
|
||||
color: #D1D1D1;
|
||||
margin-top: 0;
|
||||
}
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
margin-top: 0;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.courseSection ul,
|
||||
.quickLinkSection ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.course-link {
|
||||
text-decoration: none; /* Removes the underline */
|
||||
color: #333; /* Replace #333 with your desired color */
|
||||
font-weight: bold; /* Optional: Make it bold */
|
||||
}
|
||||
|
||||
.course-link:hover {
|
||||
color: #E28527; /* Optional: Change the color on hover */
|
||||
text-decoration: underline; /* Optional: Add underline on hover */
|
||||
}
|
||||
/* Footer */
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
|
||||
.mobileFooterSection {
|
||||
padding-inline: 2rem;
|
||||
}
|
||||
|
||||
.footerSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobileFooterSection {
|
||||
display: block;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding-block: 1.5rem;
|
||||
}
|
||||
|
||||
.mobileFooterSection .footerLogoSection {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.linksSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.footerContent p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,782 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
.navbar {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
padding: 20px 40px !important;
|
||||
}
|
||||
|
||||
.navLink {
|
||||
color: #000033 !important;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
padding: 8px 16px !important;
|
||||
background-color: transparent !important;
|
||||
border: 2px solid rgb(97, 97, 97) !important;
|
||||
border-radius: 8px !important;
|
||||
font-size: 16px !important;
|
||||
color: black !important;
|
||||
cursor: pointer !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.navLink::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background: #E28527;
|
||||
transition: width .4s ease-in;
|
||||
}
|
||||
|
||||
.navLink:hover {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.navLink:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.phone-number {
|
||||
margin-top: 8px;
|
||||
margin-left: -11px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
.course-link {
|
||||
text-decoration: none; /* Removes the underline */
|
||||
color: #333; /* Replace #333 with your desired color */
|
||||
font-weight: bold; /* Optional: Make it bold */
|
||||
}
|
||||
|
||||
.course-link:hover {
|
||||
color: #E28527; /* Optional: Change the color on hover */
|
||||
text-decoration: underline; /* Optional: Add underline on hover */
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
|
||||
.main-section {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
.logoImg {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.contactBtn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.navList {
|
||||
display: inline;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.mentorHeading {
|
||||
background-color: #FFF3E4;
|
||||
padding: 2rem 0 2rem 0;
|
||||
}
|
||||
|
||||
.mentorHeading h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-inline: auto;
|
||||
width: 80%;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
width: 100%;
|
||||
padding: 11px;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.search-icon {
|
||||
position: absolute;
|
||||
top: 26px;
|
||||
right: 26px;
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
border: navajowhite;
|
||||
background-color: snow;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
/*padding: 40px 20px;*/
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.course-section {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.left-content {
|
||||
flex: 1.4;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.small-text {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.heading {
|
||||
font-size: 40px;
|
||||
color: #333;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-size: 20px;
|
||||
color: #555;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.enroll-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.enroll-button {
|
||||
background-color: #DF780F;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 10px 20px;
|
||||
font-size: 16px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.enroll-button:hover {
|
||||
background-color: #FFCF9E;
|
||||
}
|
||||
|
||||
.rating {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.stars {
|
||||
color: #fbc02d;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.rating-text {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
|
||||
.right-content {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.image-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.preview-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.icon-overlay {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.icon-overlay img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.preview-text {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.details {
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.detail {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.detail-text {
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.detail-text .highlight {
|
||||
color: #ff5722;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 768px) {
|
||||
|
||||
.container {
|
||||
flex-direction: column;
|
||||
}
|
||||
.course-section {
|
||||
padding: 30px 10px;
|
||||
}
|
||||
.left-content {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.enroll-container {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.details {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
gap: 20px;
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
|
||||
.content {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.heading {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-size: 12px;
|
||||
}
|
||||
.enroll-button {
|
||||
width: 80px;
|
||||
background-color: #007BFF;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 8px;
|
||||
font-size: 12px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.detail-text {
|
||||
font-size: 8px;
|
||||
color: #333;
|
||||
/* margin-top: 18px; */
|
||||
margin-left: -6px;
|
||||
}
|
||||
.icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.preview-text {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.what-we-cover {
|
||||
padding: 0px 60px;
|
||||
}
|
||||
|
||||
.divider {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background-color: #ccc;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.section-heading {
|
||||
text-align: left;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
|
||||
.points-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.column {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.point {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.icon {
|
||||
font-size: 18px;
|
||||
color: green;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 16px;
|
||||
color: #555;
|
||||
margin: 0;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.points-container {
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
}
|
||||
.what-we-cover {
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
.column {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Details Section */
|
||||
.details-section {
|
||||
background-color: #fff;
|
||||
padding: 50px 50px;
|
||||
}
|
||||
|
||||
.details-heading {
|
||||
text-align: left;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.details-content p2 {
|
||||
font-size: 16px;
|
||||
color: #555;
|
||||
line-height: 1.6;
|
||||
text-align: left;
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.read-more-link {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.read-more-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 768px) {
|
||||
|
||||
.details-content p2 {
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.details-section {
|
||||
padding: 30px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.course-content-section {
|
||||
padding: 50px 50px;
|
||||
}
|
||||
|
||||
.course-content-heading {
|
||||
text-align: left;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
margin-bottom: 20px;
|
||||
|
||||
}
|
||||
|
||||
.lesson-card {
|
||||
background-color: #fff;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.lesson-card2 {
|
||||
background-color: #fff;
|
||||
margin-bottom: 20px;
|
||||
border: 2px solid #ccc;
|
||||
}
|
||||
.lesson-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-color: #FFFBF7;
|
||||
padding: 10px;
|
||||
}
|
||||
.lesson-header2 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-color: #FFFBF7;
|
||||
padding: 10px;
|
||||
}
|
||||
.lesson-title2 {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
.lesson-title {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.lesson-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.lesson-description {
|
||||
margin-top: 15px;
|
||||
font-size: 16px;
|
||||
color: #555;
|
||||
line-height: 1.6;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.lesson-points-horizontal{
|
||||
display: flex;
|
||||
padding: 10px;
|
||||
gap: 60px;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 768px) {
|
||||
|
||||
.course-content-heading {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
|
||||
.lesson-title {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.lesson-description {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.course-content-section {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
|
||||
.lesson-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.lesson-description {
|
||||
margin: 15px 0;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
|
||||
.lesson-points-horizontal {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
gap: 20px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.lesson-point {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.tick-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.lesson-points-horizontal {
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.lesson-point {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.writer-review-container {
|
||||
max-width: 800px;
|
||||
padding: 0px 40px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.writer-review-header {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
/* align-items: center; */
|
||||
margin-bottom: 20px;
|
||||
/* padding-left: 30px; */
|
||||
align-items: baseline;
|
||||
}
|
||||
.writer-review-title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.view-other-reviews {
|
||||
font-size: 14px;
|
||||
color: gray;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.view-other-reviews:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.review-input-section {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
/* align-items: center; */
|
||||
gap: 0;
|
||||
/* padding-top: 10px; */
|
||||
}
|
||||
|
||||
.review-input-box {
|
||||
width: 70%;
|
||||
height: 40px;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 5px;
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.review-input-box::placeholder {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.star-rating-box {
|
||||
display: flex;
|
||||
gap: 5px;
|
||||
background-color: #2196F3;
|
||||
border-radius: 5px;
|
||||
padding: 10px;
|
||||
/* width: 30%; */
|
||||
margin-left: -5px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.star {
|
||||
font-size: 20px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.writer-review-container {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.writer-review-title {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.view-other-reviews {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.review-input-box {
|
||||
width: 60%;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.star {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.mobileFooterSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* FooterSection */
|
||||
|
||||
.footerSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.footerLogoSection {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
column-gap: 1rem;
|
||||
}
|
||||
|
||||
.footerLogoImg {
|
||||
width: 235px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
column-gap: 1rem;
|
||||
padding: 0;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons {
|
||||
padding: 6px;
|
||||
display: flex;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons:hover {
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.footerLogoSection p {
|
||||
color: #D1D1D1;
|
||||
margin-top: 0;
|
||||
}
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
margin-top: 0;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.courseSection ul,
|
||||
.quickLinkSection ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
/* Footer */
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
|
||||
.mobileFooterSection {
|
||||
padding-inline: 2rem;
|
||||
}
|
||||
|
||||
.footerSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobileFooterSection {
|
||||
display: block;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding-block: 1.5rem;
|
||||
}
|
||||
|
||||
.mobileFooterSection .footerLogoSection {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.linksSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.footerContent p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,574 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
.navbar {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
padding: 20px 40px !important;
|
||||
}
|
||||
|
||||
.navLink {
|
||||
color: #000033 !important;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
padding: 8px 16px !important;
|
||||
background-color: transparent !important;
|
||||
border: 2px solid rgb(97, 97, 97) !important;
|
||||
border-radius: 8px !important;
|
||||
font-size: 16px !important;
|
||||
color: black !important;
|
||||
cursor: pointer !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.navLink::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background: #E28527;
|
||||
transition: width .4s ease-in;
|
||||
}
|
||||
|
||||
.navLink:hover {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.navLink:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.phone-number {
|
||||
margin-top: 8px;
|
||||
margin-left: -11px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
/* navbar */
|
||||
.main-section {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
.logoImg {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.contactBtn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.navList {
|
||||
display: inline;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Event Heading */
|
||||
.eventHeading {
|
||||
background-color: #FFF3E4;
|
||||
padding: 2rem 0 2rem 0;
|
||||
}
|
||||
|
||||
.eventHeading h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Search bar */
|
||||
.search-bar {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-inline: auto;
|
||||
width: 80%;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
width: 100%;
|
||||
padding: 11px;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.search-icon {
|
||||
position: absolute;
|
||||
top: 26px;
|
||||
right: 26px;
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
border: navajowhite;
|
||||
background-color: snow;
|
||||
}
|
||||
|
||||
|
||||
.event-headings {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.event-headings a {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.promoSection {
|
||||
margin-top: 2rem;
|
||||
margin-inline: 8rem;
|
||||
}
|
||||
|
||||
.promoSection h2 {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.promo-container {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto auto;
|
||||
grid-gap: 1rem 1rem;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.promo-box {
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.date-box {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.event-time {
|
||||
margin: 0 !important;
|
||||
padding: 8px 14px 5px 5px;
|
||||
}
|
||||
|
||||
.date {
|
||||
margin: 0 !important;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding: 5px 8px 5px 8px;
|
||||
border-top-left-radius: 8px;
|
||||
}
|
||||
|
||||
.imageContent {
|
||||
display: flex;
|
||||
column-gap: 14px;
|
||||
margin-top: 1.5rem;
|
||||
padding-inline: 1rem;
|
||||
}
|
||||
|
||||
.event-heading {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.event-paragraph {
|
||||
color: gray;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.event-location {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.locationCard {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
column-gap: 3px;
|
||||
}
|
||||
|
||||
.locationCard p {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.location-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.eventButton {
|
||||
padding: 0px 10px;
|
||||
background-color: #DF780F;
|
||||
color: #fff;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.listButton {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.listButton ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 10px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.listButton ul li::marker {
|
||||
color: #DF780F;
|
||||
}
|
||||
|
||||
.listButton ul li {
|
||||
color: #393939;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.registerButton {
|
||||
background: none;
|
||||
border: 1px solid #2235457A;
|
||||
border-radius: 20px;
|
||||
width: 90%;
|
||||
margin-inline: auto;
|
||||
display: block;
|
||||
padding: 9px;
|
||||
}
|
||||
.line {
|
||||
border-top: 1px solid #ccc;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.specific-line {
|
||||
border-top: 3px solid #DF780F;
|
||||
width: 290px;
|
||||
margin-top: -22px;
|
||||
height: 10px !important;
|
||||
margin-left: -125px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
.line {
|
||||
border-top: 1px solid #ccc;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.specific-line {
|
||||
border-top: 3px solid #DF780F;
|
||||
width: 125px;
|
||||
margin-top: -34px;
|
||||
margin-left: -44px;
|
||||
|
||||
}
|
||||
|
||||
.eventHeading {
|
||||
padding: 1.5rem 0 1.5rem 0;
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
|
||||
.event-headings {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.event-headings a {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
|
||||
.promoSection {
|
||||
margin-inline: 1rem;
|
||||
margin-top: -5px;
|
||||
|
||||
}
|
||||
|
||||
.promoSection h2 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.promo-container {
|
||||
grid-template-columns: auto;
|
||||
grid-row-gap: 1rem;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.event-time {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.date {
|
||||
padding: 7px 10px 7px 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.imageContent {
|
||||
display: flex;
|
||||
column-gap: 14px;
|
||||
margin-top: 1.5rem;
|
||||
padding-inline: 1rem;
|
||||
}
|
||||
|
||||
.event-heading {
|
||||
font-size: 18px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.event-paragraph {
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.event-location {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.listButton ul {
|
||||
row-gap: 8px;
|
||||
}
|
||||
|
||||
.listButton ul li {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.registerButton {
|
||||
padding: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
background-color: transparent !important;
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.box {
|
||||
border: 1px solid gray;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
margin-top: -30px;
|
||||
}
|
||||
|
||||
.rectangle {
|
||||
border-radius: 6px;
|
||||
width: 72px;
|
||||
height: 64px;
|
||||
background-color: #223545;
|
||||
margin-bottom: 23px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.col-md-4 h3 {
|
||||
font-size: 40px;
|
||||
text-align: center;
|
||||
margin-right: -834px;
|
||||
margin-top: 85px;
|
||||
}
|
||||
|
||||
.img2 {
|
||||
margin-left: 17px;
|
||||
height: 38px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.provide-paragraph {
|
||||
text-align: right;
|
||||
margin-top: 25px;
|
||||
margin-right: -458px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
.row {
|
||||
background-color: transparent !important;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.box {
|
||||
border: 1px solid gray;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
margin-top: 8px;
|
||||
/* width: 339px; */
|
||||
margin-inline: 1rem;
|
||||
|
||||
}
|
||||
|
||||
.rectangle {
|
||||
border-radius: 6px;
|
||||
width: 72px;
|
||||
height: 64px;
|
||||
background-color: #223545;
|
||||
margin-bottom: 23px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.col-md-4 h3 {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
margin-right: 34px;
|
||||
margin-bottom: -3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.col-md-4 h4 {
|
||||
font-size: 18px;
|
||||
text-align: left;
|
||||
margin-bottom: -3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.img2 {
|
||||
margin-left: 17px;
|
||||
height: 38px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.provide-paragraph {
|
||||
text-align: center;
|
||||
margin-top: 15px;
|
||||
margin-left: 32px;
|
||||
font-size: 15px;
|
||||
margin-right: 43px;
|
||||
}
|
||||
}
|
||||
|
||||
/* FooterSection */
|
||||
|
||||
.footerSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.footerLogoSection {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
column-gap: 1rem;
|
||||
}
|
||||
|
||||
.footerLogoImg {
|
||||
width: 235px;
|
||||
height: 100%;
|
||||
}
|
||||
.mobileFooterSection{
|
||||
display: none;
|
||||
}
|
||||
.socialSection {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
column-gap: 1rem;
|
||||
padding: 0;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons {
|
||||
padding: 6px;
|
||||
display: flex;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons:hover {
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.footerLogoSection p {
|
||||
color: #D1D1D1;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
margin-top: 0;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.courseSection ul,
|
||||
.quickLinkSection ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
/* Footer */
|
||||
|
||||
.mobileFooterSection {
|
||||
padding-inline: 2rem;
|
||||
}
|
||||
|
||||
.footerSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobileFooterSection {
|
||||
display: block;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding-block: 1.5rem;
|
||||
}
|
||||
|
||||
.mobileFooterSection .footerLogoSection {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.linksSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.footerContent p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,741 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
line-height: normal;
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
padding: 20px 40px !important;
|
||||
}
|
||||
|
||||
.navLink {
|
||||
color: #000033 !important;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
padding: 8px 16px !important;
|
||||
background-color: transparent !important;
|
||||
border: 2px solid rgb(97, 97, 97) !important;
|
||||
border-radius: 8px !important;
|
||||
font-size: 16px !important;
|
||||
color: black !important;
|
||||
cursor: pointer !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.navLink::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background: #E28527;
|
||||
transition: width .4s ease-in;
|
||||
}
|
||||
|
||||
.navLink:hover {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.navLink:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-top: 167px !important;
|
||||
}
|
||||
|
||||
.phone-number {
|
||||
margin-top: 8px;
|
||||
margin-left: -11px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
.main-section {
|
||||
background-color: #FFF3E4;
|
||||
padding: 4rem;
|
||||
}
|
||||
|
||||
.searchBar {
|
||||
height: 50px !important;
|
||||
}
|
||||
|
||||
.search-icon {
|
||||
position: absolute;
|
||||
right: 26px;
|
||||
top: 14px;
|
||||
}
|
||||
/* banner section */
|
||||
|
||||
.flex-8 {
|
||||
flex: 8;
|
||||
}
|
||||
|
||||
.flex-4 {
|
||||
flex: 4;
|
||||
}
|
||||
|
||||
.bannerTitle {
|
||||
color: rgb(0, 0, 0) !important;
|
||||
margin-bottom: 27px !important;
|
||||
font-size: 60px !important;
|
||||
}
|
||||
|
||||
.bannerContent {
|
||||
font-size: 24px !important;
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
color: rgb(255, 255, 255) !important;
|
||||
background-color: #DF780F !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/* couorse section */
|
||||
|
||||
.courses h1 {
|
||||
color: #223545;
|
||||
font-size: 50px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.courses .boxes {
|
||||
display: flex;
|
||||
column-gap: 8rem;
|
||||
}
|
||||
|
||||
.courses .boxes .box-one,
|
||||
.courses .boxes .box-two,
|
||||
.courses .boxes .box-three {
|
||||
border-radius: 10px;
|
||||
border: 1px solid #DF780F;
|
||||
}
|
||||
|
||||
.courses .boxes .box-one img,
|
||||
.courses .boxes .box-two img,
|
||||
.courses .boxes .box-three img {
|
||||
height: 100px !important;
|
||||
}
|
||||
|
||||
.box-bottom .box-heading {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
color: #000000 !important;
|
||||
}
|
||||
|
||||
.box-bottom .box-content {
|
||||
color: #000033 !important;
|
||||
font-size: 16px;
|
||||
font-weight: 100;
|
||||
line-height: 21px;
|
||||
}
|
||||
|
||||
.box-bottom .box-button {
|
||||
border: 1px solid;
|
||||
border-radius: 10px;
|
||||
padding: 10px 32px;
|
||||
background-color: #DF780F;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
/* services section */
|
||||
.service {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.left-section {
|
||||
flex: 8;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.right-section {
|
||||
flex: 4;
|
||||
}
|
||||
|
||||
.right-section img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.left-section h1 {
|
||||
font-size: 50px;
|
||||
color: #000000;
|
||||
margin-bottom: 10px;
|
||||
font-weight: 700;
|
||||
margin-top: 5px;
|
||||
margin-left: 60px;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.serviceList {
|
||||
font-size: 18px;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
padding-left: 50px;
|
||||
margin-top: 4rem;
|
||||
}
|
||||
|
||||
.serviceList::before {
|
||||
content: "•";
|
||||
font-size: 50px;
|
||||
color: #DF780F;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.right-section img {
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.section {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.imageSection {
|
||||
flex: 6;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.imageSection img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
margin-top: 62px;
|
||||
}
|
||||
|
||||
.content {
|
||||
flex: 6;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.content-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.content h2 {
|
||||
font-size: 42px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.content p {
|
||||
font-size: 16px;
|
||||
margin-bottom: 15px;
|
||||
color: #000000;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.content button {
|
||||
background-color: #DF780F;
|
||||
color: white;
|
||||
padding: 10px 20px;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
margin-top: 39px;
|
||||
}
|
||||
|
||||
.mobileFooterSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* FooterSection */
|
||||
|
||||
.footerSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.footerLogoSection {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
column-gap: 1rem;
|
||||
}
|
||||
|
||||
.footerLogoImg {
|
||||
width: 235px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
column-gap: 1rem;
|
||||
padding: 0;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons {
|
||||
padding: 6px;
|
||||
display: flex;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons:hover {
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.footerLogoSection p {
|
||||
color: #D1D1D1;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
margin-top: 0;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.courseSection ul,
|
||||
.quickLinkSection ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#new-section {
|
||||
padding: 50px 0;
|
||||
background-color: #FFF3E4;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.box-container {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.box1 {
|
||||
background-color: white;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
padding: 40px;
|
||||
text-align: center;
|
||||
margin-top: 67px;
|
||||
margin-right: 37px;
|
||||
}
|
||||
.box2 {
|
||||
background-color: white;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
padding: 40px;
|
||||
text-align: center;
|
||||
margin-top: 67px;
|
||||
margin-right: 37px;
|
||||
}
|
||||
.box3 {
|
||||
background-color: white;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
padding: 40px;
|
||||
text-align: center;
|
||||
margin-top: 67px;
|
||||
}
|
||||
.review-heading{
|
||||
font-size: 34px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.review-paragraph{
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
.box1 img {
|
||||
border-radius: 50%;
|
||||
width: 96px;
|
||||
margin-top: -130px;
|
||||
}
|
||||
.box2 img {
|
||||
border-radius: 50%;
|
||||
width: 96px;
|
||||
margin-top: -130px;
|
||||
}
|
||||
|
||||
.box3 img {
|
||||
border-radius: 50%;
|
||||
width: 96px;
|
||||
margin-top: -130px;
|
||||
}
|
||||
|
||||
.box1 p {
|
||||
margin-bottom: 0;
|
||||
font-size: 17px;
|
||||
}
|
||||
.box2 p {
|
||||
margin-bottom: 0;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.box3 p {
|
||||
margin-bottom: 0;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.small-image {
|
||||
margin-bottom: -183px;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
|
||||
#new-section {
|
||||
padding: 50px 0;
|
||||
background-color: #FFF3E4;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.box-container {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.box1 {
|
||||
background-color: white;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
text-align: center;
|
||||
margin: 13px;
|
||||
}
|
||||
.box2 {
|
||||
display: none;
|
||||
}
|
||||
.box3 {
|
||||
display: none;
|
||||
}
|
||||
.review-heading{
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.review-paragraph{
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
.box1 img {
|
||||
border-radius: 50%;
|
||||
width: 96px;
|
||||
margin-top: -130px;
|
||||
}
|
||||
.box2 img {
|
||||
border-radius: 50%;
|
||||
width: 96px;
|
||||
margin-top: -130px;
|
||||
}
|
||||
|
||||
.box3 img {
|
||||
border-radius: 50%;
|
||||
width: 96px;
|
||||
margin-top: -130px;
|
||||
}
|
||||
|
||||
.box1 p {
|
||||
margin-bottom: 0;
|
||||
font-size: 17px;
|
||||
}
|
||||
.box2 p {
|
||||
margin-bottom: 0;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.box3 p {
|
||||
margin-bottom: 0;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.small-image {
|
||||
margin-bottom: -183px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#subscribe-section {
|
||||
text-align: center;
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
#subscribe-section h3 {
|
||||
margin-bottom: 20px;
|
||||
font-size: 40px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#subscribe-section p {
|
||||
margin-bottom: 20px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.subscribe-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.subscribe-input {
|
||||
width: 591px;
|
||||
padding: 13px;
|
||||
border-radius: 5px 0 0 5px;
|
||||
border: 1px solid #ccc;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.subscribe-button {
|
||||
background-color: #ffa500;
|
||||
color: #fff;
|
||||
border: none;
|
||||
padding: 15px 27px;
|
||||
border-radius: 0 5px 5px 0;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
#subscribe-section {
|
||||
text-align: center;
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
#subscribe-section h3 {
|
||||
margin-bottom: 20px;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#subscribe-section p {
|
||||
margin-bottom: 16px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.subscribe-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.subscribe-input {
|
||||
width: 224px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.subscribe-button {
|
||||
background-color: #ffa500;
|
||||
color: #fff;
|
||||
border: none;
|
||||
padding: 10px 19px;
|
||||
border-radius: 0 5px 5px 0;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
|
||||
/* navbar */
|
||||
.main-section {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
.logoImg {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.contactBtn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.navList {
|
||||
display: inline;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* banner section */
|
||||
|
||||
.flex-8,
|
||||
.left-section {
|
||||
flex: none;
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.flex-4,
|
||||
.right-section {
|
||||
flex: none;
|
||||
order: 1;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.bannerTitle {
|
||||
font-size: 22px !important;
|
||||
margin-bottom: 1rem !important;
|
||||
}
|
||||
|
||||
.bannerContent {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
/* courses section */
|
||||
.boxes {
|
||||
flex-direction: column;
|
||||
row-gap: 1rem !important;
|
||||
}
|
||||
|
||||
.courses h1 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.courses .boxes .box-one img,
|
||||
.courses .boxes .box-two img,
|
||||
.courses .boxes .box-three img {
|
||||
width: 60px;
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.box-bottom .box-heading {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
|
||||
.box-bottom .box-button {
|
||||
padding: 8px 16px;
|
||||
}
|
||||
|
||||
/* Service section */
|
||||
|
||||
.service {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.right-section img {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
.left-section h1 {
|
||||
font-size: 26px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.serviceList {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
/* about us section */
|
||||
|
||||
.section {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.content h2 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.content p {
|
||||
font-size: 16px;
|
||||
margin-bottom: 1rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.content button {
|
||||
margin-top: 1rem;
|
||||
padding: 8px 16px;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
||||
.mobileFooterSection {
|
||||
padding-inline: 2rem;
|
||||
}
|
||||
|
||||
.footerSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobileFooterSection {
|
||||
display: block;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding-block: 1.5rem;
|
||||
}
|
||||
|
||||
.mobileFooterSection .footerLogoSection {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.linksSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.footerContent p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,567 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
.navbar {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
padding: 20px 40px !important;
|
||||
}
|
||||
|
||||
.navLink {
|
||||
color: #000033 !important;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
padding: 8px 16px !important;
|
||||
background-color: transparent !important;
|
||||
border: 2px solid rgb(97, 97, 97) !important;
|
||||
border-radius: 8px !important;
|
||||
font-size: 16px !important;
|
||||
color: black !important;
|
||||
cursor: pointer !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.navLink::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background: #E28527;
|
||||
transition: width .4s ease-in;
|
||||
}
|
||||
|
||||
.navLink:hover {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.navLink:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.phone-number {
|
||||
margin-top: 8px;
|
||||
margin-left: -11px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
.main-section {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
.logoImg {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.contactBtn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.navList {
|
||||
display: inline;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.eventHeading {
|
||||
background-color: #FFF3E4;
|
||||
padding: 2rem 0 2rem 0;
|
||||
}
|
||||
|
||||
.eventHeading h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-inline: auto;
|
||||
width: 80%;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
width: 100%;
|
||||
padding: 11px;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.search-icon {
|
||||
position: absolute;
|
||||
top: 26px;
|
||||
right: 26px;
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
border: navajowhite;
|
||||
background-color: snow;
|
||||
}
|
||||
|
||||
|
||||
.event-headings {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.event-headings a {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
||||
.promoSection {
|
||||
margin-top: 2rem;
|
||||
margin-inline: 8rem;
|
||||
}
|
||||
|
||||
.promoSection h2 {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.promo-container {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto auto;
|
||||
grid-gap: 1rem 1rem;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.promo-box {
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.date-box {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.event-time {
|
||||
margin: 0 !important;
|
||||
padding: 8px 14px 5px 5px;
|
||||
}
|
||||
|
||||
.date {
|
||||
margin: 0 !important;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding: 5px 8px 5px 8px;
|
||||
border-top-left-radius: 8px;
|
||||
}
|
||||
|
||||
.imageContent {
|
||||
display: flex;
|
||||
column-gap: 14px;
|
||||
margin-top: 1.5rem;
|
||||
padding-inline: 1rem;
|
||||
}
|
||||
|
||||
.event-heading {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.event-paragraph {
|
||||
color: gray;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.event-location {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.locationCard {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
column-gap: 3px;
|
||||
}
|
||||
|
||||
.locationCard p {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.location-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.eventButton {
|
||||
padding: 0px 10px;
|
||||
background-color: #DF780F;
|
||||
color: #fff;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.listButton {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.listButton ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 10px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.listButton ul li::marker {
|
||||
color: #DF780F;
|
||||
}
|
||||
|
||||
.listButton ul li {
|
||||
color: #393939;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.registerButton {
|
||||
background: none;
|
||||
border: 1px solid #2235457A;
|
||||
border-radius: 20px;
|
||||
width: 90%;
|
||||
margin-inline: auto;
|
||||
display: block;
|
||||
padding: 9px;
|
||||
}
|
||||
.line {
|
||||
border-top: 1px solid #ccc;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.specific-line {
|
||||
border-top: 3px solid #DF780F;
|
||||
width: 290px;
|
||||
margin-top: -22px;
|
||||
height: 10px !important;
|
||||
margin-left: 465px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
.line {
|
||||
border-top: 1px solid #ccc;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.specific-line {
|
||||
border-top: 3px solid #DF780F;
|
||||
width: 160px;
|
||||
margin-top: -34px;
|
||||
margin-left: 117px;
|
||||
}
|
||||
.eventHeading {
|
||||
padding: 1.5rem 0 1.5rem 0;
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.event-headings {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.event-headings a {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.promoSection {
|
||||
margin-inline: 1rem;
|
||||
margin-top: -5px;
|
||||
|
||||
}
|
||||
|
||||
.promoSection h2 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.promo-container {
|
||||
grid-template-columns: auto;
|
||||
grid-row-gap: 1rem;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.event-time {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.date {
|
||||
padding: 7px 10px 7px 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.imageContent {
|
||||
display: flex;
|
||||
column-gap: 14px;
|
||||
margin-top: 1.5rem;
|
||||
padding-inline: 1rem;
|
||||
}
|
||||
|
||||
.event-heading {
|
||||
font-size: 18px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.event-paragraph {
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.event-location {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.listButton ul {
|
||||
row-gap: 8px;
|
||||
}
|
||||
|
||||
.listButton ul li {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.registerButton {
|
||||
padding: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
background-color: transparent !important;
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.box {
|
||||
border: 1px solid gray;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
margin-top: -30px;
|
||||
}
|
||||
|
||||
.rectangle {
|
||||
border-radius: 6px;
|
||||
width: 72px;
|
||||
height: 64px;
|
||||
background-color: #223545;
|
||||
margin-bottom: 23px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.col-md-4 h3 {
|
||||
font-size: 40px;
|
||||
text-align: center;
|
||||
margin-right: -834px;
|
||||
margin-top: 85px;
|
||||
}
|
||||
|
||||
.img2 {
|
||||
margin-left: 17px;
|
||||
height: 38px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.provide-paragraph {
|
||||
text-align: right;
|
||||
margin-top: 25px;
|
||||
margin-right: -458px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
.row {
|
||||
background-color: transparent !important;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.box {
|
||||
border: 1px solid gray;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
margin-top: 8px;
|
||||
/* width: 339px; */
|
||||
margin-inline: 1rem;
|
||||
|
||||
}
|
||||
|
||||
.rectangle {
|
||||
border-radius: 6px;
|
||||
width: 72px;
|
||||
height: 64px;
|
||||
background-color: #223545;
|
||||
margin-bottom: 23px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.col-md-4 h3 {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
margin-right: 34px;
|
||||
margin-bottom: -3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.col-md-4 h4 {
|
||||
font-size: 18px;
|
||||
text-align: left;
|
||||
margin-bottom: -3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.img2 {
|
||||
margin-left: 17px;
|
||||
height: 38px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.provide-paragraph {
|
||||
text-align: center;
|
||||
margin-top: 15px;
|
||||
margin-left: 32px;
|
||||
font-size: 15px;
|
||||
margin-right: 43px;
|
||||
}
|
||||
}
|
||||
|
||||
/* FooterSection */
|
||||
|
||||
.footerSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.footerLogoSection {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
column-gap: 1rem;
|
||||
}
|
||||
|
||||
.footerLogoImg {
|
||||
width: 235px;
|
||||
height: 100%;
|
||||
}
|
||||
.mobileFooterSection{
|
||||
display: none;
|
||||
}
|
||||
.socialSection {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
column-gap: 1rem;
|
||||
padding: 0;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons {
|
||||
padding: 6px;
|
||||
display: flex;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons:hover {
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.footerLogoSection p {
|
||||
color: #D1D1D1;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
margin-top: 0;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.courseSection ul,
|
||||
.quickLinkSection ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
/* Footer */
|
||||
|
||||
.mobileFooterSection {
|
||||
padding-inline: 2rem;
|
||||
}
|
||||
|
||||
.footerSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobileFooterSection {
|
||||
display: block;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding-block: 1.5rem;
|
||||
}
|
||||
|
||||
.mobileFooterSection .footerLogoSection {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.linksSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.footerContent p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,563 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
line-height: normal;
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
padding: 20px 40px !important;
|
||||
}
|
||||
|
||||
.navLink {
|
||||
color: #000033 !important;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
padding: 8px 16px !important;
|
||||
background-color: transparent !important;
|
||||
border: 2px solid rgb(97, 97, 97) !important;
|
||||
border-radius: 8px !important;
|
||||
font-size: 16px !important;
|
||||
color: black !important;
|
||||
cursor: pointer !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.navLink::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background: #E28527;
|
||||
transition: width .4s ease-in;
|
||||
}
|
||||
|
||||
.navLink:hover {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.navLink:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-top: 167px !important;
|
||||
}
|
||||
|
||||
.phone-number {
|
||||
margin-top: 8px;
|
||||
margin-left: -11px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px){
|
||||
.main-section {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
.logoImg {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.contactBtn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.navList {
|
||||
display: inline;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.eventHeading {
|
||||
background-color: #FFF3E4;
|
||||
padding: 2rem 0 2rem 0;
|
||||
}
|
||||
|
||||
.eventHeading h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.blue-rectangle {
|
||||
background-color: #223545;
|
||||
height: 115px;
|
||||
}
|
||||
.filter-icon{
|
||||
display: none;
|
||||
}
|
||||
.search-bar {
|
||||
width: 55%;
|
||||
padding: 8px;
|
||||
margin-left: 331px;
|
||||
margin-top: 34px;
|
||||
padding: 11px;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
|
||||
}
|
||||
|
||||
.search-icon {
|
||||
border: none;
|
||||
color: #3498db;
|
||||
cursor: pointer;
|
||||
margin-left: -42px;
|
||||
}
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px){
|
||||
|
||||
|
||||
.about-heading {
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
margin-top: 36px;
|
||||
padding: 36px;
|
||||
}
|
||||
|
||||
.main-section {
|
||||
padding: 20px;
|
||||
}
|
||||
.about-rectangle {
|
||||
background-color: #FFF3E4;
|
||||
/* padding: 2px; */
|
||||
/* margin: -18px; */
|
||||
margin-top: -64px;
|
||||
|
||||
}
|
||||
|
||||
.blue-rectangle {
|
||||
background-color: #223545;
|
||||
height: 110px;
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
|
||||
width: 60%;
|
||||
padding: 5px;
|
||||
margin-left: 60px;
|
||||
margin-top: 34px;
|
||||
border-radius: 8px;
|
||||
|
||||
}
|
||||
.filter-icon{
|
||||
margin-right: -65px;
|
||||
margin-left: 18px;
|
||||
height: 39px;
|
||||
width: 40px;
|
||||
display: inline;
|
||||
|
||||
}
|
||||
.search-icon {
|
||||
border: none;
|
||||
color: #3498db;
|
||||
cursor: pointer;
|
||||
margin-left: -42px;
|
||||
}
|
||||
.top-topics{
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
.topics-section {
|
||||
margin-bottom: -323px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.blue-topic {
|
||||
background-color: #FFF3E4;
|
||||
padding: 8px;
|
||||
margin-bottom: 5px;
|
||||
color: #E28527;
|
||||
border-radius: 5px;
|
||||
width: 162px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.none-topic{
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
.gray-line {
|
||||
border: 1px solid #bdc3c7;
|
||||
margin-top: 22px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.topic {
|
||||
padding: -13px;
|
||||
border-radius: 5px;
|
||||
margin-top: 25px;
|
||||
margin-left: -45px;
|
||||
}
|
||||
|
||||
.top-topics{
|
||||
margin-top: 106px;
|
||||
margin-left: 63px;
|
||||
}
|
||||
.other-topics{
|
||||
margin-top: 211px;
|
||||
/* margin-right: -57px; */
|
||||
margin-left: -119px;
|
||||
}
|
||||
|
||||
.right-section {
|
||||
margin-left: 364px;
|
||||
margin-top: 81px;
|
||||
}
|
||||
|
||||
.circle {
|
||||
background-color: #FFF3E4;
|
||||
border-radius: 50%;
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
margin: -3rem;
|
||||
margin-top: -81px;
|
||||
margin-left: 0px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.left-arrow {
|
||||
font-size: 45px;
|
||||
font-weight: bolder;
|
||||
color: #1C4566;
|
||||
}
|
||||
|
||||
|
||||
a:hover .circle{
|
||||
background-color: rgb(187, 187, 187);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.tutorial{
|
||||
color: #DF780F;
|
||||
font-size: 18px;
|
||||
margin-bottom: 21px;
|
||||
}
|
||||
.summary-heading{
|
||||
margin-top: 13px;
|
||||
}
|
||||
|
||||
.summary-paragraph{
|
||||
margin-right: 156px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.grey-line {
|
||||
border-top: 1px solid #090909;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.grey2-line {
|
||||
border-top: 1px solid #090909;
|
||||
margin: 10px 0;
|
||||
/* margin-bottom: 24px; */
|
||||
margin-top: 72px;
|
||||
}
|
||||
|
||||
|
||||
.helpful{
|
||||
font-weight: bold;
|
||||
margin-top: 18px;
|
||||
font-size: 22px;
|
||||
}
|
||||
.icon-images{
|
||||
margin-left: 542px;
|
||||
margin-top: 19px;
|
||||
}
|
||||
|
||||
|
||||
.feedback-section {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: -82px;
|
||||
}
|
||||
|
||||
|
||||
.feedback-btn {
|
||||
margin-right: 10px;
|
||||
padding: 5px 10px;
|
||||
cursor: pointer;
|
||||
margin-left: 31px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
|
||||
.icon-images img {
|
||||
margin-right: 10px;
|
||||
}
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px){
|
||||
|
||||
.right-section{
|
||||
margin-left: 17px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.right-section img {
|
||||
margin-right: -57px;
|
||||
}
|
||||
.helpful {
|
||||
font-weight: bold;
|
||||
margin-top: 18px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.feedback-btn {
|
||||
margin-right: 27px;
|
||||
padding: 1px 8px;
|
||||
cursor: pointer;
|
||||
margin-left: 9px;
|
||||
font-size: 12px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.icon-images {
|
||||
margin-left: 84px;
|
||||
margin-top: 19px;
|
||||
}
|
||||
.summary-paragraph {
|
||||
margin-right: 19px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
}
|
||||
.container-fluid{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.feature-heading{
|
||||
margin-left: 342px;
|
||||
margin-bottom: 172px;
|
||||
margin-top: 67px;
|
||||
}
|
||||
|
||||
.feature-content-section {
|
||||
margin-top: -144px;
|
||||
margin-left: 325px;
|
||||
}
|
||||
|
||||
.feature-rectangle {
|
||||
border: 1px solid #dfdfdf;
|
||||
border-radius: 5px;
|
||||
margin-right: 20px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
|
||||
|
||||
}
|
||||
|
||||
.feature-rectangle img {
|
||||
width: 316px;
|
||||
height: auto;
|
||||
}
|
||||
.feature-heading2{
|
||||
padding: 10px;
|
||||
font-size: 24px;
|
||||
margin-top: -17px;
|
||||
}
|
||||
.feature-heading2 a{
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
||||
.feature-paragraph2{
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
margin-top: -18px;
|
||||
}
|
||||
.small-text {
|
||||
font-size: 12px;
|
||||
margin-bottom: 5px;
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
color: #DF780F;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px){
|
||||
|
||||
.top-topics{
|
||||
display: none;
|
||||
}
|
||||
.container-fluid{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.feature-heading{
|
||||
margin-left: 34px;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
margin-top: 48px;
|
||||
|
||||
}
|
||||
.feature-content-section {
|
||||
|
||||
margin-left: 29px;
|
||||
|
||||
}
|
||||
|
||||
.feature-rectangle {
|
||||
border: 1px solid #dfdfdf;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
margin-bottom: 28px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.feature-rectangle img {
|
||||
width: 374px;
|
||||
height: auto;
|
||||
}
|
||||
.feature-heading2{
|
||||
padding: 10px;
|
||||
font-size: 15px;
|
||||
margin-top: -17px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.feature-heading2 a{
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
font: 15px;
|
||||
}
|
||||
|
||||
.feature-paragraph2{
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
margin-top: -18px;
|
||||
}
|
||||
.small-text {
|
||||
font-size: 12px;
|
||||
/* margin-bottom: 9px; */
|
||||
padding: 10px;
|
||||
font-size: 12px;
|
||||
color: #DF780F;
|
||||
margin-top: 7px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* FooterSection */
|
||||
|
||||
.footerSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.footerLogoSection {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
column-gap: 1rem;
|
||||
}
|
||||
|
||||
.footerLogoImg {
|
||||
width: 235px;
|
||||
height: 100%;
|
||||
}
|
||||
.mobileFooterSection{
|
||||
display: none;
|
||||
}
|
||||
.socialSection {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
column-gap: 1rem;
|
||||
padding: 0;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons {
|
||||
padding: 6px;
|
||||
display: flex;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons:hover {
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.footerLogoSection p {
|
||||
color: #D1D1D1;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
margin-top: 0;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.courseSection ul,
|
||||
.quickLinkSection ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
/* Footer */
|
||||
|
||||
.mobileFooterSection {
|
||||
padding-inline: 2rem;
|
||||
}
|
||||
|
||||
.footerSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobileFooterSection {
|
||||
display: block;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding-block: 1.5rem;
|
||||
}
|
||||
|
||||
.mobileFooterSection .footerLogoSection {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.linksSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.footerContent p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,347 @@
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
.navbar {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
padding: 20px 40px !important;
|
||||
}
|
||||
|
||||
.navLink {
|
||||
color: #000033 !important;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
padding: 8px 16px !important;
|
||||
background-color: transparent !important;
|
||||
border: 2px solid rgb(97, 97, 97) !important;
|
||||
border-radius: 8px !important;
|
||||
font-size: 16px !important;
|
||||
color: black !important;
|
||||
cursor: pointer !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.navLink::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background: #E28527;
|
||||
transition: width .4s ease-in;
|
||||
}
|
||||
|
||||
.navLink:hover {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.navLink:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.phone-number {
|
||||
margin-top: 8px;
|
||||
margin-left: -11px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
/* navbar */
|
||||
.main-section {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
.logoImg {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.contactBtn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.navList {
|
||||
display: inline;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.mentor-detail-container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* Left Section */
|
||||
.mentor-left {
|
||||
width: 40%;
|
||||
background-color: #ffcc99;
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.mentor-info-box {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mentor-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
max-height: 300px;
|
||||
object-fit: cover;
|
||||
margin-bottom: 15px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.mentor-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.mentor-name {
|
||||
font-size: 28px;
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
.mentor-actions {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.icon-circle {
|
||||
background-color: #ff8000;
|
||||
color: #fff;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.mentor-description {
|
||||
text-align: left;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 34px;
|
||||
}
|
||||
|
||||
.mentor-stats-box {
|
||||
background-color: #fff;
|
||||
padding: 15px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 5px;
|
||||
margin-top: 34px;
|
||||
}
|
||||
|
||||
.mentor-stat-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.stat-title {
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.stat-value {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* Right Section */
|
||||
.mentor-right {
|
||||
width: 60%;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.section-heading {
|
||||
font-size: 30px;
|
||||
color: black;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.section-description, .specialist-buttons {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.section-description {
|
||||
font-size: 16px;
|
||||
color: #555;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.experience-list {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.experience-list li {
|
||||
list-style-type: disc;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.specialist-buttons {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.specialist-button {
|
||||
border: 2px solid #ff8000;
|
||||
border-radius: 8px;
|
||||
background-color: transparent;
|
||||
color: #ff8000;
|
||||
padding: 8px 15px;
|
||||
font-size: 0.9rem;
|
||||
text-align: center;
|
||||
flex: 1 1 auto;
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
|
||||
.specialist-button:hover {
|
||||
background-color: #ff8000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.mentor-detail-container {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.mentor-left {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.mentor-image {
|
||||
height: 40vh;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.mentor-right {
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.mentor-stats-box {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mentor-stat-row {
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.specialist-buttons {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.specialist-button {
|
||||
flex: 0 0 calc(50% - 10px);
|
||||
max-width: none;
|
||||
}
|
||||
.section-heading {
|
||||
font-size: 20px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.courses-section {
|
||||
margin: 50px auto;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.section-heading1 {
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.courses-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 20px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.course-box {
|
||||
flex: 1;
|
||||
max-width: 30%;
|
||||
padding: 20px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.course-img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin-bottom: 15px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.course-title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.course-author {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.course-description {
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.enroll-btn {
|
||||
display: inline-block;
|
||||
padding: 10px 20px;
|
||||
background-color: orange;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.enroll-btn:hover {
|
||||
background-color: darkorange;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.courses-container {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.courses-section {
|
||||
margin: 20px auto;
|
||||
}
|
||||
.course-box {
|
||||
max-width: 100%;
|
||||
margin-top: -22px;
|
||||
}
|
||||
|
||||
.section-heading1 {
|
||||
font-size: 22px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,413 @@
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
.navbar {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
padding: 20px 40px !important;
|
||||
}
|
||||
|
||||
.navLink {
|
||||
color: #000033 !important;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
padding: 8px 16px !important;
|
||||
background-color: transparent !important;
|
||||
border: 2px solid rgb(97, 97, 97) !important;
|
||||
border-radius: 8px !important;
|
||||
font-size: 16px !important;
|
||||
color: black !important;
|
||||
cursor: pointer !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.navLink::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background: #E28527;
|
||||
transition: width .4s ease-in;
|
||||
}
|
||||
|
||||
.navLink:hover {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.navLink:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.phone-number {
|
||||
margin-top: 8px;
|
||||
margin-left: -11px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
/* navbar */
|
||||
.main-section {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
.logoImg {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.contactBtn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.navList {
|
||||
display: inline;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.mentorHeading {
|
||||
background-color: #FFF3E4;
|
||||
padding: 2rem 0 2rem 0;
|
||||
}
|
||||
|
||||
.mentorHeading h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-inline: auto;
|
||||
width: 80%;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
width: 100%;
|
||||
padding: 11px;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.search-icon {
|
||||
position: absolute;
|
||||
top: 26px;
|
||||
right: 26px;
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
border: navajowhite;
|
||||
background-color: snow;
|
||||
}
|
||||
|
||||
|
||||
.mentor-box {
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
background: transparent;
|
||||
}
|
||||
.mb-4 {
|
||||
margin-bottom: 1.5rem !important;
|
||||
font-size: 60px;
|
||||
}
|
||||
.mentor-img {
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.mentor-info {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.mentor-name {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.mentor-designation {
|
||||
font-size: 14px;
|
||||
color: #555;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.mentor-specialist {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.mentor-buttons {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.mentor-buttons .btn {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.mentor-actions {
|
||||
margin-top: -33px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 15px;
|
||||
margin-left: 300px;
|
||||
}
|
||||
|
||||
.icon-circle {
|
||||
background-color: #ff8000;
|
||||
color: #fff;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
|
||||
.mentorsContainer{
|
||||
margin-inline: 1.5rem !important;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 44px;
|
||||
}
|
||||
|
||||
.mentor-box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.mentor-name{
|
||||
font-size: 24px;
|
||||
font-weight: bolder;
|
||||
}
|
||||
.mentor-designation{
|
||||
font-size: 24px;
|
||||
}
|
||||
.mentor-specialist{
|
||||
font-size: 16px;
|
||||
}
|
||||
.mentor-buttons .btn {
|
||||
border: 2px solid orange !important;
|
||||
color: orange !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.mentor-buttons .btn:hover {
|
||||
background-color: orange !important;
|
||||
color: white !important;
|
||||
}
|
||||
.btn btn-primary rounded-pill{
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (max-width: 768px) {
|
||||
|
||||
.mb-4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.row {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.mentor-box {
|
||||
width: 90%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.mentor-name {
|
||||
font-size: 16px; /
|
||||
}
|
||||
|
||||
.mentor-designation,
|
||||
.mentor-specialist {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.mentor-icons {
|
||||
top: 340px;
|
||||
right: 10px;
|
||||
}
|
||||
.mentor-designation{
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.btn btn-primary rounded-pill{
|
||||
font-size: 16px;
|
||||
}
|
||||
.mentor-name{
|
||||
font-size: 18px;
|
||||
font-weight: bolder;
|
||||
}
|
||||
.mentor-specialist{
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.mentor-buttons {
|
||||
margin-left: -9px;
|
||||
}
|
||||
.mentor-actions {
|
||||
/* margin-top: 10px; */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
margin-left: 0px;
|
||||
margin-right: -200px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.icon-circle {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* FooterSection */
|
||||
|
||||
.footerSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.footerLogoSection {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
column-gap: 1rem;
|
||||
}
|
||||
|
||||
.footerLogoImg {
|
||||
width: 235px;
|
||||
height: 100%;
|
||||
}
|
||||
.mobileFooterSection{
|
||||
display: none;
|
||||
}
|
||||
.socialSection {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
column-gap: 1rem;
|
||||
padding: 0;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons {
|
||||
padding: 6px;
|
||||
display: flex;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons:hover {
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.footerLogoSection p {
|
||||
color: #D1D1D1;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
margin-top: 0;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.courseSection ul,
|
||||
.quickLinkSection ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
/* Footer */
|
||||
|
||||
.mobileFooterSection {
|
||||
padding-inline: 2rem;
|
||||
}
|
||||
|
||||
.footerSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobileFooterSection {
|
||||
display: block;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding-block: 1.5rem;
|
||||
}
|
||||
|
||||
.mobileFooterSection .footerLogoSection {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.linksSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.footerContent p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,572 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
.navbar {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
padding: 20px 40px !important;
|
||||
}
|
||||
|
||||
.navLink {
|
||||
color: #000033 !important;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
padding: 8px 16px !important;
|
||||
background-color: transparent !important;
|
||||
border: 2px solid rgb(97, 97, 97) !important;
|
||||
border-radius: 8px !important;
|
||||
font-size: 16px !important;
|
||||
color: black !important;
|
||||
cursor: pointer !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.navLink::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background: #E28527;
|
||||
transition: width .4s ease-in;
|
||||
}
|
||||
|
||||
.navLink:hover {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.navLink:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.phone-number {
|
||||
margin-top: 8px;
|
||||
margin-left: -11px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
/* navbar */
|
||||
.main-section {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
.logoImg {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.contactBtn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.navList {
|
||||
display: inline;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Event Heading */
|
||||
.eventHeading {
|
||||
background-color: #FFF3E4;
|
||||
padding: 2rem 0 2rem 0;
|
||||
}
|
||||
|
||||
.eventHeading h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Search bar */
|
||||
.search-bar {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-inline: auto;
|
||||
width: 80%;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
width: 100%;
|
||||
padding: 11px;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.search-icon {
|
||||
position: absolute;
|
||||
top: 26px;
|
||||
right: 26px;
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
border: navajowhite;
|
||||
background-color: snow;
|
||||
}
|
||||
|
||||
|
||||
.event-headings {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.event-headings a {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
||||
.promoSection {
|
||||
margin-top: 2rem;
|
||||
margin-inline: 8rem;
|
||||
}
|
||||
|
||||
.promoSection h2 {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.promo-container {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto auto;
|
||||
grid-gap: 1rem 1rem;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.promo-box {
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.date-box {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.event-time {
|
||||
margin: 0 !important;
|
||||
padding: 8px 14px 5px 5px;
|
||||
}
|
||||
|
||||
.date {
|
||||
margin: 0 !important;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding: 5px 8px 5px 8px;
|
||||
border-top-left-radius: 8px;
|
||||
}
|
||||
|
||||
.imageContent {
|
||||
display: flex;
|
||||
column-gap: 14px;
|
||||
margin-top: 1.5rem;
|
||||
padding-inline: 1rem;
|
||||
}
|
||||
|
||||
.event-heading {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.event-paragraph {
|
||||
color: gray;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.event-location {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.locationCard {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
column-gap: 3px;
|
||||
}
|
||||
|
||||
.locationCard p {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.location-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.eventButton {
|
||||
padding: 0px 10px;
|
||||
background-color: #DF780F;
|
||||
color: #fff;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.listButton {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.listButton ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 10px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.listButton ul li::marker {
|
||||
color: #DF780F;
|
||||
}
|
||||
|
||||
.listButton ul li {
|
||||
color: #393939;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.registerButton {
|
||||
background: none;
|
||||
border: 1px solid #2235457A;
|
||||
border-radius: 20px;
|
||||
width: 90%;
|
||||
margin-inline: auto;
|
||||
display: block;
|
||||
padding: 9px;
|
||||
}
|
||||
.line {
|
||||
border-top: 1px solid #ccc;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.specific-line {
|
||||
border-top: 3px solid #DF780F;
|
||||
width: 290px;
|
||||
margin-top: -22px;
|
||||
height: 10px !important;
|
||||
margin-left: 1030px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
.line {
|
||||
border-top: 1px solid #ccc;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.specific-line {
|
||||
border-top: 3px solid #DF780F;
|
||||
width: 109px;
|
||||
margin-top: -34px;
|
||||
margin-left: 308px
|
||||
}
|
||||
|
||||
.eventHeading {
|
||||
padding: 1.5rem 0 1.5rem 0;
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.event-headings {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.event-headings a {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.promoSection {
|
||||
margin-inline: 1rem;
|
||||
margin-top: -5px;
|
||||
|
||||
}
|
||||
|
||||
.promoSection h2 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.promo-container {
|
||||
grid-template-columns: auto;
|
||||
grid-row-gap: 1rem;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.event-time {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.date {
|
||||
padding: 7px 10px 7px 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.imageContent {
|
||||
display: flex;
|
||||
column-gap: 14px;
|
||||
margin-top: 1.5rem;
|
||||
padding-inline: 1rem;
|
||||
}
|
||||
|
||||
.event-heading {
|
||||
font-size: 18px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.event-paragraph {
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.event-location {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.listButton ul {
|
||||
row-gap: 8px;
|
||||
}
|
||||
|
||||
.listButton ul li {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.registerButton {
|
||||
padding: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
background-color: transparent !important;
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.box {
|
||||
border: 1px solid gray;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
margin-top: -30px;
|
||||
}
|
||||
|
||||
.rectangle {
|
||||
border-radius: 6px;
|
||||
width: 72px;
|
||||
height: 64px;
|
||||
background-color: #223545;
|
||||
margin-bottom: 23px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.col-md-4 h3 {
|
||||
font-size: 40px;
|
||||
text-align: center;
|
||||
margin-right: -834px;
|
||||
margin-top: 85px;
|
||||
}
|
||||
|
||||
.img2 {
|
||||
margin-left: 17px;
|
||||
height: 38px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.provide-paragraph {
|
||||
text-align: right;
|
||||
margin-top: 25px;
|
||||
margin-right: -458px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px) {
|
||||
.row {
|
||||
background-color: transparent !important;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.box {
|
||||
border: 1px solid gray;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
margin-top: 8px;
|
||||
/* width: 339px; */
|
||||
margin-inline: 1rem;
|
||||
|
||||
}
|
||||
|
||||
.rectangle {
|
||||
border-radius: 6px;
|
||||
width: 72px;
|
||||
height: 64px;
|
||||
background-color: #223545;
|
||||
margin-bottom: 23px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.col-md-4 h3 {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
margin-right: 34px;
|
||||
margin-bottom: -3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.col-md-4 h4 {
|
||||
font-size: 18px;
|
||||
text-align: left;
|
||||
margin-bottom: -3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.img2 {
|
||||
margin-left: 17px;
|
||||
height: 38px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.provide-paragraph {
|
||||
text-align: center;
|
||||
margin-top: 15px;
|
||||
margin-left: 32px;
|
||||
font-size: 15px;
|
||||
margin-right: 43px;
|
||||
}
|
||||
}
|
||||
|
||||
/* FooterSection */
|
||||
|
||||
.footerSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.footerLogoSection {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
column-gap: 1rem;
|
||||
}
|
||||
|
||||
.footerLogoImg {
|
||||
width: 235px;
|
||||
height: 100%;
|
||||
}
|
||||
.mobileFooterSection{
|
||||
display: none;
|
||||
}
|
||||
.socialSection {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
column-gap: 1rem;
|
||||
padding: 0;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons {
|
||||
padding: 6px;
|
||||
display: flex;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons:hover {
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.footerLogoSection p {
|
||||
color: #D1D1D1;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
margin-top: 0;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.courseSection ul,
|
||||
.quickLinkSection ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
/* Footer */
|
||||
|
||||
.mobileFooterSection {
|
||||
padding-inline: 2rem;
|
||||
}
|
||||
|
||||
.footerSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobileFooterSection {
|
||||
display: block;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding-block: 1.5rem;
|
||||
}
|
||||
|
||||
.mobileFooterSection .footerLogoSection {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.linksSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.footerContent p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,539 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
line-height: normal;
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
padding: 20px 40px !important;
|
||||
}
|
||||
|
||||
.navLink {
|
||||
color: #000033 !important;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
padding: 8px 16px !important;
|
||||
background-color: transparent !important;
|
||||
border: 2px solid rgb(97, 97, 97) !important;
|
||||
border-radius: 8px !important;
|
||||
font-size: 16px !important;
|
||||
color: black !important;
|
||||
cursor: pointer !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.navLink::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background: #E28527;
|
||||
transition: width .4s ease-in;
|
||||
}
|
||||
|
||||
.navLink:hover {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.navLink:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-top: 167px !important;
|
||||
}
|
||||
|
||||
.phone-number {
|
||||
margin-top: 8px;
|
||||
margin-left: -11px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px){
|
||||
.main-section {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
.logoImg {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.contactBtn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.navList {
|
||||
display: inline;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.eventHeading {
|
||||
background-color: #FFF3E4;
|
||||
padding: 2rem 0 2rem 0;
|
||||
}
|
||||
|
||||
.eventHeading h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.blue-rectangle {
|
||||
background-color: #223545;
|
||||
height: 115px;
|
||||
}
|
||||
.filter-icon{
|
||||
display: none;
|
||||
}
|
||||
.search-bar {
|
||||
width: 55%;
|
||||
padding: 8px;
|
||||
margin-left: 331px;
|
||||
margin-top: 34px;
|
||||
padding: 11px;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.search-icon {
|
||||
border: none;
|
||||
color: #3498db;
|
||||
cursor: pointer;
|
||||
margin-left: -42px;
|
||||
}
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px){
|
||||
|
||||
|
||||
.eventHeading {
|
||||
padding: 1.5rem 0 1.5rem 0;
|
||||
}
|
||||
|
||||
|
||||
.blue-rectangle {
|
||||
background-color: #223545;
|
||||
height: 110px;
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
|
||||
width: 60%;
|
||||
padding: 5px;
|
||||
margin-left: 60px;
|
||||
margin-top: 34px;
|
||||
border-radius: 8px;
|
||||
|
||||
}
|
||||
.filter-icon{
|
||||
margin-right: -65px;
|
||||
margin-left: 18px;
|
||||
height: 39px;
|
||||
width: 40px;
|
||||
display: inline;
|
||||
|
||||
}
|
||||
.search-icon {
|
||||
border: none;
|
||||
color: #3498db;
|
||||
cursor: pointer;
|
||||
margin-left: -42px;
|
||||
}
|
||||
|
||||
}
|
||||
.topics-section {
|
||||
margin-bottom: -323px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.blue-topic {
|
||||
background-color: #FFF3E4;
|
||||
padding: 8px;
|
||||
margin-bottom: 5px;
|
||||
color: #E28527;
|
||||
border-radius: 5px;
|
||||
width: 162px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.none-topic{
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
.gray-line {
|
||||
border: 1px solid #bdc3c7;
|
||||
margin-top: 22px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.topic {
|
||||
padding: -13px;
|
||||
border-radius: 5px;
|
||||
margin-top: 25px;
|
||||
margin-left: -45px;
|
||||
}
|
||||
|
||||
.top-topics{
|
||||
margin-top: 106px;
|
||||
margin-left: 63px;
|
||||
}
|
||||
.other-topics{
|
||||
margin-top: 211px;
|
||||
margin-left: -119px;
|
||||
}
|
||||
.container-fluid{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.feature-heading{
|
||||
margin-left: 319px;
|
||||
margin-bottom: 162px;
|
||||
}
|
||||
.feature-content-section {
|
||||
margin-top: -144px;
|
||||
margin-left: 325px;
|
||||
}
|
||||
|
||||
.feature-rectangle {
|
||||
border: 1px solid #dfdfdf;
|
||||
border-radius: 5px;
|
||||
margin-right: 20px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
|
||||
|
||||
}
|
||||
|
||||
.feature-rectangle img {
|
||||
width: 316px;
|
||||
height: auto;
|
||||
}
|
||||
.feature-heading2{
|
||||
padding: 10px;
|
||||
font-size: 24px;
|
||||
margin-top: -17px;
|
||||
}
|
||||
.feature-heading2 a{
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.feature-paragraph2{
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
margin-top: -18px;
|
||||
}
|
||||
.small-text {
|
||||
font-size: 12px;
|
||||
margin-bottom: 5px;
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
color: #DF780F;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px){
|
||||
|
||||
|
||||
|
||||
.top-topics{
|
||||
display: none;
|
||||
}
|
||||
.container-fluid{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.feature-heading{
|
||||
margin-left: 34px;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
margin-top: -383px;
|
||||
margin-bottom: 145px;
|
||||
|
||||
|
||||
}
|
||||
.feature-content-section {
|
||||
|
||||
margin-left: 29px;
|
||||
|
||||
}
|
||||
|
||||
.feature-rectangle {
|
||||
border: 1px solid #dfdfdf;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
margin-bottom: 28px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.feature-rectangle img {
|
||||
width: 374px;
|
||||
height: auto;
|
||||
}
|
||||
.feature-heading2{
|
||||
padding: 10px;
|
||||
font-size: 15px;
|
||||
margin-top: -17px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.feature-heading2 a{
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
font: 15px;
|
||||
}
|
||||
|
||||
.feature-paragraph2{
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
margin-top: -18px;
|
||||
}
|
||||
.small-text {
|
||||
font-size: 12px;
|
||||
/* margin-bottom: 9px; */
|
||||
padding: 10px;
|
||||
font-size: 12px;
|
||||
color: #DF780F;
|
||||
margin-top: 7px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.most-recent-content {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.recent-heading{
|
||||
margin-left: 327px;
|
||||
margin-bottom: -28px;
|
||||
margin-top: 68px;
|
||||
}
|
||||
|
||||
.recent-rectangle {
|
||||
border: 1px solid #f5f5f56b;
|
||||
border-radius: 5px;
|
||||
background-color: #F9F9F9;
|
||||
padding: 10px;
|
||||
margin-bottom: 20px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.recent-rectangle-2 {
|
||||
border: 1px solid #f5f5f56b;
|
||||
border-radius: 5px;
|
||||
background-color: #F9F9F9;
|
||||
padding: 10px;
|
||||
margin-bottom: 20px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.recent-rectangle-3 {
|
||||
border: 1px solid #f5f5f56b;
|
||||
border-radius: 5px;
|
||||
background-color: #F9F9F9;
|
||||
padding: 10px;
|
||||
margin-bottom: 20px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.most-recent-content{
|
||||
width: 1003px;
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
margin-left: 329px;
|
||||
gap: 22px;
|
||||
}
|
||||
.recent-details {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.date-time {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.view-all-link {
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
color: #DF780F;
|
||||
text-align: right;
|
||||
margin-right: 107px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (min-width: 320px) and (max-width: 767px){
|
||||
|
||||
.recent-heading{
|
||||
margin-left: 24px;
|
||||
margin-bottom: -28px;
|
||||
margin-top: -8px;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
.recent-rectangle {
|
||||
border: 1px solid #f5f5f56b;
|
||||
border-radius: 5px;
|
||||
background-color: #F9F9F9;
|
||||
padding: 10px;
|
||||
margin-bottom: 20px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.recent-rectangle-2 {
|
||||
border: 1px solid #f5f5f56b;
|
||||
border-radius: 5px;
|
||||
background-color: #F9F9F9;
|
||||
padding: 10px;
|
||||
margin-bottom: 20px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.recent-rectangle-3 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.most-recent-content{
|
||||
width: 333px;
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
margin-left: 20px;
|
||||
gap: 22px;
|
||||
|
||||
}
|
||||
.recent-details {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.date-time {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.view-all-link {
|
||||
display: block;
|
||||
margin-top: 6px;
|
||||
color: #DF780F;
|
||||
text-align: right;
|
||||
margin-right: 82px;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* FooterSection */
|
||||
|
||||
.footerSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.footerLogoSection {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
column-gap: 1rem;
|
||||
}
|
||||
|
||||
.footerLogoImg {
|
||||
width: 235px;
|
||||
height: 100%;
|
||||
}
|
||||
.mobileFooterSection{
|
||||
display: none;
|
||||
}
|
||||
.socialSection {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
column-gap: 1rem;
|
||||
padding: 0;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons {
|
||||
padding: 6px;
|
||||
display: flex;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.socialSection .socialIcons:hover {
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.footerLogoSection p {
|
||||
color: #D1D1D1;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
margin-top: 0;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.courseSection ul,
|
||||
.quickLinkSection ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
/* Footer */
|
||||
|
||||
.mobileFooterSection {
|
||||
padding-inline: 2rem;
|
||||
}
|
||||
|
||||
.footerSection {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobileFooterSection {
|
||||
display: block;
|
||||
background-color: #223545;
|
||||
color: #fff;
|
||||
padding-block: 1.5rem;
|
||||
}
|
||||
|
||||
.mobileFooterSection .footerLogoSection {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.linksSection {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.courseSection ul a,
|
||||
.quickLinkSection ul a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.courseSection h3,
|
||||
.quickLinkSection h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.socialSection {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.footerContent p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 472 B |
Binary file not shown.
|
After Width: | Height: | Size: 311 B |
Binary file not shown.
|
After Width: | Height: | Size: 517 B |
Binary file not shown.
|
After Width: | Height: | Size: 535 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 242 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 286 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 286 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 799 B |
Binary file not shown.
|
After Width: | Height: | Size: 154 B |
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 338 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 662 B |
Binary file not shown.
|
After Width: | Height: | Size: 236 B |
Binary file not shown.
|
After Width: | Height: | Size: 356 B |
Binary file not shown.
|
After Width: | Height: | Size: 157 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 268 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 321 B |
Binary file not shown.
|
After Width: | Height: | Size: 432 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 330 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 343 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 303 B |
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 468 B |
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 156 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 236 B |
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 136 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 343 B |
Binary file not shown.
|
After Width: | Height: | Size: 263 B |
Binary file not shown.
|
After Width: | Height: | Size: 274 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 312 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 389 B |
Binary file not shown.
|
After Width: | Height: | Size: 269 B |
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 148 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 102 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 222 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 528 B |
Binary file not shown.
|
After Width: | Height: | Size: 741 B |
Binary file not shown.
|
After Width: | Height: | Size: 591 B |
Binary file not shown.
|
After Width: | Height: | Size: 427 B |
Binary file not shown.
|
After Width: | Height: | Size: 136 B |
Binary file not shown.
|
After Width: | Height: | Size: 348 B |
Binary file not shown.
|
After Width: | Height: | Size: 348 B |
Binary file not shown.
|
After Width: | Height: | Size: 447 B |
Binary file not shown.
|
After Width: | Height: | Size: 657 B |
Binary file not shown.
|
After Width: | Height: | Size: 271 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 214 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 202 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 314 B |
Binary file not shown.
|
After Width: | Height: | Size: 137 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 309 B |
Binary file not shown.
|
After Width: | Height: | Size: 623 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 289 B |
Binary file not shown.
|
After Width: | Height: | Size: 9.9 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 610 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 583 B |
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 366 B |
Binary file not shown.
|
After Width: | Height: | Size: 330 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 268 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 590 B |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue