commit b385b9e46a6d55accc18fc72044b1e6d245b2aec Author: Prasad-Bhogale Date: Thu Jan 2 09:30:24 2025 +0530 Initial Commit diff --git a/assets/about.css b/assets/about.css new file mode 100644 index 0000000..1e3baba --- /dev/null +++ b/assets/about.css @@ -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; + } + +} \ No newline at end of file diff --git a/assets/blog.css b/assets/blog.css new file mode 100644 index 0000000..04e7a0d --- /dev/null +++ b/assets/blog.css @@ -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; + } + +} \ No newline at end of file diff --git a/assets/bloginner.css b/assets/bloginner.css new file mode 100644 index 0000000..cc78b29 --- /dev/null +++ b/assets/bloginner.css @@ -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; + } + +} \ No newline at end of file diff --git a/assets/course.css b/assets/course.css new file mode 100644 index 0000000..ef67311 --- /dev/null +++ b/assets/course.css @@ -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; +} + +} \ No newline at end of file diff --git a/assets/coursedetail.css b/assets/coursedetail.css new file mode 100644 index 0000000..5a8bde7 --- /dev/null +++ b/assets/coursedetail.css @@ -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; +} + +} \ No newline at end of file diff --git a/assets/event.css b/assets/event.css new file mode 100644 index 0000000..cd4b130 --- /dev/null +++ b/assets/event.css @@ -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; + } + +} \ No newline at end of file diff --git a/assets/homepage.css b/assets/homepage.css new file mode 100644 index 0000000..d142343 --- /dev/null +++ b/assets/homepage.css @@ -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; + } + +} \ No newline at end of file diff --git a/assets/in-person.css b/assets/in-person.css new file mode 100644 index 0000000..1846b70 --- /dev/null +++ b/assets/in-person.css @@ -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; + } + +} \ No newline at end of file diff --git a/assets/inner.css b/assets/inner.css new file mode 100644 index 0000000..ccc5b76 --- /dev/null +++ b/assets/inner.css @@ -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; + } + +} \ No newline at end of file diff --git a/assets/innermentor.css b/assets/innermentor.css new file mode 100644 index 0000000..c8efb9a --- /dev/null +++ b/assets/innermentor.css @@ -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; + } +} \ No newline at end of file diff --git a/assets/mentor.css b/assets/mentor.css new file mode 100644 index 0000000..5f80550 --- /dev/null +++ b/assets/mentor.css @@ -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; + } + +} \ No newline at end of file diff --git a/assets/post-event.css b/assets/post-event.css new file mode 100644 index 0000000..485070b --- /dev/null +++ b/assets/post-event.css @@ -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; + } + +} \ No newline at end of file diff --git a/assets/resource.css b/assets/resource.css new file mode 100644 index 0000000..4e0c83b --- /dev/null +++ b/assets/resource.css @@ -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; + } + +} \ No newline at end of file diff --git a/images/1rec.png b/images/1rec.png new file mode 100644 index 0000000..6d4f0d0 Binary files /dev/null and b/images/1rec.png differ diff --git a/images/2rec.png b/images/2rec.png new file mode 100644 index 0000000..79898f8 Binary files /dev/null and b/images/2rec.png differ diff --git a/images/3rec.png b/images/3rec.png new file mode 100644 index 0000000..541cff4 Binary files /dev/null and b/images/3rec.png differ diff --git a/images/Content Image large.png b/images/Content Image large.png new file mode 100644 index 0000000..cf5ac59 Binary files /dev/null and b/images/Content Image large.png differ diff --git a/images/Ellipse 360.png b/images/Ellipse 360.png new file mode 100644 index 0000000..b22d3dc Binary files /dev/null and b/images/Ellipse 360.png differ diff --git a/images/FACEBOOK.png b/images/FACEBOOK.png new file mode 100644 index 0000000..d9041d5 Binary files /dev/null and b/images/FACEBOOK.png differ diff --git a/images/Frame 43015.png b/images/Frame 43015.png new file mode 100644 index 0000000..6f53152 Binary files /dev/null and b/images/Frame 43015.png differ diff --git a/images/Frame 43072.png b/images/Frame 43072.png new file mode 100644 index 0000000..cba2934 Binary files /dev/null and b/images/Frame 43072.png differ diff --git a/images/Group 1261153377.png b/images/Group 1261153377.png new file mode 100644 index 0000000..eb948f1 Binary files /dev/null and b/images/Group 1261153377.png differ diff --git a/images/Group 1261153379.png b/images/Group 1261153379.png new file mode 100644 index 0000000..94dbb3c Binary files /dev/null and b/images/Group 1261153379.png differ diff --git a/images/Group 42963.png b/images/Group 42963.png new file mode 100644 index 0000000..021f3f1 Binary files /dev/null and b/images/Group 42963.png differ diff --git a/images/Group.png b/images/Group.png new file mode 100644 index 0000000..0f37219 Binary files /dev/null and b/images/Group.png differ diff --git a/images/INSTA.png b/images/INSTA.png new file mode 100644 index 0000000..7d7f6ff Binary files /dev/null and b/images/INSTA.png differ diff --git a/images/Rectangle 2945.png b/images/Rectangle 2945.png new file mode 100644 index 0000000..e07f4ac Binary files /dev/null and b/images/Rectangle 2945.png differ diff --git a/images/Rectangle 2985.png b/images/Rectangle 2985.png new file mode 100644 index 0000000..ccafaac Binary files /dev/null and b/images/Rectangle 2985.png differ diff --git a/images/Rectangle 3021.png b/images/Rectangle 3021.png new file mode 100644 index 0000000..d897b6f Binary files /dev/null and b/images/Rectangle 3021.png differ diff --git a/images/Rectangle 73.png b/images/Rectangle 73.png new file mode 100644 index 0000000..df2205e Binary files /dev/null and b/images/Rectangle 73.png differ diff --git a/images/Time.png b/images/Time.png new file mode 100644 index 0000000..71f0b64 Binary files /dev/null and b/images/Time.png differ diff --git a/images/Vector (1).png b/images/Vector (1).png new file mode 100644 index 0000000..719f25d Binary files /dev/null and b/images/Vector (1).png differ diff --git a/images/Vector.png b/images/Vector.png new file mode 100644 index 0000000..9cf6172 Binary files /dev/null and b/images/Vector.png differ diff --git a/images/affordable 1.png b/images/affordable 1.png new file mode 100644 index 0000000..3460c25 Binary files /dev/null and b/images/affordable 1.png differ diff --git a/images/affordable 2.png b/images/affordable 2.png new file mode 100644 index 0000000..a028f50 Binary files /dev/null and b/images/affordable 2.png differ diff --git a/images/affordable 3.png b/images/affordable 3.png new file mode 100644 index 0000000..eecf984 Binary files /dev/null and b/images/affordable 3.png differ diff --git a/images/back-going.png b/images/back-going.png new file mode 100644 index 0000000..1b9d2de Binary files /dev/null and b/images/back-going.png differ diff --git a/images/backimg.png b/images/backimg.png new file mode 100644 index 0000000..e1b0481 Binary files /dev/null and b/images/backimg.png differ diff --git a/images/backread.png b/images/backread.png new file mode 100644 index 0000000..7e164a0 Binary files /dev/null and b/images/backread.png differ diff --git a/images/blog left.png b/images/blog left.png new file mode 100644 index 0000000..6ffd72f Binary files /dev/null and b/images/blog left.png differ diff --git a/images/blogright.png b/images/blogright.png new file mode 100644 index 0000000..72b3494 Binary files /dev/null and b/images/blogright.png differ diff --git a/images/box-img1.png b/images/box-img1.png new file mode 100644 index 0000000..9ecd747 Binary files /dev/null and b/images/box-img1.png differ diff --git a/images/box-img2.png b/images/box-img2.png new file mode 100644 index 0000000..78177b8 Binary files /dev/null and b/images/box-img2.png differ diff --git a/images/box-img3.png b/images/box-img3.png new file mode 100644 index 0000000..5753dac Binary files /dev/null and b/images/box-img3.png differ diff --git a/images/business-people-shaking-hands-greeting.jpg b/images/business-people-shaking-hands-greeting.jpg new file mode 100644 index 0000000..396b5cc Binary files /dev/null and b/images/business-people-shaking-hands-greeting.jpg differ diff --git a/images/call icon.png b/images/call icon.png new file mode 100644 index 0000000..8e2b899 Binary files /dev/null and b/images/call icon.png differ diff --git a/images/circle..image.png b/images/circle..image.png new file mode 100644 index 0000000..b155a84 Binary files /dev/null and b/images/circle..image.png differ diff --git a/images/circle.image2.png b/images/circle.image2.png new file mode 100644 index 0000000..3656bf2 Binary files /dev/null and b/images/circle.image2.png differ diff --git a/images/circle.image3.png b/images/circle.image3.png new file mode 100644 index 0000000..a4206ae Binary files /dev/null and b/images/circle.image3.png differ diff --git a/images/clock.png b/images/clock.png new file mode 100644 index 0000000..f3b77ff Binary files /dev/null and b/images/clock.png differ diff --git a/images/course1.png b/images/course1.png new file mode 100644 index 0000000..0263f0a Binary files /dev/null and b/images/course1.png differ diff --git a/images/course2.png b/images/course2.png new file mode 100644 index 0000000..c3604db Binary files /dev/null and b/images/course2.png differ diff --git a/images/courselist.png b/images/courselist.png new file mode 100644 index 0000000..719f25d Binary files /dev/null and b/images/courselist.png differ diff --git a/images/detail.png b/images/detail.png new file mode 100644 index 0000000..6488398 Binary files /dev/null and b/images/detail.png differ diff --git a/images/end.person.png b/images/end.person.png new file mode 100644 index 0000000..8cc1534 Binary files /dev/null and b/images/end.person.png differ diff --git a/images/facebook_icon.png b/images/facebook_icon.png new file mode 100644 index 0000000..c925308 Binary files /dev/null and b/images/facebook_icon.png differ diff --git a/images/fb.icon.png b/images/fb.icon.png new file mode 100644 index 0000000..c0959ce Binary files /dev/null and b/images/fb.icon.png differ diff --git a/images/filter-icon.png b/images/filter-icon.png new file mode 100644 index 0000000..e461d84 Binary files /dev/null and b/images/filter-icon.png differ diff --git a/images/footer.logo.png b/images/footer.logo.png new file mode 100644 index 0000000..ccbad3d Binary files /dev/null and b/images/footer.logo.png differ diff --git a/images/front-view-young-beautiful-lady-red-t-shirt-black-jeans-holding-different-copybooks-files-smiling-with-bag-white 1.png b/images/front-view-young-beautiful-lady-red-t-shirt-black-jeans-holding-different-copybooks-files-smiling-with-bag-white 1.png new file mode 100644 index 0000000..3bad888 Binary files /dev/null and b/images/front-view-young-beautiful-lady-red-t-shirt-black-jeans-holding-different-copybooks-files-smiling-with-bag-white 1.png differ diff --git a/images/gridcourse.png b/images/gridcourse.png new file mode 100644 index 0000000..f06b877 Binary files /dev/null and b/images/gridcourse.png differ diff --git a/images/icon-park-outline_down.png b/images/icon-park-outline_down.png new file mode 100644 index 0000000..82e90f6 Binary files /dev/null and b/images/icon-park-outline_down.png differ diff --git a/images/image 20 (1).png b/images/image 20 (1).png new file mode 100644 index 0000000..0263f0a Binary files /dev/null and b/images/image 20 (1).png differ diff --git a/images/image 20 (2).png b/images/image 20 (2).png new file mode 100644 index 0000000..93bfbf8 Binary files /dev/null and b/images/image 20 (2).png differ diff --git a/images/image 21.png b/images/image 21.png new file mode 100644 index 0000000..00a92bd Binary files /dev/null and b/images/image 21.png differ diff --git a/images/image 21.resource.png b/images/image 21.resource.png new file mode 100644 index 0000000..3538a49 Binary files /dev/null and b/images/image 21.resource.png differ diff --git a/images/innermentor.png b/images/innermentor.png new file mode 100644 index 0000000..8ddf95c Binary files /dev/null and b/images/innermentor.png differ diff --git a/images/insta.icon.png b/images/insta.icon.png new file mode 100644 index 0000000..0ff348e Binary files /dev/null and b/images/insta.icon.png differ diff --git a/images/language.png b/images/language.png new file mode 100644 index 0000000..a6d6db1 Binary files /dev/null and b/images/language.png differ diff --git a/images/left- indicate.png b/images/left- indicate.png new file mode 100644 index 0000000..e7df1c6 Binary files /dev/null and b/images/left- indicate.png differ diff --git a/images/lession.png b/images/lession.png new file mode 100644 index 0000000..0051db6 Binary files /dev/null and b/images/lession.png differ diff --git a/images/line_img.png b/images/line_img.png new file mode 100644 index 0000000..c2f3768 Binary files /dev/null and b/images/line_img.png differ diff --git a/images/linkdin.icon.png b/images/linkdin.icon.png new file mode 100644 index 0000000..db15db8 Binary files /dev/null and b/images/linkdin.icon.png differ diff --git a/images/linkdn.png b/images/linkdn.png new file mode 100644 index 0000000..db15db8 Binary files /dev/null and b/images/linkdn.png differ diff --git a/images/linkedin_icon.png b/images/linkedin_icon.png new file mode 100644 index 0000000..8651d59 Binary files /dev/null and b/images/linkedin_icon.png differ diff --git a/images/location.png b/images/location.png new file mode 100644 index 0000000..1d0b2c1 Binary files /dev/null and b/images/location.png differ diff --git a/images/mentor 2.png b/images/mentor 2.png new file mode 100644 index 0000000..4acff07 Binary files /dev/null and b/images/mentor 2.png differ diff --git a/images/mentor 3.png b/images/mentor 3.png new file mode 100644 index 0000000..ac71e63 Binary files /dev/null and b/images/mentor 3.png differ diff --git a/images/mentor1.png b/images/mentor1.png new file mode 100644 index 0000000..1ba8dca Binary files /dev/null and b/images/mentor1.png differ diff --git a/images/message icon.png b/images/message icon.png new file mode 100644 index 0000000..97c1be4 Binary files /dev/null and b/images/message icon.png differ diff --git a/images/midlle.person.png b/images/midlle.person.png new file mode 100644 index 0000000..eee0b55 Binary files /dev/null and b/images/midlle.person.png differ diff --git a/images/mobile.footer.logo.png b/images/mobile.footer.logo.png new file mode 100644 index 0000000..cba2934 Binary files /dev/null and b/images/mobile.footer.logo.png differ diff --git a/images/playbutton.png b/images/playbutton.png new file mode 100644 index 0000000..ba38d7b Binary files /dev/null and b/images/playbutton.png differ diff --git a/images/progress.png b/images/progress.png new file mode 100644 index 0000000..6bb32d5 Binary files /dev/null and b/images/progress.png differ diff --git a/images/readblog.png b/images/readblog.png new file mode 100644 index 0000000..259a890 Binary files /dev/null and b/images/readblog.png differ diff --git a/images/readfilter.png b/images/readfilter.png new file mode 100644 index 0000000..25cc7b6 Binary files /dev/null and b/images/readfilter.png differ diff --git a/images/related1.jpg b/images/related1.jpg new file mode 100644 index 0000000..24768b4 Binary files /dev/null and b/images/related1.jpg differ diff --git a/images/related2.jpg b/images/related2.jpg new file mode 100644 index 0000000..6b6248a Binary files /dev/null and b/images/related2.jpg differ diff --git a/images/related3.jpg b/images/related3.jpg new file mode 100644 index 0000000..fbdda61 Binary files /dev/null and b/images/related3.jpg differ diff --git a/images/review-image1.png b/images/review-image1.png new file mode 100644 index 0000000..1ba9888 Binary files /dev/null and b/images/review-image1.png differ diff --git a/images/review.image2.png b/images/review.image2.png new file mode 100644 index 0000000..585a880 Binary files /dev/null and b/images/review.image2.png differ diff --git a/images/review.image3.png b/images/review.image3.png new file mode 100644 index 0000000..177b80d Binary files /dev/null and b/images/review.image3.png differ diff --git a/images/right-indicate.png b/images/right-indicate.png new file mode 100644 index 0000000..8c6a9b7 Binary files /dev/null and b/images/right-indicate.png differ diff --git a/images/rightblog.png b/images/rightblog.png new file mode 100644 index 0000000..d1e7824 Binary files /dev/null and b/images/rightblog.png differ diff --git a/images/rightblog1.png b/images/rightblog1.png new file mode 100644 index 0000000..d1e7824 Binary files /dev/null and b/images/rightblog1.png differ diff --git a/images/rightblog2.png b/images/rightblog2.png new file mode 100644 index 0000000..5ce8493 Binary files /dev/null and b/images/rightblog2.png differ diff --git a/images/searchblog.png b/images/searchblog.png new file mode 100644 index 0000000..2f29360 Binary files /dev/null and b/images/searchblog.png differ diff --git a/images/searchimage1.png b/images/searchimage1.png new file mode 100644 index 0000000..72b3494 Binary files /dev/null and b/images/searchimage1.png differ diff --git a/images/searchimage2.png b/images/searchimage2.png new file mode 100644 index 0000000..ba0faf6 Binary files /dev/null and b/images/searchimage2.png differ diff --git a/images/star.review.png b/images/star.review.png new file mode 100644 index 0000000..c429f59 Binary files /dev/null and b/images/star.review.png differ diff --git a/images/title1.png b/images/title1.png new file mode 100644 index 0000000..c4fbdf5 Binary files /dev/null and b/images/title1.png differ diff --git a/images/title2.png b/images/title2.png new file mode 100644 index 0000000..ebd47b4 Binary files /dev/null and b/images/title2.png differ diff --git a/images/twiter.icon.png b/images/twiter.icon.png new file mode 100644 index 0000000..9ffc68f Binary files /dev/null and b/images/twiter.icon.png differ diff --git a/images/twitter.png b/images/twitter.png new file mode 100644 index 0000000..1e6f20b Binary files /dev/null and b/images/twitter.png differ diff --git a/images/twitter_icon.png b/images/twitter_icon.png new file mode 100644 index 0000000..e47d46e Binary files /dev/null and b/images/twitter_icon.png differ diff --git a/images/young girl.png b/images/young girl.png new file mode 100644 index 0000000..f01a09c Binary files /dev/null and b/images/young girl.png differ diff --git a/images/young_girl-removebg-preview.png b/images/young_girl-removebg-preview.png new file mode 100644 index 0000000..308d3bc Binary files /dev/null and b/images/young_girl-removebg-preview.png differ diff --git a/pages/About us.html b/pages/About us.html new file mode 100644 index 0000000..dcdcbe7 --- /dev/null +++ b/pages/About us.html @@ -0,0 +1,322 @@ + + + + + + Your Website + + + + + + + + + + + + +
+

