API tools faq
paste
Advertisement
tungSfer

desc

tungSfer
May 11th, 2022
195
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Java 18.32 KB | None | 0 0
raw download clone embed print report
  1. <section class="product_description_area">
  2.       <div class="container">
  3.         <ul class="nav nav-tabs" id="myTab" role="tablist">
  4.           <li class="nav-item">
  5.             <a class="nav-link" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home"
  6.               aria-selected="true">Description</a>
  7.           </li>
  8.           <li class="nav-item">
  9.             <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile"
  10.               aria-selected="false">Specification</a>
  11.           </li>
  12.           <li class="nav-item">
  13.             <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact"
  14.               aria-selected="false">Comments</a>
  15.           </li>
  16.           <li class="nav-item">
  17.             <a class="nav-link active" id="review-tab" data-toggle="tab" href="#review" role="tab"
  18.               aria-controls="review" aria-selected="false">Reviews</a>
  19.           </li>
  20.         </ul>
  21.         <div class="tab-content" id="myTabContent">
  22.           <div class="tab-pane fade" id="home" role="tabpanel" aria-labelledby="home-tab">
  23.             <p>
  24.               Beryl Cook is one of Britain’s most talented and amusing artists
  25.               .Beryl’s pictures feature women of all shapes and sizes enjoying
  26.               themselves .Born between the two world wars, Beryl Cook eventually
  27.               left Kendrick School in Reading at the age of 15, where she went
  28.               to secretarial school and then into an insurance office. After
  29.               moving to London and then Hampton, she eventually married her next
  30.               door neighbour from Reading, John Cook. He was an officer in the
  31.               Merchant Navy and after he left the sea in 1956, they bought a pub
  32.               for a year before John took a job in Southern Rhodesia with a
  33.               motor company. Beryl bought their young son a box of watercolours,
  34.               and when showing him how to use it, she decided that she herself
  35.               quite enjoyed painting. John subsequently bought her a child’s
  36.               painting set for her birthday and it was with this that she
  37.               produced her first significant work, a half-length portrait of a
  38.               dark-skinned lady with a vacant expression and large drooping
  39.               breasts. It was aptly named ‘Hangover’ by Beryl’s husband and
  40.             </p>
  41.             <p>
  42.               It is often frustrating to attempt to plan meals that are designed
  43.               for one. Despite this fact, we are seeing more and more recipe
  44.               books and Internet websites that are dedicated to the act of
  45.               cooking for one. Divorce and the death of spouses or grown
  46.               children leaving for college are all reasons that someone
  47.               accustomed to cooking for more than one would suddenly need to
  48.               learn how to adjust all the cooking practices utilized before into
  49.               a streamlined plan of cooking that is more efficient for one
  50.               person creating less
  51.             </p>
  52.           </div>
  53.           <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
  54.             <div class="table-responsive">
  55.               <table class="table">
  56.                 <tbody>
  57.                   <tr>
  58.                     <td>
  59.                       <h5>Width</h5>
  60.                     </td>
  61.                     <td>
  62.                       <h5>128mm</h5>
  63.                     </td>
  64.                   </tr>
  65.                   <tr>
  66.                     <td>
  67.                       <h5>Height</h5>
  68.                     </td>
  69.                     <td>
  70.                       <h5>508mm</h5>
  71.                     </td>
  72.                   </tr>
  73.                   <tr>
  74.                     <td>
  75.                       <h5>Depth</h5>
  76.                     </td>
  77.                     <td>
  78.                       <h5>85mm</h5>
  79.                     </td>
  80.                   </tr>
  81.                   <tr>
  82.                     <td>
  83.                       <h5>Weight</h5>
  84.                     </td>
  85.                     <td>
  86.                       <h5>52gm</h5>
  87.                     </td>
  88.                   </tr>
  89.                   <tr>
  90.                     <td>
  91.                       <h5>Quality checking</h5>
  92.                     </td>
  93.                     <td>
  94.                       <h5>yes</h5>
  95.                     </td>
  96.                   </tr>
  97.                   <tr>
  98.                     <td>
  99.                       <h5>Freshness Duration</h5>
  100.                     </td>
  101.                     <td>
  102.                       <h5>03days</h5>
  103.                     </td>
  104.                   </tr>
  105.                   <tr>
  106.                     <td>
  107.                       <h5>When packeting</h5>
  108.                     </td>
  109.                     <td>
  110.                       <h5>Without touch of hand</h5>
  111.                     </td>
  112.                   </tr>
  113.                   <tr>
  114.                     <td>
  115.                       <h5>Each Box contains</h5>
  116.                     </td>
  117.                     <td>
  118.                       <h5>60pcs</h5>
  119.                     </td>
  120.                   </tr>
  121.                 </tbody>
  122.               </table>
  123.             </div>
  124.           </div>
  125.           <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
  126.             <div class="row">
  127.               <div class="col-lg-6">
  128.                 <div class="comment_list">
  129.                   <div class="review_item">
  130.                     <div class="media">
  131.                       <div class="d-flex">
  132.                         <img src="img/product/single-product/review-1.png" alt="" />
  133.                       </div>
  134.                       <div class="media-body">
  135.                         <h4>Blake Ruiz</h4>
  136.                         <h5>12th Feb, 2017 at 05:56 pm</h5>
  137.                         <a class="reply_btn" href="#">Reply</a>
  138.                       </div>
  139.                     </div>
  140.                     <p>
  141.                       Lorem ipsum dolor sit amet, consectetur adipisicing elit,
  142.                       sed do eiusmod tempor incididunt ut labore et dolore magna
  143.                       aliqua. Ut enim ad minim veniam, quis nostrud exercitation
  144.                       ullamco laboris nisi ut aliquip ex ea commodo
  145.                     </p>
  146.                   </div>
  147.                   <div class="review_item reply">
  148.                     <div class="media">
  149.                       <div class="d-flex">
  150.                         <img src="img/product/single-product/review-2.png" alt="" />
  151.                       </div>
  152.                       <div class="media-body">
  153.                         <h4>Blake Ruiz</h4>
  154.                         <h5>12th Feb, 2017 at 05:56 pm</h5>
  155.                         <a class="reply_btn" href="#">Reply</a>
  156.                       </div>
  157.                     </div>
  158.                     <p>
  159.                       Lorem ipsum dolor sit amet, consectetur adipisicing elit,
  160.                       sed do eiusmod tempor incididunt ut labore et dolore magna
  161.                       aliqua. Ut enim ad minim veniam, quis nostrud exercitation
  162.                       ullamco laboris nisi ut aliquip ex ea commodo
  163.                     </p>
  164.                   </div>
  165.                   <div class="review_item">
  166.                     <div class="media">
  167.                       <div class="d-flex">
  168.                         <img src="img/product/single-product/review-3.png" alt="" />
  169.                       </div>
  170.                       <div class="media-body">
  171.                         <h4>Blake Ruiz</h4>
  172.                         <h5>12th Feb, 2017 at 05:56 pm</h5>
  173.                         <a class="reply_btn" href="#">Reply</a>
  174.                       </div>
  175.                     </div>
  176.                     <p>
  177.                       Lorem ipsum dolor sit amet, consectetur adipisicing elit,
  178.                       sed do eiusmod tempor incididunt ut labore et dolore magna
  179.                       aliqua. Ut enim ad minim veniam, quis nostrud exercitation
  180.                       ullamco laboris nisi ut aliquip ex ea commodo
  181.                     </p>
  182.                   </div>
  183.                 </div>
  184.               </div>
  185.               <div class="col-lg-6">
  186.                 <div class="review_box">
  187.                   <h4>Post a comment</h4>
  188.                   <form class="row contact_form" action="contact_process.php" method="post" id="contactForm"
  189.                     novalidate="novalidate">
  190.                     <div class="col-md-12">
  191.                       <div class="form-group">
  192.                         <input type="text" class="form-control" id="name" name="name" placeholder="Your Full name" />
  193.                       </div>
  194.                     </div>
  195.                     <div class="col-md-12">
  196.                       <div class="form-group">
  197.                         <input type="email" class="form-control" id="email" name="email" placeholder="Email Address" />
  198.                       </div>
  199.                     </div>
  200.                     <div class="col-md-12">
  201.                       <div class="form-group">
  202.                         <input type="text" class="form-control" id="number" name="number" placeholder="Phone Number" />
  203.                       </div>
  204.                     </div>
  205.                     <div class="col-md-12">
  206.                       <div class="form-group">
  207.                         <textarea class="form-control" name="message" id="message" rows="1"
  208.                           placeholder="Message"></textarea>
  209.                       </div>
  210.                     </div>
  211.                     <div class="col-md-12 text-right">
  212.                       <button type="submit" value="submit" class="btn_3">
  213.                         Submit Now
  214.                       </button>
  215.                     </div>
  216.                   </form>
  217.                 </div>
  218.               </div>
  219.             </div>
  220.           </div>
  221.           <div class="tab-pane fade show active" id="review" role="tabpanel" aria-labelledby="review-tab">
  222.             <div class="row">
  223.               <div class="col-lg-6">
  224.                 <div class="row total_rate">
  225.                   <div class="col-6">
  226.                     <div class="box_total">
  227.                       <h5>Overall</h5>
  228.                       <h4>4.0</h4>
  229.                       <h6>(03 Reviews)</h6>
  230.                     </div>
  231.                   </div>
  232.                   <div class="col-6">
  233.                     <div class="rating_list">
  234.                       <h3>Based on 3 Reviews</h3>
  235.                       <ul class="list">
  236.                         <li>
  237.                           <a href="#">5 Star
  238.                             <i class="fa fa-star"></i>
  239.                             <i class="fa fa-star"></i>
  240.                             <i class="fa fa-star"></i>
  241.                             <i class="fa fa-star"></i>
  242.                             <i class="fa fa-star"></i> 01</a>
  243.                         </li>
  244.                         <li>
  245.                           <a href="#">4 Star
  246.                             <i class="fa fa-star"></i>
  247.                             <i class="fa fa-star"></i>
  248.                             <i class="fa fa-star"></i>
  249.                             <i class="fa fa-star"></i>
  250.                             <i class="fa fa-star"></i> 01</a>
  251.                         </li>
  252.                         <li>
  253.                           <a href="#">3 Star
  254.                             <i class="fa fa-star"></i>
  255.                             <i class="fa fa-star"></i>
  256.                             <i class="fa fa-star"></i>
  257.                             <i class="fa fa-star"></i>
  258.                             <i class="fa fa-star"></i> 01</a>
  259.                         </li>
  260.                         <li>
  261.                           <a href="#">2 Star
  262.                             <i class="fa fa-star"></i>
  263.                             <i class="fa fa-star"></i>
  264.                             <i class="fa fa-star"></i>
  265.                             <i class="fa fa-star"></i>
  266.                             <i class="fa fa-star"></i> 01</a>
  267.                         </li>
  268.                         <li>
  269.                           <a href="#">1 Star
  270.                             <i class="fa fa-star"></i>
  271.                             <i class="fa fa-star"></i>
  272.                             <i class="fa fa-star"></i>
  273.                             <i class="fa fa-star"></i>
  274.                             <i class="fa fa-star"></i> 01</a>
  275.                         </li>
  276.                       </ul>
  277.                     </div>
  278.                   </div>
  279.                 </div>
  280.                 <div class="review_list">
  281.                   <div class="review_item">
  282.                     <div class="media">
  283.                       <div class="d-flex">
  284.                         <img src="img/product/single-product/review-1.png" alt="" />
  285.                       </div>
  286.                       <div class="media-body">
  287.                         <h4>Blake Ruiz</h4>
  288.                         <i class="fa fa-star"></i>
  289.                         <i class="fa fa-star"></i>
  290.                         <i class="fa fa-star"></i>
  291.                         <i class="fa fa-star"></i>
  292.                         <i class="fa fa-star"></i>
  293.                       </div>
  294.                     </div>
  295.                     <p>
  296.                       Lorem ipsum dolor sit amet, consectetur adipisicing elit,
  297.                       sed do eiusmod tempor incididunt ut labore et dolore magna
  298.                       aliqua. Ut enim ad minim veniam, quis nostrud exercitation
  299.                       ullamco laboris nisi ut aliquip ex ea commodo
  300.                     </p>
  301.                   </div>
  302.                   <div class="review_item">
  303.                     <div class="media">
  304.                       <div class="d-flex">
  305.                         <img src="img/product/single-product/review-2.png" alt="" />
  306.                       </div>
  307.                       <div class="media-body">
  308.                         <h4>Blake Ruiz</h4>
  309.                         <i class="fa fa-star"></i>
  310.                         <i class="fa fa-star"></i>
  311.                         <i class="fa fa-star"></i>
  312.                         <i class="fa fa-star"></i>
  313.                         <i class="fa fa-star"></i>
  314.                       </div>
  315.                     </div>
  316.                     <p>
  317.                       Lorem ipsum dolor sit amet, consectetur adipisicing elit,
  318.                       sed do eiusmod tempor incididunt ut labore et dolore magna
  319.                       aliqua. Ut enim ad minim veniam, quis nostrud exercitation
  320.                       ullamco laboris nisi ut aliquip ex ea commodo
  321.                     </p>
  322.                   </div>
  323.                   <div class="review_item">
  324.                     <div class="media">
  325.                       <div class="d-flex">
  326.                         <img src="img/product/single-product/review-3.png" alt="" />
  327.                       </div>
  328.                       <div class="media-body">
  329.                         <h4>Blake Ruiz</h4>
  330.                         <i class="fa fa-star"></i>
  331.                         <i class="fa fa-star"></i>
  332.                         <i class="fa fa-star"></i>
  333.                         <i class="fa fa-star"></i>
  334.                         <i class="fa fa-star"></i>
  335.                       </div>
  336.                     </div>
  337.                     <p>
  338.                       Lorem ipsum dolor sit amet, consectetur adipisicing elit,
  339.                       sed do eiusmod tempor incididunt ut labore et dolore magna
  340.                       aliqua. Ut enim ad minim veniam, quis nostrud exercitation
  341.                       ullamco laboris nisi ut aliquip ex ea commodo
  342.                     </p>
  343.                   </div>
  344.                 </div>
  345.               </div>
  346.               <div class="col-lg-6">
  347.                 <div class="review_box">
  348.                   <h4>Add a Review</h4>
  349.                   <p>Your Rating:</p>
  350.                   <ul class="list">
  351.                     <li>
  352.                       <a href="#">
  353.                         <i class="fa fa-star"></i>
  354.                       </a>
  355.                     </li>
  356.                     <li>
  357.                       <a href="#">
  358.                         <i class="fa fa-star"></i>
  359.                       </a>
  360.                     </li>
  361.                     <li>
  362.                       <a href="#">
  363.                         <i class="fa fa-star"></i>
  364.                       </a>
  365.                     </li>
  366.                     <li>
  367.                       <a href="#">
  368.                         <i class="fa fa-star"></i>
  369.                       </a>
  370.                     </li>
  371.                     <li>
  372.                       <a href="#">
  373.                         <i class="fa fa-star"></i>
  374.                       </a>
  375.                     </li>
  376.                   </ul>
  377.                   <p>Outstanding</p>
  378.                   <form class="row contact_form" action="contact_process.php" method="post" novalidate="novalidate">
  379.                     <div class="col-md-12">
  380.                       <div class="form-group">
  381.                         <input type="text" class="form-control" name="name" placeholder="Your Full name" />
  382.                       </div>
  383.                     </div>
  384.                     <div class="col-md-12">
  385.                       <div class="form-group">
  386.                         <input type="email" class="form-control" name="email" placeholder="Email Address" />
  387.                       </div>
  388.                     </div>
  389.                     <div class="col-md-12">
  390.                       <div class="form-group">
  391.                         <input type="text" class="form-control" name="number" placeholder="Phone Number" />
  392.                       </div>
  393.                     </div>
  394.                     <div class="col-md-12">
  395.                       <div class="form-group">
  396.                         <textarea class="form-control" name="message" rows="1" placeholder="Review"></textarea>
  397.                       </div>
  398.                     </div>
  399.                     <div class="col-md-12 text-right">
  400.                       <button type="submit" value="submit" class="btn_3">
  401.                         Submit Now
  402.                       </button>
  403.                     </div>
  404.                   </form>
  405.                 </div>
  406.               </div>
  407.             </div>
  408.           </div>
  409.         </div>
  410.       </div>
  411.     </section>
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!