Skip to content

Commit

Permalink
updated zion
Browse files Browse the repository at this point in the history
  • Loading branch information
@itzomen
itzomen committed Jan 13, 2024
1 parent 26b89de commit 7eecd10
Show file tree
Hide file tree
Showing 5 changed files with 115 additions and 97 deletions.
58 changes: 29 additions & 29 deletions zion/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,37 +48,37 @@
</div>
<div class="line container"></div>
</nav>
<div class="hero_about">
<div class="container">
<h1>About Zion Business Group</h1>
<h4>Lorem Ipsum Dolor</h4>
<div class="about_hero_img_box"></div>
<p>Lorem Ipsum Dolor</p>
<p>
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?
</p>
<div class="btn_box">
<button><a>Contact Us</a></button>
</div>
</header>
<div class="hero_about">
<div class="container">
<h1>About Zion Business Group</h1>
<h4>Lorem Ipsum Dolor</h4>
<div class="about_hero_img_box"></div>
<p>Lorem Ipsum Dolor</p>
<p>
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?
</p>
<div class="btn_box">
<button><a>Contact Us</a></button>
</div>
</div>
</header>
</div>
<section id="worktogether">
<h2>Let’s Work Together!</h2>
<p>
Expand Down
11 changes: 5 additions & 6 deletions zion/blog_index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -155,13 +155,12 @@ <h2 class="my-1">
</div>
</div>
</section>

<footer>
<div class="footer__mark">
<h4>Zion Template - Made By Traleor</h4>
</div>
</footer>
</div>
<footer>
<div class="footer__mark">
<h4>Zion Template - Made By Traleor</h4>
</div>
</footer>
<!-- Placed made__mark here for SEO purposes -->
<div class="fixed made__mark">
<a href="https://traleor.com">
Expand Down
69 changes: 41 additions & 28 deletions zion/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;

Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand All @@ -233,6 +236,7 @@ button {
font-style: normal;
font-weight: 700;
width: 14rem;
color: white;
height: auto;
}

Expand All @@ -251,7 +255,7 @@ button a {
}

.title__text__wrapper {
background: var(--secondary-color);
background: var(--main-color);
padding: 6rem var(--content-margin);
}

Expand Down Expand Up @@ -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; */
}

Expand Down Expand Up @@ -316,6 +320,7 @@ button a {

.rich__text a {
color: var(--main-color);
text-decoration: underline;
/* font-style: italic; */
}
.rich__text ul {
Expand All @@ -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%;
Expand Down Expand Up @@ -414,7 +420,7 @@ header {
.practice_card img {
display: block;
width: 100%;
height: 100%;
height: auto;
}
.menu_links ul {
display: flex;
Expand All @@ -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;
Expand Down Expand Up @@ -485,15 +491,15 @@ 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;
font-weight: 800;
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;
Expand Down Expand Up @@ -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%;
Expand All @@ -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;
Expand All @@ -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;
Expand Down Expand Up @@ -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;
}

Expand All @@ -639,7 +645,7 @@ header {
}

#worktogether {
background: #0a2b25;
background: var(--main-color);
display: flex;
flex-direction: column;
align-items: center;
Expand All @@ -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;
Expand All @@ -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;
Expand Down Expand Up @@ -704,7 +711,7 @@ header {
}

#main_contact {
background-color: #e4ddd3;
background-color: var(--background-color);
}

.contact_form_box {
Expand All @@ -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;
}

Expand All @@ -744,7 +751,7 @@ header {
}

.footer {
background-color: #e4ddd3;
background-color: var(--background-color);
padding: 4rem 0;
}

Expand All @@ -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 {
Expand All @@ -784,7 +792,7 @@ ul {
}

.footer-col h2 {
color: #0a2b25;
color: var(--main-color);
text-transform: capitalize;
margin-bottom: 2rem;
font-weight: 500;
Expand All @@ -797,7 +805,7 @@ ul {
position: absolute;
left: 0;
bottom: -10px;
background-color: #0a2b25;
background-color: var(--main-color);
width: 50px;
height: 2px;
}
Expand All @@ -807,7 +815,7 @@ ul {
}

.footer-col ul li a {
color: #0a2b25;
color: var(--main-color);
display: block;
font-size: 1rem;
font-weight: 300;
Expand Down Expand Up @@ -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;
}
Expand Down Expand Up @@ -970,6 +978,11 @@ ul {
.practice_card {
width: 100%;
}

/* */
.list__block {
grid-template-columns: repeat(auto-fit, minmax(90%, 1fr));
}
}

@media (max-width: 574px) {
Expand Down
8 changes: 7 additions & 1 deletion zion/flex_page.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -228,7 +228,13 @@ <h3><b>Sed</b> ut perspiciatis unde omnis iste natus.</h3>
</section>
<footer>
<div class="footer__mark">
<h4>Zion Template - Made By Traleor</h4>
<h4>
&copy;
<script>
new Date().getFullYear();
</script>
Zion Template - Made By Traleor
</h4>
</div>
</footer>
</div>
Expand Down
Loading

0 comments on commit 7eecd10

Please sign in to comment.