About us

+
+
+
+
+
+ Big Image +
+
+
+ Small Image +
+

Who we are

+

+ Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.nce the 1500s.Lorem Ipsum is sorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.nce the 1500s. +

+
+
+
+
+ + +
+
+
+
+
+ Icon 1 +
+
+

Lorem Ipsum

+

Lorem Ipsum is simply dummy + text of the printing and + typesetting industry..

+
+
+ +
+
+ Icon 2 +
+
+

Lorem Ipsum

+

Lorem Ipsum is simply dummy + text of the printing and + typesetting industry.

+
+
+ +
+
+ Icon 3 +
+
+

Lorem Ipsum

+

Lorem Ipsum is simply dummy + text of the printing and + typesetting industry..

+
+
+
+
+
+ +
+
+
+
+ Image 1 +
+
+
+

Our Vision

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever .

+
+
+

01

+
+
+

the growing demand for IT professionals in today's digital age..

+
+
+

01

+
+
+

the growing demand for IT professionals in today's digital age..

+
+
+

01

+
+
+

the growing demand for IT professionals in today's digital age..

+
+
+
+
+
+ + +
+
+

Meet Our Team

+
+ Left Arrow + Right Arrow +
+ + +
+
+ Meet Member 1 +

Lorem Ipsum is simply dummy text of the printing and typesetting

