diff --git a/zion/about.html b/zion/about.html index 0dabc97..8818f45 100644 --- a/zion/about.html +++ b/zion/about.html @@ -48,37 +48,37 @@
-
-
-

About Zion Business Group

-

Lorem Ipsum Dolor

-
-

Lorem Ipsum Dolor

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do - eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim - ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut - aliquip ex ea commodo consequat. Sed ut perspiciatis unde omnis iste - natus error sit voluptatem accusantium doloremque laudantium, totam - rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi - architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam - voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia - consequuntur magni dolores eos qui ratione voluptatem sequi - nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit - amet, consectetur, adipisci velit, sed quia non numquam eius modi - tempora incidunt ut labore et dolore magnam aliquam quaerat - voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem - ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi - consequatur? Quis autem vel eum iure reprehenderit qui in ea - voluptate velit esse quam nihil molestiae consequatur, vel illum qui - dolorem eum fugiat quo voluptas nulla pariatur? -

- + +
+
+

About Zion Business Group

+

Lorem Ipsum Dolor

+
+

Lorem Ipsum Dolor

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad + minim veniam, quis nostrud exercitation ullamco laboris nisi ut + aliquip ex ea commodo consequat. Sed ut perspiciatis unde omnis iste + natus error sit voluptatem accusantium doloremque laudantium, totam + rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi + architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam + voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia + consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. + Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, + consectetur, adipisci velit, sed quia non numquam eius modi tempora + incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut + enim ad minima veniam, quis nostrum exercitationem ullam corporis + suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis + autem vel eum iure reprehenderit qui in ea voluptate velit esse quam + nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo + voluptas nulla pariatur? +

+
- +

Let’s Work Together!

diff --git a/zion/blog_index.html b/zion/blog_index.html index 3bc6d44..10d8200 100755 --- a/zion/blog_index.html +++ b/zion/blog_index.html @@ -155,13 +155,12 @@

