<div id="owt-lms-tabs">
    <ul>
        <li><a href="#user-registration"><span>User Registration</span></a></li>
        <li><a href="#books-listing"><span>Book Gallery</span></a></li>
    </ul>
    <div id="user-registration">
        <style>
            #frm-add-student label.error{
                color:red;
            }
        </style>

        <div>Are you ready to use Library, register yourself as <b>Student</b>!</div>
        <form action="javascript:void(0)" id="frm-add-student">
            <div class="form-group">
                <label for="txt_reg_no">Registration ID*:</label>
                <input type="text" name="txt_reg_no" required="" placeholder="Registration ID" class="form-control" id="txt_reg_no">
            </div>
            <div class="form-group">
                <label for="txt_name">Name*:</label>
                <input type="text" name="txt_name" required="" placeholder="Name" class="form-control" id="txt_name">
            </div>
            <div class="form-group">
                <label for="dd_branch">Class/Branch*:</label>
                <select name="dd_branch" class="form-control" id="dd_branch">
                    <option value="-1">--Select Class--</option>
                                    </select>
            </div>
            <div class="form-group">
                <label for="txt_email">Email address:</label>
                <input type="email" class="form-control" id="txt_email" name="txt_email" placeholder="Email">
            </div>
            <div class="form-group">
                <label for="txt_phone">Phone no*:</label>
                <input type="number" min="1" required class="form-control" id="txt_phone" name="txt_phone" placeholder="Phone no">
            </div>
            <div class="form-group">
                <label for="txt_address">Address Info*:</label>
                <textarea class="form-control" required name="txt_address" id="txt_address" placeholder="Address Information"></textarea>
            </div>
            <div class="form-group">
                <label for="txt_city">City*:</label>
                <input type="text" required class="form-control" id="txt_city" name="txt_city" placeholder="City">
            </div>
            <div class="form-group">
                <label for="txt_state">State*:</label>
                <input type="text" required class="form-control" id="txt_state" name="txt_state" placeholder="State">
            </div>
            <div class="form-group">
                <label for="dd_country">Country*:</label>
                <select class="form-control" id="dd-counrty" name="txt_country">
                    <option value="-1">Select country</option>
                                                    <option value="1" >Afghanistan</option>
                                                                <option value="2" >Albania</option>
                                                                <option value="3" >Algeria</option>
                                                                <option value="4" >American Samoa</option>
                                                                <option value="5" >Andorra</option>
                                                                <option value="6" >Angola</option>
                                                                <option value="7" >Anguilla</option>
                                                                <option value="8" >Antarctica</option>
                                                                <option value="9" >Antigua And Barbuda</option>
                                                                <option value="10" >Argentina</option>
                                                                <option value="11" >Armenia</option>
                                                                <option value="12" >Aruba</option>
                                                                <option value="13" >Australia</option>
                                                                <option value="14" >Austria</option>
                                                                <option value="15" >Azerbaijan</option>
                                                                <option value="16" >Bahamas The</option>
                                                                <option value="17" >Bahrain</option>
                                                                <option value="18" >Bangladesh</option>
                                                                <option value="19" >Barbados</option>
                                                                <option value="20" >Belarus</option>
                                                                <option value="21" >Belgium</option>
                                                                <option value="22" >Belize</option>
                                                                <option value="23" >Benin</option>
                                                                <option value="24" >Bermuda</option>
                                                                <option value="25" >Bhutan</option>
                                                                <option value="26" >Bolivia</option>
                                                                <option value="27" >Bosnia and Herzegovina</option>
                                                                <option value="28" >Botswana</option>
                                                                <option value="29" >Bouvet Island</option>
                                                                <option value="30" >Brazil</option>
                                                                <option value="31" >British Indian Ocean Territory</option>
                                                                <option value="32" >Brunei</option>
                                                                <option value="33" >Bulgaria</option>
                                                                <option value="34" >Burkina Faso</option>
                                                                <option value="35" >Burundi</option>
                                                                <option value="36" >Cambodia</option>
                                                                <option value="37" >Cameroon</option>
                                                                <option value="38" >Canada</option>
                                                                <option value="39" >Cape Verde</option>
                                                                <option value="40" >Cayman Islands</option>
                                                                <option value="41" >Central African Republic</option>
                                                                <option value="42" >Chad</option>
                                                                <option value="43" >Chile</option>
                                                                <option value="44" >China</option>
                                                                <option value="45" >Christmas Island</option>
                                                                <option value="46" >Cocos (Keeling) Islands</option>
                                                                <option value="47" >Colombia</option>
                                                                <option value="48" >Comoros</option>
                                                                <option value="49" >Republic Of The Congo</option>
                                                                <option value="50" >Democratic Republic Of The Congo</option>
                                                                <option value="51" >Cook Islands</option>
                                                                <option value="52" >Costa Rica</option>
                                                                <option value="53" >Cote D'Ivoire (Ivory Coast)</option>
                                                                <option value="54" >Croatia (Hrvatska)</option>
                                                                <option value="55" >Cuba</option>
                                                                <option value="56" >Cyprus</option>
                                                                <option value="57" >Czech Republic</option>
                                                                <option value="58" >Denmark</option>
                                                                <option value="59" >Djibouti</option>
                                                                <option value="60" >Dominica</option>
                                                                <option value="61" >Dominican Republic</option>
                                                                <option value="62" >East Timor</option>
                                                                <option value="63" >Ecuador</option>
                                                                <option value="64" >Egypt</option>
                                                                <option value="65" >El Salvador</option>
                                                                <option value="66" >Equatorial Guinea</option>
                                                                <option value="67" >Eritrea</option>
                                                                <option value="68" >Estonia</option>
                                                                <option value="69" >Ethiopia</option>
                                                                <option value="70" >External Territories of Australia</option>
                                                                <option value="71" >Falkland Islands</option>
                                                                <option value="72" >Faroe Islands</option>
                                                                <option value="73" >Fiji Islands</option>
                                                                <option value="74" >Finland</option>
                                                                <option value="75" >France</option>
                                                                <option value="76" >French Guiana</option>
                                                                <option value="77" >French Polynesia</option>
                                                                <option value="78" >French Southern Territories</option>
                                                                <option value="79" >Gabon</option>
                                                                <option value="80" >Gambia The</option>
                                                                <option value="81" >Georgia</option>
                                                                <option value="82" >Germany</option>
                                                                <option value="83" >Ghana</option>
                                                                <option value="84" >Gibraltar</option>
                                                                <option value="85" >Greece</option>
                                                                <option value="86" >Greenland</option>
                                                                <option value="87" >Grenada</option>
                                                                <option value="88" >Guadeloupe</option>
                                                                <option value="89" >Guam</option>
                                                                <option value="90" >Guatemala</option>
                                                                <option value="91" >Guernsey and Alderney</option>
                                                                <option value="92" >Guinea</option>
                                                                <option value="93" >Guinea-Bissau</option>
                                                                <option value="94" >Guyana</option>
                                                                <option value="95" >Haiti</option>
                                                                <option value="96" >Heard and McDonald Islands</option>
                                                                <option value="97" >Honduras</option>
                                                                <option value="98" >Hong Kong S.A.R.</option>
                                                                <option value="99" >Hungary</option>
                                                                <option value="100" >Iceland</option>
                                                                <option value="101" >India</option>
                                                                <option value="102" >Indonesia</option>
                                                                <option value="103" >Iran</option>
                                                                <option value="104" >Iraq</option>
                                                                <option value="105" >Ireland</option>
                                                                <option value="106" >Israel</option>
                                                                <option value="107" >Italy</option>
                                                                <option value="108" >Jamaica</option>
                                                                <option value="109" >Japan</option>
                                                                <option value="110" >Jersey</option>
                                                                <option value="111" >Jordan</option>
                                                                <option value="112" >Kazakhstan</option>
                                                                <option value="113" >Kenya</option>
                                                                <option value="114" >Kiribati</option>
                                                                <option value="115" >Korea North</option>
                                                                <option value="116" >Korea South</option>
                                                                <option value="117" >Kuwait</option>
                                                                <option value="118" >Kyrgyzstan</option>
                                                                <option value="119" >Laos</option>
                                                                <option value="120" >Latvia</option>
                                                                <option value="121" >Lebanon</option>
                                                                <option value="122" >Lesotho</option>
                                                                <option value="123" >Liberia</option>
                                                                <option value="124" >Libya</option>
                                                                <option value="125" >Liechtenstein</option>
                                                                <option value="126" >Lithuania</option>
                                                                <option value="127" >Luxembourg</option>
                                                                <option value="128" >Macau S.A.R.</option>
                                                                <option value="129" >Macedonia</option>
                                                                <option value="130" >Madagascar</option>
                                                                <option value="131" >Malawi</option>
                                                                <option value="132" >Malaysia</option>
                                                                <option value="133" >Maldives</option>
                                                                <option value="134" >Mali</option>
                                                                <option value="135" >Malta</option>
                                                                <option value="136" >Man (Isle of)</option>
                                                                <option value="137" >Marshall Islands</option>
                                                                <option value="138" >Martinique</option>
                                                                <option value="139" >Mauritania</option>
                                                                <option value="140" >Mauritius</option>
                                                                <option value="141" >Mayotte</option>
                                                                <option value="142" >Mexico</option>
                                                                <option value="143" >Micronesia</option>
                                                                <option value="144" >Moldova</option>
                                                                <option value="145" >Monaco</option>
                                                                <option value="146" >Mongolia</option>
                                                                <option value="147" >Montserrat</option>
                                                                <option value="148" >Morocco</option>
                                                                <option value="149" >Mozambique</option>
                                                                <option value="150" >Myanmar</option>
                                                                <option value="151" >Namibia</option>
                                                                <option value="152" >Nauru</option>
                                                                <option value="153" >Nepal</option>
                                                                <option value="154" >Netherlands Antilles</option>
                                                                <option value="155" >Netherlands The</option>
                                                                <option value="156" >New Caledonia</option>
                                                                <option value="157" >New Zealand</option>
                                                                <option value="158" >Nicaragua</option>
                                                                <option value="159" >Niger</option>
                                                                <option value="160" >Nigeria</option>
                                                                <option value="161" >Niue</option>
                                                                <option value="162" >Norfolk Island</option>
                                                                <option value="163" >Northern Mariana Islands</option>
                                                                <option value="164" >Norway</option>
                                                                <option value="165" >Oman</option>
                                                                <option value="166" >Pakistan</option>
                                                                <option value="167" >Palau</option>
                                                                <option value="168" >Palestinian Territory Occupied</option>
                                                                <option value="169" >Panama</option>
                                                                <option value="170" >Papua new Guinea</option>
                                                                <option value="171" >Paraguay</option>
                                                                <option value="172" >Peru</option>
                                                                <option value="173" >Philippines</option>
                                                                <option value="174" >Pitcairn Island</option>
                                                                <option value="175" >Poland</option>
                                                                <option value="176" >Portugal</option>
                                                                <option value="177" >Puerto Rico</option>
                                                                <option value="178" >Qatar</option>
                                                                <option value="179" >Reunion</option>
                                                                <option value="180" >Romania</option>
                                                                <option value="181" >Russia</option>
                                                                <option value="182" >Rwanda</option>
                                                                <option value="183" >Saint Helena</option>
                                                                <option value="184" >Saint Kitts And Nevis</option>
                                                                <option value="185" >Saint Lucia</option>
                                                                <option value="186" >Saint Pierre and Miquelon</option>
                                                                <option value="187" >Saint Vincent And The Grenadines</option>
                                                                <option value="188" >Samoa</option>
                                                                <option value="189" >San Marino</option>
                                                                <option value="190" >Sao Tome and Principe</option>
                                                                <option value="191" >Saudi Arabia</option>
                                                                <option value="192" >Senegal</option>
                                                                <option value="193" >Serbia</option>
                                                                <option value="194" >Seychelles</option>
                                                                <option value="195" >Sierra Leone</option>
                                                                <option value="196" >Singapore</option>
                                                                <option value="197" >Slovakia</option>
                                                                <option value="198" >Slovenia</option>
                                                                <option value="199" >Smaller Territories of the UK</option>
                                                                <option value="200" >Solomon Islands</option>
                                                                <option value="201" >Somalia</option>
                                                                <option value="202" >South Africa</option>
                                                                <option value="203" >South Georgia</option>
                                                                <option value="204" >South Sudan</option>
                                                                <option value="205" >Spain</option>
                                                                <option value="206" >Sri Lanka</option>
                                                                <option value="207" >Sudan</option>
                                                                <option value="208" >Suriname</option>
                                                                <option value="209" >Svalbard And Jan Mayen Islands</option>
                                                                <option value="210" >Swaziland</option>
                                                                <option value="211" >Sweden</option>
                                                                <option value="212" >Switzerland</option>
                                                                <option value="213" >Syria</option>
                                                                <option value="214" >Taiwan</option>
                                                                <option value="215" >Tajikistan</option>
                                                                <option value="216" >Tanzania</option>
                                                                <option value="217" >Thailand</option>
                                                                <option value="218" >Togo</option>
                                                                <option value="219" >Tokelau</option>
                                                                <option value="220" >Tonga</option>
                                                                <option value="221" >Trinidad And Tobago</option>
                                                                <option value="222" >Tunisia</option>
                                                                <option value="223" >Turkey</option>
                                                                <option value="224" >Turkmenistan</option>
                                                                <option value="225" >Turks And Caicos Islands</option>
                                                                <option value="226" >Tuvalu</option>
                                                                <option value="227" >Uganda</option>
                                                                <option value="228" >Ukraine</option>
                                                                <option value="229" >United Arab Emirates</option>
                                                                <option value="230" >United Kingdom</option>
                                                                <option value="231" >United States</option>
                                                                <option value="232" >United States Minor Outlying Islands</option>
                                                                <option value="233" >Uruguay</option>
                                                                <option value="234" >Uzbekistan</option>
                                                                <option value="235" >Vanuatu</option>
                                                                <option value="236" >Vatican City State (Holy See)</option>
                                                                <option value="237" >Venezuela</option>
                                                                <option value="238" >Vietnam</option>
                                                                <option value="239" >Virgin Islands (British)</option>
                                                                <option value="240" >Virgin Islands (US)</option>
                                                                <option value="241" >Wallis And Futuna Islands</option>
                                                                <option value="242" >Western Sahara</option>
                                                                <option value="243" >Yemen</option>
                                                                <option value="244" >Yugoslavia</option>
                                                                <option value="245" >Zambia</option>
                                                                <option value="246" >Zimbabwe</option>
                                                </select>
            </div>
            <div class="form-group">
                <label for="txt_fname">Father's Name*:</label>
                <input type="text" name="txt_fname" required="" placeholder="Father's name" class="form-control" id="txt_fname">
            </div>
            <div class="form-group">
                <label for="txt_mname">Mother's Name*:</label>
                <input type="text" name="txt_mname" required="" placeholder="Mother's name" class="form-control" id="txt_mname">
            </div>
            <div class="form-group">
                <label for="txt_parent_phone">Parent Phone no:</label>
                <input type="number" min='1' class="form-control" id="txt_parent_phone" name="txt_parent_phone" placeholder="Parent Phone no">
            </div>

            <button type="submit" class="btn btn-primary">Submit</button>
        </form>
    </div>
    <div id="books-listing">
        <div>Available Books at Library</div>

        <div id="lib-front-area">
            <form method="post" id="frm-search-book">
                <div>
                    Filter by: 
                    <select name="dd_category" id="dd_category">
                        <option value="-1">--select category--</option>
                                                        <option value="1">H?KAYE</option>
                                                    </select>
                </div>
            </form>
            <div id="lib-load-book">
                        <div class="single-book-item">
            <div class="book-image"><img src="http://kutuphane.tema.k12.tr/wp-content/plugins/library-management-system/assets/images/blank-book.jpg" style="height: 100px;width: 100px;"/></div>
            <div class="book-title">Title: BENEKL? FAREM? GÖRDÜNÜZ MÜ?</div>
            <div class="book-author">Author: YKY YAYIN EV?</div>
            <div class="book-category">Category: H?KAYE</div>
            <div class="book-isbn">ISBN: </div>
        </div>
                    </div>
        </div>
    </div>
</div>{"id":11,"date":"2020-12-25T07:48:18","date_gmt":"2020-12-25T07:48:18","guid":{"rendered":"http:\/\/kutuphane.tema.k12.tr\/index.php\/library-tabs\/"},"modified":"2020-12-25T07:48:18","modified_gmt":"2020-12-25T07:48:18","slug":"library-tabs","status":"publish","type":"page","link":"https:\/\/kutuphane.tema.k12.tr\/index.php\/library-tabs\/","title":{"rendered":"Library Tabs"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_regular_price":[],"currency_symbol":[],"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"post_slider_layout_featured_media_urls":{"thumbnail":"","post_slider_layout_landscape_large":"","post_slider_layout_portrait_large":"","post_slider_layout_square_large":"","post_slider_layout_landscape":"","post_slider_layout_portrait":"","post_slider_layout_square":"","full":""},"_links":{"self":[{"href":"https:\/\/kutuphane.tema.k12.tr\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kutuphane.tema.k12.tr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kutuphane.tema.k12.tr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kutuphane.tema.k12.tr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kutuphane.tema.k12.tr\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":0,"href":"https:\/\/kutuphane.tema.k12.tr\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"wp:attachment":[{"href":"https:\/\/kutuphane.tema.k12.tr\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}