Element Sparker

COPY AND PASTE THE FOLLOWING CODE INTO A NEW EMPTY BLOCK. AND SAVE IT...

<div class="block empty top-left" style="padding-top: 100px; padding-bottom: 50px; background-color: rgb(255, 255, 255); background-image: none;" data-selector=".block"><div class="overly"></div>
            
            <div class="container"><div data-component="grid" class="row" data-selector="*[data-component="grid"]" draggable="true">
    <div class="col-md-4">
        <div data-container="true"><div data-component="image" draggable="true">
    <img decoding="async" src="{Enter a link to Featured Image:48}" class="" style="border-radius: 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 1px;" data-selector="img">
</div></div>
    </div>
    <div class="col-md-8">
        <div class="panel-group" id="accordion">
    
    <div class="panel panel-default" id="panel2">
        <div class="panel-heading">
             <h4 class="panel-title">
        <a data-toggle="collapse" data-target="#collapseTwo" href="#collapseTwo" class="collapsed">
          {Panel/Tab 1 Label:67}
        </a>
      </h4>

</div>
        <div id="collapseTwo" class="panel-collapse collapse">
            <div class="panel-body"><h3>{Main Keyword/Headline:20}</h3>
{Panel/Tab 1 Content:77}
</div>
    </div>
    <div class="panel panel-default" id="panel3">
        <div class="panel-heading">
             <h4 class="panel-title">
        <a data-toggle="collapse" data-target="#collapseThree" href="#collapseThree" class="collapsed">
          {Panel/Tab 2 Label:68}
        </a>
      </h4>

</div>
        <div id="collapseThree" class="panel-collapse collapse">
            <div class="panel-body"><h3>{Secondary Keyword/Headline:71}</h3>
{Panel/Tab 2 Content:78}</div>
    </div>
</div>
        <div data-container="true"></div>
    </div>
</div></div>
        
        </div>
    
    </div></div>

COPY AND PASTE THE FOLLOWING CODE INTO A NEW EMPTY BLOCK. AND SAVE IT...

<div class="block empty yummy sb_open top-left" style="padding-top: 100px; padding-bottom: 100px; background-color: rgb(255, 255, 255); background-image: none;" data-selector=".block"><div class="overly"></div>
            
            <div class="container"><div data-component="grid" class="row" draggable="true" data-selector="*[data-component="grid"]">
    <div class="col-md-4">
        <div data-container="true"><div data-component="image" draggable="true" id="hx64d">
    <img decoding="async" src="{Enter a link to Featured Image:48}?0.4517326515854385" class="" style="border-radius: 0px; border-color: rgb(48, 53, 62); border-style: none; border-width: 1px;" data-selector="img">
</div></div>
    </div>
    <div class="col-md-8">
        <div data-container="true"><div data-component="grid" class="row" id="DECrj" draggable="true" data-selector="*[data-component="grid"]">
    <div class="col-md-12">
        <div data-container="true"></div>
        <ul class="nav nav-tabs">
  <li class=""><a data-toggle="tab" href="#tabby1" class="" style="color: rgb(48, 53, 62);" data-selector="ul > li > a">{Panel/Tab 1 Label:67}</a></li>
  <li><a data-toggle="tab" href="#tabby2" class="" style="color: rgb(144, 153, 170);" data-selector="ul > li > a">{Panel/Tab 2 Label:68}</a></li>
  <li><a data-toggle="tab" href="#tabby3" class="" style="color: rgb(144, 153, 170);" data-selector="ul > li > a">{Panel/Tab 3 Label:72}</a></li>
</ul>

<div class="tab-content">
  <div id="tabby1" class="tab-pane fade in active">
    <h3>{Main Keyword/Headline:20}</h3>
    <p>{Panel/Tab 1 Content:77}</p>
  </div>
  <div id="tabby2" class="tab-pane fade">
    <h3>{Secondary Keyword/Headline:71}</h3>
{Panel/Tab 2 Content:78}
  </div>
  <div id="tabby3" class="tab-pane fade">
<h3>{Panel/Tab 3 Label:72}</h3><br>
{Panel/Tab 3 Content:79}
  </div>
</div>
    </div>
</div></div>
    </div>
</div></div>
        
        </div>

COPY AND PASTE THE FOLLOWING CODE INTO A NEW EMPTY BLOCK. AND SAVE IT...