+

K.A Rishman fernando

+

(Fullstack Devloper) o

+
+ +
+ meet Member 2 +

Lorem Ipsum is simply dummy text of the printing and typesettin.

+

K.A Rishman fernando

+

(Fullstack Devloper)

+
+ +
+ meet Member 3 +

Lorem Ipsum is simply dummy text of the printing and typesettin

+

K.A Rishman fernando

+

(Fullstack Devloper)

+
+
+
+ +
+ + + +
+ + +
+
+ footerLogo + +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+
+ footerLogo +
+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+ +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+ + + + + + + + \ No newline at end of file diff --git a/pages/Blog.html b/pages/Blog.html new file mode 100644 index 0000000..1ac7204 --- /dev/null +++ b/pages/Blog.html @@ -0,0 +1,317 @@ + + + + + + + Your Website + + + + + + + + + + + + +
+

Blog

+
+
+ + Search +
+ + +
+
+

Recent Blog Post

+ Recent Post Image +

Posted on December 27, 2024

+ +

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

+ +

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text. +

+
+ + + +
+
+ + +
+
+ Blog Post Image +
+

Posted on December 26, 2024

+ +

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

+ +

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. +

+
+ + +
+
+
+
+ Blog Post Image +
+

Posted on December 26, 2024

+ +

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

