JSFiddle - React, Tailwind, and code Playground

by mvaderlund

HTML

<div id="copy"><a href="http://brightwaay.com">Here</a> 
        <div id="second">
          <div class="pricingtable">
            <div class="top">
              <h2 id="second-card-title">Directe betaling</h2>
            </div>
            <ul>
              <li class="listtitle" id="upfrontperiod"></li>
              <li><img id="AD-D" src="img/green.png" alt="OK" /><strong> Schade</strong></li>
              <li><img id="TH-D" src="img/red.png" alt="OK" /><strong> Diefstal</strong></li>
              <li><img id="EW-D" src="img/green.png" alt="OK" /><strong> Verlengde Garantie</strong></li>
            </ul>

            <hr />

            <div style="text-align: center">
              <h1 style=" text-align: center; display: inline"><sup>&euro;</sup></h1>
              <h1 id="upfrontprice" style="text-align: center;display: inline"></h1>
            </div>

            <p id="title-payment-model">Direct Payment</p>

            <button type="button" id="secondbutton">Aanvragen</button>
            <div style=" margin: 9px 0 0 0; text-align: center">
              <p><a class="link" href="#">Voorwaarden</a><br>
                <a class="link" href="#">Product informatie</a></p>
            </div>
          </div>
        </div>
        </div>
<br/>
<div id="ss"></div>

JavaScript

$(function(){
    $('#copy').clone().appendTo('#ss');
});