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
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.
<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.
<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
<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>
<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
<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>
<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>
<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>
Component 1
<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="#">Lorem ipsum dolor sit amet</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>
Component 2
<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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porta euismod erat et pretium. Suspendisse tincidunt vestibulum orci, ut gravida augue tincidunt nec</p>
<div class="posted">Posted on: 11th Nov 2019</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>
Component 3
<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="#">Lorem ipsum dolor sit amet</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>
Component 4
Lorem ipsum dolor sit amet
Website URL : www.google.com
Telephone : +919999999999
Email : abc@email.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.
<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>Lorem ipsum dolor sit amet</h2>
<p><strong>Website URL :</strong> <a href="www.google.com">www.google.com</a> </p>
<p><strong>Telephone :</strong> +919999999999</p>
<p><strong>Email :</strong> <a href="mailto:abc@email.com">abc@email.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>
Component 5
<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="#">Lorem ipsum dolor sit amet</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>
Component 6
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
<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>
Component 7
<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="#">Lorem ipsum dolor sit amet</a></h2>
<p><strong>Publish Date:</strong> 11/11/2019</p>
<a href="#" class="btn btn-theme">Details <span class="icon-arrow-right-3"></span></a>
</div>
</div>
</div>
</div>
</div>
Component 8
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
<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 |
<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>
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 |
<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
<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>