+ +

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. +

+
+ + +
+
+
+ +
+ Blog Post Image +
+

Posted on December 25, 2024

+ +

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

+ +

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. +

+
+ + +
+
+
+
+
+ +
+
+
+ + + +
+
+ Search Icon +
+
+
+ + +
+
+ Content Image +

July 21

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's +

+
+ +
+ Content Image +

July 21

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's +

+
+ +
+ Content Image +

July 21

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's +

+
+ +
+ Content Image +

July 21

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's +

+
+
+
+ + + +
+
+ footerLogo + +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+
+ footerLogo +
+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+ +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+ + + + + + + + \ No newline at end of file diff --git a/pages/LearnExponent (zipped) Folder.code-workspace b/pages/LearnExponent (zipped) Folder.code-workspace new file mode 100644 index 0000000..bab1b7f --- /dev/null +++ b/pages/LearnExponent (zipped) Folder.code-workspace @@ -0,0 +1,8 @@ +{ + "folders": [ + { + "path": ".." + } + ], + "settings": {} +} \ No newline at end of file diff --git a/pages/bloginner.html b/pages/bloginner.html new file mode 100644 index 0000000..bdbb478 --- /dev/null +++ b/pages/bloginner.html @@ -0,0 +1,285 @@ + + + + + + + Your Website + + + + + + + + + + + +
+

