JSFiddle - React, Tailwind, and code Playground

by GopsAB

HTML

<div class="cls_homepage_body_container">
    <div class="cls_homepage_body_content ffont">
        <h3>Who we are</h3>
        <p class="cls_who_we_are">We, as a Team like to help people who aspire clear to TNPSC exams.</p>
                <h3>Here You can</h3>
            <ul>
                <li>Learn TNPSC subjects</li>
                <li>Take up Online tests </li>
                <li>Earn points for clearing the tests</li>
                <li>Reach higher levels</li>
                <li>Atlast You can Crack TNPSC</li>
            </ul>
        </div>
    </div>

CSS

@import url(http://fonts.googleapis.com/css?family=Leckerli+One);
.cls_homepage_body_container
{
    width: 100%;
    /*height: 500px; /*Remove it once content added*/
    position:relative;
    background-image:   url("http://www.usgdesignstudio.com/images/BambooDark.jpg");
}    

.cls_homepage_body_content
{
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
     border-radius: 10px;
     -khtml-border-radius: 10px;
     width:80%;
     height:80%;
     z-index:1;
     margin: auto;  
     position: absolute;
     left:0;
     right: 0;
     top: 0;
     bottom: 0;
     background-color:#FFFFFF;
}
.cls_who_we_are{
    padding-left:10px;
}
.ffont
{
 font-family: 'Leckerli One', cursive;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #333;
}