API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 23rd, 2019
175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.26 KB | None | 0 0
raw download clone embed print report
  1. <!--Banner1--->
  2. <div id="banner-slider-demo-1" class="owl-carousel owl-banner-carousel owl-bottom-narrow owl-bottom-absolute-narrow">
  3. <div class="item" style="background: url('{{media url="wysiwyg/home/banner1.jpg"}}') center center no-repeat; background-size: cover;">
  4. <div class="container" style="position: relative;"><img class="owl-lazy" alt="" data-src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/02.png"}}" />
  5. <div class="content content-slide-1 demo" style="position: absolute; z-index: 1; top: 11%; right: 78.4%; text-align: left; width: 50%; background: #f6f6f6e0; padding: 21px 21px 21px 21px;">
  6. <div style="position: relative; z-index: 4;"><span style="color: #e90081; font-size: 42px; font-weight: 900; text-transform: capitalize;">Flamingo Collection</span><br /><br /> <span style="color: #000000; font-size: 24px; text-transform: initial; font-weight: 400;">This beautifully bright and on trend collection includes everything from Kitchenware to stationery</span>
  7. </div>
  8. </div>
  9. <a class="btn btn-default demo1" style="position: absolute; z-index: 1; top: 72%; left: 107.4%; text-align: center; padding: 17px; font-size: 40px; font-family: Gillsans; color: #ffffff; text-transform: uppercase;" href="http://preprod.millygreen.com/royal-clamp-tin-of-tea.html">Shop Gifts</a></div>
  10. </div>
  11. <!-- End of Banner1--->
  12.  
  13. <!--Banner2--->
  14. <div class="item" style="background: url('{{media url="wysiwyg/millygreen/Bag.jpg"}}') center center no-repeat; background-size: cover;">
  15. <div class="container" style="position: relative;"><img class="owl-lazy" alt="" data-src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/02.png"}}" />
  16. <div class="content content-slide-2" style="position: absolute; z-index: 1; top: 33%; right: 13%; text-align: center;"><span style="color: #0e2f40; font-size: 23px; line-height: 45px;">70% off</span>
  17. <h2 style="color: #0e2f40; font-size: 46px;">Royal Cosmetic Bag</h2>
  18. <a class="btn btn-default" href="http://preprod.millygreen.com/royal-cosmetic-bag.html">Shop Now</a></div>
  19. </div>
  20. </div>
  21. <!-- End of Banner2--->
  22.  
  23. <!--Banner3--->
  24. <div class="item" style="background: url('{{media url="wysiwyg/home/banner1.jpg"}}') center center no-repeat; background-size: cover;">
  25. <div class="container" style="position: relative;"><img class="owl-lazy" alt="" data-src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/02.png"}}" />
  26. <div class="content content-slide-1" style="position: absolute; z-index: 1; top: 36%; left: 2.4%; text-align: center;"><span class="border-top"><img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/border-top.png"}}" /></span>
  27. <div style="position: relative; z-index: 4;"><span style="color: #ffffff; font-size: 18px;">80% off for select items</span>
  28. <h2 style="color: #ffffff;">ROYAL CLAMP TIN OF TEA</h2>
  29. <a class="btn btn-default" href="http://preprod.millygreen.com/royal-clamp-tin-of-tea.html">Shop Now</a></div>
  30. <span class="border-bottom"><img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/border-bottom.png"}}" /> </span></div>
  31. </div>
  32. </div>
  33. <!-- End of Banner3--->
  34. <!--Banner4--->
  35. <div class="item" style="background: url('{{media url="wysiwyg/whitebgupdated.jpg"}}') center center no-repeat; background-size: cover; width:100%; height:auto; max-width: 100%">
  36. <div class="container" style="position: relative;"><img class="owl-lazy" alt="" data-src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/02.png"}}" />
  37. <div class="content content-slide-4" style="position: absolute; z-index: 1; top: 33%; text-align: left;" id="content-slide-4"><span style="color: #0e2f40; font-size: 23px; line-height: 45px;">up to 50% off</span>
  38. <h2 class="flamingo-4">Flamingo Collection</h2>
  39. <a class="btn btn-default" href="{{config path="web/unsecure/base_url"}}fashion.html">Shop Now</a></div>
  40. </div>
  41. </div>
  42. <!-- End of Banner4--->
  43. <!--Banner5--->
  44. <div class="item" style="background: url('{{media url="wysiwyg/baggrey.jpg"}}') center center no-repeat; background-size: cover; width:100%; height:auto; max-width: 100%">
  45. <div class="container" style="position: relative;"><img class="owl-lazy" alt="" data-src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/02.png"}}" />
  46. <div class="content content-slide-5" style="position: absolute; z-index: 1; top: 33%; text-align: left;">
  47. <span class="flamingo" style="color: #0e2f40; font-size: 23px; line-height: 45px;">up to 50% off</span>
  48. <h2 class="flamingo-5">Flamingo Collection</h2>
  49. <a class="btn btn-default" href="{{config path="web/unsecure/base_url"}}fashion.html">Shop Now</a></div>
  50. </div>
  51. </div>
  52. <!-- End of Banner5--->
  53. </div>
  54.  
  55. {{block class="Magento\Cms\Block\Block" block_id="161" name="homepage-slider-2-millygreen"}}
  56. <script type="text/javascript">
  57. require([
  58. 'jquery',
  59. 'owl.carousel/owl.carousel.min'
  60. ], function ($) {
  61. var banner_owl = $("#banner-slider-demo-1");
  62. banner_owl.owlCarousel({
  63. items: 1,
  64. autoplay: false,
  65. autoplayTimeout: 5000,
  66. autoplayHoverPause: true,
  67. dots: true,
  68. nav: false,
  69. navRewind: true,
  70. animateIn: 'fadeIn',
  71. animateOut: 'fadeOut',
  72. loop: true,
  73. lazyLoad: true,
  74. navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
  75. });
  76. });
  77. </script>
  78.  
  79. <!-- QUINTESSENTIALLY BRITISH DESIGN -->
  80. {{block class="Magento\Cms\Block\Block" block_id="154" name="carousel-image-block-milly-green"}}
  81. <!--QUINTESSENTIALLY BRITISH DESIGN END-->
  82.  
  83.  
  84.  
  85. <!-- MILLY'S MONTHLY PICKS -->
  86.  
  87. <div class="featured-products" style="padding-top: 40px; padding-bottom: 66px; margin-top: 34px; background-color:#f7f7f7;">
  88. <div class="container">
  89. <div class="row">
  90. <div class="col-md-12">
  91. <h2 class="filterproduct-title"><span class="content">MILLY'S MONTHLY PICKS</span></h2>
  92. <div id="featured_product" class="owl-bottom-narrow">{{block class="Magento\Cms\Block\Block" block_id="155" name="monthly-spotlight-products-milly-green"}}</div>
  93.  
  94. <script type="text/javascript" xml="space">//
  95. require([
  96. 'jquery',
  97. 'owl.carousel/owl.carousel.min'
  98. ], function ($) {
  99. $("#featured_product .owl-carousel").owlCarousel({
  100. autoplay: true,
  101. autoplayTimeout: 5000,
  102. autoplayHoverPause: true,
  103. loop: true,
  104. navRewind: true,
  105. margin: 20,
  106. nav: false,
  107. navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
  108. dots: false,
  109. responsive: {
  110. 0: {
  111. items:2
  112. },
  113. 768: {
  114. items:3
  115. },
  116. 992: {
  117. items:4
  118. },
  119. 1200: {
  120. items:4
  121. }
  122. }
  123. });
  124. });
  125. // </script>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. <!-- END OF MILLY'S MONTHLY PICKS -->
  131.  
  132. <!-- BEST SELLING -->
  133. <div class="featured-products" style="padding-top: 40px; margin-top: 34px;">
  134. <div class="container">
  135. <div class="row">
  136. <div class="col-md-12">
  137. <h2 class="filterproduct-title"><span class="content">BEST SELLING PRODUCTS</span></h2>
  138. <div id="best_selling" class="owl-bottom-narrow">{{block class="Magento\Cms\Block\Block" block_id="156" name="best-selling-products-milly-green"}}
  139. <script type="text/javascript" xml="space">//
  140. require([
  141. 'jquery',
  142. 'owl.carousel/owl.carousel.min'
  143. ], function ($) {
  144. $("#best_selling .owl-carousel").owlCarousel({
  145. autoplay: true,
  146. autoplayTimeout: 5000,
  147. autoplayHoverPause: true,
  148. loop: true,
  149. navRewind: true,
  150. margin: 20,
  151. nav: false,
  152. navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
  153. dots: false,
  154. responsive: {
  155. 0: {
  156. items:2
  157. },
  158. 768: {
  159. items:3
  160. },
  161. 992: {
  162. items:4
  163. },
  164. 1200: {
  165. items:4
  166. }
  167. }
  168. });
  169. });
  170. // </script>
  171. </div>
  172. </div>
  173. </div>
  174. </div>
  175.  
  176.  
  177. <!-- END OF BEST SELLING -->
  178.  
  179.  
  180. <script type="text/javascript">
  181. require([
  182. 'jquery',
  183. 'owl.carousel/owl.carousel.min'
  184. ], function ($) {
  185. $("#featured_product .owl-carousel").owlCarousel({
  186. autoplay: true,
  187. autoplayTimeout: 5000,
  188. autoplayHoverPause: true,
  189. loop: true,
  190. navRewind: true,
  191. margin: 10,
  192. nav: true,
  193. navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
  194. dots: false,
  195. responsive: {
  196. 0: {
  197. items:2
  198. },
  199. 768: {
  200. items:3
  201. },
  202. 992: {
  203. items:4
  204. },
  205. 1200: {
  206. items:5
  207. }
  208. }
  209. });
  210. });
  211. </script>
  212.  
  213.  
  214.  
  215.  
  216. <script type="text/javascript" xml="space">//
  217. require([
  218. 'jquery',
  219. 'owl.carousel/owl.carousel.min'
  220. ], function ($) {
  221. $("#parallax-slider-demo-1").owlCarousel({
  222. items: 1,
  223. autoplay: true,
  224. autoplayTimeout: 5000,
  225. autoplayHoverPause: true,
  226. dots: false,
  227. nav: false,
  228. loop: true,
  229. navRewind: true
  230. });
  231. });
  232.  
  233. // </script>
  234. </div>
  235. {{block class="Magento\Cms\Block\Block" block_id="160" name="footer-up"}}
  236.  
  237. </div>
  238. </div>
  239.  
  240. </div>
  241. </div>
  242.  
  243. <style xml="space">
  244.  
  245. .owl-dots {
  246. margin-top: 0px !important;
  247. }
  248. <!--
  249. #banner-slider-demo-1 .content h2 {
  250. font-size: 36px;
  251. font-weight: 900;
  252. letter-spacing: -0.03em;
  253. text-transform: uppercase;
  254. line-height: 38px;
  255. margin-bottom: 10px;
  256. margin-top:0;
  257. }
  258. #banner-slider-demo-1 .content span {
  259. font-family: 'GillSans' !important;
  260. font-size:18px;
  261. line-height:25px;
  262. letter-spacing: 0.05em;
  263. font-weight: 600;
  264. text-transform:uppercase;
  265. }
  266. #banner-slider-demo-1 .content .btn-default {
  267. font-size: 15px;
  268. line-height: 25px;
  269. letter-spacing: 0.05em;
  270. padding: 12px 27px;
  271. border-radius:3px;
  272. background-color: #E90081;
  273. color: #fff;
  274. font-family: 'GillSans' !important;
  275. text-transform: uppercase;
  276. margin-top: 28px;
  277. }
  278. #banner-slider-demo-1 .border-top {
  279. position:absolute;
  280. top:-52px;
  281. left:9%;
  282. }
  283. #banner-slider-demo-1 .border-bottom {
  284. position:absolute;
  285. bottom:-38px;
  286. left:9%;
  287. }
  288. @media(max-width:767px){
  289. #banner-slider-demo-1 .border-top,#banner-slider-demo-1 .border-bottom {
  290. display:none;
  291. }
  292. #banner-slider-demo-1 .content {
  293. top:25% !important;
  294. }
  295. #banner-slider-demo-1 .content.content-slide-1 {
  296. top:25%!important;
  297. left: 2.4%;
  298. }
  299. #banner-slider-demo-1 .content span {
  300. font-size:10px !important;
  301. line-height:1!important;
  302. }
  303. #banner-slider-demo-1 .content h2 {
  304. font-size: 20px !important;
  305. margin-bottom: 5px;
  306. margin-top:0;
  307. padding-right: 5px !important;
  308.  
  309. }
  310. #banner-slider-demo-1 .content .btn-default {
  311. font-size: 10px;
  312. line-height: 25px;
  313. padding: 2px 12px;
  314. margin-top: 0px;
  315. }
  316. }
  317. @media(max-width:1730px){
  318. .content.content-slide-1.demo {
  319. right: 67.4% !important;
  320. }
  321. a.btn.btn-default.demo1{
  322. left:92.4% ! important;
  323. }
  324. }
  325.  
  326. @media(max-width:1440px){
  327. .content.content-slide-1.demo {
  328. right: 56% !important;
  329. }
  330. a.btn.btn-default.demo1{
  331. left:80.4% ! important;
  332. }
  333. }
  334. @media(max-width:1024px){
  335. .content.content-slide-1.demo {
  336. right: 47.4% !important;
  337. }
  338. a.btn.btn-default.demo1{
  339. left:68.4% ! important;
  340. }
  341.  
  342. }
  343. @media(max-width:768px){
  344. #banner-slider-demo-1 .content span{
  345. font-size: 18px !important;
  346.  
  347. }
  348.  
  349. a.btn.btn-default.demo1{
  350. font-size: 24px ! important;
  351. }
  352.  
  353. }
  354. @media (max-width:425px){
  355. #banner-slider-demo-1 .content span{
  356. font-size: 12px !important;
  357.  
  358. }
  359. #banner-slider-demo-1 .content.content-slide-1 {
  360. top: 12%!important;
  361. }
  362. #banner-slider-demo-1 .content {
  363. top:12% !important;
  364. }
  365. .content.content-slide-1.demo {
  366. padding: 12px 12px 12px 12px !important;
  367. font-size: 12px !important;
  368. }
  369. a.btn.btn-default.demo1{
  370. font-size: 14px ! important;
  371. top: 55% !important;
  372. }
  373. }
  374. @media (max-width:320px){
  375. #banner-slider-demo-1 .content.content-slide-1{
  376. font-size: 10px !important;
  377. top: 12% !important;
  378. padding: 8px 8px 8px 8px !important;
  379.  
  380. }
  381. .content.content-slide-1.demo {
  382. padding: 8px 8px 8px 8px !important;
  383. font-size: 10px !important;
  384. top: 12% !important;
  385.  
  386.  
  387. }
  388. a.btn.btn-default.demo1{
  389. font-size: 12px ! important;
  390. top: 50% !important;
  391. }
  392.  
  393.  
  394. .page-header.type18 .panel.header .header.links > 3li > a
  395. {display:none;}
  396. --></style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!