<?php
include("header.php");
?>
<div class="ch-container">
    <div class="row">
        <?php
include("sidebar.php");
?>

        <noscript>
            <div class="alert alert-block col-md-12">
                <h4 class="alert-heading">Warning!</h4>

                <p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a>
                    enabled to use this site.</p>
            </div>
        </noscript>

        <div id="content" class="col-lg-10 col-sm-10">
            <!-- content starts -->
                <div>
        <ul class="breadcrumb">
            <li>
                <a href="#">Home</a>
            </li>
            <li>
                <a href="#">Gallery</a>
            </li>
        </ul>
    </div>

    <div class="row">
        <div class="box col-md-12">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <h2><i class="glyphicon glyphicon-picture"></i> Gallery</h2>

                    <div class="box-icon">
                        <a href="#" class="btn btn-setting btn-round btn-default"><i
                                class="glyphicon glyphicon-cog"></i></a>
                        <a href="#" class="btn btn-minimize btn-round btn-default"><i
                                class="glyphicon glyphicon-chevron-up"></i></a>
                        <a href="#" class="btn btn-close btn-round btn-default"><i
                                class="glyphicon glyphicon-remove"></i></a>
                    </div>
                </div>
                <div class="box-content">
                    <br>
                    <ul class="thumbnails gallery">
                                                    <li id="image-1" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/1.jpg)"
                                   title="Sample Image 1" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/1.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/1.jpg"
                                        alt="Sample Image 1"></a>
                            </li>
                                                    <li id="image-2" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/2.jpg)"
                                   title="Sample Image 2" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/2.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/2.jpg"
                                        alt="Sample Image 2"></a>
                            </li>
                                                    <li id="image-3" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/3.jpg)"
                                   title="Sample Image 3" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/3.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/3.jpg"
                                        alt="Sample Image 3"></a>
                            </li>
                                                    <li id="image-4" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/4.jpg)"
                                   title="Sample Image 4" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/4.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/4.jpg"
                                        alt="Sample Image 4"></a>
                            </li>
                                                    <li id="image-5" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/5.jpg)"
                                   title="Sample Image 5" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/5.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/5.jpg"
                                        alt="Sample Image 5"></a>
                            </li>
                                                    <li id="image-6" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/6.jpg)"
                                   title="Sample Image 6" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/6.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/6.jpg"
                                        alt="Sample Image 6"></a>
                            </li>
                                                    <li id="image-7" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/7.jpg)"
                                   title="Sample Image 7" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/7.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/7.jpg"
                                        alt="Sample Image 7"></a>
                            </li>
                                                    <li id="image-8" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/8.jpg)"
                                   title="Sample Image 8" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/8.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/8.jpg"
                                        alt="Sample Image 8"></a>
                            </li>
                                                    <li id="image-9" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/9.jpg)"
                                   title="Sample Image 9" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/9.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/9.jpg"
                                        alt="Sample Image 9"></a>
                            </li>
                                                    <li id="image-10" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/10.jpg)"
                                   title="Sample Image 10" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/10.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/10.jpg"
                                        alt="Sample Image 10"></a>
                            </li>
                                                    <li id="image-11" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/11.jpg)"
                                   title="Sample Image 11" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/11.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/11.jpg"
                                        alt="Sample Image 11"></a>
                            </li>
                                                    <li id="image-12" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/12.jpg)"
                                   title="Sample Image 12" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/12.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/12.jpg"
                                        alt="Sample Image 12"></a>
                            </li>
                                                    <li id="image-13" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/13.jpg)"
                                   title="Sample Image 13" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/13.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/13.jpg"
                                        alt="Sample Image 13"></a>
                            </li>
                                                    <li id="image-14" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/14.jpg)"
                                   title="Sample Image 14" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/14.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/14.jpg"
                                        alt="Sample Image 14"></a>
                            </li>
                                                    <li id="image-15" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/15.jpg)"
                                   title="Sample Image 15" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/15.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/15.jpg"
                                        alt="Sample Image 15"></a>
                            </li>
                                                    <li id="image-16" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/16.jpg)"
                                   title="Sample Image 16" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/16.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/16.jpg"
                                        alt="Sample Image 16"></a>
                            </li>
                                                    <li id="image-17" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/17.jpg)"
                                   title="Sample Image 17" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/17.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/17.jpg"
                                        alt="Sample Image 17"></a>
                            </li>
                                                    <li id="image-18" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/18.jpg)"
                                   title="Sample Image 18" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/18.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/18.jpg"
                                        alt="Sample Image 18"></a>
                            </li>
                                                    <li id="image-19" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/19.jpg)"
                                   title="Sample Image 19" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/19.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/19.jpg"
                                        alt="Sample Image 19"></a>
                            </li>
                                                    <li id="image-20" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/20.jpg)"
                                   title="Sample Image 20" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/20.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/20.jpg"
                                        alt="Sample Image 20"></a>
                            </li>
                                                    <li id="image-21" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/21.jpg)"
                                   title="Sample Image 21" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/21.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/21.jpg"
                                        alt="Sample Image 21"></a>
                            </li>
                                                    <li id="image-22" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/22.jpg)"
                                   title="Sample Image 22" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/22.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/22.jpg"
                                        alt="Sample Image 22"></a>
                            </li>
                                                    <li id="image-23" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/23.jpg)"
                                   title="Sample Image 23" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/23.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/23.jpg"
                                        alt="Sample Image 23"></a>
                            </li>
                                                    <li id="image-24" class="thumbnail">
                                <a style="background:url(https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/24.jpg)"
                                   title="Sample Image 24" href="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/24.jpg"><img
                                        class="grayscale" src="https://raw.githubusercontent.com/usmanhalalit/charisma/1.x/img/gallery/thumbs/24.jpg"
                                        alt="Sample Image 24"></a>
                            </li>
                                            </ul>
                </div>
            </div>
        </div>
        <!--/span-->

    </div><!--/row-->

    <!-- content ends -->
    </div><!--/#content.col-md-0-->
