Content Section:

This section consist of title, description and a button with link on both side of the column which can be embedded for the purpose of displaying some information about the site.


Available Options:

  • Content section with two columns.

Content section with two columns:

Output:

Title - 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Title - 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Code:


<div class="darkout-section">
{% include do-content-section.html tag="module" %}
</div>


How to add content:

  • Step1: Navigate to the data file for content section in _data > do-content-section.yml
  • Step2: Add content to the data file as shown in the below example.
- first-title: Title - 1  # Use first title here
  first-content: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  # Use first content here
  first-button-name: Read More  # Use button name here
  first-button-url: "#"  # Use button url here
  second-title: Title - 2  # Use second title here
  second-content: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  # Use second content here
  second-button-name: Read More  # Use button name here
  second-button-url: "#"  # Use button url here
  tag: module  # Use tag here
  • Step3: In the data file tag is a mandatory value. Without using tag content section will not be displayed.

How to add in page:

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

<div class="darkout-section">{% include do-content-section.html tag="module" %}</div>

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