diff --git a/resources/views/visitor/cwbs_template/homepage.html b/resources/views/visitor/cwbs_template/homepage.html index af67ca1d..aa19e433 100644 --- a/resources/views/visitor/cwbs_template/homepage.html +++ b/resources/views/visitor/cwbs_template/homepage.html @@ -91,58 +91,58 @@

-
-
+
+
-
Silikonové
náramky
-

Lorem ipsum dolor
- sit amet, consectetur
- adipiscing elit,
- sed do eiusmod
- tempor incididunt
- ut labore et dolore
+

Silikonové náramky
+

Lorem ipsum dolor + sit amet, consectetur + adipiscing elit, + sed do eiusmod + tempor incididunt + ut labore et dolore magna aliqua.

- více zde -
-
+
-
Atypické
náramky
-

Lorem ipsum dolor
- sit amet, consectetur
- adipiscing elit,
- sed do eiusmod
- tempor incididunt
- ut labore et dolore
+

Atypické náramky
+

Lorem ipsum dolor + sit amet, consectetur + adipiscing elit, + sed do eiusmod + tempor incididunt + ut labore et dolore magna aliqua.

- více zde -
-
+
Papírové a látkové náramky
-

Lorem ipsum dolor
- sit amet, consectetur
- adipiscing elit,
- sed do eiusmod
- tempor incididunt
- ut labore et dolore
+

Lorem ipsum dolor + sit amet, consectetur + adipiscing elit, + sed do eiusmod + tempor incididunt + ut labore et dolore magna aliqua.

- více zde -
-
+
-
Silikonové
klíčenky
-

Lorem ipsum dolor
- sit amet, consectetur
- adipiscing elit,
- sed do eiusmod
- tempor incididunt
- ut labore et dolore
+

Silikonové klíčenky
+

Lorem ipsum dolor + sit amet, consectetur + adipiscing elit, + sed do eiusmod + tempor incididunt + ut labore et dolore magna aliqua.

- více zde -
-
+

MÁTE DOTAZY? NEBO NÁM CHCETE ZASLAT RYCHLOU POPTÁVKU?

diff --git a/resources/views/visitor/cwbs_template/style.css b/resources/views/visitor/cwbs_template/style.css index ca522af0..ebb50ced 100644 --- a/resources/views/visitor/cwbs_template/style.css +++ b/resources/views/visitor/cwbs_template/style.css @@ -82,7 +82,7 @@ hr {border-bottom: 0;width: 5%; margin: 0 auto; position: relative; top: -15px; .backgrounded {background-image: url(images/background_o_nás._white.jpg); background-size: cover; background-position: center center; } .assortment-h5 {text-align: center; text-transform: uppercase; font-weight: 500; font-size: 1.1rem;} -.assortment-p {font-size: 0.8rem; text-align: center; margin: 15px auto 10px;} +.assortment-p {font-size: 0.8rem; text-align: center; margin: 15px auto 10px; width: 50%;} .assortment-more-btn {color: #46c1be; text-transform: uppercase; font-style: italic; text-align: center; font-size: 0.85rem; width: 100%; display: inline-block; font-weight: 500;} img.thumbnail {border-radius: 50%; box-shadow: none; border-width: 2px; border-color: #ffffff;} img.thumbnail:focus, img.thumbnail:hover {box-shadow: none; border-color: #ffffff;} @@ -131,3 +131,18 @@ footer a:hover {color: #46c1be;} .social-icons a:hover .fa-stack-2x {color: #414042;} .social-icons .fa.w-t {color: #ffffff;} +@media (max-width:1023px) { + .orbit.header .orbit-next, .orbit.header .orbit-previous {font-size: 0.7rem; transform: translateY(-20%);} + .orbit.header .orbit-slide {height: 600px} + .orbit.header .orbit-slide:before { top: 30%; height: 50%;} + .orbit.header .orbit-slide .img {height: 600px;} + .orbit.header .orbit-slide h2 {top: 35%; font-size: 3.8rem;} + .orbit.header .orbit-slide h3 {top: calc(38% + 3rem); font-size: 2.7rem;} + #chevron-down {top: 73%;} + + .assortment-h5 {text-align: left; padding-left: 175px; font-size: 1.0rem;} + .assortment-p {text-align: left; padding-left: 175px; font-size: 0.75rem; width: 100%;} + .assortment-more-btn {text-align: left; padding-left: 175px; display: block;} + img.thumbnail {float: left; width: 150px; height: auto;} +} +