JSFiddle - React, Tailwind, and code Playground

by Mahadevan Sivasubramanian

HTML

<div class="footer">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla facilisi etiam dignissim diam quis. Iaculis at erat pellentesque adipiscing commodo elit. Turpis egestas integer eget aliquet nibh praesent tristique. Magna sit amet purus gravida quis blandit turpis. Arcu dui vivamus arcu felis bibendum ut tristique et. Id leo in vitae turpis massa sed elementum. Augue eget arcu dictum varius duis at consectetur lorem. Mi tempus imperdiet nulla malesuada pellentesque elit. Risus ultricies tristique nulla aliquet enim tortor at auctor. Tristique senectus et netus et malesuada fames ac turpis egestas. Id semper risus in hendrerit gravida rutrum quisque non tellus. Enim neque volutpat ac tincidunt vitae semper quis. Et netus et malesuada fames. Aenean et tortor at risus viverra adipiscing at in. Vitae ultricies leo integer malesuada nunc vel risus commodo.<br/><br/>

Etiam dignissim diam quis enim lobortis. Lorem mollis aliquam ut porttitor leo a. Id consectetur purus ut faucibus pulvinar elementum integer enim neque. Dignissim sodales ut eu sem integer vitae justo. Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi. Volutpat lacus laoreet non curabitur gravida arcu ac tortor dignissim. Ipsum consequat nisl vel pretium lectus quam id. Egestas maecenas pharetra convallis posuere morbi leo urna. Duis ut diam quam nulla. Sapien pellentesque habitant morbi tristique. Vel turpis nunc eget lorem dolor sed viverra ipsum nunc. Posuere sollicitudin aliquam ultrices sagittis orci a. Mi bibendum neque egestas congue quisque egestas diam in. Fringilla urna porttitor rhoncus dolor purus. Arcu felis bibendum ut tristique et egestas quis. Vehicula ipsum a arcu cursus vitae congue mauris rhoncus aenean. Sit amet nisl purus in. Blandit cursus risus at ultrices mi tempus.<br/><br/>

Erat nam at lectus urna. Nunc lobortis mattis aliquam faucibus purus in massa. Tellus pellentesque eu...

CSS

.footer {
  background-color: #fff;
  color: black;
  border-top: 4px solid #e4002b;
  bottom: 0;
  left: 0;
  max-width: 100%;
  position: fixed;
  right: 0;
}

JavaScript

$(document).ready(function(){
		$(".Gdata").insertBefore($(".footer"));
		
		//$(".redirect").css("color", "red");		
	});