Info Item:

This section is used to display a title and a description.


Available Options:

  • Info item with title and content.

Info item with title and content:

Output:

Block and Modules

We have created various blocks of modules, that is easily customisable and can be used in different parts of the website with one include file and manage content from one associated YAMAL files.

Code:


<div class="darkout-section">
{% include do-info-item.html tag="info-item-page" %}
</div>


How to add content:

  • Step1: Navigate to the data file for info item in _data > do-info-block.yml
  • Step2: Add content to the data file as shown in the below example.
- title: Block and Modules  # Use title here
  description: We have created various blocks of modules, that is easily customisable and can be used in different parts of the website with one include file and manage content from one associated YAMAL files.  # Use description here
  tags: info-item-page  # Use tag name here
  • Step3: In the data file tags is a mandatory value. Without using tags info item will not be displayed.

How to add in page:

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

<div class="darkout-section">{% include do-info-item.html tag="info-item-page" %}</div>

  • Attributes:
    • Tag:
      • Tag is a mandatory attribute without using tag Info-item will not be displayed. (Mandatory)
    • Class:
      • Additional class can be used here.