Order Now

Gratitude Theme Documentation

  • Install Concrete5
  • Open Downloaded theme, extract it and there is folder “theme_gratitude”. Keep folder to root -> Package folder.
  • Then Go to “Dashboard -> Extend Concrete5″ Then you can see both package, click on “Install”
  • Optional Add-On if you need Gallery you can use desire plugin which shows thumbnail lightbox, here i have used “Sortable Responsive Gallery

Now go to Themes, and active “Gratitude” Theme…

Now theme creates 2 Global Stacks.”Copyright Text” and  “Social Icons”  you need to add below content blocks.

Go to Dashboard  –> Stacks

Add Below content as mention

Add to “Copyright Text” , Add Content Block and copy below content and paste in HTML Mode

  1. <p>© Gratitude Theme. Developed By <a href="http://www.psd2concrete5.com">psd2concrete5.com</a></p>

Add to  “Social Icons” , Add Content Block and copy below content and paste in HTML Mode

<ul class="actions">
<li><a class="icon fa-twitter" href="#"><span class="label">Twitter</span></a></li>
<li><a class="icon fa-facebook" href="#"><span class="label">Facebook</span></a></li>
<li><a class="icon fa-google-plus" href="#"><span class="label">Google+</span></a></li>
<li><a class="icon fa-dribbble" href="#"><span class="label">Dribbble</span></a></li>
<li><a class="icon fa-pinterest" href="#"><span class="label">Pinterest</span></a></li>
<li><a class="icon fa-instagram" href="#"><span class="label">Instagram</span></a></li>
</ul>

Now We are going to create Sections….

  • Click On “Edit” this page button,  then “Add to main” and “add block”
  • Insert “Content Block” and add below content in HTML Mode and then click on “Save”
  1. <h2 style="text-align: center;">Hello.</h2>
  2. <p style="text-align: center;">Welcome to <strong>Gratitude Concrete5 Theme</strong></p>
  3. <p style="text-align: center;">a responsive One page Portfolio</p>
  4. <p style="text-align: center;">theme by <a href="http://www.rajeshkhatri.in">rajeshkhatri.in</a></p>
  5. <p style="text-align: center;"><a class="button" href="#slide2">More</a></p>

Click on inserted Block –> Custom Template –> Block Name — > Insert Block name here, This will be your top nav link name…

For Intro, My work and contact page section you need to add Css class on Block — > Design –> CSS.

For Full width background Image and sections you need to add class name “full-width” as below

After That you can add page “Background Color” Or “Background Image ” via Click on Block –> Design –> Background Tab

After this step your page view as below…

Provided below are html for each sections for reference…

  • For “What I Do ” Section as below…
  1. <div class="right">
  2. <h2>What I Do</h2>
  3. <p>Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum. Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu, id varius justo euismod in. Curabitur egestas consectetur magna. Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum. Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu, id varius justo euismod in. Curabitur egestas consectetur magna.</p>
  4. </div>

Note: Class name “right” and “left” which shows left floating content with white background…

For “Who I Am” section…

  1. <div class="left">
  2. <h2>Who I Am</h2>
  3. Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum. Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu, id varius justo euismod in. Curabitur egestas consectetur magna. Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum. Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu, id varius justo euismod in. Curabitur egestas consectetur magna.</div>

For My Work , Add Block “Sortable Responsive Gallery” and for contact add Block “Form” for both add css class “full-width” as shown above.

what marketplace Customer’s Say