ALL CODES

Download Button with Demo

View Demo Download

Copy code here!

<style> .center-align { text-align: center; } .button { display: inline-block; padding: 10px 20px; background-color: #3498db; color: white; text-decoration: none; border-radius: 5px; margin: 10px; vertical-align: middle; /* Added vertical alignment */ } .button .icon { vertical-align: middle; /* Align the icon vertically */ margin-right: 5px; /* Add some spacing between icon and text */ } .button-download { background-color: #e74c3c; } </style> <div class="center-align"> 
<a class="button" data-href="Your Demo Url here" href="#"><i class="fas fa-eye icon"></i>View Demo</a> 
<a class="button safeL" data-href="Your Download Url here" href="#"><i class="fas fa-download icon"></i>Download</a> </div>

━━━━━━━━━━━━━━━━━━━━━━━━━

Download Manual Button

Download

Copy code here!

<div style="text-align: center;"><a class="button safeL" data-href="Your Url here" href="#"><i class="fas fa-download icon"></i>Download</a></div>

━━━━━━━━━━━━━━━━━━━━━━━━━

Median UI Note Block

your_text_goes_here

Copy code here!

<p class="SamirN wr">your_text_goes_here</p>

your_text_goes_here

Copy code here!

<p class="SamirN wr">your_text_goes_here</p>

━━━━━━━━━━━━━━━━━━━━━━━━━

Double Click to Copy Pre Content

This is just a Demo

Copy code here!

<pre><code>Your_Code_Here</code></pre>

This is just a Demo

Copy code here!

<div class="pre html notranslate">
  <pre>Your_Code_Here</pre>
</div>

━━━━━━━━━━━━━━━━━━━━━━━━━

Title Content

( here is the code demo )

Copy code here!

Your_Code_Here

━━━━━Editor Reserve Template━━━━━━

Title Content

( here is the code demo )

Copy code here!

Your_Code_Here