fafadiatech
/
LearnExponent
16
0
Fork 0
Code Issues 8 Pull Requests Packages Projects Releases Wiki Activity

Initial Commit

Browse Source
master
Prasad-Bhogale 11 months ago
commit b385b9e46a
121 changed files with 11698 additions and 0 deletions
Show Stats Download Patch File Download Diff File

636
assets/about.css
Unescape Escape View File

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

474
assets/blog.css
Unescape Escape View File

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

476
assets/bloginner.css
Unescape Escape View File

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

539
assets/course.css
Unescape Escape View File

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

782
assets/coursedetail.css
Unescape Escape View File

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

574
assets/event.css
Unescape Escape View File

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

741
assets/homepage.css
Unescape Escape View File

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

567
assets/in-person.css
Unescape Escape View File

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

563
assets/inner.css
Unescape Escape View File

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

347
assets/innermentor.css
Unescape Escape View File

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

413
assets/mentor.css
Unescape Escape View File

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

572
assets/post-event.css
Unescape Escape View File

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

539
assets/resource.css
Unescape Escape View File

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

BIN
images/1rec.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 472 B

BIN
images/2rec.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 311 B

BIN
images/3rec.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 517 B

BIN
images/Content Image large.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 535 KiB

BIN
images/Ellipse 360.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
images/FACEBOOK.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 242 B

BIN
images/Frame 43015.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
images/Frame 43072.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
images/Group 1261153377.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 286 KiB

BIN
images/Group 1261153379.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
images/Group 42963.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 286 KiB

BIN
images/Group.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
images/INSTA.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 799 B

BIN
images/Rectangle 2945.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 154 B

BIN
images/Rectangle 2985.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 119 KiB

BIN
images/Rectangle 3021.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 338 KiB

BIN
images/Rectangle 73.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 134 KiB

BIN
images/Time.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 662 B

BIN
images/Vector (1).png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 236 B

BIN
images/Vector.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 356 B

BIN
images/affordable 1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 157 KiB

BIN
images/affordable 2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

BIN
images/affordable 3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
images/back-going.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 268 B

BIN
images/backimg.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
images/backread.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 321 B

BIN
images/blog left.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 432 KiB

BIN
images/blogright.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 330 KiB

BIN
images/box-img1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
images/box-img2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
images/box-img3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
images/business-people-shaking-hands-greeting.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 343 KiB

BIN
images/call icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 303 B

BIN
images/circle..image.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.8 KiB

BIN
images/circle.image2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB

BIN
images/circle.image3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
images/clock.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 468 B

BIN
images/course1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

BIN
images/course2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 156 KiB

BIN
images/courselist.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 236 B

BIN
images/detail.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 193 KiB

BIN
images/end.person.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 136 KiB

BIN
images/facebook_icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 343 B

BIN
images/fb.icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 263 B

BIN
images/filter-icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 274 B

BIN
images/footer.logo.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
images/front-view-young-beautiful-lady-red-t-shirt-black-jeans-holding-different-copybooks-files-smiling-with-bag-white 1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 312 KiB

BIN
images/gridcourse.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 389 B

BIN
images/icon-park-outline_down.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 269 B

BIN
images/image 20 (1).png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

BIN
images/image 20 (2).png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 105 KiB

BIN
images/image 21.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 148 KiB

BIN
images/image 21.resource.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 102 KiB

BIN
images/innermentor.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 222 KiB

BIN
images/insta.icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 528 B

BIN
images/language.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 741 B

BIN
images/left- indicate.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 591 B

BIN
images/lession.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 427 B

BIN
images/line_img.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 136 B

BIN
images/linkdin.icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 348 B

BIN
images/linkdn.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 348 B

BIN
images/linkedin_icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 447 B

BIN
images/location.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 657 B

BIN
images/mentor 2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 271 KiB

BIN
images/mentor 3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 214 KiB

BIN
images/mentor1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 202 KiB

BIN
images/message icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 314 B

BIN
images/midlle.person.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 KiB

BIN
images/mobile.footer.logo.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
images/playbutton.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
images/progress.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 309 B

BIN
images/readblog.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 623 KiB

BIN
images/readfilter.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 289 B

BIN
images/related1.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.9 MiB

BIN
images/related2.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 610 KiB

BIN
images/related3.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 MiB

BIN
images/review-image1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
images/review.image2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
images/review.image3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
images/right-indicate.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 583 B

BIN
images/rightblog.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 KiB

BIN
images/rightblog1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 KiB

BIN
images/rightblog2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

BIN
images/searchblog.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 366 B

BIN
images/searchimage1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 330 KiB

BIN
images/searchimage2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 268 KiB

BIN
images/star.review.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 590 B

Some files were not shown because too many files have changed in this diff Show More

Write Preview
Loading…
Cancel
Save