Title:

This section displays a title, description, a button with link and a bottom image section.


Available Options:

  • Title section with bottom image.

Title section with bottom image:

Output:

Fully Responsive Multipurpose Jekyll Theme

Static Site Generater using Jekyll Framework, build on modules, easy to build your own superfast Jekyll website.

do-title-bottom-image

Code:


<div class="darkout-section">
{% include do-title.html tag="home-1" %}
</div>


How to add content:

  • Step1: Navigate to the data file for title in _data > do-title.yml
  • Step2: Add content to the data file as shown in the below example.
- custom-title: Fully Responsive Multipurpose Jekyll Theme  # Use page-title title here
  description: Static Site Generater using Jekyll Framework, build on modules, easy to build your own superfast Jekyll website.  # Use page-title description here
  button-text: Buy now  # Use page-title button-text here
  button-link: /pricing/  # Use page-title button-link here
  bottom-image: /assets/images/home/home-hero.png  # Use page-title bottom-image here
  tags: home-1  # Use page-title tag here
  • Step3: In the data file tags is a mandatory value. Without using tags title will not be displayed.

How to add in page:

  • Step1: Add title to the page using the include statement.
  • Step2: On the page use

<div class="darkout-section">{% include do-title.html tag="home-1" %}</div>

  • Attributes:
    • Tag:
      • Tag is a mandatory attribute without using tag title will not be displayed. (Mandatory)
    • Class:
      • Use additional class here as include variable.