Blog

+
+
+ + Search +
+ + + +
+
+ + Back Icon + Back + Filter Icon + +
+ +
+
+ Blog Image +

July 21

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. +

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. +

+
+ Show More + Down Arrow +
+
+ + +
+
+

Category

+
    +
  • All Developments
    • +
  • Data Science
    • +
  • Soft Skills
    • +
  • Marketing
    • +
+
+
+

Post

+
+

Phoenix • 15 June 2023

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

+
+
+

Phoenix • 15 June 2023

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

+
+
+

Phoenix • 15 June 2023

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

+
+
+

Phoenix • 15 June 2023

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

+
+
+

Phoenix • 15 June 2023

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

+
+
+

Phoenix • 15 June 2023

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

+
+
+
+
+
+ +
+

Related Post

+
+
+ Post Image 1 + July 31 2023 +

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's

+
+
+ Post Image 2 + July 31 2024 +

LLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's

+
+
+ Post Image 3 + July 31 2023 +

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's

+
+
+
+ + +
+
+ footerLogo + +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+
+ footerLogo +
+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+ +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+ + + + + + + + \ No newline at end of file diff --git a/pages/coursedetail.html b/pages/coursedetail.html new file mode 100644 index 0000000..98d94c4 --- /dev/null +++ b/pages/coursedetail.html @@ -0,0 +1,344 @@ + + + + + + + Your Website + + + + + + + + + + + +
+

Course

+
+
+ + Search +
+ +
+
+
+ +

Course / Full Stack

+ +

4 month course - Front End Developer - Basic to advanced

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. +

+
+ +
+ ★★★★ + 12,345 ratings +
+
+
+ + +
+
+ Course Preview +
+ Play Icon +

Preview the Course

+
+
+
+
+ Duration Icon +

Duration: 25 minutes

+
+
+ Language Icon +

Language: English

+
+
+
+
+
+ + + +
+
+

What We Will Cover

+
+
+
+ ✔️ +

Learn the basics of HTML and CSS in a simple way.

+
+
+ ✔️ +

Understand responsive web design techniques.

+
+
+ ✔️ +

Explore JavaScript fundamentals and DOM manipulation.

+
+
+
+
+ ✔️ +

Grasp how to fetch data from APIs seamlessly.

