This section is used to display number of columns of content with icon, title and description.
Output:
Jekyll theme is built the latest version of Bootstrap, Easy to customise and make it yours.
Darkout theme is built on responsive CSS. Your website will look amazing on all devices from large to small.
We have applied various strategy to separate content from code, making it easy for you to manage universal content.
Code:
<div class="darkout-section">
{% include do-info-block.html tag="samples" content-alignment="center" %}
</div>
_data > do-info-block.yml
- icon: <img src="/assets/images/icons/white/bootstrap.svg"> # Use icon here
title: Based on Bootstrap 4.x # Use icon block title here
description: Jekyll theme is built the latest version of Bootstrap, Easy to customise and make it yours. # Use description for icon block
tags: samples # Use info-block tag name here
<div class="darkout-section">{% include do-info-block.html tag="samples" content-alignment="center" %}</div>
Output:
Jekyll theme is built the latest version of Bootstrap, Easy to customise and make it yours.
Darkout theme is built on responsive CSS. Your website will look amazing on all devices from large to small.
We have applied various strategy to separate content from code, making it easy for you to manage universal content.
Code:
<div class="darkout-section">
{% include do-info-block.html tag="samples" content-alignment="left" %}
</div>
_data > do-info-block.yml
- icon: <img src="/assets/images/icons/white/bootstrap.svg"> # Use icon here
title: Based on Bootstrap 4.x # Use icon block title here
description: Jekyll theme is built the latest version of Bootstrap, Easy to customise and make it yours. # Use description for icon block
tags: samples # Use info-block tag name here
<div class="darkout-section">{% include do-info-block.html tag="samples" content-alignment="left" %}</div>
Output:
Jekyll theme is built the latest version of Bootstrap, Easy to customise and make it yours.
Darkout theme is built on responsive CSS. Your website will look amazing on all devices from large to small.
We have applied various strategy to separate content from code, making it easy for you to manage universal content.
Code:
<div class="darkout-section">
{% include do-info-block.html tag="samples" content-alignment="right" %}
</div>
_data > do-info-block.yml
- icon: <img src="/assets/images/icons/white/bootstrap.svg"> # Use icon here
title: Based on Bootstrap 4.x # Use icon block title here
description: Jekyll theme is built the latest version of Bootstrap, Easy to customise and make it yours. # Use description for icon block
tags: samples # Use info-block tag name here
<div class="darkout-section">{% include do-info-block.html tag="samples" content-alignment="right" %}</div>
Output:
Jekyll theme is built the latest version of Bootstrap, Easy to customise and make it yours.
Darkout theme is built on responsive CSS. Your website will look amazing on all devices from large to small.
We have applied various strategy to separate content from code, making it easy for you to manage universal content.
Code:
<div class="darkout-section">
{% include do-info-block.html tag="samples" laptop= 3 tablet= 3 mobile= 2 %}
</div>
_data > do-info-block.yml
- icon: <img src="/assets/images/icons/white/bootstrap.svg"> # Use icon here
title: Based on Bootstrap 4.x # Use icon block title here
description: Jekyll theme is built the latest version of Bootstrap, Easy to customise and make it yours. # Use description for icon block
tags: samples # Use info-block tag name here
<div class="darkout-section">{% include do-info-block.html tag="samples" laptop= 3 tablet= 3 mobile= 2 %}</div>