fix some design
This commit is contained in:
@@ -226,7 +226,7 @@ html body a:hover {
|
|||||||
z-index: -1;
|
z-index: -1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.excl-container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-right: var(--bs-gutter-x, 0.75rem);
|
padding-right: var(--bs-gutter-x, 0.75rem);
|
||||||
padding-left: var(--bs-gutter-x, 0.75rem);
|
padding-left: var(--bs-gutter-x, 0.75rem);
|
||||||
@@ -446,27 +446,27 @@ html body a:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.container {
|
.excl-container {
|
||||||
max-width: 540px;
|
max-width: 540px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.container {
|
.excl-container {
|
||||||
max-width: 720px;
|
max-width: 720px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 992px) {
|
@media (min-width: 992px) {
|
||||||
.container {
|
.excl-container {
|
||||||
max-width: 960px;
|
max-width: 960px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 1200px) {
|
@media (min-width: 1200px) {
|
||||||
.container {
|
.excl-container {
|
||||||
max-width: 1080px;
|
max-width: 1080px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 1441px) {
|
@media (min-width: 1441px) {
|
||||||
.container {
|
.excl-container {
|
||||||
max-width: 1280px;
|
max-width: 1280px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -262,7 +262,7 @@ html body a:hover {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.excl-container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-right: var(--bs-gutter-x, 0.75rem);
|
padding-right: var(--bs-gutter-x, 0.75rem);
|
||||||
padding-left: var(--bs-gutter-x, 0.75rem);
|
padding-left: var(--bs-gutter-x, 0.75rem);
|
||||||
@@ -524,27 +524,27 @@ html body a:hover {
|
|||||||
// ------------------------------Contact Us page End-------------
|
// ------------------------------Contact Us page End-------------
|
||||||
|
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.container {
|
.excl-container {
|
||||||
max-width: 540px;
|
max-width: 540px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.container {
|
.excl-container {
|
||||||
max-width: 720px;
|
max-width: 720px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 992px) {
|
@media (min-width: 992px) {
|
||||||
.container {
|
.excl-container {
|
||||||
max-width: 960px;
|
max-width: 960px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 1200px) {
|
@media (min-width: 1200px) {
|
||||||
.container {
|
.excl-container {
|
||||||
max-width: 1080px;
|
max-width: 1080px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (min-width: 1441px) {
|
@media (min-width: 1441px) {
|
||||||
.container {
|
.excl-container {
|
||||||
max-width: 1280px;
|
max-width: 1280px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+3
-3
@@ -11,7 +11,7 @@
|
|||||||
<body>
|
<body>
|
||||||
|
|
||||||
<header>
|
<header>
|
||||||
<div class="container">
|
<div class="excl-container">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<div class="header-logo">
|
<div class="header-logo">
|
||||||
<img src="./assets/image/logo.png" alt="">
|
<img src="./assets/image/logo.png" alt="">
|
||||||
@@ -39,7 +39,7 @@
|
|||||||
<section class="main-section contact-us">
|
<section class="main-section contact-us">
|
||||||
<img class="effect-one" src="./assets/image/effect-1.svg" alt="">
|
<img class="effect-one" src="./assets/image/effect-1.svg" alt="">
|
||||||
|
|
||||||
<div class="container">
|
<div class="excl-container">
|
||||||
|
|
||||||
<div class="contact-us">
|
<div class="contact-us">
|
||||||
<div class="contact-us-inner">
|
<div class="contact-us-inner">
|
||||||
@@ -109,7 +109,7 @@
|
|||||||
<div class="footer contact-us">
|
<div class="footer contact-us">
|
||||||
<img class="effect-2" src="./assets/image/effect-2.png" alt="">
|
<img class="effect-2" src="./assets/image/effect-2.png" alt="">
|
||||||
|
|
||||||
<div class="container">
|
<div class="excl-container">
|
||||||
<div class="footter-inner">
|
<div class="footter-inner">
|
||||||
|
|
||||||
<div class="f-top">
|
<div class="f-top">
|
||||||
|
|||||||
+3
-3
@@ -11,7 +11,7 @@
|
|||||||
<body>
|
<body>
|
||||||
|
|
||||||
<header>
|
<header>
|
||||||
<div class="container">
|
<div class="excl-container">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<div class="header-logo">
|
<div class="header-logo">
|
||||||
<img src="./assets/image/logo.png" alt="">
|
<img src="./assets/image/logo.png" alt="">
|
||||||
@@ -39,7 +39,7 @@
|
|||||||
<section class="main-section index">
|
<section class="main-section index">
|
||||||
<img class="effect-one" src="./assets/image/effect-1.svg" alt="">
|
<img class="effect-one" src="./assets/image/effect-1.svg" alt="">
|
||||||
|
|
||||||
<div class="container">
|
<div class="excl-container">
|
||||||
<div class="slider">
|
<div class="slider">
|
||||||
<div class="slider-inner">
|
<div class="slider-inner">
|
||||||
<div class="s-left">
|
<div class="s-left">
|
||||||
@@ -104,7 +104,7 @@
|
|||||||
<div class="footer index">
|
<div class="footer index">
|
||||||
<img class="effect-2" src="./assets/image/effect-2.png" alt="">
|
<img class="effect-2" src="./assets/image/effect-2.png" alt="">
|
||||||
|
|
||||||
<div class="container">
|
<div class="excl-container">
|
||||||
<div class="footter-inner">
|
<div class="footter-inner">
|
||||||
|
|
||||||
<div class="f-top">
|
<div class="f-top">
|
||||||
|
|||||||
Reference in New Issue
Block a user