diff --git a/assets/css/chapter.css b/assets/css/chapter.css
index 008caf28..8ead7b30 100644
--- a/assets/css/chapter.css
+++ b/assets/css/chapter.css
@@ -1,7 +1,6 @@
#hero {
- background-image: linear-gradient(rgba(4, 9, 30, 0.5),
- rgba(4, 9, 30, 0.2)),
- url("/assets/img/background/peopleImg.webp");
+ background-image: linear-gradient(rgba(4, 9, 30, 0.5), rgba(4, 9, 30, 0.2)),
+ url("/assets/img/background/peopleImg.webp");
padding: unset;
height: 400px;
padding-top: 100px;
@@ -14,176 +13,507 @@
}
-
-.hidden {
- opacity: 0;
- transform: scale(0.2);
- visibility: hidden;
- transition: all 1s ease-in-out;
+.row {
+ margin-top: 20px;
}
-.show {
- opacity: 1;
- visibility: visible;
- transform: scale(1);
- animation: slide 1.5s ease-in-out;
-}
-@keyframes slide {
- 0% {
- transform: translateX(-100%);
+
+ .hidden {
opacity: 0;
+ transform: scale(0.2);
+ visibility: hidden;
+ transition: all 1s ease-in-out;
}
- 50% {
- opacity: 0.25;
+ .show {
+ opacity: 1;
+ visibility: visible;
+ transform: scale(1);
+ animation: slide 1.5s ease-in-out;
}
- 100% {
- transform: translateX(0);
- opacity: 1;
+ @keyframes slide {
+ 0% {
+ transform: translateX(-100%);
+ opacity: 0;
+ }
+
+ 50% {
+ opacity: 0.25;
+ }
+
+ 100% {
+ transform: translateX(0);
+ opacity: 1;
+ }
}
-}
-.us {
- margin: 0;
- padding: 0;
- text-transform: uppercase;
- position: relative;
- color: #3a1383;
- text-align: center;
- align-items: center;
-}
+ .us {
+ margin: 0;
+ padding: 0;
+ text-transform: uppercase;
+ position: relative;
+ color: #c8c3d1;
+ }
-.quotee {
- color: #040008;
- font-size: 25px;
- margin-top: -50px;
- font-family: cursive;
- font-weight: 500;
-}
-#faq {
- background-image: none;
-}
+ .us:before {
+ content: "College_Chapters";
+ position: absolute;
+ color: #262626;
+ top: 0;
+ left: 0;
+ width: 0%;
+ overflow: hidden;
+ transition: all 01s;
+ }
+
+ .us:hover:before {
-.text-clg {
- margin-left: 60px;
+ width: 0;
+ }
}
+ width: 100%;
+ }
-.faq .faq-list a {
- font-weight: bold;
- color: #000;
- font-size: 25px;
+ @media only screen and (max-width: 800px) {
+ .us {
+ word-break: break-all;
+ }
+
+
+ .us:before {
+ width: 100%;
+ transition: none;
+ }
+
+
+ .us:hover:before {
+ width: 0;
+ }
+
+ #faq {
+ background-image: none;
+ }
+
+ .text-clg {
+ margin-left: 60px;
+ }
+
+ .faq .faq-list a {
+ font-weight: bold;
+ color: #000;
+ font-size: 25px;
+
+ background-image: linear-gradient(
+ to right,
+ #54b3d6,
+ #54b3d6 50%,
+ #000 50%
+ );
+ background-size: 200% 100%;
+ background-position: -100%;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ transition: all 0.3s ease-in-out;
+ background-color: #2a2a72;
+ background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
+ }
+
+ .faq .faq-list a:before {
+ content: "";
+ background: #54b3d6;
+ display: block;
+ position: absolute;
+ bottom: -3px;
+ left: 0;
+ width: 0;
+ height: 3px;
+ background-color: #2a2a72;
+ background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
+ }
+
+ .faq .faq-list a:hover {
+ background-position: 0;
+ }
+
+ .input {
+ width: 250px;
+ padding: 10px 0px 10px 40px;
+ border-radius: 9999px;
+ border: solid 1px #333;
+ background-image: url("/assets/img/search.webp");
+ background-repeat: no-repeat;
+ background-size: 25px;
+ background-position: 3% 50%;
+ background-color: white;
+ outline: none;
+ opacity: 0.8;
+ transition: all 0.2s ease-in-out;
+ }
+
+ .input:focus {
+ opacity: 0.9;
+ width: 350px;
+ }
+
+
+ #results.input:focus {
+ display: none;
+ }
+
+ #results {
+ list-style-type: none;
+ padding: 0;
+ margin-top: 10px;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ max-height: 193px;
+ overflow-y: auto;
+ max-width: 400px;
+ margin-left: 230px;
+ }
+
+ #results li {
+ padding: 10px;
+ cursor: pointer;
+
+ background-color: #eee;
+ transition: background-color 0.2s;
+
+ backdrop-filter: blur(4px);
+ }
+
+ a,
+ a:hover {
+ color: #8919e4;
+ }
+
+ #results li:hover {
+ background: #9b999c;
+ font-weight: bolder;
+ }
+
+ #results li.active {
+ background: #78a4f1;
+ }
+
+ #results li a {
+ color: #333;
+ font-size: 16px;
+ font-weight: bold;
+ }
+
+ #results li a:hover {
+ color: #eee;
+ }
+
+ #results::-webkit-scrollbar-track {
+ background: rgba(204, 204, 204, 0.4);
+ backdrop-filter: blur(4px);
+ }
+
+ #results::-webkit-scrollbar-thumb {
+ background: rgba(131, 128, 128, 0.7);
+ }
+
+ @media screen and (max-width: 600px) {
+ /* input {
+ width: 250px;
+ height: 30px;
+ }
+
+ button {
+ height: 30px;
+ width: 30px;
+ } */
+
+ #results {
+ margin-left: 10px;
+ max-width: 350px;
+ max-height: 200px;
+ }
+ }
+ @keyframes rainbow {
+ 0% {
+ background-position: 0% 50%;
+ }
+ 100% {
+ background-position: 100% 50%;
+ }
+ }
+ .rainbow-text {
+ /* background-image: linear-gradient(to right,blue, purple, indigo ); */
+ background-image: linear-gradient(43deg, #21beee, #ee21d9 46%, #ee2121);
+ background-size: 200% auto;
+ animation: rainbow 3s linear infinite;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ transition: background-position 0.3s ease;
+ text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.25);
+ }
+ .rainbow-text:hover {
+ animation-play-state: paused;
+ font-size: 1.2em;
+ }
+ #results {
+ margin-left: 10px;
+ max-width: 350px;
+ max-height: 200px;
+ }
+ }
- background-image: linear-gradient(to right, #54b3d6, #54b3d6 50%, #000 50%);
- background-size: 200% 100%;
- background-position: -100%;
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- transition: all 0.3s ease-in-out;
- background-color: #2a2a72;
- background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
-}
+ #boxx {
+ display: block;
+ }
-.faq .faq-list a:before {
- content: "";
- background: #54b3d6;
- display: block;
- position: absolute;
- bottom: -3px;
- left: 0;
- width: 0;
- height: 3px;
- background-color: #2a2a72;
- background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
-}
+ #one,
+ #two,
+ #three {
+ display: flex;
+ justify-content: center;
+ }
-.faq .faq-list a:hover {
- background-position: 0;
-}
+ .image-card {
+ width: fit-content;
+ margin: 10px;
+ border: #000 solid 1px;
+ }
-.input {
- width: 250px;
- padding: 10px 0px 10px 40px;
- border-radius: 9999px;
- border: solid 1px #333;
- background-image: url("/assets/img/search.webp");
- background-repeat: no-repeat;
- background-size: 25px;
- background-position: 3% 50%;
- background-color: white;
- outline: none;
- opacity: 0.8;
- transition: all 0.2s ease-in-out;
-}
+ .instituteImages {
+ width: 381.58px;
+ height: 200px;
+ }
-.input:focus {
- opacity: 0.9;
- width: 350px;
-}
+ .heading {
+ background-image: linear-gradient(43deg, #21beee, #ee21d9 46%, #ee2121);
+ -webkit-animation: home_btn__VDNR5 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
+ both;
+ animation: home_btn__VDNR5 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+ /* -webkit-background-clip: text; */
+ /* -webkit-text-fill-color: transparent; */
+ width: 381.58px;
+ text-align: center;
+ }
-#results.input:focus {
- display: none;
-}
-#results1{
- border: 1px solid #ccc;
- margin: 10px;
- width: 400px;
- margin-left: 230px;
-}
-#results {
- list-style-type: none;
- padding: 0;
- margin-top: 10px;
- border: 1px solid #ccc;
- border-radius: 4px;
- max-height: 193px;
- overflow-y: auto;
- max-width: 400px;
- margin-left: 230px;
-}
+ .heading a {
+ font-weight: bold;
+ font-size: 30px;
+ color: white;
+ padding: 10px 5px;
+ }
-#results li {
- padding: 10px;
- cursor: pointer;
+ /* hover */
+ .image-card:hover {
+ box-shadow: 0 0 10px #5942e9;
+ z-index: 1;
+ }
- background-color: #eee;
- transition: background-color 0.2s;
+ .image-card:hover {
+ transform: scale(1.1);
+ }
- backdrop-filter: blur(4px);
-}
+ @media (max-width: 768px) {
+ /* *, ::after, ::before {
+ box-sizing: border-box;
+ width: inherit; */
+ #header {
+ width: 100vw;
+ overflow-x: hidden;
+ }
+
+ .instituteImages,
+ .heading {
+ width: 100%;
+ }
+
+ #one,
+ #two,
+ #three {
+ display: block;
+ }
+ }
+ body {
+ font-family: Varela Round, sans-serif;
+ padding: 0;
+ text-align: center;
+ }
-a,
-a:hover {
- color: #8919e4;
-}
+ .education .school {
+ text-align: left;
+ padding: 5% 12%;
+ color: #000;
+ box-sizing: border-box;
+ }
+ .card {
+ box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px,
+ rgba(0, 0, 0, 0.09) 0px 32px 16px;
+ background: linear-gradient(145deg, #0e034d, #240ab3);
+ padding: 1rem;
+ border-radius: 1.25rem;
+ font-family: sans-serif;
+ cursor: pointer;
+ transition: 0.4s ease !important;
+ }
+ .card img {
+ object-fit: cover;
+ border-radius: 0.75rem !important;
+ }
+ .card:hover {
+ scale: 1.025;
+ box-shadow: rgba(92, 109, 249, 0.83) 5px 5px,
+ rgba(141, 92, 249, 0.1) 20px 20px, rgba(249, 115, 92, 0.05) 25px 25px;
+ }
-#results li:hover {
- background: #9b999c;
- font-weight: bolder;
-}
+ .education .school .card-title {
+ color: rgb(0, 0, 3);
+ font-weight: bold;
+ font-size: 25px;
+ box-sizing: border-box;
+ text-align: left;
+ margin-top: auto;
+ font-family: sans-serif;
+ }
+
+ .card-title a {
+ color: white;
+ }
+
+ .card-title a:hover {
+ color: #009ffd;
+ }
+
+ .card-text {
+ color: #ddd !important;
+ }
+
+ #image-for-card {
+ width: 100%;
+ height: 90%;
+ border-top-left-radius: 16px;
+ border-top-right-radius: 16px;
+ }
+
+ .img-fluid {
+ width: 90%;
+ box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em,
+ rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em,
+ rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
+ height: 150px;
+ box-sizing: border-box;
+ transition: transform 0.5s ease;
+ }
+
+ .img-fluid:hover {
+ transform: scale(1.1);
+ }
+
+ .row {
+ position: relative;
+ justify-content: center;
+ }
+
+ .modifyRow {
+ display: flex;
+ justify-content: flex-start;
+ }
-#results li.active {
- background: #78a4f1;
+ @media only screen and (max-width: 800px) {
+ .modifyRow {
+ margin-top: 20px;
+ display: flex;
+ flex-direction: column;
+ }
+ }
+ .socialIcons {
+ display: flex;
+ justify-content: space-around;
+ }
+
+ .socialIcons a {
+ margin: 5px;
+ }
+
+ @media (min-width: 35em) {
+ .card-title,
+ .card-text {
+ text-align: center !important;
+ }
+ .card {
+ padding: 1rem !important;
+ }
+ .card > div > div {
+ height: unset;
+ }
+ }
+
+ #footer .footer-top h4 {
+ font-size: 16px;
+ font-weight: bold;
+ position: relative;
+ padding-bottom: 12px;
+ margin-right: 150px;
+ }
}
-#results li a {
- color: #333;
- font-size: 16px;
+#boxx {
+ display: block;
+}
+#one,
+#two,
+#three {
+ display: flex;
+ justify-content: center;
+}
+.image-card {
+ width: fit-content;
+ margin: 10px;
+ border: #000 solid 1px;
+}
+.instituteImages {
+ width: 381.58px;
+ height: 200px;
+}
+.heading {
+ background-image: linear-gradient(43deg, #21beee, #ee21d9 46%, #ee2121);
+ -webkit-animation: home_btn__VDNR5 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
+ both;
+ animation: home_btn__VDNR5 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+ /* -webkit-background-clip: text; */
+ /* -webkit-text-fill-color: transparent; */
+ width: 381.58px;
+ text-align: center;
+}
+.heading a {
font-weight: bold;
+ font-size: 30px;
+ color: white;
+ padding: 10px 5px;
}
-#results li a:hover {
- color: #eee;
+/* hover */
+.image-card:hover {
+ box-shadow: 0 0 10px #5942e9;
+ z-index: 1;
}
-#results::-webkit-scrollbar-track {
- background: rgba(204, 204, 204, 0.4);
- backdrop-filter: blur(4px);
+.image-card:hover {
+ transform: scale(1.1);
}
+@media (max-width: 768px) {
+ /* *, ::after, ::before {
+ box-sizing: border-box;
+ width: inherit; */
-#results::-webkit-scrollbar-thumb {
- background: rgba(131, 128, 128, 0.7);
+ .instituteImages,
+ .heading {
+ width: 100%;
+ }
+ #one,
+ #two,
+ #three {
+ display: block;
+ }
}
@media screen and (max-width: 600px) {
@@ -194,6 +524,8 @@ a:hover {
}
}
+
+
body {
font-family:
Varela Round,
@@ -319,4 +651,4 @@ body {
position: relative;
padding-bottom: 12px;
margin-right: 150px;
-}}
\ No newline at end of file
+
diff --git a/assets/css/privacy.css b/assets/css/privacy.css
index 016b7309..fa8073d2 100644
--- a/assets/css/privacy.css
+++ b/assets/css/privacy.css
@@ -21,7 +21,6 @@ a {
a:visited {
text-decoration: none;
- color: rgb(141, 27, 255);
}
a:hover {
@@ -37,7 +36,7 @@ a:hover {
overflow: auto;
text-align: center;
background-color: purple;
- padding-bottom: 0rem;
+ padding-top: 9rem;
}
/* Heading styles */
diff --git a/assets/css/services.css b/assets/css/services.css
index dcb96067..b63dfc36 100644
--- a/assets/css/services.css
+++ b/assets/css/services.css
@@ -1,18 +1,23 @@
@import url("https://fonts.googleapis.com/css2?family=Alkatra:wght@500;600&family=Rubik&display=swap");
+
body {
- font-family: "Rubik", Helvetica, Arial, Lucida, sans-serif;
+ font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif;
+
scroll-behavior: smooth;
}
+
/* TITLE SECTION */
#logo-img {
width: 12rem;
}
+
/* NAVBAR */
.navbar-light .navbar-brand {
font-size: 20px;
font-weight: bold;
}
+
/* .nav-item:hover{
} */
@@ -21,7 +26,7 @@ h2,
h4,
h5,
h6 {
- font-family: "Rubik", Helvetica, Arial, Lucida, sans-serif;
+ font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif;
}
h4 {
@@ -29,10 +34,12 @@ h4 {
}
#title-background {
- width: 100%;
+ width: 100vw;
position: absolute;
}
-@media screen and (max-width: 410px) {
+
+@media screen and (max-width:410px) {
+
#title-background {
height: 100vh;
}
@@ -49,20 +56,25 @@ section {
padding: 2rem 0 4rem 9rem;
color: azure;
}
+
h1 {
font-size: 80px;
font-weight: bolder;
- font-family: "Rubik", Helvetica, Arial, Lucida, sans-serif;
+ font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif;
text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.5);
}
+
h5 {
- font-size: 1.5rem;
+ font-size: 1.5rem
}
+
h6 {
color: #666;
}
+
.btn {
- font-family: "Rubik", Helvetica, Arial, Lucida, sans-serif !important;
+ font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif !important;
+
letter-spacing: 1px;
font-size: 20px;
border: 1px solid #263547;
@@ -71,6 +83,7 @@ h6 {
margin: 15px 0;
padding: 10px 20px;
}
+
/* TITLE IMAGE */
.parallax-container {
@@ -87,6 +100,7 @@ h6 {
transform: translateZ(0);
transition: transform 0.3s ease;
}
+
.main-cont-img {
width: 40rem;
filter: drop-shadow(12px 12px 12px rgba(0, 0, 0, 0.7));
@@ -106,10 +120,18 @@ h6 {
}
}
+
+/* Testimonials */
+#testimonials_section {
+ margin: 12% 0;
+ text-align: center;
+}
+
.test_img {
width: 80px;
border-radius: 80%;
}
+
.test-col {
display: inline-block;
padding: 20px;
@@ -125,9 +147,8 @@ h6 {
}
.test-col:hover {
- box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
- rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
- rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
+ box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
+
}
.test_para {
@@ -135,6 +156,7 @@ h6 {
text-align: center;
color: #666;
}
+
hr {
width: 10%;
margin: 10px auto;
@@ -155,7 +177,10 @@ hr {
border: 3px solid orange;
color: black;
background-color: white;
+
}
+
+
.ag-courses-item_date-box .btn:hover {
background-color: orange;
color: black;
@@ -173,15 +198,18 @@ hr {
margin: 2% 0;
color: #111;
}
+
h3 {
- font-size: 1.5rem;
+ font-size: 2rem;
font-weight: 700;
}
+
.headings {
text-align: center;
- font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
+ font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
color: #111;
}
+
.ag-format-container {
width: 1142px;
margin: 0 auto;
@@ -192,6 +220,8 @@ li {
font-size: 15px;
}
+
+
.ag-courses_box {
display: -webkit-box;
display: -ms-flexbox;
@@ -201,10 +231,10 @@ li {
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
- /* width:50%; */
+
padding: 50px 0;
- /* margin-left: 300px; */
}
+
.ag-courses_item {
-ms-flex-preferred-size: calc(33.33333% - 30px);
flex-basis: calc(33.33333% - 30px);
@@ -215,26 +245,31 @@ li {
border-radius: 10px;
}
+
.ag-courses-item_link {
display: block;
- padding: 5px 20px;
+ padding: 30px 20px;
+
background-color: #fff;
text-decoration: none;
overflow: hidden;
- height: 34rem;
+ height: 32rem;
position: relative;
}
+
.ag-courses-item_link:hover,
.ag-courses-item_link:hover .ag-courses-item_date {
text-decoration: none;
- color: #fff;
+ color: #FFF;
}
+
.ag-courses-item_link:hover .ag-courses-item_bg {
-webkit-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
}
+
.ag-courses-item_title {
text-align: center;
min-height: 87px;
@@ -243,16 +278,17 @@ li {
font-weight: bold;
font-size: 30px;
- color: #fff;
+ color: #FFF;
+
z-index: 2;
position: relative;
}
+
.ag-courses-item_date-box {
text-align: center;
font-size: 18px;
- color: #fff;
-
+ color: #FFF;
z-index: 2;
position: relative;
}
@@ -260,10 +296,11 @@ li {
font-weight: bold;
color: #f9b234;
- -webkit-transition: color 0.5s ease;
- -o-transition: color 0.5s ease;
- transition: color 0.5s ease;
+ -webkit-transition: color .5s ease;
+ -o-transition: color .5s ease;
+ transition: color .5s ease
}
+
.ag-courses-item_bg {
height: 128px;
width: 128px;
@@ -276,22 +313,28 @@ li {
border-radius: 50%;
- -webkit-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
+ -webkit-transition: all .5s ease;
+ -o-transition: all .5s ease;
+ transition: all .5s ease;
}
+
.ag-courses_item:nth-child(2n) .ag-courses-item_bg {
background-color: #3ecd5e;
}
+
.ag-courses_item:nth-child(3n) .ag-courses-item_bg {
background-color: #e44002;
}
+
.ag-courses_item:nth-child(4n) .ag-courses-item_bg {
background-color: #952aff;
}
+
.ag-courses_item:nth-child(5n) .ag-courses-item_bg {
background-color: #cd3e94;
}
+
+
.ag-courses_item:nth-child(6n) .ag-courses-item_bg {
background-color: #4c49ea;
}
@@ -301,15 +344,17 @@ li {
-ms-flex-preferred-size: calc(50% - 30px);
flex-basis: calc(50% - 30px);
}
+
.ag-courses-item_title {
font-size: 24px;
}
}
-@media only screen and (max-width: 1145px) {
+@media only screen and (max-width: 767px) {
.ag-format-container {
width: 96%;
}
+
}
@media only screen and (max-width: 639px) {
@@ -323,17 +368,21 @@ li {
font-size: 24px;
}
+
+
.ag-courses-item_link {
padding: 22px 40px;
}
+
.ag-courses-item_date-box {
font-size: 16px;
}
}
-
div#lo-card {
- /* margin: 0 0 0 10rem; */
+ margin: 0 0 0 10rem;
+
}
+
.ag-courses_item.lower {
margin: 0 30px;
}
@@ -345,23 +394,23 @@ div#lo-card {
/* NEXT SECTION */
h2 {
- font-family: "Rubik", sans-serif;
+ font-family: 'Rubik', sans-serif;
font-weight: 600;
font-size: 52px;
line-height: 1.2em;
margin-bottom: 2.5rem;
- text-shadow: 0em 0.1em 2em rgba(0, 0, 0, 0.4);
+ text-shadow: 0em 0.1em 2em rgba(0, 0, 0, 0.4)
}
.yellow-portion {
position: absolute;
- width: 100%;
+ width: 100vw;
height: 100vh;
}
.misc-text {
position: relative;
- padding: 15% 18%;
+ padding: 20% 18%;
text-align: center;
color: white;
}
@@ -388,9 +437,11 @@ h2 {
.stack {
width: 85%;
max-width: 400px;
- transition: 0.25s ease;
+ transition: .25s ease;
+
&:hover {
transform: rotate(5deg);
+
.card:before {
transform: translatey(-2%) rotate(-4deg);
}
@@ -403,11 +454,12 @@ h2 {
.card {
aspect-ratio: 3 / 2;
border: 4px solid;
- background-color: #fff;
+ background-color: #FFF;
position: relative;
- transition: 0.15s ease;
+ transition: .15s ease;
cursor: pointer;
padding: 5% 5% 15% 5%;
+
&:before,
&:after {
content: "";
@@ -416,10 +468,10 @@ h2 {
height: 100%;
width: 100%;
border: 4px solid;
- background-color: #fff;
+ background-color: #FFF;
transform-origin: center center;
z-index: -1;
- transition: 0.15s ease;
+ transition: .15s ease;
top: 0;
left: 0;
}
@@ -432,10 +484,12 @@ h2 {
transform: translatey(2%) rotate(6deg);
}
}
+
.image {
width: 100%;
border: 4px solid;
- background-color: #eee;
+ background-color: #EEE;
+
aspect-ratio: 1 / 1;
position: relative;
}
@@ -458,8 +512,9 @@ h2 {
width: 50%;
}
-.textSocials {
- width: 35%;
+ul {
+ text-align: left;
+ list-style-type: square;
}
.socialIcons {
@@ -490,7 +545,7 @@ ul {
list-style-type: square;
}
-@media screen and (max-width: 420px) {
+@media screen and (max-width:420px) {
h1 {
font-size: 60px;
}
@@ -498,25 +553,103 @@ ul {
text-align: center;
padding: 2rem 5rem;
}
+
.main-cont-img {
- width: 24rem;
+ width: 28rem;
+ padding-right: 20px;
+ translate: -22px;
}
+
+ div#our-services {
+ padding-bottom: 0;
+ }
+
div#lo-card {
margin: 1rem;
}
+
.ag-courses_item.lower {
margin: 0 15px;
}
+
.misc-text {
- padding: 30% 5%;
+ padding: 48% 12%;
+ font-size: small;
+ padding-bottom: 50px;
}
+
h2 {
- font-size: 35px;
+ font-size: 25px;
}
+
.col-lg-3 {
margin-bottom: 4rem;
/* margin-left: 6rem; */
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ }
+
+ .container-fluid {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ margin: 5px;
+ width: 100%;
+ }
+
+ #testimonials_section {
+ margin: 5px;
+ }
+
+ #testimonialCards,
+ #our-services-card {
+ margin: 5px 10%;
+ }
+ #footer .footer-top{
+ margin-bottom: 0px;
+ padding-bottom: 0px;
+}
+ #link1,
+ #link2,
+ #link3 {
+ text-align: left;
+ display: flex;
+ justify-content: left;
+ align-items: start;
+ margin-bottom: 30px;
+ }
+
+ #juststart {
+ text-align: left;
+ display: flex;
+ justify-content: left;
+ align-items: start;
+ margin-bottom: 35px;
+ }
+
+ #endpart {
+ text-align: center;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+ }
+ #endpart .social-links{
+ width: max-content;
+ margin-bottom: 10px;
+ }
+ .copyright{
+ width: max-content;
+ translate: -19%;
}
+ .credits{
+ margin-top: 20px;
+ margin-bottom: 0px;
+ }
+
}
/* BUTTON */
@@ -533,11 +666,11 @@ button {
transition: 0.3s;
z-index: 1;
font-family: inherit;
- color: #17c3b2;
+ color: #17C3B2;
}
button::before {
- content: "";
+ content: '';
width: 0;
height: 300%;
position: absolute;
@@ -557,6 +690,13 @@ button:hover::before {
button:hover {
color: #111;
}
+
+.testimonials-container {
+ max-width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ padding: 20px;
+}
.slick-prev,
.slick-next {
/* Adjust styles for the previous and next buttons as needed */
diff --git a/chapters/chapter.html b/chapters/chapter.html
index 184ec0ab..baa681fc 100644
--- a/chapters/chapter.html
+++ b/chapters/chapter.html
@@ -12,8 +12,10 @@
+
+
@@ -56,6 +58,7 @@
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
College Chapters
-
-
-
-
-
-
@@ -288,190 +315,133 @@ College Chapters
-
College Chapters
+ College_Chapters
-
-
-
-
-
-
- Learning is a treasure that will follow its owner
- everywhere.
-
-
-
-
-
-
-
-
-
-
-
- College in Bengaluru, Karnataka
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
- Bangalore, Karnataka
-
-
-
-
+
+
+
+
-
-
-
-
-
-
-
-
-
-
- College in Kothanoor, Karnataka
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
- Bangalore, Karnataka
-
-
-
-
+
+
+
+
-
-
-
-
-
-
-
-
-
- Institute of technology in Bengaluru,
- Karnataka
-
-
-
-
+
+
+
+
-
-
-
-
-
-
-
-
-
- Bangalore, Karnataka
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
- College in Bengaluru, Karnataka
-
-
-
-
+
+
+
+
-
+
+
+
+
@@ -480,23 +450,13 @@
-