+
+
+ ✔️ +

Get an introduction to frameworks like React.

+
+
+ ✔️ +

Learn to build and deploy full web applications.

+
+
+
+
+ +
+

Details

+
+ + Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error.Lorem ipsum dolor sit amet. Nam provident provident sit autem perferendis et error. + Read More + +
+
+ +
+

Course Content

+
+
+ Lesson Title 1 + Icon +
+
+
+
+ Lesson Title 2 + Icon +
+

+ This is the detailed description for Lesson Title 2. It explains the topics in more depth and provides valuable information. +

+ +
+
+ ✔️ + Lorem Ipsum is simply dummy text of the printing and typesetting industry. . +
+
+ ✔️ + Lorem Ipsum is simply dummy text of the printing and typesetting industry. . +
+
+ ✔️ + TLorem Ipsum is simply dummy text of the printing and typesetting industry. . +
+
+
+
+
+ Lesson Title 1 + Icon +
+
+
+
+ Lesson Title 1 + Icon +
+
+
+ + +
+
+

Writer Review

+ View Other Reviews +
+
+ +
+ + + + + +
+
+
+ +
+
+ footerLogo + +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+
+ footerLogo +
+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+ +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+ + + + + + + \ No newline at end of file diff --git a/pages/coursepage.html b/pages/coursepage.html new file mode 100644 index 0000000..5b5b4c4 --- /dev/null +++ b/pages/coursepage.html @@ -0,0 +1,366 @@ + + + + + + + Your Website + + + + + + + + + + + + + +
+

Course

+
+
+ + Search +
+ + +
+
+

Get Started with Courses

+
+
+
AI
+
ML
+
Python
+
FullStack
+
+
+
+ Grid View +
+
+ List View +
+
+
+ +
+
+
+ Course 1 +

Category 1

+ +

Front End Developer - Basic

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.

+
+ +
+ Course 2 +

Category 2

+ +

Front End Developer - Basic

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor..

+
+ +
+ Course 3 +

Category 3

+ +

Front End Developer - Basic

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.

+
+ +
+ Course 3 +

Category 3

+ +

Front End Developer - Basic

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.

+
+ +
+ Course 3 +

Category 3

+ +

Front End Developer - Basic

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.

+
+ +
+ Course 3 +

Category 3

+ +

Front End Developer - Basic

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.

+
+
+
+
+ +
+

Courses That Are Affordable

+

+ Explore our curated list of courses designed to provide quality education at an affordable price. +

+ +
+ +
+
+ Course 1 +
Sale
+
+

AI & ML

+

Learn the basics and advanced concepts of AI and ML in this comprehensive course.

+
+
+ Clock Icon + 22 Hours +
+
+ Lessons Icon + 64 Lessons +
+
+ Progress Icon + Progress +
+
+ +
+ +
+
+ Course 2 +
Sale
+
+

AI & ML

+

Learn the basics and advanced concepts of AI and ML in this comprehensive course.

+
+
+ Clock Icon + 22 Hours +
+
+ Lessons Icon + 64 Lessons +
+
+ Progress Icon + Progress +
+
+ +
+ +
+
+ Course 3 +
Sale
+
+

AI & ML

+

Learn the basics and advanced concepts of AI and ML in this comprehensive course.

+
+
+ Clock Icon + 22 Hours +
+
+ Lessons Icon + 64 Lessons +
+
+ Progress Icon + Progress +
+
+ +
+
+
+ + +
+
+ footerLogo + +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+
+ footerLogo +
+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+ +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+ + + + + + + + \ No newline at end of file diff --git a/pages/event.html b/pages/event.html new file mode 100644 index 0000000..b417a92 --- /dev/null +++ b/pages/event.html @@ -0,0 +1,451 @@ + + + + + + + Your Website + + + + + + + + + + + + +
+

Events

+
+
+ + Search +
+
+

Online Event

+

In-Person Event

+

Post Event

+
+
+
+
+
+
+
+
+

Promotional Event

+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+ + +
+
+

Training We Provide

+

the growing demand for IT professionals in today's digital age.

+
+
+ +
+
+
+
+ Image 1 +
+

Fullstack Developer

+ Image 1 +

The gradual accumulation of + information about atomic and + small-scale behaviour....

+
+
+ +
+
+
+ Image 1 +
+

AI / ML

+ Image 2 +

The gradual accumulation of + information about atomic and + small-scale behaviour....

+
+
+
+
+
+ Image 1 +
+

devOps

+ Image 3 +

The gradual accumulation of + information about atomic and + small-scale behaviour....

+
+
+
+ + + +
+
+ footerLogo + +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+
+ footerLogo +
+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+ +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+ + + + + + + + \ No newline at end of file diff --git a/pages/homepage.html b/pages/homepage.html new file mode 100644 index 0000000..fa1ece4 --- /dev/null +++ b/pages/homepage.html @@ -0,0 +1,320 @@ + + + + + + + Your Website + + + + + + + + + + +
+
+
+ +

Learning coding
is now much easier

+

Learn exponent is an interesting platform that will teach you learn many coding + languages, build self + project, get job etc.

+ +
+
+ Image +
+
+
+ + +
+

