Skip to content

screen resolution #53

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
shreyas1434shinde wants to merge 2 commits into
base: json-code
Choose a base branch
from
+54 −16
Open

screen resolution #53

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
adfc832
screen resolution
shreyas143shinde Apr 6, 2023
564cb9b
screen resolution
shreyas143shinde Apr 6, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions src/app/views/pages/home/home.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@
<div class="english fw-700 fs-24">
<!-- <div>{{ 'HOME_LETS_LEARN_ENGLISH_TOGETHER' | i18next }}</div> -->
</div>
<div class="text-blue fs-64 fw-900">{{ "HOME_SPEAK_ENGLISH" | i18next }}</div>
<div class="text-blue fs-64 fw-900 mt-sm-20">{{ "HOME_SPEAK_ENGLISH" | i18next }}</div>
<div class="fs-64 fw-900 text-pink">{{ "HOME_WITH_CONFIDENCE" | i18next }}</div>
<div class="english fs-16 mw-72">{{ "HOME_BANNER_FIRST_DESCRIPTION" | i18next }}</div>
<!-- <div class="mt-4">
Expand All @@ -86,7 +86,7 @@
<div class="col-lg-8 col-sm-12">
<div class="map-img ps-5">
<div class="english fw-700 fs-24">
<div class="text-blue fs-64 fw-900">{{ "HOME_IMPACT_IN_TERMS_OF_POTENTIAL" | i18next }}</div>
<div class="text-blue fs-64 fw-900 mt-sm-20">{{ "HOME_IMPACT_IN_TERMS_OF_POTENTIAL" | i18next }}</div>
</div>
<div class="text-yellow fs-64 fw-900">{{ "HOME_WE_ARE_BUILDING" | i18next }}</div>
<!-- <div class="fs-64 fw-900 text-yellow">{{ "HOME_FOR_THE_CHILDREN" | i18next }}.</div> -->
Expand All @@ -107,7 +107,7 @@
<div class="col-lg-8 col-sm-12">
<div class="map-img ps-5">
<div class="english fw-700 fs-24">
<div class="text-blue fs-64 fw-900">{{ "HOME_STATE_OF_THE_ART_TECHNOLOGY_MEET" | i18next }}</div>
<div class="text-blue fs-64 fw-900 mt-sm-20">{{ "HOME_STATE_OF_THE_ART_TECHNOLOGY_MEET" | i18next }}</div>
</div>
<div class="text-orange fs-64 fw-900">{{ "HOME_ACADEMIC_RESEARCH" | i18next }}</div>
<!-- <div class="fs-34 fw-900 text-orange">{{ "HOME_TO_DRIVE_LANGUAGE_LEARNING" | i18next }}</div> -->
Expand All @@ -126,7 +126,7 @@
<section>
<div class="bg-grey">
<div class="container">
<div class="d-flex circle-holder justify-content-between flex-wrap">
<div class="d-flex circle-holder justify-content-between flex-wrap sm-around gap-40">
<a routerLink="/level">
<div class="blue-circle flex-center">
<div>
Expand Down Expand Up @@ -187,7 +187,7 @@
<div class="container">
<div class="item ptb-120">
<div class="row">
<div class="col-lg-5 col-sm-12">
<div class="col-md-12 col-lg-5 col-sm-12">
<div class="text-blue fs-64 fw-900">{{ "HOME_HOW_TO_LEARN_FOR_TOMORROW" | i18next }}</div>
<div class="fs-16 mt-3">
In today’s interconnected world, it is essential for the school students to build the skills today to engage as confident global citizens of tomorrow. To achieve this, they need to have not just awareness of the world but strong communication skills to voice their thoughts. Reading and speaking a language with comfort are critical for sharing one’s thoughts and engaging with the wider world.
Expand All @@ -197,7 +197,7 @@
</div>
<div class="mt-4"><a routerLink="/learn-tommorow" href="#" class="fs-14 fw-700 text-pink header-btn">{{ "HOME_KNOW_MORE" | i18next }}</a></div>
</div>
<div class="col-lg-7 col-sm-12">
<div class="col-md-12 col-lg-7 col-sm-12 mt-sm-20">
<img width="716px" height="453.39px" class="img-fluid" src="../../../../assets/home-asset/second-lang.png"
alt="girls">
</div>
Expand All @@ -208,11 +208,11 @@
<div class="container">
<div class="item pb-120 ">
<div class="row">
<div class="col-lg-7 col-sm-12">
<div class="col-md-12 col-lg-7 col-sm-12">
<img width="832px" height="486.99px" class="img-fluid" src="../../../../assets/home-asset/girls-carausel.png" alt="girls">
</div>
<div class="col-lg-4 ps-5 col-sm-12">
<div class="text-blue fs-34 fw-700">{{ "HOME_BREAK_THE_BARRIERS" | i18next }}</div>
<div class="col-md-12 col-lg-4 ps-5 col-sm-12 ps1-sm-12">
<div class="text-blue fs-34 fw-700 mt-sm-20">{{ "HOME_BREAK_THE_BARRIERS" | i18next }}</div>
<div class="fs-14 mt-3 ">{{ "HOME_BUILDS_A_CONDUCIVE_ENVIRONMENT" | i18next }}</div>
<div class="fs-14 mt-3 ">{{ "HOME_THE_STUDENTS_AND_TEACHERS_WILL_USE_MOZHIGAL" | i18next }}</div>
</div>
Expand Down
52 changes: 45 additions & 7 deletions src/app/views/pages/home/home.component.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -359,13 +359,51 @@ li.special{
margin-right: 25px!important;
border-right: 1px solid #e9e8e8 !important;
}
@media only screen and (max-width: 1524px) and (min-width: 800px) {

.responsive-iframe{
width: 60% !important;
}

}
@media (max-width: 992px){
.mt-sm-20{
margin-top: 20px !important;
}
.ps1-sm-12{
padding-left: 12px !important;
}
}

@media (max-width: 1250px){
.responsive-iframe{
width: 87% !important;
}
.gap-40{
gap: 40px !important;
}
.sm-around{
justify-content: space-around !important;
}
}
@media (max-width: 1465px){
.follow-label{
left: -30px !important;
}
.follow-label2{
left: -30px !important;
}
.responsive-iframe{
width: 75% !important;
}
}
@media (max-width: 1465px){
.responsive-iframe{
width: 88% !important;
}
}

@media (max-width: 840px){
.responsive-iframe{
width: 95% !important;
}
.follow-label2{
display: none !important;
}
}
@media (max-width: 659px) {
.responsive-iframe{
width: 90%;
Expand Down