Image
Grab The Deal
Image
Purchase Now
Image
Image
Image

ElementsReady Is A Global Consulting Firm With A Twist. We Bring Big Ideas And Challenge The Norm. We Work With Our Clients, Not At Them.

Purchase Now
Image

Code Snippet

Code Snippet

 

ER Code Snippet widget enables you to display your code elegantly without compromising its structure or impacting your website's performance. It preserves the integrity of your code by highlighting tags, classes, structures, and more. Presently, the widget supports 8 various languages.

Demos
Documentation
Image
Style 1 Pro

CSS Code Snippet

 

 

 

Image
                
                    
body {
  font-family: "Heebo", sans-serif;
  font-weight: 300;
  font-size: 15px;
  color: #515A60;
  line-height: 24px; }

rgin: 0 0 15px; }
Image
Style 2 Pro

HTML Code Snippet

 

 

 

Image
                
                    
<!--====== POST PART START ======-->

    <div class="post-area">
        <div class="container">
            <div class="row post-slider">
                <div class="col-lg-4">
                    <div class="single__post">
                        <div class="post-thumb">
                            <img src="assets/images/post-2.jpg" alt="post">
                        </div>
                        <div class="post-content">
                            <h4 class="title"><a href="#">U.S. Response subash says he will label regions by risk of…</a></h4>
                            <p>People have been infected in United…</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--====== POST PART ENDS ======-->
Image
Style 3 Pro

Javascript Code Snippet

Image
                
                    console.clear();
const rnd = gsap.utils.random;
const target = document.querySelector("#target");
const w = window.innerWidth;
const h = window.innerHeight;
const dogCount = 50;

gsap.set(target, { perspective: 900 });

for (let i = 0; i < dogCount; i++) {
  let newDiv = document.createElement("div");
  newDiv.className = "dog";
  target.appendChild(newDiv);
  let bgPos = rnd(0, 4, 1);
  newDiv.style.backgroundPosition = -(bgPos * 100) + "px";

  gsap.set(newDiv, {
    x: rnd(0, w),
    y: rnd(-250, -200),
    z: rnd(-200, 200),
    scale: rnd(0.75, 1)
  });
  fallingDogs(newDiv);
}



gsap.to(target, { duration: 3, opacity: 1, ease: "none", delay: 1 });