JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<footer id="footer" style="background-image: url(http://test.csicondelhi2019.com/images/curv-footer-bg.jpg); background-repeat: no-repeat; background-size: cover;">
        <div class="container">
            <div class="row">
                <div class="col-sm-5 col-md-5 col-xs-12">
                    <h3>Contact US</h3>
                    <strong style="font-size:20px;">Prof. Rakesh Yadav</strong><br />
                    Prof of Cardiology, AIIMS, New Delhi<br />

                    CSICONDELHI-2019<br /><br />

                    Room No. 27, 7th Floor, Dept. of Cardiology,<br />
                    CT Centre, All India Institute of Medical Sciences, <br />
                    Ansari Nagar, New Delhi, India 110029<br />
                    Email: <a href="mailto:[email protected]">[email protected]</a><br />
                    Web: <a href="index.html">www.csicondelhi2019.com</a><br />
                    Tel: +91-11-26593379 / 3218 / 3860 / 3355 <br />
                </div>
                <div class="col-sm-4 col-md-4 col-xs-12">
                    <h3>QUICK LINKS</h3>
                    <a href="#">
                        - Visa
                    </a><br />
                    <a href="#">
                        - Hotel & Transport
                    </a><br />
                    <a href="#">
                        - Faculty
                    </a><br />
                    <a href="register.html">
                        - Registration
                    </a><br />
                    <a href="#">
                        - Certificates
                    </a><br />
                    <a href="contactus.html">- Contact</a>
                </div>
                <div class="col-sm-3 col-md-3...

CSS

.navbar.navbar-default .navbar-brand-right {
    height: auto;
    padding: 0px;
    position: absolute;
    right: 0px;
    top: 115%;
    z-index: 999;
}

.affix.navwhite .navbar-brand-right {
    height: auto;
    padding: 0px;
    position: absolute;
    right: 5px;
    top: 7%;
    z-index: 999;
}

    .balance-string-center {
    text-align: center;
    margin-left: 16%;
        }






        .strong-text
        {
            font-weight: 600;
        }

        .table-striped>tbody>tr:nth-child(odd) {
    background-color: #3089e794;
    color: #fff;
        }




        h1, h2, h4, h5, h6 {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #8ec861;
}

        .sliderhighlights h2{

            color: #421c6f;
        }
        .registeration
        {
             color: #8ec861;
        }

        .himarquee ul li{
        color: #421c6f; 
        }
.glow-button {
  background-color: #004A7F;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 18px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1100ms infinite;
}
@-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px...