Difference between revisions of "Team:NCKU Tainan/Integrated Human Practices"

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">&times;</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

Integrated Human Practices

Follow us

Contact us

igem.ncku.tainan@gmail.com
No.1, Daxue Rd., East Dist., Tainan City 701, Taiwan (R.O.C.)