Elements - Buttons | Grand asian university of sialkot

Style 1

                                
<section id="dt-content" class="sec-pt-lg buttons">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>Style 1</h2>
                <div class="row">
                   <div class="col-12 col-md-3">
                        <button type="button" class="btn btn-primary btn-sm">Button</button>
                        <button type="button" class="btn btn-primary">Button</button>
                        <button type="button" class="btn btn-primary btn-lg">Button</button>
                   </div>
                </div>
            </div>
        </div>
     </div>
 </section>

                                
<section id="dt-content" class="sec-pt-lg buttons">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>Style 1</h2>
                <div class="row">
                   <div class="col-12 col-md-3">
                        <button type="button" class="btn btn-outline-primary btn-sm">Button</button>
                        <button type="button" class="btn btn-outline-primary">Button</button>
                        <button type="button" class="btn btn-outline-primary btn-lg">Button</button>
                   </div>
                </div>
            </div>
        </div>
     </div>
 </section>

                                
<section id="dt-content" class="sec-pt-lg buttons">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>Style 1</h2>
                <div class="row">
                   <div class="col-12 col-md-3">
                        <button type="button" class="btn btn-secondary btn-sm">Button</button>
                        <button type="button" class="btn btn-secondary">Button</button>
                        <button type="button" class="btn btn-secondary btn-lg">Button</button>
                   </div>
                </div>
            </div>
        </div>
     </div>
 </section>

                                
<section id="dt-content" class="sec-pt-lg buttons">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>Style 1</h2>
                <div class="row">
                    <div class="col-12 col-md-3">
                        <button type="button" class="btn btn-outline-secondary btn-sm">Button</button>
                        <button type="button" class="btn btn-outline-secondary">Button</button>
                        <button type="button" class="btn btn-outline-secondary btn-lg">Button</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Style 2

                                
<section id="dt-content" class="sec-pt-lg buttons">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>Style 2</h2>
                <div class="row">
                   <div class="col-12 col-md-3">
                        <button type="button" class="btn btn-primary btn-alt btn-sm">Button</button>
                        <button type="button" class="btn btn-primary btn-alt">Button</button>
                        <button type="button" class="btn btn-primary btn-alt btn-lg">Button</button>
                   </div>
                </div>
            </div>
        </div>
     </div>
 </section>

                                
<section id="dt-content" class="sec-pt-lg buttons">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>Style 2</h2>
                <div class="row">
                   <div class="col-12 col-md-3">
                        <button type="button" class="btn btn-outline-primary btn-alt btn-sm">Button</button>
                        <button type="button" class="btn btn-outline-primary btn-alt">Button</button>
                        <button type="button" class="btn btn-outline-primary btn-alt btn-lg">Button</button>
                   </div>
                </div>
            </div>
        </div>
     </div>
 </section>

                                
<section id="dt-content" class="sec-pt-lg buttons">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>Style 2</h2>
                <div class="row">
                   <div class="col-12 col-md-3">
                        <button type="button" class="btn btn-secondary btn-alt btn-sm">Button</button>
                        <button type="button" class="btn btn-secondary btn-alt">Button</button>
                        <button type="button" class="btn btn-secondary btn-alt btn-lg">Button</button>
                   </div>
                </div>
            </div>
        </div>
     </div>
</section>

                                
<section id="dt-content" class="sec-pt-lg buttons">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>Style 2</h2>
                <div class="row">
                   <div class="col-12 col-md-3">
                         <button type="button" class="btn btn-outline-secondary btn-alt btn-sm">Button</button>
                        <button type="button" class="btn btn-outline-secondary btn-alt">Button</button>
                        <button type="button" class="btn btn-outline-secondary btn-alt btn-lg">Button</button>
                   </div>
                </div>
            </div>
        </div>
     </div>
 </section>

Elements - Buttons

Style 1

Style 2

Administration

For admission block

News & Events Block

News & Events

Admission Officer

Reach Us