<div class="block empty yummy top-left" style="padding-top: 80px; padding-bottom: 80px; background-color: rgb(255, 255, 255); background-image: none;" data-selector=".block"><div class="overly"></div>
            
            <div class="container"><div data-component="grid" class="row" draggable="true" data-selector="*[data-component="grid"]">
    <div class="col-md-8">
        <div data-container="true"><div data-component="icon" draggable="true">
    <ul class="nav nav-pills">
  <li class="active"><a data-toggle="pill" href="#stormy0" data-selector="ul > li > a">{Panel/Tab 1 Label:67}</a></li>
  <li><a data-toggle="pill" href="#stormy1" class="" data-selector="ul > li > a">{Panel/Tab 2 Label:68}</a></li>
  <li><a data-toggle="pill" href="#stormy2" data-selector="ul > li > a">{Panel/Tab 3 Label:72}</a></li>
</ul>

<div class="tab-content">
  <div id="stormy0" class="tab-pane fade in active">
    <h3>{Panel/Tab 1 Label:67}</h3>
    <p>{Panel/Tab 1 Content:77}</p>
  </div>
  <div id="stormy1" class="tab-pane fade">
    <h3>{Main Keyword/Headline:20}</h3>
    <p>{Panel/Tab 2 Content:78}</p>
  </div>
  <div id="stormy2" class="tab-pane fade">
    <h3>{Secondary Keyword/Headline:71}</h3>
    <p>{Panel/Tab 3 Content:79}</p>
  </div>
</div>
</div></div>
    </div>
    <div class="col-md-4">
        <div data-container="true"><div data-component="image" draggable="true">
    <img decoding="async" src="{Enter a link to Featured Image:48}" class="" style="border-radius: 0px; border-color: rgb(48, 53, 62); border-style: none; border-width: 1px;" data-selector="img">
</div></div>
    </div>
</div></div>
        
        </div>

COPY AND PASTE THE FOLLOWING CODE INTO A NEW EMPTY BLOCK. AND SAVE IT...

<div class="block empty yummy" style="padding-top: 50px; padding-bottom: 50px; background-color: #fff" data-selector=".block">
            
            <div class="container"><div data-component="grid" class="row" draggable="true" data-selector="*[data-component="grid"]">
    <div class="col-md-6">
        <div data-container="true"><div data-component="grid" class="row" id="fVegq" draggable="true" data-selector="*[data-component="grid"]">
    <div class="col-md-12">
        <div data-container="true"><div data-component="heading" data-content="true" draggable="true">
    <h1 class="" data-selector="*[data-component="heading"] >{Main Headline (Above Button):82}</h1>
</div></div> <br>
  <button type="button" class="btn btn-primary btn-hg" data-toggle="collapse" data-target="#expandbutton" data-selector="a.btn, button.btn" style="margin-top: 0px; margin-bottom: 0px;">{CTA Button Text:83}</button>
  <div id="expandbutton" class="collapse">
 <h2>{Popup Headline:84}</h2>
 <br>{Modal/Popup Content:85}
  </div>
    </div>
</div></div>
    </div>
    <div class="col-md-6">
        <div data-container="true"><div data-component="image" draggable="true" id="IiB3Z">
    <img decoding="async" src="https://image.ibb.co/h4aTen/coolcamper.png" class="" style="border-radius: 0px; border-color: rgb(48, 53, 62); border-style: none; border-width: 1px;" data-selector="img">
</div></div>
    </div>
</div></div>
        
        </div>

COPY AND PASTE THE FOLLOWING CODE INTO A NEW EMPTY BLOCK. AND SAVE IT...

<div class="container"><div data-component="grid" class="row" draggable="true" data-selector="*[data-component="grid"]">
    <div class="col-md-12">
        <div data-container="true"></div>
    </div>
</div></div>
        
        
    
        <div class="block empty yummy" style="padding-top: 50px; padding-bottom: 50px; background-color: #fff" data-selector=".block">
            <div class="container">
  <center><h2>{Main Headline (Above Button):82}</h2>
  
  <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal" data-selector="a.btn, button.btn">{CTA Button Text:83}</button>

<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
    
      
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">×</button>
          <h4 class="modal-title">{Popup Headline:84}</h4>
        </div>
        <div class="modal-body">
         {Modal/Popup Content:85}
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal" data-selector="a.btn, button.btn">Close</button></div></div></div></div></center>
        </div>
      </div>

General Settings and Keywords

Panel Content

Section Break

COPY AND PASTE THE FOLLOWING CODE INTO A NEW EMPTY BLOCK. AND SAVE IT...

COPY AND PASTE THE FOLLOWING CODE INTO A NEW EMPTY BLOCK. AND SAVE IT...

COPY AND PASTE THE FOLLOWING CODE INTO A NEW EMPTY BLOCK. AND SAVE IT...

COPY AND PASTE THE FOLLOWING CODE INTO A NEW EMPTY BLOCK. AND SAVE IT...

COPY AND PASTE THE FOLLOWING CODE INTO A NEW EMPTY BLOCK. AND SAVE IT...