SHARE
TWEET

Untitled

a guest Jun 25th, 2019 75 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. #menu_compare_product {
  3.     display: none;
  4. }
  5. div.n58676 {
  6.     height: 0px;
  7.     margin-top: 0px;
  8. }
  9. div.component_projector_cms {
  10.     margin-bottom: 0px;
  11. }
  12.         button:focus,
  13.         input:focus,
  14.         textarea:focus,
  15.         select:focus {
  16.           outline: none; }
  17.        
  18.         .tabs {
  19.           display: block;
  20.           display: -webkit-flex;
  21.           display: -moz-flex;
  22.           display: flex;
  23.           -webkit-flex-wrap: wrap;
  24.           -moz-flex-wrap: wrap;
  25.           flex-wrap: wrap;
  26.           margin: 0;
  27.           overflow: hidden; }
  28.           .tabs [class^="tab"] label,
  29.           .tabs [class*=" tab"] label {
  30.             color: #000;
  31.             cursor: pointer;
  32.             display: block;
  33.             font-size: 1.1em;
  34.             font-weight: 300;
  35.             line-height: 1em;
  36.             padding: 2rem 0;
  37.             text-align: center; }
  38.           .tabs [class^="tab"] [type="radio"],
  39.           .tabs [class*=" tab"] [type="radio"] {
  40.             border-bottom: 1px solid rgba(239, 237, 239, 0.5);
  41.             cursor: pointer;
  42.             -webkit-appearance: none;
  43.             -moz-appearance: none;
  44.             appearance: none;
  45.             display: block;
  46.             width: 100%;
  47.             -webkit-transition: all 0.3s ease-in-out;
  48.             -moz-transition: all 0.3s ease-in-out;
  49.             -o-transition: all 0.3s ease-in-out;
  50.             transition: all 0.3s ease-in-out; }
  51.             .tabs [class^="tab"] [type="radio"]:hover, .tabs [class^="tab"] [type="radio"]:focus,
  52.             .tabs [class*=" tab"] [type="radio"]:hover,
  53.             .tabs [class*=" tab"] [type="radio"]:focus {
  54.               border-bottom: 1px solid #519a8d; }
  55.             .tabs [class^="tab"] [type="radio"]:checked,
  56.             .tabs [class*=" tab"] [type="radio"]:checked {
  57.               border-bottom: 2px solid #519a8d; }
  58.             .tabs [class^="tab"] [type="radio"]:checked + div,
  59.             .tabs [class*=" tab"] [type="radio"]:checked + div {
  60.               opacity: 1; }
  61.             .tabs [class^="tab"] [type="radio"] + div,
  62.             .tabs [class*=" tab"] [type="radio"] + div {
  63.               display: block;
  64.               opacity: 0;
  65.               padding: 2rem 0;
  66.               width: 90%;
  67.               -webkit-transition: all 0.3s ease-in-out;
  68.               -moz-transition: all 0.3s ease-in-out;
  69.               -o-transition: all 0.3s ease-in-out;
  70.               transition: all 0.3s ease-in-out; }
  71.           .tabs .tab-2 {
  72.             width: 50%; }
  73.             .tabs .tab-2 [type="radio"] + div {
  74.               width: 200%;
  75.               margin-left: 200%; }
  76.             .tabs .tab-2 [type="radio"]:checked + div {
  77.               margin-left: 0; }
  78.             .tabs .tab-2:last-child [type="radio"] + div {
  79.               margin-left: 100%; }
  80.             .tabs .tab-2:last-child [type="radio"]:checked + div {
  81.               margin-left: -100%; }
  82.  
  83.  
  84.  
  85.               .product-img{
  86.                 margin:20px;
  87.  
  88.               }
  89.               .center{
  90.                 display: -webkit-box;
  91.     -webkit-box-pack: center;
  92.               }
  93.               .content-info{
  94.                 height: auto !important;
  95.               }
  96.               .sekcja-2{
  97.                   max-height: 100%;
  98.                   overflow: hidden;
  99.               }
  100.  
  101.  
  102. @media screen and (max-width: 600px) {
  103. .cm h4 {
  104.     font-size: 2vh;
  105. }
  106. .cm ul {
  107.     padding-left: 0px !important;
  108. }
  109. .rozmiary {
  110.     width: 100% !important;
  111. }
  112.         </style>
  113.         <div class="content-info">
  114.         <div class="tabs">
  115.           <div class="tab-2">
  116. <label for="tab2-1">Opis produktu</label>
  117.             <input id="tab2-1" name="tabs-two" type="radio" checked="checked">
  118.             <div>
  119. <p><strong>Szafka RTV Sansa Bia艂y/ Szary Po艂ysk -  </strong> to nowa propozycja do twojego salonu dost臋pna w 4 ciekawych kolorystykach. Zawiera dwie szuflady otwierane do do艂u, kt贸re u艂atwi膮 przechowanie akcesori贸w do telewizora konsoli czy ulubionych film贸w i gier. Ciekawie zamontowane o艣wietlenie LED dodaje szyku i nowoczesno艣ci.  Szafka o szeroko艣ci 160 cm zawieszona na 艣cianie, 艣wietnie prezentuje si臋 w ka偶dej przestrzeni.   </p>
  120. <!-- Obraz produktu-->
  121. <p class="center"><img src="https://trend-home.pl/data/include/cms/zdjicia-towarow/Zdjecia-opisow/RTV_SLANT160_MOOD_WHITE_MAT_GREY_GLOSS.jpg" border="0" alt="nowoczesna szafka pod du偶y telewizor" name="Du偶a szafka RTV Sansa" /></p>
  122. <p></p>
  123. <p></p>
  124. <style>
  125. table {
  126.           border-collapse: collapse;
  127.           width: 100%;
  128.         }
  129.        
  130.         th, td {
  131.           padding: 8px;
  132.           text-align: left;
  133.           border-bottom: 1px solid #ddd;
  134.         }
  135.         .item.item-6{
  136.         width: 50%;
  137.             float: left;
  138.             position: relative;
  139.             min-height: 1px;
  140.         }
  141.        
  142.         .image-item{
  143.           margin:20px;
  144.         }
  145.        
  146.        
  147.         .image-item2{
  148.           margin:0px 15% 0% 15%;
  149.         }
  150.        
  151.         .text-item{
  152.               color: #444444;
  153.             font-family: "Open Sans", sans-serif;
  154.             font-size: 16px;
  155.             line-height: 22px;
  156.             width: 100%;
  157.             word-wrap: break-word;
  158.               box-sizing: border-box;
  159.              display: block;
  160.           float:left;
  161.           overflow: auto;
  162.             position: relative;
  163.             top: 0;
  164.             border: none;
  165.             margin: 0;
  166.             padding: 0;
  167.             text-align: left;
  168.         }
  169.        
  170.         p{
  171.             display: block;
  172.             margin-block-start: 1em;
  173.             margin-block-end: 1em;
  174.             margin-inline-start: 0px;
  175.             margin-inline-end: 0px;
  176.               margin: 16px 0;
  177.             word-wrap: break-word;
  178.           color: #444444;
  179.             font-family: "Open Sans", sans-serif;
  180.             font-size: 16px;
  181.             line-height: 22px;
  182.             width: 100%;
  183.             word-wrap: break-word;
  184.         }
  185.        
  186.         .section {
  187.          
  188.             margin-left: -8px;
  189.             margin-right: -8px;
  190.           padding: 16px 0;
  191.           display: flex;
  192.             align-items: center;
  193.           box-sizing: border-box;
  194.               overflow: auto;
  195.             position: relative;
  196.             top: 0;
  197.             border: none;
  198.             margin: 40px 0px 0px 40px;
  199.             padding: 0;
  200.             text-align: left;
  201.               font-size: 14px;
  202.             font-family: Open Sans,sans-serif;
  203.             line-height: 21px;
  204.             color: #222;
  205.             -webkit-text-size-adjust: 100%;
  206.             -moz-text-size-adjust: 100%;
  207.             -ms-text-size-adjust: 100%;
  208.             text-size-adjust: 100%;
  209.         }
  210.        
  211.         .item item-6{
  212.           padding-left: 8px;
  213.             padding-right: 8px;
  214.               width: 50%;
  215.             float: left;
  216.             position: relative;
  217.             min-height: 1px;
  218.               box-sizing: border-box;
  219.               display: block;
  220.         }
  221.         @media (max-width:767px) {
  222.         .section{
  223.                 display: grid;
  224.             float: left;
  225.            
  226.         }
  227.          
  228.           .item.item-6 {
  229.             width:100%;
  230.             margin-right: 10%;
  231.           }
  232.         }
  233.  
  234.         .size-th {
  235.     position: relative;
  236.     float: none;
  237.     padding: 0;
  238.     border: 0;
  239. }
  240. .size-th ul {
  241.     float: left;
  242.     width: 100%;
  243. }
  244. .size-th ul, li, ol {
  245.     list-style: none;
  246. }
  247. .size-th li {
  248.     list-style: none;
  249.     text-align: center;
  250.     float: left;
  251.     width: 33.3333%;
  252.     text-align: center;
  253. }
  254.  
  255. .size-th img {
  256.     display: inline-block;
  257.     float: none;
  258.     margin-left: 0;
  259.     border: 0;
  260.     max-width: 100%;
  261.     max-height: 100%;
  262. }
  263. .size-th li span {
  264.     display: block;
  265.     float: none;
  266. }
  267. .size-th span {
  268.     display: block;
  269.     width: 100%;
  270.     font-size: 11px;
  271.     color: #000;
  272.     padding: 10px 0;
  273. }
  274. .rozmiary{
  275.     float:right;
  276.     width:40%;
  277. }
  278. .tabelka{
  279.     float:left;
  280.     width:60%;
  281. }
  282. </style>
  283. <center><center>
  284. <table class="tabelka"><!-- Tabelka z danymi-->
  285. <tbody>
  286. <tr>
  287. <td><strong>Rodzaj p艂yty korpus</strong></td>
  288. <td>P艂yta wi贸rowa 16 mm</td>
  289. </tr>
  290. <tr>
  291. <td><strong>Rodzaj p艂yty front</strong></td>
  292. <td>Front mdf po艂ysk 16 mm</td>
  293. </tr>
  294. <tr>
  295. <td><strong>Czas dostawy</strong></td>
  296. <td>10 dni roboczych</td>
  297. </tr>
  298. <tr>
  299. <td><strong>Wymiary opakowania:</strong></td>
  300. <td>   100x42x16 cm </td>
  301. </tr>
  302. <tr>
  303. <td><strong>Waga brutto</strong></td>
  304. <td> 30 kg </td>
  305. </tr>
  306. <tr>
  307. <td><strong>Kolor przewodni</strong></td>
  308. <td>Sonoma</td>
  309. </tr>
  310. </tbody>
  311. </table>
  312. </center>
  313. <p style="margin-top: 20px;"></p>
  314. <p style="margin-bot: 0px;"></p>
  315. <div class="rozmiary">
  316. <div class="size-th">
  317. <ul>
  318. <li>
  319. <h4>Wysoko艣膰</h4>
  320. <img src="https://trend-home.pl/data/include/cms/wysokosc.png" border="0" alt="Wysoko艣膰 mebli skandynawskich w Trend-Home" /> <span>35 cm</span></li>
  321. <li>
  322. <h4>Szeroko艣膰</h4>
  323. <img src="https://trend-home.pl/data/include/cms/szerokosc.png" border="0" alt="Szeroko艣膰 mebli skandynawskich w Trend-Home" /> <span>160 cm</span></li>
  324. <li>
  325. <h4>G艂臋boko艣膰</h4>
  326. <img src="https://trend-home.pl/data/include/cms/glebokosc.png" border="0" alt="G艂臋boko艣膰 mebli skandynawskich w Trend-Home" /> <span>40 cm</span></li>
  327. </ul>
  328. </div>
  329. </center>
  330. </div>
  331. </div>
  332.  
  333. <div class="tab-2"><label for="tab2-2">Dostawa</label> <input id="tab2-2" type="radio" name="tabs-two" />
  334. <div class="sekcja-2">
  335. <div id="m">
  336. <style>
  337.  
  338.  
  339. table {
  340.                               border-collapse: collapse;
  341.                               width: 100%;
  342.                             }
  343.                            
  344.                             th, td {
  345.                               padding: 8px;
  346.                               text-align: left;
  347.                               border-bottom: 1px solid #ddd;
  348.                             }
  349.                             .item.item-6{
  350.                             width: 50%;
  351.                                 float: left;
  352.                                 position: relative;
  353.                                 min-height: 1px;
  354.                             }
  355.                            
  356.                             .image-item{
  357.                               margin:20px;
  358.                             }
  359.                            
  360.                            
  361.                             .image-item2{
  362.                               margin:0px 15% 0% 15%;
  363.                             }
  364.                            
  365.                             .text-item{
  366.                                   color: #444444;
  367.                                 font-family: "Open Sans", sans-serif;
  368.                                 font-size: 16px;
  369.                                 line-height: 22px;
  370.                                 width: 100%;
  371.                                 word-wrap: break-word;
  372.                                   box-sizing: border-box;
  373.                                  display: block;
  374.                               float:left;
  375.                               overflow: auto;
  376.                                 position: relative;
  377.                                 top: 0;
  378.                                 border: none;
  379.                                 margin: 0;
  380.                                 padding: 0;
  381.                                 text-align: left;
  382.                             }
  383.                            
  384.                             p{
  385.                                 display: block;
  386.                                 margin-block-start: 1em;
  387.                                 margin-block-end: 1em;
  388.                                 margin-inline-start: 0px;
  389.                                 margin-inline-end: 0px;
  390.                                   margin: 16px 0;
  391.                                 word-wrap: break-word;
  392.                               color: #444444;
  393.                                 font-family: "Open Sans", sans-serif;
  394.                                 font-size: 16px;
  395.                                 line-height: 22px;
  396.                                 width: 100%;
  397.                                 word-wrap: break-word;
  398.                             }
  399.                            
  400.                             .section {
  401.                              
  402.                                 margin-left: -8px;
  403.                                 margin-right: -8px;
  404.                               padding: 16px 0;
  405.                               display: flex;
  406.                                 align-items: center;
  407.                               box-sizing: border-box;
  408.                                   overflow: auto;
  409.                                 position: relative;
  410.                                 top: 0;
  411.                                 border: none;
  412.                                 margin: 40px 0px 0px 40px;
  413.                                 padding: 0;
  414.                                 text-align: left;
  415.                                   font-size: 14px;
  416.                                 font-family: Open Sans,sans-serif;
  417.                                 line-height: 21px;
  418.                                 color: #222;
  419.                                 -webkit-text-size-adjust: 100%;
  420.                                 -moz-text-size-adjust: 100%;
  421.                                 -ms-text-size-adjust: 100%;
  422.                                 text-size-adjust: 100%;
  423.                             }
  424.                            
  425.                             .item item-6{
  426.                               padding-left: 8px;
  427.                                 padding-right: 8px;
  428.                                   width: 50%;
  429.                                 float: left;
  430.                                 position: relative;
  431.                                 min-height: 1px;
  432.                                   box-sizing: border-box;
  433.                                   display: block;
  434.                             }
  435.                             @media (max-width:767px) {
  436.                             .section{
  437.                                     display: grid;
  438.                                 float: left;
  439.                                
  440.                             }
  441.                              
  442.                               .item.item-6 {
  443.                                 width:100%;
  444.                                 margin-right: 10%;
  445.                               }
  446.                             }
  447. </style>
  448.  
  449.  
  450.  
  451. <section class="section">
  452. <div class="item item-6">
  453. <section class="text-item">
  454. <p><strong>Informacj臋 og贸lne</strong></p>
  455. <p>W koszt transportu wliczona jest obs艂uga oraz pakowania. Koszt dostawy jest generowany automatycznie do ka偶dej paczki. Jest to zale偶ne od wagi oraz rozmiaru produktu. W przypadku pyta艅 dotycz膮cych wysy艂ki prosimy o kontakt na adres e-mail <a href="mailto:sklep@trend-home.pl" target="_blank">sklep@trend-home.pl</a>. Na pytania odpowiadamy tak szybko jak to mo偶liwe. Odpowied藕 na Twoje pytanie pojawi si臋 nie p贸藕niej ni偶 do 24 godzin (W dni robocze).</p>
  456.  
  457. <table class="tabela2">
  458. <tbody>
  459. <tr>
  460. <td><strong>Kurier</strong></td>
  461. <td>GLS</td>
  462. </tr>
  463. <tr>
  464. <td><strong>Koszt dostawy</strong></td>
  465. <td>95 z艂</td>
  466. </tr>
  467. <tr>
  468. <td><strong>Czas dostawy</strong></td>
  469. <td>10 dni roboczych</td>
  470. </tr>
  471. </tbody>
  472. </table>
  473.  
  474.  
  475.  
  476. <p></p>
  477.  
  478. </section>
  479. </div>
  480.  
  481. <div class="item item-6">
  482. <section class="image-item"><img src="https://trend-home.pl/data/include/cms/dostawaallegro/pakowanie.jpg" border="0" width="1210px" /></section>
  483. </div>
  484.  
  485. </section>
  486. <section class="section">
  487. <div class="item item-6">
  488. <section class="image-item"><img src="https://trend-home.pl/data/include/cms/dostawaallegro/kurier.jpg" border="0" width="1210px" /></section>
  489. </div>
  490. <div class="item item-6">
  491. <section class="text-item">
  492. <p><strong>Czas dostawy</strong></p>
  493. <p>Ka偶dy produkt mo偶e podlega膰 r贸偶nym datom dostawy, w zale偶no艣ci od jego dost臋pno艣ci. Produkty, kt贸rych dost臋pno艣膰 jest du偶a wysy艂amy w przeci膮gu 1-2 dni roboczych. W przypadku asortymentu z niskim stanem magazynowym, b膮d藕 towaru, kt贸ry jest aktualnie w procesie produkcji wysy艂ka mo偶e przed艂u偶y膰 si臋 do 21 dni roboczych. </p>
  494. </section>
  495. </div>
  496. </section>
  497.  
  498. <section class="section">
  499. <div class="item item-6">
  500. <section class="text-item">
  501. <p><strong>Spos贸b dostawy</strong></p>
  502. <p>Wszystkie z naszych produkt贸w s膮 dostarczane za pomoc膮 firmy kurierskiej. Aktualnie wsp贸艂pracujemy z firm膮 GLS, kt贸r膮 wysy艂amy wszystkie zam贸wienia. Do ka偶dego zam贸wienia zostaje wygenerowany numer listu, kt贸ry otrzymasz wraz z dost臋pem do serwisu GLS by m贸c 艣ledzi膰 paczk臋 dat臋 jej wys艂ania oraz otrzymywa膰 inne powiadomienia. To wszystko sprawi, 偶e proces wysy艂ki b臋dzie przebiega艂 w sprawny i wygodny spos贸b.</p>
  503. </section>
  504. </div>
  505. <div class="item item-6">
  506. <section class="image-item"><img src="https://trend-home.pl/data/include/cms/dostawaallegro/gls.jpg" border="0" width="630px"  margin-bottom: 0px;/></section>
  507. </div>
  508. </section>
  509.  
  510.              </div>
  511.             </div>
  512.           </div>
  513.         </div>
  514.        
  515.         </div>
RAW Paste Data
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!
 
Top