</div><!--/fluid-row-->

    <!-- Ad, you can remove it -->
    <div class="row">
        <div class="col-md-9 col-lg-9 col-xs-9 hidden-xs">
            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <!-- Charisma Demo 2 -->
            <ins class="adsbygoogle"
                 style="display:inline-block;width:728px;height:90px"
                 data-ad-client="ca-pub-5108790028230107"
                 data-ad-slot="3193373905"></ins>
            <script>
                (adsbygoogle = window.adsbygoogle || []).push({});
            </script>
        </div>
        <div class="col-md-2 col-lg-3 col-sm-12 col-xs-12 email-subscription-footer">
            <div class="mc_embed_signup">
                <form action="//halalit.us3.list-manage.com/subscribe/post?u=444b176aa3c39f656c66381f6&amp;id=eeb0c04e84" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
                    <div>
                        <label>Keep up with my work</label>
                        <input type="email" value="" name="EMAIL" class="email" placeholder="Email address" required>

                        <div class="power_field"><input type="text" name="b_444b176aa3c39f656c66381f6_eeb0c04e84" tabindex="-1" value=""></div>
                        <div class="clear"><input type="submit" value="Subscribe" name="subscribe" class="button"></div>
                    </div>
                </form>
            </div>

            <!--End mc_embed_signup-->
        </div>

    </div>
    <!-- Ad ends -->

    <hr>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">

        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <h3>Settings</h3>
                </div>
                <div class="modal-body">
                    <p>Here settings can be configured...</p>
                </div>
                <div class="modal-footer">
                    <a href="#" class="btn btn-default" data-dismiss="modal">Close</a>
                    <a href="#" class="btn btn-primary" data-dismiss="modal">Save changes</a>
                </div>
            </div>
        </div>
    </div>

    <?php
include("footer.php");
?>