Close

    Generic Page

    Sample Title Goes Here 1

    Sample Title Goes Here 2

    Sample Title Goes Here 3

    Sample Title Goes Here 4

    Sample Title Goes Here 5
    Sample Title Goes Here 6
    
                                    <h1>Sample Title Goes Here 1</h1> 
    <h2>Sample Title Goes Here 2</h2>
    <h3>Sample Title Goes Here 3</h3>
    <h4>Sample Title Goes Here 4</h4>
    <h5>Sample Title Goes Here 5</h5>
    <h6>Sample Title Goes Here 6</h6>

    Heading 2

    This is body copy, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porta euismod erat et pretium. Suspendisse tincidunt vestibulum orci, ut gravida augue tincidunt nec. Nullam rutrum, magna in tristique placerat, diam nibh sollicitudin urna, vitae congue massa nisl quis est. Etiam quis ligula faucibus, aliquet lacus eget, gravida elit. In ut dolor mauris. Ut facilisis justo non nibh vestibulum aliquam. Donec quis velit imperdiet ligula molestie elementum in at purus. Nunc pellentesque a sapien vel scelerisque. Phasellus sit amet aliquet eros. Donec nec interdum tellus, id congue felis.

    Heading 3

    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras enim odio, eleifend eu blandit in, aliquet vitae nisi. Maecenas non leo massa. Suspendisse laoreet metus vitae mollis rhoncus. Nulla nec placerat felis, commodo fringilla enim. Praesent felis augue, sodales posuere ullamcorper molestie, pretium lacinia enim. Cras vitae congue enim. Praesent hendrerit

    
                                    <h2>Heading 2</h2> 
    <p>This is body copy, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porta euismod erat et pretium. Suspendisse tincidunt vestibulum orci, ut gravida augue tincidunt nec. Nullam rutrum, magna in tristique placerat, diam nibh sollicitudin urna, vitae congue massa nisl quis est. Etiam quis ligula faucibus, aliquet lacus eget, gravida elit. In ut dolor mauris. Ut facilisis justo non nibh vestibulum aliquam. Donec quis velit imperdiet ligula molestie elementum in at purus. Nunc pellentesque a sapien vel scelerisque. Phasellus sit amet aliquet eros. Donec nec interdum tellus, id congue felis.</p>
    <h2>Heading 3</h2>
    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras enim odio, eleifend eu blandit in, aliquet vitae nisi. Maecenas non leo massa. Suspendisse laoreet metus vitae mollis rhoncus. Nulla nec placerat felis, commodo fringilla enim. Praesent felis augue, sodales posuere ullamcorper molestie, pretium lacinia enim. Cras vitae congue enim. Praesent hendrerit</p>

    Use “text-highlight” class to make text highlight.


    Use “border” class for border


    Use “text-center” class for text align center


    Use “text-right” class for text align right


    Use “text-justify” class for text align justify text align justify text align justify text align justify text align justify text align justify text align justify text align justify text align justify


                                    <p class="text-highlight">Use <strong>“text-highlight”</strong> class to make text highlight.</p> 
    <p class="border">Use <strong>“border”</strong> class for border</p>
    <p class="text-center">Use <strong>“text-center”</strong> class for text align center</p>
    <p class="text-right">Use <strong>“text-right”</strong> class for text align right</p>
    <p class="text-justify">Use <strong>“text-justify”</strong> class for text align justify text align justify text align justify text align justify text align justify text align justify text align justify text align justify text align justify</p>

    Paragraph with image

    Sample Alt Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porta euismod erat et pretium. Suspendisse tincidunt vestibulum orci, ut gravida augue tincidunt nec. Nullam rutrum, magna in tristique placerat, diam nibh sollicitudin urna, vitae congue massa nisl quis est.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porta euismod erat et pretium. Suspendisse tincidunt vestibulum orci, ut gravida augue tincidunt nec. Nullam rutrum, magna in tristique placerat, diam nibh sollicitudin urna, vitae congue massa nisl quis est.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porta euismod erat et pretium. Suspendisse tincidunt vestibulum orci, ut gravida augue tincidunt nec. Nullam rutrum, magna in tristique placerat, diam nibh sollicitudin urna, vitae congue massa nisl quis est.

    Show Code
                                        <div class="clear"> 
    <p> <img class="alignleft" alt="Sample Alt" src="http://preview.s3waas.gov.in/wp-content/themes/sdo-theme/images/gallery1B.jpg"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porta euismod erat et pretium. Suspendisse tincidunt vestibulum orci, ut gravida augue tincidunt nec. Nullam rutrum, magna in tristique placerat, diam nibh sollicitudin urna, vitae congue massa nisl quis est. </p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porta euismod erat et pretium. Suspendisse tincidunt vestibulum orci, ut gravida augue tincidunt nec. Nullam rutrum, magna in tristique placerat, diam nibh sollicitudin urna, vitae congue massa nisl quis est.</p>
    <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porta euismod erat et pretium. Suspendisse tincidunt vestibulum orci, ut gravida augue tincidunt nec. Nullam rutrum, magna in tristique placerat, diam nibh sollicitudin urna, vitae congue massa nisl quis est. </p>
    </div>

    Sample Alt Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porta euismod erat et pretium. Suspendisse tincidunt vestibulum orci, ut gravida augue tincidunt nec. Nullam rutrum, magna in tristique placerat, diam nibh sollicitudin urna, vitae congue massa nisl quis est.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porta euismod erat et pretium. Suspendisse tincidunt vestibulum orci, ut gravida augue tincidunt nec. Nullam rutrum, magna in tristique placerat, diam nibh sollicitudin urna, vitae congue massa nisl quis est.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porta euismod erat et pretium. Suspendisse tincidunt vestibulum orci, ut gravida augue tincidunt nec. Nullam rutrum, magna in tristique placerat, diam nibh sollicitudin urna, vitae congue massa nisl quis est.

    Show Code
                                        <div class="clear"> 
    <p> <img class="alignright" alt="Sample Alt" src="http://preview.s3waas.gov.in/wp-content/themes/sdo-theme/images/gallery1B.jpg"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porta euismod erat et pretium. Suspendisse tincidunt vestibulum orci, ut gravida augue tincidunt nec. Nullam rutrum, magna in tristique placerat, diam nibh sollicitudin urna, vitae congue massa nisl quis est. </p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porta euismod erat et pretium. Suspendisse tincidunt vestibulum orci, ut gravida augue tincidunt nec. Nullam rutrum, magna in tristique placerat, diam nibh sollicitudin urna, vitae congue massa nisl quis est.</p>
    <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porta euismod erat et pretium. Suspendisse tincidunt vestibulum orci, ut gravida augue tincidunt nec. Nullam rutrum, magna in tristique placerat, diam nibh sollicitudin urna, vitae congue massa nisl quis est. </p>
    </div>

    Unordered List item style

    Show Code
                                            <ul class="list-style-none"> 
    <li><a href="#">List item1</li>1</li>
    <li><a href="#">List item 2</a>
    <ul>
    <li><a href="#">Sub List item 1</a></li>
    <li><a href="#">Sub List item 2</a></li>
    <li><a href="#">Sub List item 3</a></li>
    </ul>
    </li>
    <li><a href="#">List item 3</a></li>
    <li><a href="#">List item 4</a></li>
    </ul>
    Show Code
                                        	<ul class="list-style"> 
    <li><a href="#">List item1</li>1</li>
    <li><a href="#">List item 2</a>
    <ul>
    <li><a href="#">Sub List item 1</a></li>
    <li><a href="#">Sub List item 2</a></li>
    <li><a href="#">Sub List item 3</a></li>
    </ul>
    </li>
    <li><a href="#">List item 3</a></li>
    <li><a href="#">List item 4</a></li>
    </ul>

    Ordered List item style

    1. List item 1
    2. List item 2
    3. List item 3
    4. List item 4
    Show Code
                                            <ol class="list-style order-lower-roman"> 
    <li><a href="#">List item1</li>1</li>
    <li><a href="#">List item 2</a>
    <ul>
    <li><a href="#">Sub List item 1</a></li>
    <li><a href="#">Sub List item 2</a></li>
    <li><a href="#">Sub List item 3</a></li>
    </ul>
    </li>
    <li><a href="#">List item 3</a></li>
    <li><a href="#">List item 4</a></li>
    </ol>
    1. List item 1
    2. List item 2
    3. List item 3
    4. List item 4
    Show Code
                                            <ol class="list-style order-upper-alpha"> 
    <li><a href="#">List item1</li>1</li>
    <li><a href="#">List item 2</a>
    <ul>
    <li><a href="#">Sub List item 1</a></li>
    <li><a href="#">Sub List item 2</a></li>
    <li><a href="#">Sub List item 3</a></li>
    </ul>
    </li>
    <li><a href="#">List item 3</a></li>
    <li><a href="#">List item 4</a></li>
    </ol>
    1. List item 1
    2. List item 2
    3. List item 3
    4. List item 4
    Show Code
                                            <ol class="list-style order-lower-alpha"> 
    <li><a href="#">List item1</li>1</li>
    <li><a href="#">List item 2</a>
    <ul>
    <li><a href="#">Sub List item 1</a></li>
    <li><a href="#">Sub List item 2</a></li>
    <li><a href="#">Sub List item 3</a></li>
    </ul>
    </li>
    <li><a href="#">List item 3</a></li>
    <li><a href="#">List item 4</a></li>
    </ol>

    Link / Button

                                <a href="#" class="link" aria-label="Link Detail">Link</a> 
    <a href="#" aria-label="Button Detail" class="btn accent-border-color accent-hover-color">Button</a>
    <a href="#" aria-label="Button Detail" class="btn accent-color">Button</a>

    PDF Link

                                <span class="pdf-downloads">
    <a target="_blank" href="#" aria-label="Title of document PDF (File Size) - opens in a new window" title="Click here to view"> Title of Document (File Size) </a>
    <a href="#" download="(PdfFileName).pdf" title="Click here to download" class="download"><i class="fa fa-download pdf-download" aria-hidden="true"></i></a>
    </span>

    Award

    Sample Alt

    Deep Learning Architectures for Human Action Recognition

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do...

    Hide Code
                                            <div class="thumbs_view"> 
    <div class="equal-height trasnitionAll">
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
    <div class="awardListing">
    <div class="pressImage">
    <img src="http://preview.s3waas.gov.in/wp-content/themes/sdo-theme/images/award/award-1.png">
    </div>
    <div class="awardContent">
    <h2><a href="#">Deep Learning Architectures for Human Action Recognition</a></h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do...</p>
    <div class="socialCont">
    <ul>
    <li><span class="icon-share"></span></li>
    <li><a href="#"><span class="icon-facebook"></span></a></li>
    <li><a href="#"><span class="icon-twitter"></span></a></li>
    </ul>
    </div>
    <a class="arrowDetails"><span class="icon-arrow-right-2"></span></a>
    </div>
    </div>
    </div>
    </div>
    </div>

    Event

    Sample Alt

    Matoli-Dekhava Competiton

    Ganesh Chaturthi festival is one of the popular festivals of Goa. This festival preserves the age old traditions and cultural heritage of Goa. It gives opportunity to the artisans such as

    Posted on: 14th July 2017
    Hide Code
                                            <div class="thumbs_view"> 
    <div class="equal-height event-container">
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
    <div class="awardListing">
    <div class="eventImage">
    <img src="http://preview.s3waas.gov.in/wp-content/themes/sdo-theme/images/events/event1.jpg">
    </div>
    <div class="awardContent">
    <h2>Matoli-Dekhava Competiton</h2>
    <p>Ganesh Chaturthi festival is one of the popular festivals of Goa. This festival preserves the age old traditions and cultural heritage of Goa. It gives opportunity to the artisans such as</p>
    <div class="posted">Posted on: 14th July 2017</div>
    <div class="socialCont">
    <ul>
    <li><span class="icon-share"></span></li>
    <li><a href="#"><span class="icon-facebook"></span></a></li>
    <li><a href="#"><span class="icon-twitter"></span></a></li>
    </ul>
    </div>
    <a href="#" class="arrowDetails"><span class="icon-arrow-right-2"></span></a>
    </div>
    </div>
    </div>
    </div>
    </div>

    Institute

    Sample Alt

    Urdu Academy

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do...

    Hide Code
                                            <div class="thumbs_view"> 
    <div class="equal-height trasnitionAll">
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
    <div class="awardListing">
    <div class="eventImage">
    <img src="http://preview.s3waas.gov.in/wp-content/themes/sdo-theme/images/news/1.png">
    </div>
    <div class="awardContent">
    <h2><a href="#">Urdu Academy</a></h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do...</p>
    <div class="socialCont">
    <ul>
    <li><span class="icon-share"></span></li>
    <li><a href="#"><span class="icon-facebook"></span></a></li>
    <li><a href="#"><span class="icon-twitter"></span></a></li>
    </ul>
    </div>
    <a href="#" class="arrowDetails"><span class="icon-arrow-right-2"></span></a>
    </div>
    </div>
    </div>
    </div>
    </div>

    Organisation

    Sample Alt

    NIC

    Website URL : www.google.com

    Telephone : +919564254872

    Email : dep@gmail.com

    Address : New Delhi

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas bibendum diam quis mi egestas dapibus. In elit ligula, volutpat vel neque et, maximus viverra ligula. Fusce euismod diam dapibus quam semper consectetur vitae a lorem.

    Hide Code
                                            <div class="thumbs_view"> 
    <div class="equal-height trasnitionAll">
    <div class="col-xs-12"><h4>Organisation</h4></div>
    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
    <div class="pub-box">
    <div class="pub-content clearfix">
    <div class="pub-img">
    <img src="http://preview.s3waas.gov.in/wp-content/themes/sdo-theme/images/events/event6.jpg" alt="">
    </div>
    <div class="pub-detail">
    <h2>NIC</h2>
    <p><strong>Website URL :</strong> <a href="www.google.com">www.google.com</a> </p>
    <p><strong>Telephone :</strong> +919564254872</p>
    <p><strong>Email :</strong> <a href="mailto:dep@gmail.com">dep@gmail.com</a></p>
    <p><strong>Address :</strong> New Delhi</p>
    </div>
    </div>
    <div class="pub-bottom">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas bibendum diam quis mi egestas dapibus. In elit ligula, volutpat vel neque et, maximus viverra ligula. Fusce euismod diam dapibus quam semper consectetur vitae a lorem.</p>
    <div class="socialCont">
    <ul>
    <li><span class="icon-share"></span></li>
    <li><a href="#"><span class="icon-facebook"></span></a></li>
    <li><a href="#"><span class="icon-twitter"></span></a></li>
    </ul>
    </div>
    </div>
    <a href="#" class="arrowDetails"><span class="icon-arrow-right-2"></span></a>
    </div>
    </div>
    </div>
    </div>

    News

    Sample Alt

    Automated System of Allotment Govt. of Delhi (e-Awas)

    Ganesh Chaturthi festival is one of the popular festivals of Goa. This festival preserves the age old traditions and cultural heritage...

    Hide Code
                                            <div class="thumbs_view"> 
    <div class="equal-height trasnitionAll">
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
    <div class="awardListing">
    <div class="eventImage">
    <img src="http://preview.s3waas.gov.in/wp-content/themes/sdo-theme/images/news/1.png">
    </div>
    <div class="awardContent">
    <h2><a href="#">Automated System of Allotment Govt. of Delhi (e-Awas)</a></h2>
    <p>Ganesh Chaturthi festival is one of the popular festivals of Goa. This festival preserves the age old traditions and cultural heritage...</p>
    <div class="socialCont">
    <ul>
    <li><span class="icon-share"></span></li>
    <li><a href="#"><span class="icon-facebook"></span></a></li>
    <li><a href="#"><span class="icon-twitter"></span></a></li>
    </ul>
    </div>
    <a href="#" class="arrowDetails"><span class="icon-arrow-right-2"></span></a>
    </div>
    </div>
    </div>
    </div>
    </div>

    Project

    Sample Alt

    Jan Dhan Yojana

    Website URL : www.google.com

    Email : dep@gmail.com

    Address : New Delhi

    Contact Number : +919564254872

    Contact Person : Mr. Sanjay Kumar

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas bibendum diam quis mi egestas dapibus. In elit ligula, volutpat vel neque et, maximus viverra ligula. Fusce euismod diam dapibus quam semper consectetur vitae a lorem.

    Hide Code
                                            <div class="thumbs_view"> 
    <div class="equal-height trasnitionAll">
    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
    <div class="pub-box">
    <div class="pub-content clearfix">
    <div class="pub-img">
    <img src="http://preview.s3waas.gov.in/wp-content/themes/sdo-theme/images/events/event6.jpg" alt="">
    </div>
    <div class="pub-detail">
    <h2>Jan Dhan Yojana</h2>
    <p><strong>Website URL :</strong> <a href="www.google.com">www.google.com</a> </p>
    <p><strong>Email :</strong> <a href="mailto:dep@gmail.com">dep@gmail.com</a></p>
    <p><strong>Address :</strong> New Delhi</p>
    <p><strong>Contact Number :</strong> +919564254872</p>
    <p><strong>Contact Person :</strong> Mr. Sanjay Kumar</p>
    </div>
    </div>
    <div class="pub-bottom">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas bibendum diam quis mi egestas dapibus. In elit ligula, volutpat vel neque et, maximus viverra ligula. Fusce euismod diam dapibus quam semper consectetur vitae a lorem.</p>
    <div class="socialCont">
    <ul>
    <li><span class="icon-share"></span></li>
    <li><a href="#"><span class="icon-facebook"></span></a></li>
    <li><a href="#"><span class="icon-twitter"></span></a></li>
    </ul>
    </div>
    </div>
    <a href="#" class="arrowDetails"><span class="icon-arrow-right-2"></span></a>
    </div>
    </div>
    </div>
    </div>

    Publication

    Sample Alt

    Mahatma (eight volumes)

    Author : D.G. Tendulkar

    Subject : New Arrivals

    Language : English

    Date : 2017

    Binding Type : Paper Binding

    Price : 200

    This eight-volume biography on Mahatma Gandhi is conceived and written by DG Tendulkar during the lifetime of Bapu. These volumes capture the flavour of that phenomenal period in the nation's evolution distinctly

    Hide Code
                                            <div class="thumbs_view"> 
    <div class="equal-height trasnitionAll">
    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
    <div class="pub-box">
    <div class="pub-content clearfix">
    <div class="pub-img">
    <img src="http://preview.s3waas.gov.in/wp-content/themes/sdo-theme/images/publication-01.jpg" alt="">
    </div>
    <div class="pub-detail">
    <h2>Mahatma (eight volumes)</h2>
    <p><strong>Author :</strong> D.G. Tendulkar </p>
    <p><strong>Subject :</strong> New Arrivals</p>
    <p><strong>Language :</strong> English</p>
    <p><strong>Date :</strong> 2017</p>
    <p><strong>Binding Type :</strong> Paper Binding</p>
    <p><strong>Price :</strong> 200</p>
    </div>
    </div>
    <div class="pub-bottom">
    <p>This eight-volume biography on Mahatma Gandhi is conceived and written by DG Tendulkar during the lifetime of Bapu. These volumes capture the flavour of that phenomenal period in the nation's evolution distinctly</p>
    </div>
    <div class="socialCont">
    <ul>
    <li><span class="icon-share"></span></li>
    <li><a href="#"><span class="icon-facebook"></span></a></li>
    <li><a href="#"><span class="icon-twitter"></span></a></li>
    </ul>
    </div>
    <a href="#" class="arrowDetails"><span class="icon-arrow-right-2"></span></a>
    </div>
    </div>
    </div>
    </div>

    Scheme

    Higher Education

    Publish Date: 2/02/2017

    Details
    Hide Code
                                        <div class="row thumbs_view"> 
    <div class="equal-height trasnitionAll">
    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
    <div class="eventItem text-left">
    <div class="eventContent">
    <h2><a href="#">Higher Education</a></h2>
    <p><strong>Publish Date:</strong> 2/02/2017</p>
    <a href="#" class="btn btn-theme">Details <span class="icon-arrow-right-3"></span></a>
    </div>
    </div>
    </div>
    </div>
    </div>

    Video Gallery

    Hide Code
                                            <div class="thumbs_view"> 
    <div class="equal-height trasnitionAll">
    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
    <div class="video-gallery-main">
    <a href="#" class="gallery-image">
    <img src="http://preview.s3waas.gov.in/wp-content/themes/sdo-theme/images/video/video1.jpg">
    <div class="gallery-bg">
    <span class="btn">View All <span class="icon-menu-list"></span></span>
    </div>
    </a>
    <div class="gallery-content">
    <h2><a href="#"> Video categories name</a></h2>
    <p class="visibleTxt">In commodo pretium tellus, id vehicula mauris varius eget. Phasellus ac diam sapien. Pellentesque velit elit, hendrerit non ligula eu, placerat fermentum ligula. Duis maximus aliquam eros, sed convallis enim porttitor vel. Sed in lorem vitae arcu venenatis vestibulum ut sit </p>
    <div class="socialCont">
    <ul>
    <li><span class="icon-share"></span></li>
    <li><a href="#"><span class="icon-facebook"></span></a></li>
    <li><a href="#"><span class="icon-twitter"></span></a></li>
    </ul>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>

    Table

    Table Caption/Details
    Sl No. Name Job Role Email Address Phone
    1 Ravi Shankar Prasad Job role here mljoffice[at]gov[dot]in New Delhi +91-11-24369191
    2 Akansha Mitra Job role here abcd[at]example[dot]com New Delhi +91-11-24369191
    3 Aishwarya Basu Job role here abcd[at]example[dot]com New Delhi +91-11-24369191
    4 abc Job role here abcd[at]example[dot]com New Delhi +91-11-24369191
    Show Code
                                    <table> 
    <caption>Table Caption/Details</caption>
    <thead>
    <tr>
    <th scope="col">Sl No.</th>
    <th scope="col">Name</th>
    <th scope="col">Job Role</th>
    <th scope="col">Email</th>
    <th scope="col">Address</th>
    <th scope="col">Phone</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>1</td>
    <td><a href="#">Ravi Shankar Prasad</a></td>
    <td>Job role here</td>
    <td>mljoffice[at]gov[dot]in</td>
    <td>New Delhi</td>
    <td>+91-11-24369191</td>
    </tr>
    <tr>
    <td>2</td>
    <td><a href="#">Akansha Mitra</a></td>
    <td>Job role here</td>
    <td>abcd[at]example[dot]com</td>
    <td>New Delhi</td>
    <td>+91-11-24369191</td>
    </tr>
    <tr>
    <td>3</td>
    <td><a href="#">Aishwarya Basu</a></td>
    <td>Job role here</td>
    <td>abcd[at]example[dot]com</td>
    <td>New Delhi</td>
    <td>+91-11-24369191</td>
    </tr>
    <tr>
    <td>4</td>
    <td><a href="#">abc</a></td>
    <td>Job role here</td>
    <td>abcd[at]example[dot]com</td>
    <td>New Delhi</td>
    <td>+91-11-24369191</td>
    </tr>
    </tbody>
    </table>

    Table

    Table Caption/Details
    Sl No. Name Job Role Email Address Phone
    1 Ravi Shankar Prasad Job role here mljoffice[at]gov[dot]in New Delhi +91-11-24369191
    2 Akansha Mitra Job role here abcd[at]example[dot]com New Delhi +91-11-24369191
    3 xyz Job role here abcd[at]example[dot]com New Delhi +91-11-24369191
    4 abc Job role here abcd[at]example[dot]com New Delhi +91-11-24369191
    Show Code
                                    <table class="data-table-1"> 
    <caption>Table Caption/Details</caption>
    <thead>
    <tr>
    <th scope="col">Sl No.</th>
    <th scope="col">Name</th>
    <th scope="col">Job Role</th>
    <th scope="col">Email</th>
    <th scope="col">Address</th>
    <th scope="col">Phone</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>1</td>
    <td><a href="#">Ravi Shankar Prasad</a></td>
    <td>Job role here</td>
    <td>mljoffice[at]gov[dot]in</td>
    <td>New Delhi</td>
    <td>+91-11-24369191</td>
    </tr>
    <tr>
    <td>2</td>
    <td><a href="#">Akansha Mitra</a></td>
    <td>Job role here</td>
    <td>abcd[at]example[dot]com</td>
    <td>New Delhi</td>
    <td>+91-11-24369191</td>
    </tr>
    <tr>
    <td>3</td>
    <td><a href="#">xyz</a></td>
    <td>Job role here</td>
    <td>abcd[at]example[dot]com</td>
    <td>New Delhi</td>
    <td>+91-11-24369191</td>
    </tr>
    <tr>
    <td>4</td>
    <td><a href="#">abc</a></td>
    <td>Job role here</td>
    <td>abcd[at]example[dot]com</td>
    <td>New Delhi</td>
    <td>+91-11-24369191</td>
    </tr>
    </tbody>
    </table>

    Contact widget

    Name: Full name

    Email: abc[at]email[dot]com

    Phone: 9999999999

    Address: 3rd Floor, Dummy Building, Dummy Road, Dummy Nagar

    Pin: 000000

    Website: www[dot]website[dot]com

    Hide Code
                                    <div class="clear">
    <p><strong>Name:</strong> Full name</p>
    <p><strong>Email:</strong> abc[at]email[dot]com</p>
    <p><strong>Phone:</strong> 9999999999</p>
    <p><strong>Address:</strong> 3rd Floor, Dummy Building, Dummy Road, Dummy Nagar</p>
    <p><strong>Pin:</strong> 000000</p>
    <p><strong>Website:</strong> <a href="#">www[dot]website[dot]com</a></p>
    </div>