Skip to content

Commit

Permalink
Updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@Sajal13
Sajal13 committed Feb 6, 2024
1 parent f8d450c commit eee7813
Show file tree
Hide file tree
Showing 6 changed files with 100 additions and 60 deletions.
56 changes: 38 additions & 18 deletions v1.0.0/assets/css/theme-rtl.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22362,7 +22362,7 @@ h5, .h5 {
.search-icon {
position: absolute;
top: 50%;
right: 30px;
right: 25px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
Expand Down Expand Up @@ -22477,7 +22477,7 @@ h5, .h5 {
box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05);
margin: 10px 0;
height: 100%;
overflow: hidden;
overflow: hidden !important;
}
.product-card .product-card-top {
min-height: 29rem;
Expand Down Expand Up @@ -22575,7 +22575,6 @@ h5, .h5 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 5px 10px;
opacity: 80%;
background-color: #E2FFF6;
border: 5px solid #124838;
Expand All @@ -22590,11 +22589,6 @@ h5, .h5 {
align-items: center;
height: 100%;
}
@media (min-width: 768px) {
.slider-nav .prev-button, .slider-nav .next-button {
padding: 4px 12px;
}
}
.slider-nav .prev-button:hover, .slider-nav .prev-button:focus, .slider-nav .prev-button:active, .slider-nav .next-button:hover, .slider-nav .next-button:focus, .slider-nav .next-button:active {
background-color: #fff;
border: 5px solid #124838;
Expand Down Expand Up @@ -22646,17 +22640,34 @@ h5, .h5 {
flex-direction: column;
gap: 32px;
height: 100%;
border-radius: 22px;
overflow: hidden;
}
.blog-card .inner-div {
border-radius: 15px 0px 12px 0px;
.blog-card .blog-card-top {
min-height: 28rem;
width: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
border-radius: 22px;
}
.blog-card .blog-card-top .inner-div {
border-radius: 15px 0px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 10px 20px;
color: #fff;
background: rgba(18, 72, 56, 0.75);
position: absolute;
bottom: 0;
right: 0;
}
.blog-card .blog-title {
font-size: 24px;
Expand All @@ -22668,6 +22679,7 @@ h5, .h5 {
}
.blog-card:hover, .blog-card:focus {
border: 2px solid #E3A476;
border-radius: 23px;
}
.blog-card:hover .inner-div, .blog-card:focus .inner-div {
background: rgba(255, 255, 255, 0.9);
Expand All @@ -22683,15 +22695,20 @@ a:hover, a:focus {
}

.absolute-div {
height: 100%;
}
.absolute-div .submit-button {
position: absolute;
left: 0;
top: 0;
z-index: 100;
max-width: 4rem;
max-height: 6rem;
width: 100%;
height: 100%;
}
.absolute-div .submit-button {
border-radius: 50%;
background: #124838;
width: 100%;
height: 100%;
padding: 5px 15px;
}
.absolute-div .submit-button span {
display: -webkit-inline-box;
Expand All @@ -22711,6 +22728,9 @@ a:hover, a:focus {
align-items: center;
line-height: normal;
}
.absolute-div .submit-button:hover, .absolute-div .submit-button:focus {
background: #E3A476;
}

.Footer {
position: relative !important;
Expand Down
2 changes: 1 addition & 1 deletion v1.0.0/assets/css/theme-rtl.min.css
View file

Large diffs are not rendered by default.

56 changes: 38 additions & 18 deletions v1.0.0/assets/css/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22397,7 +22397,7 @@ h5, .h5 {
.search-icon {
position: absolute;
top: 50%;
left: 30px;
left: 25px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
Expand Down Expand Up @@ -22512,7 +22512,7 @@ h5, .h5 {
box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05);
margin: 10px 0;
height: 100%;
overflow: hidden;
overflow: hidden !important;
}
.product-card .product-card-top {
min-height: 29rem;
Expand Down Expand Up @@ -22610,7 +22610,6 @@ h5, .h5 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 5px 10px;
opacity: 80%;
background-color: #E2FFF6;
border: 5px solid #124838;
Expand All @@ -22625,11 +22624,6 @@ h5, .h5 {
align-items: center;
height: 100%;
}
@media (min-width: 768px) {
.slider-nav .next-button, .slider-nav .prev-button {
padding: 4px 12px;
}
}
.slider-nav .next-button:hover, .slider-nav .next-button:focus, .slider-nav .next-button:active, .slider-nav .prev-button:hover, .slider-nav .prev-button:focus, .slider-nav .prev-button:active {
background-color: #fff;
border: 5px solid #124838;
Expand Down Expand Up @@ -22681,17 +22675,34 @@ h5, .h5 {
flex-direction: column;
gap: 32px;
height: 100%;
border-radius: 22px;
overflow: hidden;
}
.blog-card .inner-div {
border-radius: 0px 15px 0px 12px;
.blog-card .blog-card-top {
min-height: 28rem;
width: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
border-radius: 22px;
}
.blog-card .blog-card-top .inner-div {
border-radius: 0px 15px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 10px 20px;
color: #fff;
background: rgba(18, 72, 56, 0.75);
position: absolute;
bottom: 0;
left: 0;
}
.blog-card .blog-title {
font-size: 24px;
Expand All @@ -22703,6 +22714,7 @@ h5, .h5 {
}
.blog-card:hover, .blog-card:focus {
border: 2px solid #E3A476;
border-radius: 23px;
}
.blog-card:hover .inner-div, .blog-card:focus .inner-div {
background: rgba(255, 255, 255, 0.9);
Expand All @@ -22718,15 +22730,20 @@ a:hover, a:focus {
}

.absolute-div {
height: 100%;
}
.absolute-div .submit-button {
position: absolute;
right: 0;
top: 0;
z-index: 100;
max-width: 4rem;
max-height: 6rem;
width: 100%;
height: 100%;
}
.absolute-div .submit-button {
border-radius: 50%;
background: #124838;
width: 100%;
height: 100%;
padding: 5px 15px;
}
.absolute-div .submit-button span {
display: -webkit-inline-box;
Expand All @@ -22746,6 +22763,9 @@ a:hover, a:focus {
align-items: center;
line-height: normal;
}
.absolute-div .submit-button:hover, .absolute-div .submit-button:focus {
background: #E3A476;
}

.Footer {
position: relative !important;
Expand Down
2 changes: 1 addition & 1 deletion v1.0.0/assets/css/theme.min.css
View file

Large diffs are not rendered by default.

22 changes: 11 additions & 11 deletions v1.0.0/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ <h1 class="fs-5 fs-lg-3 fs-xl-2 text-black fw-light mb-4">Be a <span class="fw-b
<div class="row g-4 g-lg-6 g-xl-8 align-items-center">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<p class="fs-7 fs-lg-6 text-success fw-bold mb-x1">we have got you covered </p>
<h1 class="fs-5 fs-lg-3 fs-xl-2 text-secondary text-capitalize fw-light mb-4">However Popular or <br class="d-none d-md-block d-lg-none" /><span class="fw-bold">rare plant </span><br class="d-none d-xl-block" />it is</h1>
<h1 class="fs-5 fs-lg-3 fs-xl-2 text-secondary text-capitalize fw-light mb-4">However Popular or <br class="d-none d-md-block d-lg-none" /><span class="fw-bold">rare plant </span><br class="d-none d-xl-block d-xxl-none" />it is</h1>
<p class="fs-8 fs-xl-7 text-primary mb-5 mb-lg-6 mb-xl-7 fw-light">Our catalog of plants of fruits and flowers;
for indoors and outdoors; is expanding everyday. </p><a href="#!"><button class="btn btn-gradient fs-8 d-inline-flex"><span>explore catalog</span><span class="uil uil-arrow-right"></span></button></a>
</div>
Expand Down Expand Up @@ -376,7 +376,7 @@ <h3 class="mb-3 fs-7 fs-lg-6 text-success fw-bold text-center text-lg-start">ary
<h1 class="fs-5 fs-lg-3 fs-xl-2 text-secondary text-capitalize mb-7 mb-lg-7 text-center text-lg-start"> To Bring more <span class="fw-bold">Green</span><br />into <span class="fw-bold">your home</span></h1>
<div class="col-12 col-lg-4 mb-5 mb-lg-0 px-lg-3">
<div class="blog-card">
<div class="position-relative"><img class="w-100" src="assets/img/blogs/blog_1.png" alt="" />
<div class="blog-card-top" style="background-image: url('assets/img/blogs/blog_1.png')">
<div class="inner-div">
<p class="fw-semi-bold mb-0">indoor gardening</p>
</div>
Expand All @@ -393,7 +393,7 @@ <h2 class="text-success fw-semi-bold text-capitalize mb-3 mb-lg-4 blog-title">4
</div>
<div class="col-12 col-lg-4 mb-5 mb-lg-0 px-lg-3">
<div class="blog-card">
<div class="position-relative"><img class="w-100" src="assets/img/blogs/blog_2.png" alt="" />
<div class="blog-card-top" style="background-image: url('assets/img/blogs/blog_2.png')">
<div class="inner-div">
<p class="fw-semi-bold mb-0">Cactus gardening</p>
</div>
Expand All @@ -410,7 +410,7 @@ <h2 class="text-success fw-semi-bold text-capitalize mb-3 mb-lg-4 blog-title">Ca
</div>
<div class="col-12 col-lg-4 mb-5 mb-lg-0 px-lg-3">
<div class="blog-card">
<div class="position-relative"><img class="w-100" src="assets/img/blogs/blog_3.png" alt="" />
<div class="blog-card-top" style="background-image: url('assets/img/blogs/blog_3.png')">
<div class="inner-div">
<p class="fw-semi-bold mb-0">Fruit plant</p>
</div>
Expand All @@ -428,16 +428,16 @@ <h2 class="text-success fw-semi-bold text-capitalize mb-3 mb-lg-4 blog-title">6
</div>
<div class="d-flex justify-content-center"><a href="#!"><button class="btn btn-gradient fs-8 d-inline-flex"><span>see all posts</span><span class="uil uil-arrow-right"></span></button></a></div>
</section>
<section class="mb-7 mb-lg-11 text-center text-lg-start" id="support">
<div class="row g-4 g-lg-6 g-xl-9 pt-6">
<section class="mb-7 mb-lg-11 text-center text-lg-start mt-1" id="support">
<div class="row g-4 g-lg-6 g-xl-9 pt-6 mt-0">
<div class="d-none d-lg-block col-lg-6 text-center"><img class="img-fluid" src="assets/img/illustrations/women_watering.png" alt="" /></div>
<div class="col-12 col-lg-6 d-flex flex-column justify-content-center">
<p class="mb-x1 fs-7 fs-lg-6 text-success fw-bold">join us </p>
<h1 class="fs-5 fs-lg-4 fs-xl-3 text-secondary text-capitalize fw-light mb-5"> Subscribe to <br />our <span class="fw-bold">Newsletter</span></h1>
<p class="text-success fs-8 fs-lg-7 text-capitalize beginner-guide mb-4">Get Our <span class="fw-bold">Beginners Guide To Plant Parenthood </span>for free </p>
<div class="col-12 col-lg-6 d-flex flex-column justify-content-center mt-0">
<p class="fs-7 fs-lg-6 text-success fw-bold my-0">join us </p>
<h1 class="fs-5 fs-lg-4 fs-xl-3 text-secondary text-capitalize fw-light mt-3 mb-4"> Subscribe to <br />our <span class="fw-bold">Newsletter</span></h1>
<p class="text-success fs-8 fs-lg-7 text-capitalize beginner-guide mb-4 mt-2">Get Our <span class="fw-bold">Beginners Guide To Plant Parenthood</span><br class="d-none d-xxl-block" />for free </p>
<form class="needs-validation">
<div class="input-group position-relative"> <input class="form-control email-input" type="email" name="email" placeholder="your email address" />
<div class="absolute-div"><button class="btn shadow-none submit-button bg-success rounded-circle" type="submit"><span class="uil uil-arrow-right text-white"></span></button></div>
<div class="absolute-div"><button class="btn shadow-none submit-button" type="submit"><span class="uil uil-arrow-right text-white"></span></button></div>
</div>
</form>
</div>
Expand Down
22 changes: 11 additions & 11 deletions v1.0.0/pages/home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ <h1 class="fs-5 fs-lg-3 fs-xl-2 text-black fw-light mb-4">Be a <span class="fw-b
<div class="row g-4 g-lg-6 g-xl-8 align-items-center">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<p class="fs-7 fs-lg-6 text-success fw-bold mb-x1">we have got you covered </p>
<h1 class="fs-5 fs-lg-3 fs-xl-2 text-secondary text-capitalize fw-light mb-4">However Popular or <br class="d-none d-md-block d-lg-none" /><span class="fw-bold">rare plant </span><br class="d-none d-xl-block" />it is</h1>
<h1 class="fs-5 fs-lg-3 fs-xl-2 text-secondary text-capitalize fw-light mb-4">However Popular or <br class="d-none d-md-block d-lg-none" /><span class="fw-bold">rare plant </span><br class="d-none d-xl-block d-xxl-none" />it is</h1>
<p class="fs-8 fs-xl-7 text-primary mb-5 mb-lg-6 mb-xl-7 fw-light">Our catalog of plants of fruits and flowers;
for indoors and outdoors; is expanding everyday. </p><a href="#!"><button class="btn btn-gradient fs-8 d-inline-flex"><span>explore catalog</span><span class="uil uil-arrow-right"></span></button></a>
</div>
Expand Down Expand Up @@ -321,7 +321,7 @@ <h3 class="mb-3 fs-7 fs-lg-6 text-success fw-bold text-center text-lg-start">ary
<h1 class="fs-5 fs-lg-3 fs-xl-2 text-secondary text-capitalize mb-7 mb-lg-7 text-center text-lg-start"> To Bring more <span class="fw-bold">Green</span><br />into <span class="fw-bold">your home</span></h1>
<div class="col-12 col-lg-4 mb-5 mb-lg-0 px-lg-3">
<div class="blog-card">
<div class="position-relative"><img class="w-100" src="undefinedassets/img/blogs/blog_1.png" alt="" />
<div class="blog-card-top" style="background-image: url('undefinedassets/img/blogs/blog_1.png')">
<div class="inner-div">
<p class="fw-semi-bold mb-0">indoor gardening</p>
</div>
Expand All @@ -338,7 +338,7 @@ <h2 class="text-success fw-semi-bold text-capitalize mb-3 mb-lg-4 blog-title">4
</div>
<div class="col-12 col-lg-4 mb-5 mb-lg-0 px-lg-3">
<div class="blog-card">
<div class="position-relative"><img class="w-100" src="undefinedassets/img/blogs/blog_2.png" alt="" />
<div class="blog-card-top" style="background-image: url('undefinedassets/img/blogs/blog_2.png')">
<div class="inner-div">
<p class="fw-semi-bold mb-0">Cactus gardening</p>
</div>
Expand All @@ -355,7 +355,7 @@ <h2 class="text-success fw-semi-bold text-capitalize mb-3 mb-lg-4 blog-title">Ca
</div>
<div class="col-12 col-lg-4 mb-5 mb-lg-0 px-lg-3">
<div class="blog-card">
<div class="position-relative"><img class="w-100" src="undefinedassets/img/blogs/blog_3.png" alt="" />
<div class="blog-card-top" style="background-image: url('undefinedassets/img/blogs/blog_3.png')">
<div class="inner-div">
<p class="fw-semi-bold mb-0">Fruit plant</p>
</div>
Expand All @@ -373,16 +373,16 @@ <h2 class="text-success fw-semi-bold text-capitalize mb-3 mb-lg-4 blog-title">6
</div>
<div class="d-flex justify-content-center"><a href="#!"><button class="btn btn-gradient fs-8 d-inline-flex"><span>see all posts</span><span class="uil uil-arrow-right"></span></button></a></div>
</section>
<section class="mb-7 mb-lg-11 text-center text-lg-start" id="support">
<div class="row g-4 g-lg-6 g-xl-9 pt-6">
<section class="mb-7 mb-lg-11 text-center text-lg-start mt-1" id="support">
<div class="row g-4 g-lg-6 g-xl-9 pt-6 mt-0">
<div class="d-none d-lg-block col-lg-6 text-center"><img class="img-fluid" src="undefinedassets/img/illustrations/women_watering.png" alt="" /></div>
<div class="col-12 col-lg-6 d-flex flex-column justify-content-center">
<p class="mb-x1 fs-7 fs-lg-6 text-success fw-bold">join us </p>
<h1 class="fs-5 fs-lg-4 fs-xl-3 text-secondary text-capitalize fw-light mb-5"> Subscribe to <br />our <span class="fw-bold">Newsletter</span></h1>
<p class="text-success fs-8 fs-lg-7 text-capitalize beginner-guide mb-4">Get Our <span class="fw-bold">Beginners Guide To Plant Parenthood </span>for free </p>
<div class="col-12 col-lg-6 d-flex flex-column justify-content-center mt-0">
<p class="fs-7 fs-lg-6 text-success fw-bold my-0">join us </p>
<h1 class="fs-5 fs-lg-4 fs-xl-3 text-secondary text-capitalize fw-light mt-3 mb-4"> Subscribe to <br />our <span class="fw-bold">Newsletter</span></h1>
<p class="text-success fs-8 fs-lg-7 text-capitalize beginner-guide mb-4 mt-2">Get Our <span class="fw-bold">Beginners Guide To Plant Parenthood</span><br class="d-none d-xxl-block" />for free </p>
<form class="needs-validation">
<div class="input-group position-relative"> <input class="form-control email-input" type="email" name="email" placeholder="your email address" />
<div class="absolute-div"><button class="btn shadow-none submit-button bg-success rounded-circle" type="submit"><span class="uil uil-arrow-right text-white"></span></button></div>
<div class="absolute-div"><button class="btn shadow-none submit-button" type="submit"><span class="uil uil-arrow-right text-white"></span></button></div>
</div>
</form>
</div>
Expand Down

0 comments on commit eee7813

Please sign in to comment.