JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<!--[if IE 7]>

<html class="ie7 no-js"  dir="ltr" lang="en"     
<![endif]-->
<!--[if lte IE 8]>

<html class="ie8 no-js"  dir="ltr" lang="en"     
<![endif]-->
<!--[if (gte IE 9)|!(IE)]>
<!-->

<html class="not-ie no-js" dir="ltr" lang="en">
  
  <!--
<![endif]-->
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width; initial-scale=1.0" />
    <title>
      Blu-rays.pk
    </title>
    <base href="http://blu-rays.pk/" />
    <meta name="description" content="Blu-ray Movies in Pakistan" />
    <link href="http://blu-rays.pk/image/data/cart.png" rel="icon" />
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/stylesheet.css" />
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/stylesheet-mobile.css" />
	
  <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/ui.totop.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/tipTip.css" />
  <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/slideshow.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/carousel.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/flexslider.css" />
  <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/elastic_slideshow.css" />
  <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/camera.css" />
  <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/cloud-zoom.css" />
  <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/dcaccordion.css" />
  <script...

CSS

.footerMessages {
    color: #FFFFFF;
    height: 130px;
    width: 960px;
    text-align: center;
    border-top: 4px dashed #FF0000;
    clear:both;
}

#footer_about{
    height: 400px;
}
    
    /*  Category Wall  */
    .box-category-home > div.span2, .box-category-home > div.span3 {
      min-height: 200px;
    }
    
    
    
    /******************************************************/
    /*  COLORS AND STYLES > General
    /******************************************************/
    
    /*  Layout  */
    .wrapper {
      width: 980px;
      margin: 20px auto 25px}
    @media (max-width: 767px) {
      .wrapper {
        width: auto;
        margin: 20px 10px 15px}
    }
    @media (min-width: 768px) and (max-width: 979px) {
      .wrapper {
        width: 744px;
        margin: 20px auto 25px}
    }
    
    /*  Body background color and pattern  */
    body {
      background-color: #FFFFFF;
      background-image: url("http://blu-rays.pk/image/data/floral.jpg");
      ?>;
      background-position: top center!important;
      background-repeat: repeat!important;
      background-attachment: fixed!important;
    }
    
    /*  Headings color  */
    h1, h2, h3, h4, h5, h6, .welcome, .box-category-home > div.span2 a, .box-category-home > div.span3 a, .product-info .description span.stock {
      color: #53A3DF;
    }
    
    /*  Body text color  */
    body, label, .dropdown_l li a, .box .box-content .box-content-information a, .box-product .name a, .box-product .l_column .name a, .box-category > ul > li > a, .box-category > ul > li a.active, .box-category > ul > li ul > li > a, .box-category-home > div.span2 > div > ul > li > a, .box-category-home > div.span3 > div > ul > li > a, .box-manufacturers-home > div.span2 > div > ul > li > a, .box-manufacturers-home > div.span3 > div > ul > li > a, .product-list .name a, .product-grid .name a, .product-grid .description, .product-name h1, .product-info .description a, .product-info .wishlist-compare a,...