- - +
diff --git a/zion/css/style.css b/zion/css/style.css index ec71da0..6b2ae67 100644 --- a/zion/css/style.css +++ b/zion/css/style.css @@ -2,7 +2,10 @@ --main-color: #0a2b25; --white-color: #fffbfe; --background-color: #e4ddd3; - --secondary-color: #0a2b25; + /* */ + /* --main-color: #15184d; + --white-color: #fffbfe; + --background-color: #f5f5f5; */ --inter-font: "Inter", sans-serif; @@ -113,13 +116,13 @@ iframe { pre { color: white; border-radius: 10px; - background-color: #0a2b25; + background-color: var(--main-color); } pre, code { /* font-family: monospace, monospace; */ - background-color: #0a2b25 !important; + background-color: var(--main-color) !important; } pre { overflow: auto; @@ -223,7 +226,7 @@ ul { /* NOVA STYLES */ button { - background: #0a2b25; + background: var(--main-color); box-shadow: -5px 4px 4px 0px rgba(0, 0, 0, 0.25); outline: none; border: none; @@ -233,6 +236,7 @@ button { font-style: normal; font-weight: 700; width: 14rem; + color: white; height: auto; } @@ -251,7 +255,7 @@ button a { } .title__text__wrapper { - background: var(--secondary-color); + background: var(--main-color); padding: 6rem var(--content-margin); } @@ -279,7 +283,7 @@ button a { .list__block__item a, .list__block__item span { - color: var(--secondary-color); + color: var(--main-color); /* font-style: italic; */ } @@ -316,6 +320,7 @@ button a { .rich__text a { color: var(--main-color); + text-decoration: underline; /* font-style: italic; */ } .rich__text ul { @@ -342,7 +347,8 @@ button a { text-align: center; } -.banner__content h3 { +.banner__content h3, +.banner__content h3 p { color: #f3f3f3; font-weight: 400; width: 90%; @@ -414,7 +420,7 @@ header { .practice_card img { display: block; width: 100%; - height: 100%; + height: auto; } .menu_links ul { display: flex; @@ -440,7 +446,7 @@ header { .ourpractice_rightsection button, .btn_box button, .contact_btn { - background: #0a2b25; + background: var(--main-color); box-shadow: -5px 4px 4px 0px rgba(0, 0, 0, 0.25); outline: none; border: none; @@ -485,7 +491,7 @@ header { align-items: center; } .header_bottom_box p:nth-child(1) { - color: #0a2b25; + color: var(--main-color); text-align: center; font-size: 35px; font-style: normal; @@ -493,7 +499,7 @@ header { line-height: normal; } .header_bottom_box p:nth-child(2) { - color: var(--primary-1, #0a2b25); + color: var(--primary-1, var(--main-color)); text-align: center; font-family: Inter; font-size: 25px; @@ -524,7 +530,7 @@ header { width: 40%; max-width: 100%; min-height: 298px; - background-color: #c1af95; + background-color: var(--background-color); } .rightsection img { width: 100%; @@ -535,7 +541,7 @@ header { /* SECTION 1 */ .section1 { padding: 6rem 0 8rem 0; - background-color: #0a2b25; + background-color: var(--main-color); } .practice_area { display: flex; @@ -561,7 +567,7 @@ header { width: 30%; min-height: 20rem; border-radius: 10px; - background: lightgray 50% / cover no-repeat; + background: white 50% / cover no-repeat; display: flex; flex-direction: column; overflow: hidden; @@ -606,19 +612,19 @@ header { display: flex; align-items: center; gap: 20px; - color: #0a2b25; + color: var(--main-color); font-size: var(--font-size-body); font-weight: 500; } .s_line { height: 1px; - background-color: #0a2b25; + background-color: var(--main-color); margin-top: 10px; } .section2 { - background-color: #e4ddd3; + background-color: var(--background-color); padding: 164px 0 210px 0; } @@ -639,7 +645,7 @@ header { } #worktogether { - background: #0a2b25; + background: var(--main-color); display: flex; flex-direction: column; align-items: center; @@ -659,7 +665,8 @@ header { #worktogether button { outline: none; border: none; - background: #c1af95; + color: var(--main-color); + background: var(--white-color); box-shadow: -5px 4px 4px 0px rgba(0, 0, 0, 0.25); padding: 1rem 4rem; margin-top: 2rem; @@ -669,7 +676,7 @@ header { display: block; width: 100%; height: 100%; - color: #0a2b25; + color: var(--main-color); text-align: center; font-size: var(--normal-font-size); font-weight: 700; @@ -704,7 +711,7 @@ header { } #main_contact { - background-color: #e4ddd3; + background-color: var(--background-color); } .contact_form_box { @@ -727,7 +734,7 @@ header { width: 100%; padding: 23px 39px; outline: none; - border: 1px solid #0a2b25; + border: 1px solid var(--main-color); background-color: #fff; } @@ -744,7 +751,7 @@ header { } .footer { - background-color: #e4ddd3; + background-color: var(--background-color); padding: 4rem 0; } @@ -769,13 +776,14 @@ ul { .footer__mark { /* text-align: center; */ - background-color: var(--secondary-color); + background-color: var(--main-color); } .footer__mark h4 { margin: auto; text-align: center; color: white; padding: 1rem 2rem; + font-size: var(--font-size-6); } .footer-col { @@ -784,7 +792,7 @@ ul { } .footer-col h2 { - color: #0a2b25; + color: var(--main-color); text-transform: capitalize; margin-bottom: 2rem; font-weight: 500; @@ -797,7 +805,7 @@ ul { position: absolute; left: 0; bottom: -10px; - background-color: #0a2b25; + background-color: var(--main-color); width: 50px; height: 2px; } @@ -807,7 +815,7 @@ ul { } .footer-col ul li a { - color: #0a2b25; + color: var(--main-color); display: block; font-size: 1rem; font-weight: 300; @@ -855,7 +863,7 @@ ul { height: 100vh; display: none; align-items: center; - background-color: #c1af95; + background-color: var(--background-color); padding: 0 25px; left: 0; } @@ -970,6 +978,11 @@ ul { .practice_card { width: 100%; } + + /* */ + .list__block { + grid-template-columns: repeat(auto-fit, minmax(90%, 1fr)); + } } @media (max-width: 574px) { diff --git a/zion/flex_page.html b/zion/flex_page.html index 76b38e9..2d1a5b9 100755 --- a/zion/flex_page.html +++ b/zion/flex_page.html @@ -228,7 +228,13 @@

Sed ut perspiciatis unde omnis iste natus.

diff --git a/zion/index.html b/zion/index.html index d9bf58e..ff071b5 100644 --- a/zion/index.html +++ b/zion/index.html @@ -48,43 +48,43 @@
-
-
-

We Are Expert in Accounting and Taxation for SMEs

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do - eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim - ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut - aliquip ex ea commodo consequat. -

-
-
+ +
+
+

We Are Expert in Accounting and Taxation for SMEs

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad + minim veniam, quis nostrud exercitation ullamco laboris nisi ut + aliquip ex ea commodo consequat. +

+ +
-
- image -
+
+ image
-
-
-
-

1k+

-

Hours Saved

-
-
-

50+

-

Satisfied Clients

-
-
-

98%

-

Compliance Rate

-
-
-

10+

-

Years Excellence

-
+
+
+
+
+

1k+

+

Hours Saved

+
+
+

50+

+

Satisfied Clients

+
+
+

98%

+

Compliance Rate

+
+
+

10+

+

Years Excellence

- +