API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 25th, 2019
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.90 KB | None | 0 0
raw download clone embed print report
  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>
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!