Modals

These are handy to create popup content that doesn't interfere with the main pages

<div class="form-group">
   <modal button-title="hello" modal-header="Form Example">
      <div class="p">
         <div class="row">
            <div class="col">
               <label for="test">First name</label>
               <input type="text" class="form-control" placeholder="testing">
            </div>
            <div class="col">
               <label for="test">Last name</label>
               <input type="text" class="form-control" placeholder="testing">
            </div>
         </div>
         <div class="row">
            <div class="col">
               <label for="test">Address</label>
               <textarea name="area" rows="5" class="form-control"></textarea>
            </div>
         </div>
      </div>
   </modal>
</div>
<div class="form-group">
   <modal button-title="developer" modal-header="header2">
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam aliquid distinctio
         accusantium ut explicabo ea harum repellat consequatur, facilis consequuntur minima ex
         magnam
         aliquam totam necessitatibus reprehenderit veniam, blanditiis rerum.
      </p>
   </modal>
</div>

Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam aliquid distinctio accusantium ut explicabo ea harum repellat consequatur, facilis consequuntur minima ex magnam aliquam totam necessitatibus reprehenderit veniam, blanditiis rerum.

Note this requires javascript (Vuejs 2.0)

laurel laurel

Join thousands of
satisfied customers

Try IgnitedCMS today!