Šablonų titulinio blokai

Jeigu nerasite reikiamos pagalbos - rašykite mums į pagalba@verskis.lt

Galioja nuo 6.111.94 versijos

Jeigu norima naudoti senose versijose, reikės į serverį įkelti paveiksliukus.
Blokų nuorodas galite pakeisti koreguojant <a href="#">, pakeisti reikia "#" ženklą į norimą nuorodą, pvz: <a href="/katalogas">
Jeigu norima pakeisti paveiksliukus į kitus reikes paveiksliuką įkelti į serverį ir koreguoti src="NUORODA" nuorodas iki nuotraukos, pvz: <img alt="" src="/images/templates/sablonas3002/1-1.jpg"/>
Blokų pavadinimus galite pakeisti koreguojant <span>TEKSTAS</span> esanti tekstą, pvz: <span>Buitinė technika</span>

sablonas3002 - titulinis blokas (pvz. peržiūrėti demo versiją - ELEKTRONIKA)

<div class="first-3002"><a href="#"><img alt="Buitinė technika" src="/images/templates/sablonas3002/1-1.jpg">Buitinė technika</a><a href="#"><img alt="Telefonai" src="/images/templates/sablonas3002/1-2.jpg">Telefonai</a><a href="#"><img alt="Kompiuterinė technika" src="/images/templates/sablonas3002/1-3.jpg">Kompiuterinė technika</a><a href="#"><img alt="Televizoriai" src="/images/templates/sablonas3002/1-4.jpg">Televizoriai</a><a href="#"><img alt="Foto ir video" src="/images/templates/sablonas3002/1-5.jpg">Foto ir video</a></div><style>.user-text-content .first-3002{position:relative;width:100%;float:left;display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important;position:relative;width:100%}.user-text-content .first-3002 a{position:relative;float:left;width:19%;width:calc(20% - 8px);margin-right:10px}.user-text-content .first-3002 a:last-child{margin-right:0}.user-text-content .first-3002 a:before{position:absolute;left:0;right:0;top:0;bottom:0;content:'';display:block;z-index:5;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3002 a:hover:before{-webkit-box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2);-moz-box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2);box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2)}.user-text-content .first-3002 a img{float:left;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3002 a:hover img{filter:grayscale(90%)}.user-text-content .first-3002 a span{font-weight:600;font-size:12px;line-height:15px;color:#333;z-index:15;position:absolute;letter-spacing:.1em;text-transform:uppercase;bottom:20px;left:20px;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3002 a span:before{width:30px;height:2px;background:#48a0a6;content:'';display:block;left:0;top:-10px;position:absolute;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3002 a:hover span{color:#48a0a6}.user-text-content .first-3002 a:hover span:before{width:35px}@media only screen and (min-width:960px) and (max-width:1199px){.user-text-content .first-3002 a span{bottom:13px}}@media only screen and (min-width:768px) and (max-width:959px){.user-text-content .first-3002{flex-wrap:wrap;justify-content:center}.user-text-content .first-3002 a{width:31%;margin:0 1% 10px;background:#fff}}@media only screen and (max-width:767px){.user-text-content .first-3002{flex-wrap:wrap;justify-content:center}.user-text-content .first-3002 a{width:31%;margin:0 1% 10px!important;background:#fff;text-align:center}.user-text-content .first-3002 a img{float:none}.user-text-content .first-3002 a span{text-align:left}.user-text-content .first-3002 a:hover:before{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.user-text-content .first-3002 a:hover img{filter:grayscale(0)}.user-text-content .first-3002 a:hover span{color:#333}.user-text-content .first-3002 a:hover span:before{width:30px}}@media only screen and (max-width:640px){.user-text-content .first-3002 a{width:48%;margin:0 1% 10px!important;background:#fff}}@media only screen and (max-width:480px){.user-text-content .first-3002 a{width:90%;margin:0 5% 10px!important;background:#fff}}</style>

sablonas3003 - titulinis blokas (pvz. peržiūrėti demo versiją - DRABUŽIAI)

<div class="first-3003"><a href="#"><img alt="Suknelės" src="/images/templates/sablonas3003/1-1.jpg">Suknelės</a><a href="#"><img alt="Nauja kolekcija Summer 2021" src="/images/templates/sablonas3003/1-2.jpg">Nauja kolekcija<br>Summer 2021</a><a href="#"><img alt="Geriausi pasiūlymai" src="/images/templates/sablonas3003/1-3.jpg">Geriausi<br>pasiūlymai</a><a href="#"><img alt="Avalynė" src="/images/templates/sablonas3003/1-4.jpg">Avalynė</a></div><style>.user-text-content .first-3003{float:left;display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important;position:relative;flex-wrap:wrap;width:100%}.user-text-content .first-3003 a{position:relative;float:left;margin-bottom:10px;margin-right:10px}.user-text-content .first-3003 a:nth-child(1){width:24.3697%}.user-text-content .first-3003 a:nth-child(2){width:calc(100% - 24.3697% - 10px)}.user-text-content .first-3003 a:nth-child(3),.user-text-content .first-3003 a:nth-child(4){width:49%;width:calc(50% - 5px)}.user-text-content .first-3003 a:nth-child(2),.user-text-content .first-3003 a:nth-child(4){margin-right:0}.user-text-content .first-3003 a:before{position:absolute;left:0;right:0;top:0;bottom:0;content:'';display:block;z-index:5;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3003 a:hover:before{-webkit-box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2);-moz-box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2);box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2)}.user-text-content .first-3003 a img{float:left;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3003 a:hover img{filter:grayscale(90%)}.user-text-content .first-3003 a>span{font-weight:700;font-size:24px;line-height:38px;color:#fff;z-index:15;position:absolute;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3003 a:hover span{letter-spacing:.5px}.user-text-content .first-3003 a:nth-child(1) span{top:35px;width:100%;left:0;text-align:center}.user-text-content .first-3003 a:nth-child(2)>span{left:70px;top:50%;font-size:32px;line-height:38px;transform:translateY(-50%)}.user-text-content .first-3003 a:nth-child(2)>span>span{font-weight:500;font-size:24px;line-height:38px;color:#fff;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3003 a:nth-child(3) span,.user-text-content .first-3003 a:nth-child(4) span{font-size:32px;line-height:38px;left:80px;bottom:40px}@media only screen and (min-width:768px) and (max-width:959px){.user-text-content .first-3003 a:nth-child(1) span{top:15px}.user-text-content .first-3003 a:nth-child(2)>span{left:48px;font-size:25px;line-height:31px}.user-text-content .first-3003 a:nth-child(2)>span>span{font-size:20px;line-height:35px}.user-text-content .first-3003 a:nth-child(3) span,.user-text-content .first-3003 a:nth-child(4) span{font-size:25px;line-height:31px;left:45px;bottom:35px}}@media only screen and (max-width:767px){.user-text-content .first-3003 a:nth-child(1) span{top:15px}.user-text-content .first-3003 a:nth-child(2)>span{left:48px;font-size:25px;line-height:31px}.user-text-content .first-3003 a:nth-child(2)>span>span{font-size:20px;line-height:35px}.user-text-content .first-3003 a:nth-child(3) span,.user-text-content .first-3003 a:nth-child(4) span{font-size:25px;line-height:31px;left:45px;bottom:35px}}@media only screen and (max-width:540px){.user-text-content .first-3003 a{width:80%!important;margin:0 10% 10px!important;text-align:center}.user-text-content .first-3003 a img{float:none}}</style>

sablonas3005 - titulinis blokas (pvz. peržiūrėti demo versiją - KOSMETIKA)

<div class="first-3005"><a href="#"><img alt="a-1" src="/images/templates/sablonas3005/a-1.jpg"></a><a href="#"><img alt="a-2" src="/images/templates/sablonas3005/a-2.jpg"></a></div><style>.user-text-content .first-3005{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between}.user-text-content .first-3005 a:first-child{margin-right:5px}.user-text-content .first-3005 a:last-child{margin-left:5px}.user-text-content .first-3005 a img{-webkit-transition:all 5s ease;-moz-transition:all 5s ease;-o-transition:all 5s ease;transition:all 5s ease;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.user-text-content .first-3005 a:hover img{filter:hue-rotate(180deg)}@media only screen and (max-width:640px){.user-text-content .first-3005{flex-wrap:wrap}.user-text-content .first-3005 a{width:80%!important;margin:0 10% 10px!important}}@media only screen and (max-width:480px){.user-text-content .first-3005 a{width:90%!important;margin:0 5% 10px!important}}@media only screen and (max-width:380px){.user-text-content .first-3005 a{width:96%!important;margin:0 2% 10px!important}}</style>

sablonas3007 - titulinis blokas (pvz. peržiūrėti demo versiją - SPORTAS)

<div class="first-3007"><a href="#"><img alt="Lauko Tenisas" src="/images/templates/sablonas3007/1-1.jpg">Lauko Tenisas</a><a href="#"><img alt="Jėgos treniruokliai Hanteliai" src="/images/templates/sablonas3007/1-2.jpg">Jėgos treniruokliai<br>Hanteliai</a><a href="#"><img alt="Dviračių Sportas" src="/images/templates/sablonas3007/1-3.jpg">Dviračių<br>Sportas</a><a href="#"><img alt="Kardio treniruokliai" src="/images/templates/sablonas3007/1-4.jpeg">Kardio treniruokliai</a></div><style>.user-text-content .first-3007{float:left;display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important;position:relative;flex-wrap:wrap;width:100%}.user-text-content .first-3007 a{position:relative;float:left;margin-bottom:10px;margin-right:10px}.user-text-content .first-3007 a:nth-child(1){width:24.3697%}.user-text-content .first-3007 a:nth-child(2){width:calc(100% - 24.3697% - 10px)}.user-text-content .first-3007 a:nth-child(3),.user-text-content .first-3007 a:nth-child(4){width:49%;width:calc(50% - 5px)}.user-text-content .first-3007 a:nth-child(2),.user-text-content .first-3007 a:nth-child(4){margin-right:0}.user-text-content .first-3007 a:before{position:absolute;left:0;right:0;top:0;bottom:0;content:'';display:block;z-index:5;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3007 a:hover:before{-webkit-box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2);-moz-box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2);box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2)}.user-text-content .first-3007 a img{float:left;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3007 a:hover img{filter:grayscale(90%)}.user-text-content .first-3007 a>span{font-weight:700;font-size:24px;line-height:38px;color:#fff;z-index:15;position:absolute;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3007 a:hover span{letter-spacing:.5px}.user-text-content .first-3007 a:nth-child(1) span{top:35px;width:100%;left:0;text-align:center}.user-text-content .first-3007 a:nth-child(2)>span{left:70px;top:50%;font-size:32px;line-height:38px;transform:translateY(-50%)}.user-text-content .first-3007 a:nth-child(2)>span>span{font-weight:500;font-size:24px;line-height:38px;color:#fff;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3007 a:nth-child(3) span,.user-text-content .first-3007 a:nth-child(4) span{font-size:32px;line-height:38px;left:80px;bottom:40px}@media only screen and (min-width:768px) and (max-width:959px){.user-text-content .first-3007 a:nth-child(1) span{top:15px}.user-text-content .first-3007 a:nth-child(2)>span{left:48px;font-size:25px;line-height:31px}.user-text-content .first-3007 a:nth-child(2)>span>span{font-size:20px;line-height:35px}.user-text-content .first-3007 a:nth-child(3) span,.user-text-content .first-3007 a:nth-child(4) span{font-size:25px;line-height:31px;left:45px;bottom:35px}}@media only screen and (max-width:767px){.user-text-content .first-3007 a:nth-child(1) span{top:15px}.user-text-content .first-3007 a:nth-child(2)>span{left:48px;font-size:25px;line-height:31px}.user-text-content .first-3007 a:nth-child(2)>span>span{font-size:20px;line-height:35px}.user-text-content .first-3007 a:nth-child(3) span,.user-text-content .first-3007 a:nth-child(4) span{font-size:25px;line-height:31px;left:45px;bottom:35px}}@media only screen and (max-width:540px){.user-text-content .first-3007 a{width:80%!important;margin:0 10% 10px!important;text-align:center}.user-text-content .first-3007 a img{float:none}}</style>

sablonas3009 - titulinis blokas (pvz. peržiūrėti demo versiją - PAPUOŠALAI)

<div class="first-3009"><a href="#"><img alt="a-1" src="/images/templates/sablonas3009/a-1.jpg"></a><a href="#"><img alt="a-2" src="/images/templates/sablonas3009/a-2.jpg"></a></div><style>.user-text-content .first-3009{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between}.user-text-content .first-3009 a:first-child{margin-right:5px}.user-text-content .first-3009 a:last-child{margin-left:5px}.user-text-content .first-3009 a img{-webkit-transition:all 5s ease;-moz-transition:all 5s ease;-o-transition:all 5s ease;transition:all 5s ease;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.user-text-content .first-3009 a:hover img{filter:hue-rotate(180deg)}@media only screen and (max-width:640px){.user-text-content .first-3009{flex-wrap:wrap}.user-text-content .first-3009 a{width:80%!important;margin:0 10% 10px!important}}@media only screen and (max-width:480px){.user-text-content .first-3009 a{width:90%!important;margin:0 5% 10px!important}}@media only screen and (max-width:380px){.user-text-content .first-3009 a{width:96%!important;margin:0 2% 10px!important}}</style>

sablonas3011 - titulinis blokas (pvz. peržiūrėti demo versiją - PAPILDAI)

<div class="first-3011"><a href="#"><img alt="Baltymai" src="/images/templates/sablonas3011/1-1.png">Baltymai</a><a href="#"><img alt="Vitaminai" src="/images/templates/sablonas3011/1-2.png">Vitaminai</a><a href="#"><img alt="AMINORŪGŠTYS" src="/images/templates/sablonas3011/1-3.png">AMINORŪGŠTYS</a><a href="#"><img alt="KREATINO PAPILDAI" src="/images/templates/sablonas3011/1-4.png">KREATINO PAPILDAI</a><a href="#"><img alt="MINERALAI" src="/images/templates/sablonas3011/1-5.png">MINERALAI</a></div><style>.user-text-content .first-3011{position:relative;width:100%;float:left;display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important;position:relative;width:100%}.user-text-content .first-3011 a{position:relative;float:left;width:19%;width:calc(20% - 8px);margin-right:10px}.user-text-content .first-3011 a:last-child{margin-right:0}.user-text-content .first-3011 a:before{position:absolute;left:0;right:0;top:0;bottom:0;content:'';display:block;z-index:5;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3011 a:hover:before{-webkit-box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2);-moz-box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2);box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2)}.user-text-content .first-3011 a img{float:left;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3011 a:hover img{filter:grayscale(90%)}.user-text-content .first-3011 a span{font-weight:600;font-size:12px;line-height:15px;color:#333;z-index:15;position:absolute;letter-spacing:.1em;text-transform:uppercase;bottom:20px;left:20px;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3011 a span:before{width:30px;height:2px;background:#48a0a6;content:'';display:block;left:0;top:-10px;position:absolute;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3011 a:hover span{color:#48a0a6}.user-text-content .first-3011 a:hover span:before{width:35px}@media only screen and (min-width:960px) and (max-width:1199px){.user-text-content .first-3011 a span{bottom:13px}}@media only screen and (min-width:768px) and (max-width:959px){.user-text-content .first-3011{flex-wrap:wrap;justify-content:center}.user-text-content .first-3011 a{width:31%;margin:0 1% 10px;background:#fff}}@media only screen and (max-width:767px){.user-text-content .first-3011{flex-wrap:wrap;justify-content:center}.user-text-content .first-3011 a{width:31%;margin:0 1% 10px!important;background:#fff;text-align:center}.user-text-content .first-3011 a img{float:none}.user-text-content .first-3011 a span{text-align:left}.user-text-content .first-3011 a:hover:before{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.user-text-content .first-3011 a:hover img{filter:grayscale(0)}.user-text-content .first-3011 a:hover span{color:#333}.user-text-content .first-3011 a:hover span:before{width:30px}}@media only screen and (max-width:640px){.user-text-content .first-3011 a{width:48%;margin:0 1% 10px!important;background:#fff}}@media only screen and (max-width:480px){.user-text-content .first-3011 a{width:90%;margin:0 5% 10px!important;background:#fff}}</style>

sablonas3012 - titulinis blokas (pvz. peržiūrėti demo versiją - APATINIS TRIKOTAŽAS)

<div class="first"><a href="/liemeneles"><img alt="" src="/styles/sablonas3012/images/1-1.jpg">LIEMENĖLĖS</a><a href="/kelnaites"><img alt="" src="/styles/sablonas3012/images/1-2.jpg">KELNAITĖS</a><a href="/kolekcijos"><img alt="" src="/styles/sablonas3012/images/1-3.jpg">KOLEKCIJOS</a></div><style>.user-text-content .first{position:relative;width:100%;float:left;gap:10px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative}.user-text-content .first a{position:relative;float:left;width:calc(100% / 3 - 20px / 3);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center}.user-text-content .first a:before{position:absolute;left:0;right:0;top:0;bottom:0;content:'';display:block;background:#121212;opacity:.5;z-index:5;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first a:hover:before{background:#000;opacity:.6}.user-text-content .first a img{float:left}.user-text-content .first a span{font-weight:400;font-size:24px;line-height:30px;color:#fff;z-index:15;position:absolute;bottom:50px;left:15px;right:15px;text-align:center;margin-bottom:70px;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first a span:after{height:50px;line-height:50px;background:#e0c06d;padding:0 30px;font-weight:500;font-size:15px;text-transform:uppercase;content:'Plačiau';display:inline-block;position:absolute;bottom:-70px;left:50%;transform:translateX(-50%);border-radius:4px;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first a:hover span:after{background:#b2923f}@media only screen and (min-width:768px) and (max-width:959px){.user-text-content .first{flex-wrap:wrap;justify-content:center}.user-text-content .first a span{bottom:25px;font-size:20px;line-height:27px}}@media only screen and (max-width:767px){.user-text-content .first{flex-wrap:wrap;justify-content:center}.user-text-content .first a span{bottom:35px;font-size:20px;line-height:27px}}@media only screen and (max-width:640px){.user-text-content .first a{width:calc(50% - 10px)}}@media only screen and (max-width:480px){.user-text-content .first a{width:90%;margin:0!important}}@media only screen and (max-width:420px){.user-text-content .first a{width:98%}}</style>

sablonas3012 - Naujienlaiškio blokas

<div class="newsletter-3012"><div class="text"><h3>Prenumeruok ir gauk 10% pirmam apsipirkimui</h3><p>Tik naujienlaiškio prenumeratoriams naudingi patarimai ir ypatingi pasiūlymai</p></div><a class="newsletterModal btn1 fr" href="javascript:;"><strong>Prenumeruoti</strong></a></div><style>.user-text-content .newsletter-3012{background:#fff;width:100%;min-height:220px;margin:40px 0 0;padding:20px 0 20px 510px;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;align-items:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.user-text-content .newsletter-3012:before{left:140px;bottom:0;width:304px;height:257px;position:absolute;content:'';background:url(/styles/sablonas3012/images/newsletter.png) no-repeat center center}.user-text-content .newsletter-3012 .text{width:330px;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;gap:25px}.user-text-content .newsletter-3012 .text h3{font-weight:500;font-size:24px;line-height:30px;color:#121212;display:block;width:100%}.user-text-content .newsletter-3012 .text p{font-weight:400;font-size:16px;line-height:25px;color:#707070;display:block;width:100%}.user-text-content .newsletter-3012 a{text-decoration:none;margin-left:30px}@media only screen and (min-width:960px) and (max-width:1199px){.user-text-content .newsletter-3012{padding:20px 0 20px 400px}.user-text-content .newsletter-3012::before{left:50px}}@media only screen and (max-width:959px){.user-text-content .newsletter-3012{min-height:0;margin:0;padding:5%;flex-wrap:wrap;justify-content:center}.user-text-content .newsletter-3012::before{display:none}.user-text-content .newsletter-3012 .text{width:100%;text-align:center;gap:15px}.user-text-content .newsletter-3012 a{width:auto!important;margin-top:20px}}@media only screen and (max-width:640px){.user-text-content .newsletter-3012{padding:8% 5%}}@media only screen and (max-width:540px){.user-text-content .newsletter-3012 .text h3{font-size:20px;line-height:25px}.user-text-content .newsletter-3012 .text p{font-size:15px;line-height:23px}}</style>

Naujienlaiškio blokas

sablonas3013 - titulinis blokas (pvz. peržiūrėti demo versiją - SUBTILUS)

<div class="first-3013"><div><span class="img-container"><img src="/styles/sablonas3013/images/1-1.svg" alt="" /></span><span class="text-container"><strong>Nemokamas pristatymas</strong><p>Nemokamas pristatymas užsakymams nuo 70 €</p></span></div><div><span class="img-container"><img src="/styles/sablonas3013/images/1-2.svg" alt="" /></span><span class="text-container"><strong>Pagalba 24/7</strong><p>Susiekite <a href="tel:+370 (5) 234 5678">+370 (5) 234 5678</a> <br />Arba <a class="open-contact-form" href="#contact-form">parašykite mums</a></p></span></div><div><span class="img-container"><img src="/styles/sablonas3013/images/1-3.svg" alt="" /></span><span class="text-container"><strong>30 dienų grąžinimo garantija</strong><p>Grąžinkite prekes per 30 dienų nuo jų įsigijimo</p></span></div><div><span class="img-container"><img src="/styles/sablonas3013/images/1-4.svg" alt="" /></span><span class="text-container"><strong>100% saugus apmokėjimas</strong><p>Užtikriname saugius mokėjimus būdus</p></span></div></div><style>.user-text-content .first-3013 {margin: 25px 0 0;width: 100%;float: left;gap: 10px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;}.user-text-content .first-3013 div {padding: 0px 0px 20px;float: left;width: calc(25% - 30px / 4);display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;text-decoration: none !important;box-sizing: border-box;transition: all 0.25s ease 0s;-webkit-transition: 0.25s ease 0s;}.user-text-content .first-3013 div .img-container {width: 40px;float: left;}.user-text-content .first-3013 div .text-container {width: calc(100% - 60px);float: left;}.user-text-content .first-3013 div .text-container strong {color: #121212 !important;font-size: 14px !important;font-weight: 600 !important;line-height: normal !important;margin-bottom: 5px;display: block;width: 100%;}.user-text-content .first-3013 div .text-container p {color: #6E6E72 !important;font-size: 14px !important;font-weight: 400 !important;line-height: 19px !important;display: block;width: 100%;}.user-text-content .first-3013 div .text-container a {color: #6E6E72 !important;font-size: 14px !important;font-weight: 400 !important;line-height: 19px !important;text-decoration: none !important;}.user-text-content .first-3013 div .text-container a:hover {text-decoration: underline !important;}@media only screen and (min-width: 960px) and (max-width: 1199px) {.user-text-content .first-3013 div .text-container p, .user-text-content .first-3013 div .text-container a {font-size: 12px !important;}}@media only screen and (min-width: 768px) and (max-width: 959px) {.user-text-content .first-3013 div {width: calc(50% - 5px);}}@media only screen and (max-width: 767px) {.user-text-content .first-3013 {display: none;}}</style>

sablonas3013 - apie mus (pvz. peržiūrėti demo versiją - SUBTILUS)

<div class="second-3013">
<div class="img-container">
<img src="/styles/sablonas3013/images/2-1.jpg" alt="" />
</div>
<div class="text-container">
<h2>Apie mus</h2>
<p>Lorem ipsum dolor sit amet consectetur. Maecenas elit nunc rhoncus metus risus aliquam imperdiet. Ornare ante tellus massa vitae consectetur quis cursus a. Orci tristique ut pretium sit pellentesque vitae.</p>
<a href="apie-mus" class="btn2"><strong>plačiau</strong></a>
</div>
</div>
<style>
.user-text-content .second-3013 {
margin: 25px 0 0;
width: 100%;
float: left;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.user-text-content .second-3013 .img-container {
width: 690px;
float: left;
}
.user-text-content .second-3013 .text-container {
width: 50%;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
background: #FFF;
padding: 90px 100px 100px;
box-sizing: border-box;
}
.user-text-content .second-3013 .text-container h2 {
text-align: left !important;
margin: 0 0 12px !Important;
}
.user-text-content .second-3013 .text-container p {
color: #6E6E72;
font-size: 15px;
font-weight: 400;
line-height: 24px;
}
.user-text-content .second-3013 .text-container .btn2 {
display: inline-block;
margin-top: 25px;
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
.user-text-content .second-3013 .text-container {
padding: 70px 55px 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.user-text-content .second-3013 .text-container {
width: 75%;
padding: 70px 55px 80px;
}
.user-text-content .second-3013 .text-container .btn2 {
width: auto !important;
}
}
@media only screen and (max-width: 767px) {
.user-text-content .second-3013 .text-container {
width: 75%;
padding: 70px 55px 80px;
}
.user-text-content .second-3013 .text-container .btn2 {
width: auto !important;
}
}
@media only screen and (max-width: 680px) {
.user-text-content .second-3013 {
flex-wrap: wrap;
margin-bottom: -55px;
}
.user-text-content .second-3013 .img-container {
width: calc(100% + 2%);
margin-left: -1%;
margin-right: -1%;
}
.user-text-content .second-3013 .text-container {
width: 90%;
padding: 32px 25px 40px;
position: relative;
left: 5%;
top: -50px;
transform: none;
}
.user-text-content .second-3013 .text-container .btn2 {
margin-top: 15px;
}
}
@media only screen and (max-width: 540px) {
.user-text-content .second-3013 .text-container {
width: 96%;
left: 2%;
}
.user-text-content .second-3013 .text-container p {
font-size: 13px;
line-height: 20px;
}
}
</style>

sablonas3013 - naujienlaiškio blokas (pvz. peržiūrėti demo versiją - SUBTILUS)

<div class="newsletter-3013">
<h3>Naujienlaiškio <br />prenumerata</h3>
<p>Tik naujienlaiškio prenumeratoriams naudingi patarimai ir ypatingi pasiūlymai</p> 
<a class="newsletterModal btn1 fr" href="javascript:;"><strong>Prenumeruoti</strong></a>
</div>
<style>
.user-text-content .newsletter-3013 {
background: radial-gradient(83.9% 83.9% at 50% 16.1%, #B9B9B9 0%, #9C9C9C 100%);
width: 100%;
min-height: 180px;
margin: 20px 0;
gap: 0 55px;
padding: 40px 120px;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
align-items: center;
}
.user-text-content .newsletter-3013 h3 {
color: #FFF;
font-size: 28px;
font-weight: 700;
line-height: 36px;
letter-spacing: 1.4px;
text-transform: uppercase;
}
.user-text-content .newsletter-3013 p {
color: #FFF;
font-size: 18px;
font-weight: 500;
line-height: 29px;
max-width: 350px;
}
.user-text-content .newsletter-3013 a {
text-decoration: none;
border: 0px none !important;
}
.user-text-content .newsletter-3013 a strong {
font-weight: 700 !important;
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
.user-text-content .newsletter-3013 {
gap: 0 40px;
padding: 40px 40px;
}
}
@media only screen and (max-width: 959px) {
.user-text-content .newsletter-3013 {
width: 90%;
margin-left: 5%;
gap: 0;
padding: 40px 40px 50px;
flex-wrap: wrap;
justify-content: center;
}
.user-text-content .newsletter-3013 h3, .user-text-content .newsletter-3013 p {
width: 100%;
display: block;
text-align: center;
max-width: none;
}
.user-text-content .newsletter-3013 h3 {
margin-bottom: 10px;
}
.user-text-content .newsletter-3013 h3 br {
display: none;
}
.user-text-content .newsletter-3013 a {
width: auto !important;
margin-top: 25px;
}
}
@media only screen and (max-width: 540px) {
.user-text-content .newsletter-3013 {
width: 96%;
margin-left: 2%;
padding: 35px 25px 45px;
}
.user-text-content .newsletter-3013 h3 {
font-size: 22px;
line-height: 30px;
letter-spacing: 1.1px;
}
.user-text-content .newsletter-3013 p {
font-size: 15px;
line-height: 24px;
}
}
</style>

Šablonų titulinio blokai

Jeigu nerasite reikiamos pagalbos - rašykite mums į pagalba@verskis.lt

Galioja nuo 6.111.94 versijos

Neradote atsakymo? Parašykite mums!

Jūsų žinutė sėkmingai išsiųsta.

Įvyko klaida!