Skip to content

U
unacademy_html
Commit e42527e5 by Anoop
Options

ugrc

parent 9e3f240c
Showing with 267 additions and 56 deletions
css/main.css
This source diff could not be displayed because it is too large. You can view the blob instead.
css/main.css.map
This source diff could not be displayed because it is too large. You can view the blob instead.
gallery.html
......@@ -1856,7 +1856,117 @@
</div>
</div>
</div>
<hr>
<div class="shikshodaya_tab">
<div class="tab">
<ul class="tab-nav faq-Tabs_v">
<li class="tab-item">
<button class="tab-link active" id="home">About Unacademy Shikshodaya</button>
</li>
<li class="tab-item">
<button class="tab-link" id="profile">Scholarships</button>
</li>
<li class="tab-item">
<button class="tab-link" id="logo">Important Dates, Eligibility Criteria, Courses</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane show" rel="home">
<div class="accordion accordion_wrapper ua_accordion shikshodaya_faq">
<div class="accordion-item no_ac" data-order="1" id="notification_1">
<h2 class="accordion-header">What is Unacademy Shikshodaya Program?</h2>
<div class="accordion-content">
<div class="accordion-body">
Shikshodaya is Unacademy’s Mega National Flagship initiative, which aims to educate and empower 5
lakh meritorious girl students in the country.
</div>
</div>
</div>
<div class="accordion-item no_ac" data-order="1" id="notification_1">
<h2 class="accordion-header">Who are the intended beneficiaries of Shikshodaya?</h2>
<div class="accordion-content">
<div class="accordion-body">
With Shikshodaya, 5 lakh girl students will be able to acquire knowledge and skills through
Unacademy’s platform, which will help them to advocate for themselves....
</div>
</div>
</div>
<div class="accordion-item no_ac" data-order="1" id="notification_1">
<h2 class="accordion-header">Who are the intended beneficiaries of Shikshodaya?</h2>
<div class="accordion-content">
<div class="accordion-body">
With Shikshodaya, 5 lakh girl students will be able to acquire knowledge and skills through
Unacademy’s platform, which will help them to advocate for themselves....
</div>
</div>
</div>
<div class="accordion-item no_ac" data-order="1" id="notification_1">
<h2 class="accordion-header">Who are the intended beneficiaries of Shikshodaya?</h2>
<div class="accordion-content">
<div class="accordion-body">
With Shikshodaya, 5 lakh girl students will be able to acquire knowledge and skills through
Unacademy’s platform, which will help them to advocate for themselves....
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" rel="profile">
<div class="accordion accordion_wrapper ua_accordion shikshodaya_faq">
<div class="accordion-item no_ac" data-order="1" id="notification_1">
<h2 class="accordion-header">What is Unacademy Shikshodaya Program?2</h2>
<div class="accordion-content">
<div class="accordion-body">
Shikshodaya is Unacademy’s Mega National Flagship initiative, which aims to educate and empower 5
lakh meritorious girl students in the country.
</div>
</div>
</div>
<div class="accordion-item no_ac" data-order="1" id="notification_1">
<h2 class="accordion-header">Who are the intended beneficiaries of Shikshodaya?</h2>
<div class="accordion-content">
<div class="accordion-body">
With Shikshodaya, 5 lakh girl students will be able to acquire knowledge and skills through
Unacademy’s platform, which will help them to advocate for themselves....
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" rel="logo">
<div class="accordion accordion_wrapper ua_accordion shikshodaya_faq">
<div class="accordion-item no_ac" data-order="1" id="notification_1">
<h2 class="accordion-header">What is Unacademy Shikshodaya Program?3</h2>
<div class="accordion-content">
<div class="accordion-body">
Shikshodaya is Unacademy’s Mega National Flagship initiative, which aims to educate and empower 5
lakh meritorious girl students in the country.
</div>
</div>
</div>
<div class="accordion-item no_ac" data-order="1" id="notification_1">
<h2 class="accordion-header">Who are the intended beneficiaries of Shikshodaya?</h2>
<div class="accordion-content">
<div class="accordion-body">
With Shikshodaya, 5 lakh girl students will be able to acquire knowledge and skills through
Unacademy’s platform, which will help them to advocate for themselves....
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="shisksodiya_tab-feats tab-container">
<div class="tab-btn-box">
<ul>
......@@ -1962,10 +2072,13 @@
</div>
<div class="tab-viedo-box">
<div class="ratio ratio-21x9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/Y--96ZWMufI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="ratio ratio-21x9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/Y--96ZWMufI"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
</div>
......@@ -2132,6 +2245,17 @@
$(".slider_swiperShikshodaya .card").addClass("swiper-slide")
if ($(".shikshodaya_tab").length) {
$(".tab-nav .tab-link").click(function () {
$(this).addClass("active");
$(this).parents(".tab-item").siblings().find(".active").removeClass("active");
var elementName = $(this).attr("id");
console.log(elementName)
$(".tab-content .tab-pane").hide()
$(".tab-content .tab-pane[rel='" + elementName + "']").show()
})
}
function swiperHandlerGallery() {
var swiper = swiper;
......
scss/shikshodaya.scss
......@@ -25,7 +25,6 @@
}
}
.gallerySlider {
overflow: hidden;
.swiper-button-next,
......@@ -52,18 +51,15 @@
}
}
@media (max-width:767px){
.gallerySliderItem{
@media (max-width: 767px) {
.gallerySliderItem {
gap: 10px;
.item:not(:last-child){
.item:not(:last-child) {
margin-bottom: 10px;
}
}
}
.ratio {
position: relative;
width: 100%;
......@@ -79,7 +75,7 @@
padding-top: var(--bs-aspect-ratio);
content: "";
}
.ratio>* {
.ratio > * {
position: absolute;
top: 0;
left: 0;
......@@ -97,34 +93,108 @@
}
.accordion-content {
padding: 10px 30px 33px 30px;
display: block;
}
}
.shikshodaya_p_margin {
p{
margin-bottom: 0 !important;
}
}
.shikshodaya_tab{
.tab {
&-nav {
display: flex;
margin-bottom: 40px;
flex-wrap: wrap;
flex-grow: 1;
}
&-link {
border: 0;
padding: 15px 20px;
color: #3C4852;
white-space: nowrap;
cursor: pointer;
outline: 0 !important;
background-color: transparent;
border-radius: 6px;
text-transform: none;
&.active {
background: #fff;
box-shadow: 0px 16px 32px rgba(233, 238, 242, 0.4);
color: #08bd80;
}
}
// &-pane {
// border: 1px solid #f1f1f1;
// padding: 15px;
// }
&-content,
&-item {
margin:0 5px;
}
.beforeHand {
position: relative;
&::before {
display: block;
height: 100%;
width: 100%;
position: absolute;
background: url("http://unacademy.envigo-tech.co.uk/shikshodaya/wp-content/uploads/sites/3/2022/06/Hand.svg")
no-repeat top -70px left;
content: "";
top: -100px;
.accordion{
display: flex;
flex-wrap: wrap;
column-gap: 20px;
.accordion-item{
width: calc(50% - 10px);
}
}
&-pane {
display: none;
&.show {
display: block;
}
}
@media screen and (max-width:767px){
&-nav{
flex-direction: row;
}
.accordion .accordion-item{
width: 100%;
}
}
}
}
// .beforeHand {
// position: relative;
// &::before {
// display: block;
// height: 100%;
// width: 100%;
// position: absolute;
// background: url("http://unacademy.envigo-tech.co.uk/shikshodaya/wp-content/uploads/sites/3/2022/06/Hand.svg")
// no-repeat top -70px left;
// content: "";
// top: -100px;
// }
// }
.opinion-msg.opinion-inverted.text-center.font-medium {
display: none;
}
.shikshodaya_btn {
.elementor-button {
min-width: 208px;
}
}
.faq-Tabs_v {
padding: 0;
margin: 0;
display: flex;
justify-content: center;
li {
color: #3c4852;
list-style: none;
padding: 10px 20px;
&.active {
font-weight: 600;
......@@ -243,7 +313,7 @@ body {
}
.tab-container .tab-btn-box ul {
margin: 0;
padding:0 15px ;
padding: 0 15px;
display: flex;
}
.tab-container .tab-btn-box ul li {
......@@ -256,20 +326,15 @@ body {
align-items: center;
justify-content: center;
}
.tab-container .tab-btn-box li.active {
background: #2c81f6;
}
.tab-container .tab-btn-box li.active a {
color: white;
}
.tab-container .tab-btn-box ul li a {
text-decoration: none;
color: #3c4852;
}
.tab-container .tab-content-box {
background-image: url("http://unacademy.envigo-tech.co.uk/shikshodaya/wp-content/uploads/sites/3/2022/06/bg.jpg");
background-color: #79aef9;
background-image: url("http://unacademy.envigo-tech.co.uk/shikshodaya/wp-content/uploads/sites/3/2022/06/Mask-group.png");
width: 100%;
height: 700px;
background-repeat: no-repeat;
padding: 40px 0px;
}
......@@ -282,10 +347,11 @@ body {
border-radius: 10px;
}
.tab-container .tab-content-box .counter-img {
width: calc(100% - 40px);
width: 100%;
margin: auto;
position: relative;
display: flex;
box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.14);
}
.tab-container .tab-content-box .counter-img .lef-box {
display: flex;
......@@ -381,7 +447,7 @@ body {
.tab-container .tab-content-box.content-2 {
background-image: url("http://unacademy.envigo-tech.co.uk/shikshodaya/wp-content/uploads/sites/3/2022/06/str-bg.jpg");
position: relative;
height: 805px;
// height: 805px;
}
.tab-container .tab-content-box.content-2::before {
width: 100%;
......@@ -417,14 +483,27 @@ body {
color: white;
}
.tab-container .content-3 {
background-image: url("http://unacademy.envigo-tech.co.uk/shikshodaya/wp-content/uploads/sites/3/2022/06/bg-3.jpg");
padding: 0px;
position: relative;
overflow: hidden;
&::before {
content: "";
display: block;
height: 330px;
width: 100%;
background-color: #fff;
position: absolute;
bottom: -244px;
transform: rotate(170deg) scale(1.5);
}
}
.tab-container .content-3 .video-box {
background: transparent;
max-width: 1000px;
margin: 20px auto;
text-align: center;
position: relative;
z-index: 9;
}
.tab-container .content-3 .video-box .v-top-box {
max-width: 750px;
......@@ -538,7 +617,6 @@ body {
.tab-container .content-3 .video-box .tab-viedo-box {
width: calc(100% - 40px);
margin: auto;
height: 370px;
}
.tab-container .tab-content-box .counter-img .lef-box {
justify-content: center;
......@@ -699,8 +777,8 @@ body {
opacity: 0.5;
}
.tab-container .tab-btn-box li.active a {
color: white;
opacity: 1;
color: #08bd80;
}
.tab-container .tab-content-box .tab-content {
max-width: 1000px;
......@@ -720,17 +798,27 @@ body {
border-radius: 10px;
position: relative;
}
.tab-content::before {
position: absolute;
content: "";
background-image: url(http://unacademy.envigo-tech.co.uk/shikshodaya/wp-content/uploads/sites/3/2022/06/Element.svg);
width: 250px;
height: 188px;
z-index: 1;
bottom: -50px;
right: 84px;
background-size: cover;
background-position: right bottom;
// .tab-content::before {
// position: absolute;
// content: "";
// background-image: url(http://unacademy.envigo-tech.co.uk/shikshodaya/wp-content/uploads/sites/3/2022/06/Element.svg);
// width: 250px;
// height: 188px;
// z-index: 1;
// bottom: -48px;
// right: 84px;
// background-size: cover;
// background-position: right bottom;
// }
@media (min-width:1200px){
.tab-container .tab-content-box{
min-height: 750px;
}
}
.tab-container .tab-btn-box li.active {
box-shadow: 0px 16px 32px rgba(233, 238, 242, 0.4);
background: #fff;
}
@media (min-width: 992px) and (max-width: 1099px) {
......@@ -739,21 +827,21 @@ body {
}
}
@media (min-width: 400px) and (max-width: 700px) {
.tab-container .tab-content-box.content-2 .map-box .right-box img {
width: 340px !important;
}
// .tab-container .tab-content-box.content-2 .map-box .right-box img {
// width: 340px !important;
// }
}
.tab-container .tab-content-box .tab-card-box .tab-card{
.tab-container .tab-content-box .tab-card-box .tab-card {
height: unset !important;
display: flex;
flex-direction: column;
padding: 15px 20px;
width: 280px;
.foot-text{
.foot-text {
margin-top: auto;
}
}
.opinion-sidebar.opinion-sidebar-hidden {
display: none;
}
\ No newline at end of file
}
ugrc.html 0 → 100644
This diff is collapsed. Click to expand it.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment