Modal:

This section is used to display a button which on click shows a modal consist of title, content and image.


Available Options:


Output:

Code:


<div class="darkout-section">
{% include do-modal.html tag="modules" id="one" %}
</div>


How to add content

- modal-button-title: click to open popup modal  # Use Modal button title here
  modal-title: Modal title 1  # Use Modal title here
  modal-content: <img class="img-fluid" src="/assets/images/sample.jpg" alt=""><br>This is modal content for this modal1. 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 Modal content here
  tags: modules  # Use modal tag here

How to add in page

<div class="darkout-section">{% include do-modal.html tag="modules" id="one" %}</div>