JSFiddle - React, Tailwind, and code Playground

by kumartanwar123

HTML

<link rel="stylesheet" href="http://themainlabel.com/assets/css/style.css">

<main class="header-offset content-wrapper about-wrapper">
  <div class="terms-container">
    <div class="row">
      <div class="col-sm-8 col-sm-offset-2">
        <section class="terms-title">
          <h1>Terms &amp; Conditions</h1>
          <hr>
        </section>
        
        <div class="terms-body">
          <h4><strong>Welcome to The Main Label. Please review the following basic terms that govern your use of, and purchase of, products from our site. Please note that your use of our site constitutes your agreement to follow and be bound by those terms.</strong></h4>    
          <hr>
          <h3>General</h3>
          <p>
            Review these Terms of Service ("Agreement") thoroughly. This Agreement is a legal agreement between the User and Business Tracker. By accepting electronically (for example, clicking “I Agree”), installing, accessing or using the Services, User agrees to these terms. If the User does not agree to this Agreement, then he/she may not use the Services. This License Agreement shall be governed by and construed in accordance with the laws of the INDIA.
          </p>
          <hr>
          <h3>Modification of terms & conditions</h3>
          <p>These terms may be updated from time to time in the future. The User should agree to review our Terms and Conditions regularly by visiting this page. Continued access to or use of the service will mean that the User agrees to the change.
          </p>
          <hr>
          <h3>When This Privacy Statement Applies</h3>
          <p>•	Its liability to the User is limited to those who have downloaded the “Business Tracker” mobile application by clicking on the “I Agree/Login” button for Terms and Conditions.</p>
          
          <hr>
          <h3>Return Policy</h3>
          <p>
            Since we only manufacture what is ordered, The Main Label does not accept returns or exchanges at this time....

CSS

.terms-container {
  font-family: 'Open Sans', sans-serif;
  color: #262626;
}

.terms-title h1{
  font-size: 18px;
  font-family: "RobotoCondensed-Bold";
  text-align: center;
  font-weight: bold;
  letter-spacing: 10px;  
}

.terms-body h4 {
  color: #EB573D;
  font-size: 14px;
  line-height: 25px;
}

.terms-body h3{
  font-family: "RobotoCondensed-Bold";
  color: #262626;
  font-weight: bold;
  text-align: left;
  margin-bottom: -10px;
  font-size: 13px;
}

.terms-body p{
  font-size: 12px;
  line-height: 25px
}

.terms-body a{
  color: #EB573D;
}

.terms-body a:hover{
  color: #EB573D;
  text-decoration: none;
}

.terms_footer h3 {
  margin-top: 60px;
  margin-bottom: 125px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 1.5;
  color: #262626;
}

.terms_footer h3 a:link {
  color: #EB573D; 
  text-decoration: none;
}