Courses

+
+
+ +
+

FullStack Developer

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis + euismod vehicula. +

+ +
+
+
+ +
+

FullStack Developer

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis + euismod vehicula. +

+ +
+
+
+ +
+

FullStack Developer

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis + euismod vehicula. +

+ +
+
+
+
+ +
+
+

Learn exponent Provides

+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis + euismod vehicula. + Quisque diam dui, imperdiet et
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis + euismod vehicula. + Quisque diam dui, imperdiet et
    • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis + euismod vehicula. + Quisque diam dui, imperdiet et
    • +
+
+
+ +
+
+
+
+ Image +
+
+

Over 500+ Talented + People
Registered in + Our Website

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin
consectetur justo quis euismod vehicula. + Lorem ipsum dolor sit
amet, consectetur adipiscing elit. Proin consectetur justo quis euismod vehicula. . +

+ +
+
+ +
+
+

What a job holder says About US

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis
euismod vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ Image 1 +
Lorem ipsum
+ 2 month with us +

Lorem ipsum dolor sit amet, consect adipiscing elit. Proin consectetur just + quis euismod vehicula.

+ Small Image 2 +
+
+ Image 1 +
Lorem ipsum
+ 2 month with us +

Lorem ipsum dolor sit amet, consect adipiscing elit. Proin consectetur just + quis euismod vehicula.

+ Small Image 2 +
+
+ Image 1 +
Lorem ipsum
+ 2 month with us +

Lorem ipsum dolor sit amet, consect adipiscing elit. Proin consectetur just + quis euismod vehicula.

+ Small Image 2 +
+
+
+
+ + +
+
+

Subscribe For Get Update
+ Every New Courses

+

20k+ students daily learn with . Subscribe for new courses.

+ +
+ + + + + +
+
+ footerLogo + +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+
+ footerLogo +
+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+ +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+ + + + + + + + \ No newline at end of file diff --git a/pages/in-persn event.html b/pages/in-persn event.html new file mode 100644 index 0000000..8da8df8 --- /dev/null +++ b/pages/in-persn event.html @@ -0,0 +1,455 @@ + + + + + + + Your Website + + + + + + + + + +< + + + + +
+

Events

+
+
+ + Search +
+
+

Online Event

+

In-Person Event

+

Post Event

+
+
+
+
+
+
+
+
+

Promotional Event

+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+ + +
+
+

Training We Provide

+

the growing demand for IT professionals in today's digital age.

+
+
+ +
+
+
+
+ Image 1 +
+

Fullstack Developer

+ Image 1 +

The gradual accumulation of + information about atomic and + small-scale behaviour....

+
+
+ +
+
+
+ Image 1 +
+

AI / ML

+ Image 2 +

The gradual accumulation of + information about atomic and + small-scale behaviour....

+
+
+ +
+
+
+ Image 1 +
+

devOps

+ Image 3 +

The gradual accumulation of + information about atomic and + small-scale behaviour....

+
+
+
+ + + + +
+
+ footerLogo + +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+
+ footerLogo +
+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+ +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+ + + + + + + + \ No newline at end of file diff --git a/pages/innerpage.html b/pages/innerpage.html new file mode 100644 index 0000000..9f7df87 --- /dev/null +++ b/pages/innerpage.html @@ -0,0 +1,262 @@ + + + + + + Your Website + + + + + + + + + + + + + + +
+

Resources

+
+ +
+
+ + Search + Search +
+
+
+
All Tutorial
+
Popular Topic
+
+
+ +
+
Lorem Ipsum 1
+
Lorem Ipsum 2
+
Lorem Ipsum 2
+
Lorem Ipsum 2
+
+
+ +
+ +
+
←
+
+ +

#Tutorial

+ Image +

Developer - Basic

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget mLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.agna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorea enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget mLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.agna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor..

+
+
+ +
+
+

feature content

+
+
+
+ Image 1 +

# Tutorial

+

Developer - Basic

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor..

+
+ +
+ Image 2 +

# Tutorial

+

Developer - Basic

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.

+
+ +
+ Image 3 +

# Tutorial

+

Developer - Basic

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor..

+
+
+
+ + + +
+
+ footerLogo + +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+
+ footerLogo +
+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+ +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+ + + + + + + + \ No newline at end of file diff --git a/pages/mentor inner.html b/pages/mentor inner.html new file mode 100644 index 0000000..88d20d5 --- /dev/null +++ b/pages/mentor inner.html @@ -0,0 +1,282 @@ + + + + + + + Your Website + + + + + + + + + + + + + + + +
+ +
+
+ Mentor Image +
+

John Dewey

+
+ + +
+
+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. +

+
+
+

Experience

+

5 Years

+
+
+

Total Courses

+

30

+
+
+

Rating

+

4.6 ★

+
+
+
+
+ + +
+

Education

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, +

+

Certificate

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, +

+

Specialisties

+
+ + + + +
+ +

Experience

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, +

+
    +
  • Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    • +
  • Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    • +
  • Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    • +
+
+
+ + +
+

Courses

+
+ +
+ Course Image +

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+

