Skip to content

U
unacademy_html
Commit e996a0aa by Anoop
Options

changes

parent 822f0f1b
Showing with 367 additions and 11 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.
scss/ugrc.scss
......@@ -7,6 +7,7 @@
.scrollSpyLinks_outer {
position: relative;
z-index: 999;
.elementor-widget-text-editor {
position: sticky;
top: 30px;
......@@ -130,12 +131,26 @@
margin-top: 10px;
font-weight: 400;
}
.right-arrow {
top: 20px;
}
&.active {
.right-arrow {
top: 20px;
}
}
}
.accordion-content {
padding: 9px 30px 33px 20px;
}
}
.grd_process:not(.key_pillars) {
.accordion-header.active {
padding-bottom: 10px;
}
}
.key_pillars {
.accordion-header .icon {
height: 100px;
......@@ -145,12 +160,300 @@
// .accordion-header{}
.accordion-item.has_icon .accordion-content {
padding-left: 135px;
padding-right: 52px;
// margin-top: -40px !important;
}
.accordion-header.active{
.accordion-header.active {
align-items: flex-start;
& + .accordion-content{
& + .accordion-content {
margin-top: -73px !important;
}
}
.accordion-header {
.right-arrow {
top: 60px;
}
&.active {
.right-arrow {
top: 20px;
}
}
}
}
.faq_grid {
.elementor-widget-container {
display: flex;
flex-wrap: wrap;
gap: 15px;
a {
display: flex;
justify-content: space-between;
align-items: center;
max-width: calc(50% - 7.5px);
padding: 27px 20px;
color: #3c4852;
background: #fff;
box-shadow: 0px 16px 32px rgba(233, 238, 242, 0.4);
border-radius: 6px;
width: 100%;
flex: 0 0 auto;
transition: all ease-in-out 0.3s;
font-size: 16px;
&:hover {
background: #2d81f7;
color: #fff;
&::after {
filter: invert(100);
}
}
&::after {
content: "";
display: inline-block;
position: relative;
height: 30px;
width: 30px;
background: url("http://unacademy.envigo-tech.co.uk/ugrc/wp-content/uploads/sites/4/2022/06/Vector-6.svg")
no-repeat center center;
transition: all ease-in-out 0.3s;
}
}
}
}
.ugrc_modal {
.modal {
z-index: 1000;
display: none;
overflow: auto;
&-backdrop {
background: #000;
opacity: 0.5;
}
&-body {
padding: 50px;
}
&-dialog {
max-width: 700px;
border-radius: 10px;
margin: 8.75rem auto;
position: relative;
width: auto;
background: #fff;
box-shadow: 2px 2px 5px rgba(#000, 0.2);
z-index: 11;
}
&-content {
position: relative;
}
}
.modal,
.modal-backdrop {
top: 0;
left: 0;
position: fixed;
height: 100%;
width: 100%;
}
.modal-backdrop {
z-index: 999;
}
.modal-close {
position: absolute;
top: -10px;
right: 0px;
height: 50px;
width: 50px;
flex: 0 0 auto;
padding: 0;
text-indent: -99999px;
outline: 0 !important;
background: url("http://unacademy.envigo-tech.co.uk/ugrc/wp-content/uploads/sites/4/2022/06/Vector-7.svg")
no-repeat center center;
border-radius: 50%;
}
.btn-modal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 15px 20px;
color: #ffffff;
background: #10bf84;
box-shadow: 0px 16px 32px rgba(233, 238, 242, 0.4);
border-radius: 6px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
font-size: 16px;
}
}
.social-icons {
display: flex;
flex-wrap: wrap;
li {
display: flex;
align-items: center;
margin-right: 15px;
margin-bottom: 23px;
.icons {
margin-right: 15px;
}
}
}
.ugrc_form {
display: flex;
flex-wrap: wrap;
.item {
width: 33.33337%;
flex: 0 0 auto;
padding: 10px;
}
.item_one-third {
width: 66.66674%;
}
.item_full {
width: 100%;
}
input:not(input[type="file"]),
select,
textarea {
border-radius: 8px;
}
select {
appearance: none;
background: url("http://unacademy.envigo-tech.co.uk/ugrc/wp-content/uploads/sites/4/2022/06/Vector-9.svg")
no-repeat center right 15px;
padding-right: 29px;
}
::-webkit-file-upload-button {
font: inherit;
appearance: none;
border: 0;
text-indent: -9999px;
height: 20px;
width: 20px;
background: url("http://unacademy.envigo-tech.co.uk/ugrc/wp-content/uploads/sites/4/2022/06/Vector-8.svg")
no-repeat center center;
background-size: contain;
transform: translateY(6px);
}
.inactive{
pointer-events: none;
cursor: not-allowed;
}
}
@media (max-width: 767px) {
.responsibility_lists {
.item-two {
width: 100%;
}
.icon {
height: 40px;
width: 40px;
}
}
.faq_grid .elementor-widget-container a {
padding: 17px 10px;
}
.key_pillars .accordion-header .icon {
height: 50px;
width: 50px;
background-size: contain;
}
.key_pillars {
.accordion-header {
flex-wrap: nowrap;
}
}
.key_pillars .accordion-header .right-arrow {
top: 35px;
}
.key_pillars .accordion-header.active + .accordion-content {
margin-top: 3px !important;
}
.key_pillars .accordion-item.has_icon .accordion-content {
padding-left: 85px;
padding-right: 52px;
}
.profile-card {
flex-direction: column;
.item {
max-width: 100%;
padding: 0;
border: 0 !important;
&:not(:last-child) {
margin-bottom: 30px;
}
}
.header img {
max-width: 45px;
height: 45px;
}
}
.grd_process .accordion-header {
font-size: 18px !important;
}
.ugrc_form {
.item {
width: 100% !important;
}
}
}
@media (max-width: 1023px) {
.scrollSpyLinks {
position: absolute;
z-index: 99;
background: #fff;
width: 100%;
border-radius: 10px;
padding: 15px 10px;
display: none;
box-shadow: 0px 16px 32px rgba(233, 238, 242, 0.4);
border-radius: 10px;
}
.quick-link_heading {
margin: 15px 0 0 0;
display: flex;
align-items: center;
justify-content: space-between;
&::after{
content: '';
height: 20px;
width: 20px;
display: inline-block;
background: url('http://unacademy.envigo-tech.co.uk/ugrc/wp-content/uploads/sites/4/2022/06/Vector-9.svg') no-repeat center center;
}
}
}
@media (min-width:1024px){
.scrollSpyLinks.new_scrollspy {
display: block !important;
}
}
ugrc.html
......@@ -1723,7 +1723,7 @@
<span>Chair, UGRC</span>
</h3>
</div>
<p>
Ex NMIMS Vice Chancellor, Ex Director IIM Indore, SPJIMR, IBSG, AuthorExternal Member, UGRC
</p>
......@@ -1736,7 +1736,7 @@
<span>Chief Grievance Officer, UGRC</span>
</h3>
</div>
<p>
Associate Vice President, Product Operations Unacademy
</p>
......@@ -1745,41 +1745,94 @@
<div class="responsibility_lists">
<div class="item">
<span class="icon">
<img src="http://unacademy.envigo-tech.co.uk/ugrc/wp-content/uploads/sites/4/2022/06/Frame.svg" alt="headphone">
<img src="http://unacademy.envigo-tech.co.uk/ugrc/wp-content/uploads/sites/4/2022/06/Frame.svg"
alt="headphone">
</span>
<p>Take each grievance with utmost sincerity and address key questions on why the complainant feels aggrieved, unhappy or dissatisfied.</p>
<p>Take each grievance with utmost sincerity and address key questions on why the complainant feels
aggrieved, unhappy or dissatisfied.</p>
</div>
<div class="item item-two">
<span class="icon">
<img src="http://unacademy.envigo-tech.co.uk/ugrc/wp-content/uploads/sites/4/2022/06/Group-4577.svg" alt="headphone">
<img src="http://unacademy.envigo-tech.co.uk/ugrc/wp-content/uploads/sites/4/2022/06/Group-4577.svg"
alt="headphone">
</span>
<p>Investigate the facts and surrounding circumstances.</p>
</div>
<div class="item item-two">
<span class="icon">
<img src="http://unacademy.envigo-tech.co.uk/ugrc/wp-content/uploads/sites/4/2022/06/Group-1116603032.svg" alt="headphone">
<img src="http://unacademy.envigo-tech.co.uk/ugrc/wp-content/uploads/sites/4/2022/06/Group-1116603032.svg"
alt="headphone">
</span>
<p>Communicate to the complainant about revert timelines.</p>
</div>
<div class="item item-two">
<span class="icon">
<img src="http://unacademy.envigo-tech.co.uk/ugrc/wp-content/uploads/sites/4/2022/06/Vector-3.svg" alt="headphone">
<img src="http://unacademy.envigo-tech.co.uk/ugrc/wp-content/uploads/sites/4/2022/06/Vector-3.svg"
alt="headphone">
</span>
<p>Provide feedback to the complainant about what can/cannot be done to resolve the grievance.</p>
</div>
<div class="item item-two">
<span class="icon">
<img src="http://unacademy.envigo-tech.co.uk/ugrc/wp-content/uploads/sites/4/2022/06/Group-56275.svg" alt="headphone">
<img src="http://unacademy.envigo-tech.co.uk/ugrc/wp-content/uploads/sites/4/2022/06/Group-56275.svg"
alt="headphone">
</span>
<p>Take necessary follow-up action.</p>
</div>
</div>
<h3 class="quick-link_heading">Quick Links</h3>
<div class="scrollSpyLinks new_scrollspy">
<a href="#">Introduction</a>
<a href="#">Levels</a>
<a href="#">Structures</a>
<a href="#">Grievance Redressal</a>
<a href="#">Key Pillars</a>
<a href="#">FAQs</a>
</div>
<form action="">
<div class="ugrc_form">
<div class="item">
<input type="text" placeholder="Full Name">
</div>
<div class="item">
<input type="tel" class="ticketNo" placeholder="Ticket no. received in Level 1">
</div>
<div class="item conditional_fields inactive">
<input type="tel" placeholder="Mobile No.">
</div>
<div class="item conditional_fields inactive">
<input type="email" placeholder="Email">
</div>
<div class="item conditional_fields inactive">
<select name="" id="">
<option value="Category of Complaint" selected disabled>Category of Complaint</option>
<option value="Complaint">Complaint</option>
<option value="Complaint other">Complaint other</option>
</select>
</div>
<div class="item conditional_fields inactive">
<select name="" id="">
<option value="Category of Grievance" selected disabled>Category of Grievance</option>
<option value="Grievance">Grievance</option>
<option value="Grievance other">Grievance other</option>
</select>
</div>
<div class="item conditional_fields inactive">
<input type="text" placeholder="Subject of Grievance">
</div>
<div class="item conditional_fields inactive item_one-third">
<textarea name="" id="" cols="30" rows="3" placeholder="Complete details of Grievance"></textarea>
</div>
<div class="item conditional_fields inactive item_full input_file">
<input type="file" name="" id="file_attachment"><label for="file_attachment">Upload (documents, if any)</label>
</div>
</div>
</form>
......
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