Skip to content

U
unacademy_html
Commit 7f5122e4 by Anoop
Options

updates

parent 0409745e
Showing with 196 additions and 18 deletions
assets/images/arrow_download.svg 0 → 100644
<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.39838 13.1531C5.69127 13.446 6.16615 13.446 6.45904 13.1531L11.232 8.38016C11.5249 8.08727 11.5249 7.6124 11.232 7.3195C10.9391 7.02661 10.4642 7.02661 10.1714 7.3195L5.92871 11.5621L1.68607 7.3195C1.39318 7.02661 0.918303 7.02661 0.62541 7.3195C0.332516 7.6124 0.332516 8.08727 0.62541 8.38016L5.39838 13.1531ZM5.17871 0.622803L5.17871 12.6228L6.67871 12.6228L6.67871 0.622803L5.17871 0.622803Z" fill="#3C4852"/>
</svg>
assets/images/dd_arrow.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" viewBox="17.236999999999995 26.971000000000004 44.999 25.062000000000005">
<path d="M39.8 52.033c-0.003 0-0.008 0-0.012 0-0.687 0-1.308-0.28-1.755-0.733l-20-20c-0.49-0.458-0.796-1.108-0.796-1.829 0-1.381 1.119-2.5 2.5-2.5 0.721 0 1.371 0.306 1.828 0.794l0.001 0.001 18.233 18.233 18.233-18.233c0.445-0.416 1.045-0.671 1.704-0.671 1.381 0 2.5 1.119 2.5 2.5 0 0.659-0.255 1.259-0.672 1.706l0.001-0.001-20 20c-0.447 0.453-1.068 0.733-1.755 0.733-0.004 0-0.008 0-0.012 0h0.001z" fill="#3C4852"/>
</svg>
\ No newline at end of file
assets/images/pdf_icon.svg 0 → 100644
<svg width="29" height="32" viewBox="0 0 29 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M8.02942 18.1472H6.15137C5.76673 18.1472 5.45542 18.459 5.45542 18.8431V23.878C5.45542 24.2626 5.76721 24.5739 6.15137 24.5739C6.53553 24.5739 6.84732 24.2621 6.84732 23.878V22.6313H7.88323C7.97114 22.6434 8.07215 22.6502 8.17511 22.6502C9.42666 22.6502 10.4417 21.6357 10.4417 20.3836C10.4417 20.3657 10.4417 20.3477 10.4412 20.3297V20.3322C10.4417 20.3181 10.4417 20.3011 10.4417 20.2841C10.4417 19.0952 9.47765 18.1311 8.28876 18.1311C8.19745 18.1311 8.10712 18.137 8.01873 18.1481L8.02942 18.1472ZM9.03279 20.3647C9.01822 20.8989 8.5821 21.3263 8.04544 21.3263C8.00562 21.3263 7.96579 21.3239 7.92694 21.3195L7.9318 21.32H6.84732V19.3934H7.91577C8.59569 19.3934 9.03279 19.7333 9.03279 20.3487V20.3647ZM13.9219 18.1472H12.1575C11.7729 18.1472 11.4616 18.459 11.4616 18.8431V23.6997C11.4616 24.0844 11.7734 24.3957 12.1575 24.3957H13.9219C13.9807 24.3996 14.0492 24.402 14.1181 24.402C15.8524 24.402 17.2589 22.996 17.2589 21.2612C17.2589 21.2248 17.2584 21.1889 17.257 21.1529V21.1583C17.1982 19.4788 15.8228 18.1399 14.1342 18.1399C14.0594 18.1399 13.9855 18.1423 13.9122 18.1477L13.9219 18.1472ZM15.7835 21.304C15.7849 21.3287 15.7854 21.3584 15.7854 21.3875C15.7854 22.3797 14.9807 23.1844 13.9885 23.1844C13.9535 23.1844 13.919 23.1835 13.8845 23.1815H13.8894H12.8049V19.3934H13.8894C13.9142 19.3919 13.9433 19.3914 13.9724 19.3914C14.9739 19.3914 15.7854 20.203 15.7854 21.2044C15.7854 21.2335 15.7849 21.2627 15.7835 21.2913V21.2874V21.304ZM22.7124 18.1472H19.1831C18.7984 18.1472 18.4871 18.459 18.4871 18.8431V23.878C18.4871 24.2626 18.7989 24.5739 19.1831 24.5739C19.5672 24.5739 19.879 24.2621 19.879 23.878V21.9999H22.2588C22.6075 21.9999 22.8901 21.7173 22.8901 21.3685C22.8901 21.0198 22.6075 20.7372 22.2588 20.7372H19.8305V19.3934H22.6633C22.9659 19.3429 23.1941 19.083 23.1941 18.7703C23.1941 18.4575 22.9664 18.1972 22.6672 18.1477L22.6633 18.1472H22.7124ZM28.2329 8.83852C28.1678 8.68797 28.0809 8.55927 27.9735 8.45L19.8795 0.355989C19.7702 0.249144 19.6415 0.161725 19.4992 0.100046L19.491 0.0971321C19.354 0.035939 19.1938 0 19.0252 0C19.0238 0 19.0228 0 19.0214 0H1.21415C0.547339 0.00922754 0.00922754 0.547339 0 1.21318V30.3537C0.00922754 31.0206 0.547339 31.5587 1.21318 31.5679H27.1159C27.7827 31.5587 28.3208 31.0206 28.33 30.3547V9.30864C28.33 9.30767 28.33 9.30622 28.33 9.30476C28.33 9.13623 28.2941 8.97597 28.23 8.83173L28.2329 8.83901V8.83852ZM20.2355 4.14365L24.1854 8.09352H20.2355V4.14365ZM2.42781 29.1391V2.42781H17.8072V9.30816C17.8164 9.97497 18.3545 10.5131 19.0204 10.5223H25.9012V29.1391H2.42781Z" fill="#3C4852"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="28.33" height="31.5679" fill="white"/>
</clipPath>
</defs>
</svg>
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.
level_four.html
......@@ -398,7 +398,7 @@
<p class="text">Conservation is the proper management of natural resources, to retain the balance in
nature and diversity. It also includes wise use of natural resources in a way. <a
class="openSidebar" href="#"><strong>Read more</strong></a></p>
<div class="hero_buttons">
<a href="#" class="btn read_more"><span class="icon"></span>Read More</a>
<a href="#" class="btn share"><span class="icon"></span>Share</a>
......@@ -1007,7 +1007,99 @@
</div>
</div>
<!-- accordion -->
<div class="content_section_outer">
<div class="container">
<div class="content_section row">
<div class="section_title">
<h2 class="heading">UPSC Notification</h2>
<h3 class="sub_heading">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
praesentium.</h3>
</div>
<div class="custom_shortcode course">
<div class="accordion">
<div class="accordion-item">
<h2 class="accordion-header">
<span class="icon"></span>
UPSC results
</h2>
<div class="accordion-content">
<div class="accordion-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus
nec
ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet,
consectetur
adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus
leo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus
nec
ullamcorper mattis, pulvinar dapibus leo.
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus
nec
ullamcorper mattis, pulvinar dapibus leo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus
nec
ullamcorper mattis, pulvinar dapibus leo.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<span class="icon"></span>
UPSC cut off
</h2>
<div class="accordion-content">
<div class="accordion-body">
There are over <strong>5 million apps available for download</strong> on the Google
Play Store
and iOS App Store
combined. Thus, it’s not surprising that marketers struggle to differentiate their
app from
others and to generate higher click-throughs and conversions.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<span class="icon"></span>
UPSC calendar
</h2>
<div class="accordion-content">
<div class="accordion-body">
There are over <strong>5 million apps available for download</strong> on the Google
Play Store
and iOS App Store
combined. Thus, it’s not surprising that marketers struggle to differentiate their
app from
others and to generate higher click-throughs and conversions.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<span class="icon"></span>
UPSC preparation
</h2>
<div class="accordion-content">
<div class="accordion-body">
There are over <strong>5 million apps available for download</strong> on the Google
Play Store
and iOS App Store
combined. Thus, it’s not surprising that marketers struggle to differentiate their
app from
others and to generate higher click-throughs and conversions.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--// accordion -->
<!--rayeesh code start -->
<div class="fc_main">
......@@ -1471,6 +1563,17 @@
$("body").css("overflow", "auto")
})
// Accordion
$(".accordion .accordion-item:first-child").find(".accordion-header").addClass("active");
$(".accordion .accordion-item:first-child").find(".accordion-content").show()
$(".accordion-header").click(function () {
$(this).toggleClass("active")
$(this).siblings(".accordion-content").slideToggle(200)
$(this).parents(".accordion-item").siblings(".accordion-item").find(".accordion-content").slideUp(200);
$(this).parents(".accordion-item").siblings(".accordion-item").find(".accordion-header").removeClass("active")
})
</script>
</body>
......
level_three.html
......@@ -2482,19 +2482,50 @@
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(".grid_swiper .card").addClass("swiper-slide")
const swiper = new Swiper('.grid_swiper', {
loop: false,
slidesPerView: 4,
centeredSlides: false,
grabCursor: true,
spaceBetween: 0,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
function swiperHandler(){
var swiper = swiper;
var init = false;
let bigScreen = window.matchMedia('(min-width: 993px)');
let smallScreen = window.matchMedia('(max-width: 992px)');
if(bigScreen.matches){
if(!init){
init = true;
swiper = new Swiper('.grid_swiper', {
loop: false,
slidesPerView: 4,
centeredSlides: false,
spaceBetween: 30,
grabCursor: false,
spaceBetween: 0,
mousewheelControl: false,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
document.querySelector(".grid_swiper").classList.remove("notActive")
}
}
if(smallScreen.matches){
document.querySelector(".grid_swiper").classList.add("notActive")
if(init){
swiper.destroy();
init = false;
}
}
});
}
window.addEventListener('load',function(){
swiperHandler();
})
window.addEventListener('resize',function(){
swiperHandler();
})
</script>
</body>
......
scss/level_three/_page.scss
......@@ -78,14 +78,14 @@
border-radius: 8px;
height: 32px;
width: 32px;
background-size: 30%;
background-size: 7.2px;
box-shadow: $box-shadow;
top: 0;
bottom: 0;
margin: auto;
opacity: 0;
visibility: hidden;
transition: visibility 0s linear 0s, opacity 300ms ease 0s;
transition: all ease 300ms;
}
.swiper-button-prev {
transform: rotate(180deg);
......@@ -144,6 +144,8 @@
}
&.grid_swiper {
overflow: auto;
margin-bottom: 0px !important;
scrollbar-width: none;
.swiper-button-prev,
.swiper-button-next {
display: block;
......@@ -153,6 +155,7 @@
display: none;
}
.card {
margin-bottom: 40px;
@include lg {
max-width: 100%;
flex: 0 0 270px;
......@@ -178,11 +181,17 @@
rgba(252, 252, 252, 0.5) 51.04%,
rgba(252, 252, 252, 0) 100%
);
@include md {
@include lg {
display: none;
}
}
}
&.notActive{
.swiper-button-prev,
.swiper-button-next {
display: none;
}
}
.card_content {
display: flex;
flex-direction: column;
......@@ -190,7 +199,7 @@
background: #fff;
border-radius: 8px;
border-left: 8px solid;
box-shadow: 0px 18px 30px rgba(233, 239, 244, 0.6);
box-shadow: 0px 16px 32px 0px rgba(233, 238, 242, 0.4);
transition: all ease 0.3s;
width: 100%;
.name {
......
scss/page/_page_level_four.scss
......@@ -4,7 +4,20 @@
.page-child {
background: #fcfcfc;
}
.entry-title, .entry-title a, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
.entry-title,
.entry-title a,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: var(--text-color);
}
......@@ -43,6 +56,11 @@
transform: translate(0px, -2px);
transition: all ease 400ms;
}
&:active {
border: none;
box-shadow: 0px 8px 8px 0px rgba(233, 238, 242, 0.4);
background-color: #009965;
}
&.outline {
background: #fff;
......@@ -161,7 +179,7 @@
background: #fff;
box-shadow: 0px 16px 32px 0px rgba(221, 230, 237, 0.4);
border-radius: $border-radius;
@include md{
@include md {
padding: 15px;
}
}
......
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