By Tarun Luthra

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis euismod vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+ +
+
+ Course Image +

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+

By Tarun Luthra

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis euismod vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+ +
+
+ Course Image +

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+

By Tarun Luthra

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur justo quis euismod vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+ +
+
+
+ + + + +
+
+ footerLogo + +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+
+ footerLogo +
+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+ +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+ + + + + + + + \ No newline at end of file diff --git a/pages/mentor.html b/pages/mentor.html new file mode 100644 index 0000000..cec4228 --- /dev/null +++ b/pages/mentor.html @@ -0,0 +1,317 @@ + + + + + + + Your Website + + + + + + + + + + + + + + +
+

Mentors

+
+
+ + Search +
+
+

Meet Our Mentors

+
+
+
+ Mentor 1 +
+

John Doe

+
+ + +
+

CEO

+

Specialist

+
+ + +
+
+
+
+ +
+
+ Mentor 2 +
+

Jane Smith

+
+ + +
+

Marketing Specialist

+

Specialist

+
+ + +
+
+
+
+ +
+
+ Mentor 3 +
+

Mike Johnson

+
+ + +
+

IT Specialist

+

Specialist

+
+ + +
+
+
+
+
+ +
+
+
+ Mentor 1 +
+

John Doe

+
+ + +
+

CEO

+

Specialist

+
+ + +
+
+
+
+ +
+
+ Mentor 2 +
+

Jane Smith

+
+ + +
+

Marketing Specialist

+

Specialist

+
+ + +
+
+
+
+ +
+
+ Mentor 3 +
+

Mike Johnson

+
+ + +
+

IT Specialist

+

Specialist

+
+ + +
+
+
+
+
+
+ + + +
+
+ footerLogo + +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+
+ footerLogo +
+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+ +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+ + + + + + + + \ No newline at end of file diff --git a/pages/post event.html b/pages/post event.html new file mode 100644 index 0000000..8982f30 --- /dev/null +++ b/pages/post event.html @@ -0,0 +1,454 @@ + + + + + + + Your Website + + + + + + + + + + + + + +
+

Events

+
+
+ + Search +
+
+

Online Event

+

In-Person Event

+

Post Event

+
+
+
+
+
+
+
+
+

Promotional Event

+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+

4 June 2023

+

10:00 AM - 1:00 PM

+
+
+
+ Event Image +
+
+
Event Title
+

Lorem Ipsum is simply dummy text of the printing.

+
+
+ Location Icon +

Mumbai

+
+ +
+
+
+
+
    +
  • the growing demand for IT professionals in today's digital age.
    • +
  • the growing demand for IT professionals in today's digital age.
    • +
  • Athe growing demand for IT professionals in today's digital age.
    • +
+ +
+
+
+
+ + +
+
+

Training We Provide

+

the growing demand for IT professionals in today's digital age.

+
+
+ +
+
+
+
+ Image 1 +
+

Fullstack Developer

+ Image 1 +

The gradual accumulation of + information about atomic and + small-scale behaviour....

+
+
+ +
+
+
+ Image 1 +
+

AI / ML

+ Image 2 +

The gradual accumulation of + information about atomic and + small-scale behaviour....

+
+
+ +
+
+
+ Image 1 +
+

devOps

+ Image 3 +

The gradual accumulation of + information about atomic and + small-scale behaviour....

+
+
+
+ + + + +
+
+ footerLogo + +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+
+ footerLogo +
+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+ +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+ + + + + + + + \ No newline at end of file diff --git a/pages/resource.html b/pages/resource.html new file mode 100644 index 0000000..174c2dc --- /dev/null +++ b/pages/resource.html @@ -0,0 +1,292 @@ + + + + + + Your Website + + + + + + + + + + + + + +
+

Resources

+
+
+
+ + Search + Search +
+ +
+
+
All Tutorial
+
Popular Topic
+
+
+
+
Lorem Ipsum 1
+
Lorem Ipsum 2
+
Lorem Ipsum 2
+
Lorem Ipsum 2
+
+
+

feature content

+
+
+
+ Image 1 +

# Tutorial

+

Developer - Basic

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor..

+
+ +
+ Image 2 +

# Tutorial

+

Developer - Basic

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor.

+
+ +
+ Image 3 +

# Tutorial

+

Developer - Basic

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget magna enim fermentum porttitor..

+
+
+
+

Recent content

+ View All +
+ +
+
+

Tutorial

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+

18 july ,2023

+
+
+ +
+
+

Tutorial

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+

18 july ,2023

+
+
+ +
+
+

Tutorial

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+

18 july ,2023

+
+
+
+
+ +
+
+
+

Tutorial

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+

18 july ,2023

+
+
+ +
+
+

Tutorial

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+

18 july ,2023

+
+
+ +
+
+

Tutorial

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+

18 july ,2023

+
+
+
+ + + + + + +
+
+ footerLogo + +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+
+ footerLogo +
+
+
+

Courses

+ +
+
+

Quick Links

+ +
+
+
+ +

© 2023 learnexponent.co

+

learn exponent is a registered + trademark of learn exponent.co

+
+
+ + + + + + + + \ No newline at end of file