Guest User

htmlToPdf

a guest
Dec 15th, 2023
462
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 26.65 KB | Source Code | 0 0
  1. prin<html>
  2.  
  3. <head>
  4.     <style media="all">
  5.         body {
  6.             font-family: Arial, sans-serif;
  7.             margin: 0;
  8.             padding: 20px;
  9.             background-color: white;
  10.             margin-left: 150px;
  11.         }
  12.  
  13.         .section {
  14.             background-color: white;
  15.             padding: 20px;
  16.             margin-bottom: 20px;
  17.         }
  18.  
  19.         .details-grid {
  20.             display: grid;
  21.             grid-template-columns: repeat(3, 1fr);
  22.             gap: 20px;
  23.         }
  24.  
  25.         .detail {
  26.             padding: 10px 0;
  27.         }
  28.  
  29.         .label {
  30.             font-weight: bold;
  31.             display: block;
  32.         }
  33.  
  34.         .value {
  35.             margin-top: 5px;
  36.         }
  37.  
  38.         h2 {
  39.             font-size: 18px;
  40.             color: #333;
  41.             padding-bottom: 10px;
  42.             margin-top: 0;
  43.         }
  44.  
  45.         @media screen and (max-width: 600px) {
  46.             .details-grid {
  47.                 grid-template-columns: 1fr;
  48.                 gap: 10px;
  49.             }
  50.         }
  51.  
  52.         .table {
  53.             border-collapse: collapse;
  54.             width: 100%;
  55.         }
  56.  
  57.         th,
  58.         td {
  59.             padding: 15px 4px 0px 50px;
  60.             border-bottom: 1px solid gray;
  61.         }
  62.  
  63.         tr,
  64.         td:first-child {
  65.             border-right: 1px solid gray;
  66.         }
  67.  
  68.         .ratingComponent {
  69.             margin: 20px;
  70.             text-align: center;
  71.         }
  72.  
  73.         .ratingComponent__heading {
  74.             display: block;
  75.             color: #666;
  76.             margin-bottom: 5px;
  77.         }
  78.  
  79.         .ratingComponent__rating {
  80.             display: flex;
  81.             flex-direction: row-reverse;
  82.             align-items: center;
  83.             align-content: center;
  84.             justify-content: space-between;
  85.         }
  86.  
  87.         .ratingComponent__dot {
  88.             border: solid 2px #eb822f;
  89.             width: 16px;
  90.             height: 16px;
  91.             border-radius: 50%;
  92.             margin: 0 5px 0 0;
  93.         }
  94.  
  95.         .ratingComponent__dot:first-of-type {
  96.             margin: 0;
  97.         }
  98.  
  99.         .ratingComponent__dot--filled {
  100.             background-color: #eb822f;
  101.         }
  102.  
  103.         .ratingComponent__dot--halfFilled {
  104.             background-color: #eb822f;
  105.             width: 7px;
  106.             border-radius: 10px 0 0 10px;
  107.             margin-right: 15px;
  108.         }
  109.  
  110.         .ratingComponent__dot--halfFilled:after {
  111.             content: "";
  112.             display: block;
  113.             position: relative;
  114.             left: 7px;
  115.             top: -2px;
  116.             width: 8px;
  117.             height: 16px;
  118.             border-radius: 0 10px 10px 0;
  119.             border: solid 2px #eb822f;
  120.         }
  121.  
  122.         .ratingComponent__dot--unRated {
  123.             background-color: transparent;
  124.             border-color: #e0e0e0;
  125.             cursor: pointer;
  126.             transition: all 200ms ease-in-out;
  127.         }
  128.  
  129.         .ratingComponent__dot--unRated:hover,
  130.         .ratingComponent__dot--unRated:hover~.ratingComponent__dot,
  131.         .ratingComponent__dot--unRated:focus,
  132.         .ratingComponent__dot--unRated:focus~.ratingComponent__dot {
  133.             border-color: #eb822f;
  134.             background-color: #eb822f;
  135.         }
  136.     </style>
  137. </head>
  138.  
  139. <body>
  140.     <div style="text-align: center;">
  141.         <div class="image">
  142.             <img src="assets/images/brands_logo/logo_150.png" alt="img" width="150" />
  143.         </div>
  144.     </div>
  145.     <div class="section">
  146.         <h2>Customer details</h2>
  147.         <div class="details-grid">
  148.             <div class="detail">
  149.                 <span class="label">First name</span>
  150.                 <span class="value">###</span>
  151.             </div>
  152.             <div class="detail">
  153.                 <span class="label">Last name</span>
  154.                 <span class="value">###</span>
  155.             </div>
  156.             <div class="detail">
  157.                 <span class="label">Phone</span>
  158.                 <span class="value">###</span>
  159.             </div>
  160.             <div class="detail">
  161.                 <span class="label">Email</span>
  162.                 <span class="value">###</span>
  163.             </div>
  164.             <div class="detail">
  165.                 <span class="label">Regione</span>
  166.                 <span class="value">EUR</span>
  167.             </div>
  168.             <div class="detail">
  169.                 <span class="label">Market</span>
  170.                 <span class="value">PL</span>
  171.             </div>
  172.             <div class="detail">
  173.                 <span class="label">Importer</span>
  174.                 <span class="value"></span>
  175.             </div>
  176.             <div class="detail">
  177.                 <span class="label">Agent</span>
  178.                 <span class="value">2182320A</span>
  179.             </div>
  180.             <div class="detail">
  181.                 <span class="label">Dealer</span>
  182.                 <span class="value">2182320A</span>
  183.             </div>
  184.         </div>
  185.     </div>
  186.     <div class="section">
  187.         <h2>Vehicle details</h2>
  188.         <div class="details-grid">
  189.             <div class="detail">
  190.                 <span class="label">Brand</span>
  191.                 <span class="value">b_DO</span>
  192.             </div>
  193.             <div class="detail">
  194.                 <span class="label">VIN</span>
  195.                 <span class="value">###</span>
  196.             </div>
  197.             <div class="detail">
  198.                 <span class="label">Model</span>
  199.                 <span class="value"></span>
  200.             </div>
  201.         </div>
  202.     </div>
  203.     <div class="section">
  204.         <h2>Survey details</h2>
  205.         <div class="details-grid">
  206.             <div class="detail">
  207.                 <span class="label">Response channel</span>
  208.                 <span class="value">CAWI</span>
  209.             </div>
  210.             <div class="detail">
  211.                 <span class="label">Response date</span>
  212.                 <span class="value">2023-11-14 00:00:00</span>
  213.             </div>
  214.             <div class="detail">
  215.                 <span class="label">Event date</span>
  216.                 <span class="value">2023-10-30 00:00:00</span>
  217.             </div>
  218.         </div>
  219.     </div>
  220.     <div class="section">
  221.         <h4 style="block-size: auto;">Domande / Risposte</h4>
  222.     </div>
  223.     <div>
  224.         <table class="table">
  225.             <tr>
  226.                 <td></td>
  227.                 <td><br />
  228.                     <br />
  229.                     <div class="ratingComponent">
  230.                         <!-- <small class="ratingComponent__heading"></small> -->
  231.                         <div class="ratingComponent__rating">
  232.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  233.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  234.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  235.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  236.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  237.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  238.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  239.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  240.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  241.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  242.                         </div>
  243.                     </div>
  244.                 </td>
  245.             </tr>
  246.             <tr>
  247.                 <td>MCDZ-sales_s_Q1_s</td>
  248.                 <td><br />
  249.                     <br />
  250.                     <div class="ratingComponent">
  251.                         <!-- <small class="ratingComponent__heading"></small> -->
  252.                         <div class="ratingComponent__rating">10</div>
  253.                     </div>
  254.                 </td>
  255.             </tr>
  256.             <tr>
  257.                 <td>MCDZ-sales_nPS_Dealer</td>
  258.                 <td><br />
  259.                     <br />
  260.                     <div class="ratingComponent">
  261.                         <!-- <small class="ratingComponent__heading"></small> -->
  262.                         <div class="ratingComponent__rating">10</div>
  263.                     </div>
  264.                 </td>
  265.             </tr>
  266.             <tr>
  267.                 <td>MCDZ-sales_s_Q3_v</td>
  268.                 <td><br />
  269.                     <br />
  270.                     <div class="ratingComponent">
  271.                         <!-- <small class="ratingComponent__heading"></small> -->
  272.                         <div class="ratingComponent__rating">
  273.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  274.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  275.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  276.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  277.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  278.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  279.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  280.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  281.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  282.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  283.                         </div>
  284.                     </div>
  285.                 </td>
  286.             </tr>
  287.             <tr>
  288.                 <td>MCDZ-sales_s_Q4_v</td>
  289.                 <td><br />
  290.                     <br />
  291.                     <div class="ratingComponent">
  292.                         <!-- <small class="ratingComponent__heading"></small> -->
  293.                         <div class="ratingComponent__rating">
  294.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  295.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  296.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  297.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  298.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  299.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  300.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  301.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  302.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  303.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  304.                         </div>
  305.                     </div>
  306.                 </td>
  307.             </tr>
  308.             <tr>
  309.                 <td>MCDZ-sales_s_Q5_s</td>
  310.                 <td><br />
  311.                     <br />
  312.                     <div class="ratingComponent">
  313.                         <!-- <small class="ratingComponent__heading"></small> -->
  314.                         <div class="ratingComponent__rating">10</div>
  315.                     </div>
  316.                 </td>
  317.             </tr>
  318.             <tr>
  319.                 <td>MCDZ-sales_s_PR1a</td>
  320.                 <td><br />
  321.                     <br />
  322.                     <div class="ratingComponent">
  323.                         <!-- <small class="ratingComponent__heading"></small> -->
  324.                         <div class="ratingComponent__rating">10</div>
  325.                     </div>
  326.                 </td>
  327.             </tr>
  328.             <tr>
  329.                 <td>MCDZ-sales_s_Q6_s</td>
  330.                 <td><br />
  331.                     <br />
  332.                     <div class="ratingComponent">
  333.                         <!-- <small class="ratingComponent__heading"></small> -->
  334.                         <div class="ratingComponent__rating">10</div>
  335.                     </div>
  336.                 </td>
  337.             </tr>
  338.             <tr>
  339.                 <td>MCDZ-sales_s_Q7_s</td>
  340.                 <td><br />
  341.                     <br />
  342.                     <div class="ratingComponent">
  343.                         <!-- <small class="ratingComponent__heading"></small> -->
  344.                         <div class="ratingComponent__rating">10</div>
  345.                     </div>
  346.                 </td>
  347.             </tr>
  348.             <tr>
  349.                 <td>MCDZ-sales_s_PR3</td>
  350.                 <td><br />
  351.                     <br />
  352.                     <div class="ratingComponent">
  353.                         <!-- <small class="ratingComponent__heading"></small> -->
  354.                         <div class="ratingComponent__rating">10</div>
  355.                     </div>
  356.                 </td>
  357.             </tr>
  358.             <tr>
  359.                 <td>MCDZ-sales_s_Q10_s</td>
  360.                 <td><br />
  361.                     <br />
  362.                     <div class="ratingComponent">
  363.                         <!-- <small class="ratingComponent__heading"></small> -->
  364.                         <div class="ratingComponent__rating">10</div>
  365.                     </div>
  366.                 </td>
  367.             </tr>
  368.             <tr>
  369.                 <td>MCDZ-sales_s_PR2</td>
  370.                 <td><br />
  371.                     <br />
  372.                     <div class="ratingComponent">
  373.                         <!-- <small class="ratingComponent__heading"></small> -->
  374.                         <div class="ratingComponent__rating">
  375.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  376.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  377.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  378.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  379.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  380.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  381.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  382.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  383.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  384.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  385.                         </div>
  386.                     </div>
  387.                 </td>
  388.             </tr>
  389.             <tr>
  390.                 <td>MCDZ-sales_s_PR2a</td>
  391.                 <td><br />
  392.                     <br />
  393.                     <div class="ratingComponent">
  394.                         <!-- <small class="ratingComponent__heading"></small> -->
  395.                         <div class="ratingComponent__rating">10</div>
  396.                     </div>
  397.                 </td>
  398.             </tr>
  399.             <tr>
  400.                 <td>MCDZ-sales_s_W1</td>
  401.                 <td><br />
  402.                     <br />
  403.                     <div class="ratingComponent">
  404.                         <!-- <small class="ratingComponent__heading"></small> -->
  405.                         <div class="ratingComponent__rating">
  406.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  407.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  408.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  409.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  410.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  411.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  412.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  413.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  414.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  415.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  416.                         </div>
  417.                     </div>
  418.                 </td>
  419.             </tr>
  420.             <tr>
  421.                 <td>MCDZ-sales_s_Q11_s</td>
  422.                 <td><br />
  423.                     <br />
  424.                     <div class="ratingComponent">
  425.                         <!-- <small class="ratingComponent__heading"></small> -->
  426.                         <div class="ratingComponent__rating">10</div>
  427.                     </div>
  428.                 </td>
  429.             </tr>
  430.             <tr>
  431.                 <td>MCDZ-sales_s_D1a</td>
  432.                 <td><br />
  433.                     <br />
  434.                     <div class="ratingComponent">
  435.                         <!-- <small class="ratingComponent__heading"></small> -->
  436.                         <div class="ratingComponent__rating">10</div>
  437.                     </div>
  438.                 </td>
  439.             </tr>
  440.             <tr>
  441.                 <td>MCDZ-sales_s_D1b</td>
  442.                 <td><br />
  443.                     <br />
  444.                     <div class="ratingComponent">
  445.                         <!-- <small class="ratingComponent__heading"></small> -->
  446.                         <div class="ratingComponent__rating">10</div>
  447.                     </div>
  448.                 </td>
  449.             </tr>
  450.             <tr>
  451.                 <td>MCDZ-sales_s_D1c</td>
  452.                 <td><br />
  453.                     <br />
  454.                     <div class="ratingComponent">
  455.                         <!-- <small class="ratingComponent__heading"></small> -->
  456.                         <div class="ratingComponent__rating">10</div>
  457.                     </div>
  458.                 </td>
  459.             </tr>
  460.             <tr>
  461.                 <td>MCDZ-sales_s_R1</td>
  462.                 <td><br />
  463.                     <br />
  464.                     <div class="ratingComponent">
  465.                         <!-- <small class="ratingComponent__heading"></small> -->
  466.                         <div class="ratingComponent__rating">
  467.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  468.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  469.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  470.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  471.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  472.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  473.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  474.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  475.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  476.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  477.                         </div>
  478.                     </div>
  479.                 </td>
  480.             </tr>
  481.             <tr>
  482.                 <td>MCDZ-sales_s_Q13_s</td>
  483.                 <td><br />
  484.                     <br />
  485.                     <div class="ratingComponent">
  486.                         <!-- <small class="ratingComponent__heading"></small> -->
  487.                         <div class="ratingComponent__rating">10</div>
  488.                     </div>
  489.                 </td>
  490.             </tr>
  491.             <tr>
  492.                 <td>MCDZ-sales_s_O2b</td>
  493.                 <td><br />
  494.                     <br />
  495.                     <div class="ratingComponent">
  496.                         <!-- <small class="ratingComponent__heading"></small> -->
  497.                         <div class="ratingComponent__rating">
  498.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  499.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  500.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  501.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  502.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  503.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  504.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  505.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  506.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  507.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  508.                         </div>
  509.                     </div>
  510.                 </td>
  511.             </tr>
  512.             <tr>
  513.                 <td>MCDZ-sales_s_Q15_m</td>
  514.                 <td><br />
  515.                     <br />
  516.                     <div class="ratingComponent">
  517.                         <!-- <small class="ratingComponent__heading"></small> -->
  518.                         <div class="ratingComponent__rating">
  519.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  520.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  521.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  522.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  523.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  524.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  525.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  526.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  527.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  528.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  529.                         </div>
  530.                     </div>
  531.                 </td>
  532.             </tr>
  533.             <tr>
  534.                 <td>MCDZ-sales_s_DP3</td>
  535.                 <td><br />
  536.                     <br />
  537.                     <div class="ratingComponent">
  538.                         <!-- <small class="ratingComponent__heading"></small> -->
  539.                         <div class="ratingComponent__rating">
  540.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  541.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  542.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  543.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  544.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  545.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  546.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  547.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  548.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  549.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  550.                         </div>
  551.                     </div>
  552.                 </td>
  553.             </tr>
  554.             <tr>
  555.                 <td>MCDZ-sales_s_Q16_m</td>
  556.                 <td><br />
  557.                     <br />
  558.                     <div class="ratingComponent">
  559.                         <!-- <small class="ratingComponent__heading"></small> -->
  560.                         <div class="ratingComponent__rating">
  561.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  562.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  563.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  564.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  565.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  566.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  567.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  568.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  569.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  570.                             <div tabindex="" class="ratingComponent__dot ratingComponent__dot--unRated"></div>
  571.                         </div>
  572.                     </div>
  573.                 </td>
  574.             </tr>
  575.         </table>
  576.     </div>
  577. </body>
  578.  
  579. </html>
Tags: htmlToPdf
Advertisement
Add Comment
Please, Sign In to add comment