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
Show Code
<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
Show Code
<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
Show Code
<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
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>
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
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>
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>
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
Show Code
<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>
Border Radius
Radius 1
Radius 2
Radius 3
Radius 4
Show Code
<span class="border-radius1"> </span>
<span class="border-radius2"> </span>
<span class="border-radius3"> </span>
<span class="border-radius4"> </span>
Text Decoration
This is heading 1
This is heading 2
This is heading 3
This is heading 4
Show Code
<h1 class="underline"> This is heading 1 </h1>
<h2 class="overline"> This is heading 2 </h2>
<h3 class="line-through"> This is heading 3 </h3>
<h4 class="underline-overline"> This is heading 4 </h4>
Box Styles
Add class="box border"
Add class="heading3 box border1 accent-border-color"
Add class="box accent-nutural-color"
Add class="box accent-color"
Add class="box accent-secondary-color"
Add class="box accent-fixed-color"
Add class="box border1 box-style1 accent-secondary-border-color"
Add class="box border1 box-style1 border-top0 border-right0 accent-border-color"
Show Code
<div class="box border"> Box Style 1 </div>
<div class="heading3 box border1 accent-border-color"> Box Style 2 </div>
<div class="box accent-nutural-color"> Box Style 3 </div>
<div class="box accent-color"> Box Style 4 </div>
<div class="box accent-secondary-color"> Box Style 5 </div>
<div class="box accent-fixed-color"> Box Style 6 </div>
<div class="box border1 box-style1 accent-secondary-border-color"> Box Style 7 </div>
<div class="box border1 box-style1 border-top0 border-right0 accent-border-color"> Box Style 8 </div>
PDF Link
Show Code
<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
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
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
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
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>
Photo Gallery
20Images
Hide Code
<div class="thumbs_view">
<div class="equal-height gallery-container">
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<div class="awardListing">
<div class="eventImage">
<div class="photo-count">
<span class="icon-photo-album"></span>
<strong>20</strong>Images
</div>
<img src="http://preview.s3waas.gov.in/wp-content/themes/sdo-theme/images/photoGallery/photogallery1.png">
</div>
<div class="awardContent">
<h2><a href="#">Indian Classical Dances</a></h2>
<p class="visibleTxt">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>
News
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
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
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
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
View All
Video categories name
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
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
| Sl No. | Name | Job Role | Address | Phone | |
|---|---|---|---|---|---|
| 1 | Demo Title 1 | Job role here | mljoffice[at]gov[dot]in | New Delhi | +91-11-24369191 |
| 2 | Demo Title 2 | Job role here | abcd[at]example[dot]com | New Delhi | +91-11-24369191 |
| 3 | Demo Title 3 | Job role here | abcd[at]example[dot]com | New Delhi | +91-11-24369191 |
| 4 | Demo Title 4 | 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="#">Demo Title 1</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="#">Demo Title 2</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="#">Demo Title 3</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="#">Demo Title 4</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
| Sl No. | Name | Job Role | Address | Phone | |
|---|---|---|---|---|---|
| 1 | Demo Title 1 | Job role here | mljoffice[at]gov[dot]in | New Delhi | +91-11-24369191 |
| 2 | Demo Title 2 | Job role here | abcd[at]example[dot]com | New Delhi | +91-11-24369191 |
| 3 | Demo Title 3 | Job role here | abcd[at]example[dot]com | New Delhi | +91-11-24369191 |
| 4 | Demo Title 4 | 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="#">Demo Title 1</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="#">Demo Title 2</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="#">Demo Title 3</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="#">Demo Title 4</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>