Lovelu HP
<style><!--
.kn_subbanner3 img {border-radius: 8px;}
.no-cart:before {display: none;}
.kn_container_subbanners, .kn_container_benefits {width:100%;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-flow: row wrap;justify-content:space-around;}
.kn_container_benefits {margin-top: 25px;}
/* Fix for Safari width */
.kn_container_subbanners:before, .kn_container_subbanners:after, .kn_container_benefits:before, .kn_container_benefits:after {
width: 100%;
}
@media (max-width: 480px) {
.kn_benefit4:nth-child(even) img {width: 25%; float: right;}
.kn_benefit4:nth-child(even) .benefit_text_wrap {width: 70%;float: left; margin-right: 5%;margin-left:0;}
.welcome_lucy {margin-bottom: 200px;}
.kn_container_benefits {margin-bottom: 25px;}
}
@media (min-width: 480px) and (max-width: 767px) {
.welcome_lucy {margin-bottom:250px;}
.kn_container_benefits {margin-bottom: 25px;}
}
@media (max-width: 768px) {
.in-index .content-wrapper { background-size: 100%; background-position: bottom left 24px !important;}
.kn_subbanner3 {width:100%; padding:0px;margin:2%}
.kn_benefit4 {width:100%; padding:10px;}
.welcome_lucy {max-width: 100%; line-height: 1.5;}
#show_more_content {display: none;}
.next-to-carousel-banners {padding: 0;}
.fadedbox h4 a { font-size: 24px !important;}
.fadedbox h4 p { font-size: 14px !important;}
.fadedbox .btn, .fadedbox a.btn {padding: 4px 16px;}
}
@media (min-width: 768px) and (max-width: 992px) {
.kn_subbanner3 {width:48%; padding:0px;margin:1%}
.kn_benefit4 {width:48%; padding:10px;}
.welcome_lucy {max-width: 100%; line-height: 1.5;}
.welcome_lucy {margin-bottom: 300px;}
.in-index .content-wrapper {background-size: 90%;}
#show_more_content {display: none;}
}
@media (min-width: 992px) {
.kn_subbanner3 {width:31.3%; padding:0px;margin:0.5%}
.kn_benefit4 {width:24%; padding:10px;}
.welcome_lucy {max-width: 60%; line-height: 1.5;}
.welcome_lucy {margin-bottom: 150px;}
#show_more {display: none;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.in-index .content-wrapper {background-size: 70%;}
}
@media (min-width: 1200px) {
.welcome_lucy {max-width: 60%; line-height: 1.5;}
}
.kn_subbanner3 {
position: relative;
overflow: hidden;
text-align:center;
}
.kn_subbanner3 .fadedbox {
border-radius: 8px;
background-color: #fff;
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
color: #3c3e39;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
opacity: 0;
width: 100%;
height: auto;
padding: 30px;
display: flex;
align-items: center;
}
.kn_subbanner3:hover .fadedbox { opacity: 0.95; }
.kn_subbanner3 .text {
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
transform: translateY(-30px);
-webkit-transform: translateY(-30px);
}
.kn_subbanner3 .title {
width: 100%;
font-size: 16px;
opacity: 0;
transition-delay: 0.2s;
transition-duration: 0.3s;
}
.kn_subbanner3:hover .title,
.kn_subbanner3:focus .title {
opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.benefit_header {
position: absolute;
left: 7px;
bottom: -3px;
font-size: 36px;
font-weight: 600;
color: #fff;
}
.fadedbox h4 a {
font-size: 28px;
font-weight: 600;
color: #ce8d9d;
}
@media (min-width: 768px) and (max-width: 1200px) {
.fadedbox .title h4 a {font-size: 16px;}
.kn_subbanner3 .title {font-size: 12px;}
.fadedbox .btn, .fadedbox a.btn {padding: 5px 20px;}
}
.no-cart:before {display: none;}
.kn_benefit4 img {width: 25%; float: left;}
.kn_benefit4 .benefit_text_wrap {width: 70%;float: left; margin-left: 5%;}
.benefit_text_wrap {font-size: 12px;}
.in-index .content-wrapper {
background-color: transparent;
background-image: url("https://422789.myshoptet.com/user/documents/upload/res/welcome_lucy.png");
background-repeat: no-repeat;
background-position: bottom right;
}
.in-index #footer {margin-top: 0;}
.homepage-texts-wrapper {margin-bottom: 0;}
#show_more { color: #d89683;}
--></style>
<div class="move_to_top container">
<div class="kn_container_subbanners next-to-carousel-banners">
<div class="kn_subbanner3"><a href="#"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/fotoalba_new.jpg' /></a>
<div class="benefit_header">FOTOALBA</div>
<div class="fadedbox">
<div class="title text">
<h4><a style="color: #fec548;" href="#">Fotoalba s Příběhem</a></h4>
<p>Naše původní autorská fotoalba, která jste si oblíbili ;)</p>
<p><a class="btn btn-conversion add-to-cart-button no-cart" href="/fotoalba/">Zjistit více</a></p>
</div>
</div>
</div>
<div class="kn_subbanner3"><a href="#"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/darky.jpg' /></a>
<div class="benefit_header">DÁRKY</div>
<div class="fadedbox">
<div class="title text">
<h4><a style="color: #234957;" href="#">Dárkové sady</a></h4>
<p>Krásné darky pro Všechny Vaše blízké na jednom místě</p>
<p><a class="btn btn-conversion add-to-cart-button no-cart" href="#">Obdarovat</a></p>
</div>
</div>
</div>
<div class="kn_subbanner3"><a href="#"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/hrnicky.jpg' /></a>
<div class="benefit_header">HRNÍČKY</div>
<div class="fadedbox">
<div class="title text">
<h4><a href="#">Hrníčky</a></h4>
<p>Naśe hrníčky a plecháčky. Pravý český porcelán, ćeská výroba a design by Lovelu :-*</p>
<p><a class="btn btn-conversion add-to-cart-button no-cart" href="#">Prohlédnout</a></p>
</div>
</div>
</div>
</div>
<div class="kn_container_benefits">
<div class="kn_benefit4"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/benefits_map.svg' />
<div class="benefit_text_wrap">
<h4>Vyrobeno v Česku</h4>
<p>Podporuji převážně české výrobce a poctivou lokální výrobu. Podpořte je se mnou.</p>
</div>
</div>
<div class="kn_benefit4"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/benefits_van.svg' />
<div class="benefit_text_wrap">
<h4>Doprava ZDARMA</h4>
<p>Při nákupu nad 1500 Kč doprava Zásilkovnou zdarma</p>
</div>
</div>
<div class="kn_benefit4"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/benefits_badge.svg' />
<div class="benefit_text_wrap">
<h4>To nejlepší pro vás</h4>
<p>Produkty osobně nejen vybírám, ale i navrhuji a ráda vám doporučím či poradím.</p>
</div>
</div>
<div class="kn_benefit4"><img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/benefits_copyright.svg' />
<div class="benefit_text_wrap">
<h4>Orginalní design</h4>
<p>Naše vlastní kolekce produktů se řadí mezi bestsellery v naši nabídce</p>
</div>
</div>
</div>
</div>
<div class="welcome_lucy">
<h3>Ahoj, já jsem Lucie</h3>
<p><span style="font-weight: 400;">a Vy se necházíte v mém eshopu s designovými produkty, které jsou převážné a záměrně vyráběné v České republice abych podpořila náš lokální trh. Část těchto produktů, které nabízím jsou také přimo mé vlastní návrhy a nápady. </span></p>
<p id="show_more">Zobrazit více »</p>
<div id="show_more_content">
<p><span style="font-weight: 400;">Mým cílem je časem nabízet výhradně produkty vyrobené v naši zemi. Původně jsem v roce 2018 založila eshop s fotoalby pro miminka (www.fotoalbumspribehem.cz), ale s rostoucím zájmem a chutí rozšířit nabídku také o další produkty, zejména v hygge stylu, jsem se rozhodla vytvořit tento nový obchod, který svým názvem bude blíže jeho obsahu. </span></p>
<p><span style="font-weight: 400;">Název Lovelu, v logu na první pohled zaměnitelný se slovem Lovely, je záměr, a pro mě přenesený význam tohoto slova, který pojím se svými produkty, u kterých se vždy snažim, aby je toto slovo vystihovalo a zároveň jej tak spojuji se svým jménem. Vzniká tak zkrácená forma Lovely Lucy... A tak vznikl název Lovelu..</span>.</p>
</div>
<p><a class="btn btn-cart add-to-cart-button no-cart" href="/obchod/">Nakoupit</a></p>
</div>
