Oscarliu117 (Talk | contribs) |
Oscarliu117 (Talk | contribs) |
||
Line 60: | Line 60: | ||
<div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal" | <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal" | ||
data-target="#exampleModalLong"><a>Read More</a></div> | data-target="#exampleModalLong"><a>Read More</a></div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" | ||
+ | aria-labelledby="exampleModalLongTitle" aria-hidden="true"> | ||
+ | <div class="modal-dialog" role="document"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-label="Close"> | ||
+ | <span aria-hidden="true">×</span> | ||
+ | </button> | ||
+ | </div> | ||
+ | <div class="modal-body"> | ||
+ | <p class="hpcontent">Nullam hendrerit ipsum a commodo aliquet. | ||
+ | Curabitur sem metus, ornare ut | ||
+ | gravida eu, sagittis rutrum massa. Phasellus id sem sed justo | ||
+ | convallis pharetra ut | ||
+ | tristique | ||
+ | ipsum. Ut facilisis leo risus, vitae sollicitudin massa ornare sit | ||
+ | amet. Aliquam varius | ||
+ | venenatis massa, sed finibus urna tempor a. Integer viverra tortor | ||
+ | purus. Cras eget elit | ||
+ | vitae | ||
+ | nunc iaculis sagittis id ac nibh. Donec in congue nisi. Vestibulum | ||
+ | ante ipsum primis in | ||
+ | faucibus orci luctus et ultrices posuere cubilia Curae; In | ||
+ | facilisis feugiat nunc, bibendum | ||
+ | finibus nulla. Curabitur auctor nec ligula ac cursus. Nulla a | ||
+ | ornare lacus. Cras vestibulum | ||
+ | fringilla congue. Duis quis placerat ipsum, eget aliquet magna. | ||
+ | Nunc at justo at enim | ||
+ | posuere | ||
+ | commodo.</p> | ||
+ | |||
+ | <p class="hpcontent">Nullam hendrerit ipsum a commodo aliquet. | ||
+ | Curabitur sem metus, ornare ut | ||
+ | gravida eu, sagittis rutrum massa. Phasellus id sem sed justo | ||
+ | convallis pharetra ut | ||
+ | tristique | ||
+ | ipsum. Ut facilisis leo risus, vitae sollicitudin massa ornare sit | ||
+ | amet. Aliquam varius | ||
+ | venenatis massa, sed finibus urna tempor a. Integer viverra tortor | ||
+ | purus. Cras eget elit | ||
+ | vitae | ||
+ | nunc iaculis sagittis id ac nibh. Donec in congue nisi. Vestibulum | ||
+ | ante ipsum primis in | ||
+ | faucibus orci luctus et ultrices posuere cubilia Curae; In | ||
+ | facilisis feugiat nunc, bibendum | ||
+ | finibus nulla. Curabitur auctor nec ligula ac cursus. Nulla a | ||
+ | ornare lacus. Cras vestibulum | ||
+ | fringilla congue. Duis quis placerat ipsum, eget aliquet magna. | ||
+ | Nunc at justo at enim | ||
+ | posuere | ||
+ | commodo.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
Revision as of 03:07, 22 September 2018