<?php global $redux_demo;?>
<footer>
    <div class="container">
        <div class="row">
            <?php dynamic_sidebar("Footer sidebar");?>
            <div class="col-sm-12">
                <div class="copyright">
                    <?php _e('Copyright', 'Aruna');?> &copy; <?php bloginfo('name');?>. <?php _e('Developed by', 'Aruna');?> <a title="WordPress Themes" href="http://www.20script.ir">20Script</a>.
                </div>
            </div>
        </div>
    </div>
</footer>
<?php if($redux_demo['jumptop_button'] != 2) { ?>
    <a href="#" class="scroll-top">&nbsp;</a>
<?php } 
if($redux_demo['enable_randombutton'] != 2) { ?>
    <a href="javascript:void(0)" class="random_post">&nbsp;</a>
<?php } 
if($redux_demo['enable_keyboard'] != 2) { ?>
    <a href="#keyboardModal" data-toggle="modal" class="keyboard">&nbsp;</a>
<?php } 
if(!is_user_logged_in() ) { ?>
    <div class="modal fade" id="registerModal" tabindex="-1" role="dialog" aria-labelledby="registerModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="modal-top-menu">
                        <div class="half">
                            <button class="btn btn-link btn-block active-ind" rel="register-window"><?php _e('Register new account', 'Aruna');?></button>
                        </div>
                        <div class="half">
                            <button class="btn btn-link btn-block" rel="login-window"><?php _e('Login', 'Aruna');?></button>
                        </div>
                    </div>
                    <div class="modal-window register-window">
                        <form method="post" action="<?php echo site_url('wp-login.php?action=register', 'login_post') ?>">
                            <div class="row">
                                <div class="col-sm-7 border-right">
                                    <div class="input-group">
                                        <span class="input-group-addon"><?php _e('Email:', 'Aruna');?></span>
                                        <input name="user_email" type="text" class="form-control" placeholder="teothemes@gmail.com">
                                    </div>
                                    <div class="input-group">
                                        <span class="input-group-addon"><?php _e('Username:', 'Aruna');?></span>
                                        <input name="user_login" type="text" class="form-control" placeholder="teothemes">
                                    </div>
                                    <?php
                                    include_once( ABSPATH . 'wp-admin/includes/plugin.php' ); 
                                    if(is_plugin_active('nextend-facebook-connect/nextend-facebook-connect.php') ) { ?>
                                        <div style="text-align: center">
                                            <div class="new-fb-btn new-fb-1 new-fb-default-anim"><div class="new-fb-1-1"><div class="new-fb-1-1-1"><a href="<?php echo home_url();?>/wp-login.php?loginFacebook=1&redirect=<?php echo home_url();?>"><?php _e('CONNECT WITH', 'Aruna');?></a></div></div></div><br />
                                        </div>
                                    <?php } ?>
                                </div>
                                <input type="hidden" name="redirect_to" value="<?php echo home_url('/') . '?register=1';?>"/>
                                <div class="col-sm-5">
                                    <div class="vertical-half">
                                        <div class="custom-checkbox-vertical custom-checkbox">
                                            <p><?php _e('I promise only to have fun here and I fully agree with the', 'Aruna');?></p>
                                            <input type="checkbox" value="check1" name="check" id="agreeTerms" />
                                            <label for="agreeTerms"><a target="_blank" href="<?php echo esc_url($redux_demo['tos_url']);?>"><?php _e('Terms of Agreement.', 'Aruna');?></a></label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <input name="submit" id="register-button" type="submit" value="<?php _e('NICE, REGISTER ME!', 'Aruna');?>" class="btn btn-primary btn-block custom-button" />
                                <a id="error-button" class="btn btn-block btn-info custom-button" target="_blank" href="<?php echo esc_url($redux_demo['tos_url']);?>"><?php _e("WHY DON'T YOU AGREE WITH OUR ToS?", 'Aruna');?></a>
                            </div>
                        </form>
                    </div>
                    <div class="modal-window login-window">
                    <?php 
                    global $wp;
                    $current_url = add_query_arg( $wp->query_string, '', home_url( $wp->request ) );
                    ?>
                    <form class="login_form" method="post" action="<?php echo site_url('wp-login.php', 'login_post') ?>">
                        <div class="half-horizontal">
                            <div class="input-group">
                                <span class="input-group-addon"><?php _e('Username:', 'Aruna');?></span>
                                <input name="log" type="text" class="form-control" placeholder="teothemes" value="">
                            </div>
                        </div>
                        <div class="half-horizontal">
                            <div class="input-group">
                                <span class="input-group-addon"><?php _e('Password:', 'Aruna');?></span>
                                <input name="pwd" type="password" class="form-control" placeholder="password" value="">
                            </div>
                        </div>
                        <?php
                        include_once( ABSPATH . 'wp-admin/includes/plugin.php' ); 
                        if(is_plugin_active('nextend-facebook-connect/nextend-facebook-connect.php') ) { ?>
                            <div style="text-align: center; clear: both; margin-bottom: 10px; position: relative; top: -15px;">
                                <div class="new-fb-btn new-fb-1 new-fb-default-anim"><div class="new-fb-1-1"><div class="new-fb-1-1-1"><a href="<?php echo home_url();?>/wp-login.php?loginFacebook=1&redirect=<?php echo home_url();?>"><?php _e('CONNECT WITH', 'Aruna');?></a></div></div></div><br />
                            </div>
                        <?php } ?>
                        <div class="modal-footer">
                            <input name="wp-submit" id="login-button" type="submit" value="LOGIN!" class="btn btn-primary btn-block custom-button" />
                        </div>
                        <input type="hidden" name="redirect_to" value="<?php echo $current_url;?>" />
                    </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="registerModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="modal-top-menu">
                        <div class="half">
                            <button class="btn btn-link btn-block" rel="register-window"><?php _e('Register new account', 'Aruna');?></button>
                        </div>
                        <div class="half">
                            <button class="btn btn-link btn-block active-ind" rel="login-window"><?php _e('Login', 'Aruna');?></button>
                        </div>
                    </div>
                    <div class="modal-window register-window">
                        <form method="post" action="<?php echo site_url('wp-login.php?action=register', 'login_post') ?>">
                            <div class="row">
                                <div class="col-sm-7 border-right">
                                    <div class="input-group">
                                        <span class="input-group-addon"><?php _e('Email:', 'Aruna');?></span>
                                        <input name="user_email" type="text" class="form-control" placeholder="teothemes@gmail.com">
                                    </div>
                                    <div class="input-group">
                                        <span class="input-group-addon"><?php _e('Username:', 'Aruna');?></span>
                                        <input name="user_login" type="text" class="form-control" placeholder="teothemes">
                                    </div>
                                    <?php
                                    include_once( ABSPATH . 'wp-admin/includes/plugin.php' ); 
                                    if(is_plugin_active('nextend-facebook-connect/nextend-facebook-connect.php') ) { ?>
                                        <div style="text-align: center">
                                            <div class="new-fb-btn new-fb-1 new-fb-default-anim"><div class="new-fb-1-1"><div class="new-fb-1-1-1"><a href="<?php echo home_url();?>/wp-login.php?loginFacebook=1&redirect=<?php echo home_url();?>"><?php _e('CONNECT WITH', 'Aruna');?></a></div></div></div><br />
                                        </div>
                                    <?php } ?>
                                </div>
                                <input type="hidden" name="redirect_to" value="<?php echo home_url('/') . '?register=1';?>"/>
                                <div class="col-sm-5">
                                    <div class="vertical-half">
                                        <div class="custom-checkbox-vertical custom-checkbox">
                                            <p><?php _e('I promise only to have fun here and I fully agree with the', 'Aruna');?></p>
                                            <input type="checkbox" value="check1" name="check" id="agreeTerms2" />
                                            <label for="agreeTerms2"><a target="_blank" href="<?php echo esc_url($redux_demo['tos_url']);?>"><?php _e('Terms of Agreement.', 'Aruna');?></a></label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <input name="submit" id="register-button2" type="submit" value="<?php _e('NICE, REGISTER ME!', 'Aruna');?>" class="btn btn-primary btn-block custom-button" />
                                <a id="error-button2" class="btn btn-block btn-info custom-button" target="_blank" href="<?php echo esc_url($redux_demo['tos_url']);?>"><?php _e("WHY DON'T YOU AGREE WITH OUR ToS?", 'Aruna');?></a>
                            </div>
                        </form>
                    </div>
                    <div class="modal-window login-window">
                    <?php 
                    global $wp;
                    $current_url = add_query_arg( $wp->query_string, '', home_url( $wp->request ) );
                    ?>
                    <form class="login_form" method="post" action="<?php echo site_url('wp-login.php', 'login_post') ?>">
                        <div class="half-horizontal">
                            <div class="input-group">
                                <span class="input-group-addon"><?php _e('Username:', 'Aruna');?></span>
                                <input name="log" type="text" class="form-control" placeholder="teothemes">
                            </div>
                        </div>
                        <div class="half-horizontal">
                            <div class="input-group">
                                <span class="input-group-addon"><?php _e('Password:', 'Aruna');?></span>
                                <input name="pwd" type="password" class="form-control" placeholder="<?php _e('password', 'Aruna');?>">
                            </div>
                        </div>
                        <?php
                        include_once( ABSPATH . 'wp-admin/includes/plugin.php' ); 
                        if(is_plugin_active('nextend-facebook-connect/nextend-facebook-connect.php') ) { ?>
                            <div style="text-align: center; clear: both; margin-bottom: 10px; position: relative; top: -15px;">
                                <div class="new-fb-btn new-fb-1 new-fb-default-anim"><div class="new-fb-1-1"><div class="new-fb-1-1-1"><a href="<?php echo home_url();?>/wp-login.php?loginFacebook=1&redirect=<?php echo home_url();?>"><?php _e('CONNECT WITH', 'Aruna');?></a></div></div></div><br />
                            </div>
                        <?php } ?>
                        <div class="modal-footer">
                            <input name="wp-submit" id="login-button" type="submit" value="<?php _e('LOGIN!', 'Aruna');?>" class="btn btn-primary btn-block custom-button" />
                        </div>
                        <input type="hidden" name="redirect_to" value="<?php echo $current_url;?>" />
                    </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php }
if(is_user_logged_in() && $redux_demo['enable_frontendpost'] != 2) { ?>
    <div class="modal fade" id="postModal" tabindex="-1" role="dialog" aria-labelledby="postModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <form enctype="multipart/form-data" action="" method="post">
                        <div class="modal-top-wrap">
                            <div class="half">
                                <div class="append"><?php _e('Type', 'Aruna');?></div>
                                <select class="post_type" name="post_type" id="myCombobox">
                                    <option value="window-slider"><?php _e('Slider Post', 'Aruna');?></option>
                                    <option value="window-video"><?php _e('Video Post', 'Aruna');?></option>
                                    <option value="window-quote"><?php _e('Quote Post', 'Aruna');?></option>
                                    <option value="window-image" selected><?php _e('Image Post', 'Aruna');?></option>
                                    <option value="window-audio"><?php _e('Audio Post', 'Aruna');?></option>
                                </select>
                            </div>
                            <div class="half category-combobox">
                                <select name="post_category" id="categoryCombobox">
                                    <?php 
                                    $categories = get_categories('hide_empty=0'); 
                                    foreach($categories as $category) { 
                                        $id = $category->term_id;
                                        $name = $category->name;
                                    ?>
                                    <option id="category_<?php echo $id;?>_bg" value="<?php echo $id;?>"><?php echo $name;?></option>
                                    <?php } ?>
                                </select>
                            </div>
                        </div>
                        <div class="post-window window-video">
                            <div class="window-left">
                                <textarea name="title_video" class="form-control" rows="3" placeholder="<?php _e('Post title', 'Aruna');?>"></textarea>
                                <input name="video" type="text" class="form-control" placeholder="<?php _e('Paste your link here (Youtube, Vimeo)', 'Aruna');?>" value="http://vimeo.com/25924530"/>
                                <input type="file" name="video_file" />
                                <em><?php _e('Use a Youtube/Vimeo link or upload your own video. Max size: ', 'Aruna'); echo convertBytes( ini_get( 'upload_max_filesize' ) ) / 1048576 . 'MB'; ?></em>
                            </div>
                            <aside>
                                <div class="outer">
                                    <div class="inner">
                                        <div class="custom-checkbox">
                                            <input type="checkbox" value="check1" name="nsfw_video" id="check7" />
                                            <label for="check7"><?php _e('NSFW', 'Aruna');?></label>
                                        </div>
                                        <div class="custom-checkbox">
                                            <input type="checkbox" value="check1" name="comments_video" id="check8" checked />
                                            <label for="check8"><?php _e('COMMENTS', 'Aruna');?></label>
                                        </div>
                                        <div class="custom-checkbox">
                                            <input type="checkbox" value="check1" name="anonymous_video" id="check9" />
                                            <label for="check9"><?php _e('ANONYMOUS', 'Aruna');?></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="tags-wrap">
                                    <h3><?php _e('Tags', 'Aruna');?>:</h3>
                                    <input name="tags_video" class="tags-selector" value="" />
                                </div>
                            </aside>
                        </div>
                        <div class="post-window window-audio">
                            <div class="window-left">
                                <textarea name="title_audio" class="form-control" rows="3" placeholder="<?php _e('Post title', 'Aruna');?>"></textarea>
                                <input name="audio" type="text" class="form-control" placeholder="<?php _e('Paste your link here (SoundCloud)', 'Aruna');?>" value=""/>
                                <input type="file" name="audio_file" />
                                <em><?php _e('Use a SoundCloud link or upload your own audio file. Max size: ', 'Aruna'); echo convertBytes( ini_get( 'upload_max_filesize' ) ) / 1048576 . 'MB';?></em>
                            </div>
                            <aside>
                                <div class="outer">
                                    <div class="inner">
                                        <div class="custom-checkbox">
                                            <input type="checkbox" value="check1" name="nsfw_audio" id="check19" />
                                            <label for="check19"><?php _e('NSFW', 'Aruna');?></label>
                                        </div>
                                        <div class="custom-checkbox">
                                            <input type="checkbox" value="check1" name="comments_audio" id="check20" checked />
                                            <label for="check20"><?php _e('COMMENTS', 'Aruna');?></label>
                                        </div>
                                        <div class="custom-checkbox">
                                            <input type="checkbox" value="check1" name="anonymous_audio" id="check21" />
                                            <label for="check21"><?php _e('ANONYMOUS', 'Aruna');?></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="tags-wrap">
                                    <h3><?php _e('Tags', 'Aruna');?>:</h3>
                                    <input name="tags_audio" class="tags-selector" value="" />
                                </div>
                            </aside>
                        </div>
                        <div class="post-window window-quote">
                            <div class="window-left">
                                <input name="quote_title" type="text" class="form-control" placeholder="<?php _e('Quote title', 'Aruna');?>" value=""/>
                                <textarea name="quote" class="form-control quote-input" rows="3" placeholder="“<?php _e('Edit this quote, use smart things!', 'Aruna');?>”"></textarea>
                                <input name="quote_author" class="form-control" placeholder="<?php _e('Quote author(optional)', 'Aruna');?>" value=""/>
                                <input name="quote_source" class="form-control" placeholder="<?php _e('Quote source(optional)', 'Aruna');?>" value=""/>
                                <input name="quoteimage" class="form-control" placeholder="<?php _e('Quote image(optional)', 'Aruna');?>" />
                                <input type="file" name="image_quote" />
                            </div>
                            <aside>
                                <div class="outer">
                                    <div class="inner">
                                        <div class="custom-checkbox">
                                            <input type="checkbox" value="check1" name="nsfw_quote" id="check13" />
                                            <label for="check13"><?php _e('NSFW', 'Aruna');?></label>
                                        </div>
                                        <div class="custom-checkbox">
                                            <input type="checkbox" value="check1" name="comments_quote" id="check14" checked />
                                            <label for="check14"><?php _e('COMMENTS', 'Aruna');?></label>
                                        </div>
                                        <div class="custom-checkbox">
                                            <input type="checkbox" value="check1" name="anonymous_quote" id="check15" />
                                            <label for="check15"><?php _e('ANONYMOUS', 'Aruna');?></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="tags-wrap">
                                    <h3><?php _e('Tags', 'Aruna');?>:</h3>
                                    <input name="tags_quote" class="tags-selector" value="" />
                                </div>
                            </aside>
                        </div>
                        <div class="post-window window-image">
                            <div class="window-left">
                                <textarea name="title_image" class="form-control" rows="3" placeholder="<?php _e('Post title', 'Aruna');?>"></textarea>
                                <input name="postimage" class="form-control" placeholder="<?php _e('Post image URL(for external images)', 'Aruna');?>" />
                                <input type="file" name="image_imagepost" />
                            </div>
                            <aside>
                                <div class="outer">
                                    <div class="inner">
                                        <div class="custom-checkbox">
                                            <input type="checkbox" value="check1" name="nsfw_image" id="check16" />
                                            <label for="check16"><?php _e('NSFW', 'Aruna');?></label>
                                        </div>
                                        <div class="custom-checkbox">
                                            <input type="checkbox" value="check1" name="comments_image" id="check17" checked />
                                            <label for="check17"><?php _e('COMMENTS', 'Aruna');?></label>
                                        </div>
                                        <div class="custom-checkbox">
                                            <input type="checkbox" value="check1" name="anonymous_image" id="check18" />
                                            <label for="check18"><?php _e('ANONYMOUS', 'Aruna');?></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="tags-wrap">
                                    <h3><?php _e('Tags', 'Aruna');?>:</h3>
                                    <input name="tags_image" class="tags-selector" value="" />
                                </div>
                            </aside>
                        </div>
                        <div class="post-window window-slider">
                            <div class="window-left small-padding" style="padding-bottom: 0; height: auto; width: 100%; padding-right: 0">
                                <input name="title_slider" placeholder="Post title" class="form-control" id="slider_title" />
                                <hr />
                            </div>

                            <div class="window-left small-padding">
                                <div class="slider-numbers">
                                    <ul>
                                        <li><a href="#" rel="window-1" class="active">1</a></li>
                                        <li><a href="#" rel="window-2">2</a></li>
                                        <li><a href="#" rel="window-3">3</a></li>
                                        <li><a href="#" rel="window-4">4</a></li>
                                        <li><a href="#" rel="window-5">5</a></li>
                                        <li><a href="#" rel="window-6">6</a></li>
                                        <li><a href="#" rel="window-7">7</a></li>
                                        <li><a href="#" rel="window-8">8</a></li>
                                        <li><a href="#" rel="window-9">9</a></li>
                                        <li><a href="#" rel="window-10">10</a></li>
                                    </ul>
                                </div>
                                <div class="slider-selector">
                                    <div class="window-1 slider-selector-window">
                                        <textarea name="title1" class="form-control" rows="4" placeholder="<?php _e('How about a title for slide #1?', 'Aruna');?>"></textarea>
                                        <input name="image1" class="form-control" placeholder="<?php _e('Slide #1 image', 'Aruna');?>" />
                                        <input type="file" name="slide1" />
                                    </div>
                                    <div class="window-2 slider-selector-window window-hide">
                                        <textarea name="title2" class="form-control" rows="4" placeholder="<?php _e('How about a title for slide #2?', 'Aruna');?>"></textarea>
                                        <input name="image2" class="form-control" placeholder="<?php _e('Slide #2 image', 'Aruna');?>" />
                                        <input type="file" name="slide2" />
                                    </div>
                                    <div class="window-3 slider-selector-window window-hide">
                                        <textarea name="title3" class="form-control" rows="4" placeholder="<?php _e('How about a title for slide #3?', 'Aruna');?>"></textarea>
                                        <input name="image3" class="form-control" placeholder="<?php _e('Slide #3 image', 'Aruna');?>" />
                                        <input type="file" name="slide3" />
                                    </div>
                                    <div class="window-4 slider-selector-window window-hide">
                                        <textarea name="title4" class="form-control" rows="4" placeholder="<?php _e('How about a title for slide #4?', 'Aruna');?>"></textarea>
                                        <input name="image4" class="form-control" placeholder="<?php _e('Slide #4 image', 'Aruna');?>" />
                                        <input type="file" name="slide4" />
                                    </div>
                                    <div class="window-5 slider-selector-window window-hide">
                                        <textarea name="title5" class="form-control" rows="4" placeholder="<?php _e('How about a title for slide #5?', 'Aruna');?>"></textarea>
                                        <input name="image5" class="form-control" placeholder="<?php _e('Slide #5 image', 'Aruna');?>" />
                                        <input type="file" name="slide5" />
                                    </div>
                                    <div class="window-6 slider-selector-window window-hide">
                                        <textarea name="title6" class="form-control" rows="4" placeholder="<?php _e('How about a title for slide #6?', 'Aruna');?>"></textarea>
                                        <input name="image6" class="form-control" placeholder="<?php _e('Slide #6 image', 'Aruna');?>" />
                                        <input type="file" name="slide6" />
                                    </div>
                                    <div class="window-7 slider-selector-window window-hide">
                                        <textarea name="title7" class="form-control" rows="4" placeholder="<?php _e('How about a title for slide #7?', 'Aruna');?>"></textarea>
                                        <input name="image7" class="form-control" placeholder="<?php _e('Slide #7 image', 'Aruna');?>" />
                                        <input type="file" name="slide7" />
                                    </div>
                                    <div class="window-8 slider-selector-window window-hide">
                                        <textarea name="title8" class="form-control" rows="4" placeholder="<?php _e('How about a title for slide #8?', 'Aruna');?>"></textarea>
                                        <input name="image8" class="form-control" placeholder="<?php _e('Slide #8 image', 'Aruna');?>" />
                                        <input type="file" name="slide8" />
                                    </div>
                                    <div class="window-9 slider-selector-window window-hide">
                                        <textarea name="title9" class="form-control" rows="4" placeholder="<?php _e('How about a title for slide #9?', 'Aruna');?>"></textarea>
                                        <input name="image9" class="form-control" placeholder="<?php _e('Slide #9 image', 'Aruna');?>" />
                                        <input type="file" name="slide9" />
                                    </div>
                                    <div class="window-10 slider-selector-window window-hide">
                                        <textarea name="title10" class="form-control" rows="4" placeholder="<?php _e('How about a title for slide #10?', 'Aruna');?>"></textarea>
                                        <input name="image10" class="form-control" placeholder="<?php _e('Slide #19 image', 'Aruna');?>" />
                                        <input type="file" name="slide10" />
                                    </div>
                                </div>
                            </div>
                            <aside>
                                <div class="outer">
                                    <div class="inner">
                                        <div class="custom-checkbox">
                                            <input type="checkbox" value="check1" name="nsfw_slider" id="check10" />
                                            <label for="check10"><?php _e('NSFW', 'Aruna');?></label>
                                        </div>
                                        <div class="custom-checkbox">
                                            <input type="checkbox" value="check1" name="comments_slider" id="check11" checked />
                                            <label for="check11"><?php _e('COMMENTS', 'Aruna');?></label>
                                        </div>
                                        <div class="custom-checkbox">
                                            <input type="checkbox" value="check1" name="anonymous_slider" id="check12" />
                                            <label for="check12"><?php _e('ANONYMOUS', 'Aruna');?></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="tags-wrap">
                                    <h3><?php _e('Tags', 'Aruna');?>:</h3>
                                    <input name="tags_slider" class="tags-selector" value="" />
                                </div>
                            </aside>
                        </div>
                        <div class="modal-bottom-menu">
                            <div class="half upload">
                                <input type="hidden" name="frontend_upload" value="1" />
                                <button class="btn btn-link btn-block"><?php _e('Post It / Upload', 'Aruna');?></button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
<?php } ?>

<?php if($redux_demo['enable_keyboard'] != 2) { ?>
    <div class="modal fade" id="keyboardModal" tabindex="-1" role="dialog" aria-labelledby="registerModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="modal_keyboardtop">
                        <div class="keyboard_box">
                            <div class="keyboard_letter">R</div>
                            <div class="keyboard_lettertext"><?php _e('Random Post', 'Aruna');?></div>
                        </div>
                        <div class="keyboard_box">
                            <div class="keyboard_letter">J</div>
                            <div class="keyboard_lettertext"><?php _e('Previous Post', 'Aruna');?></div>
                        </div>
                        <div class="keyboard_box nomargin">
                            <div class="keyboard_letter">K</div>
                            <div class="keyboard_lettertext"><?php _e('Next Post', 'Aruna');?></div>
                        </div>
                        <div style="clear: both"></div>
                        <div class="keyboard_box">
                            <div class="keyboard_letter">V</div>
                            <div class="keyboard_lettertext"><?php _e('View Post', 'Aruna');?></div>
                        </div>
                        <div class="keyboard_box">
                            <div class="keyboard_letter">C</div>
                            <div class="keyboard_lettertext"><?php _e('Go to comments', 'Aruna');?></div>
                        </div>
                        <div class="keyboard_box nomargin">
                            <div class="keyboard_letter">B</div>
                            <div class="keyboard_lettertext"><?php _e('Bookmark', 'Aruna');?></div>
                        </div>
                    </div>
                    <div class="modal_keyboardbottom">
                        <span class="keyboard_bottomtitle left"><?php _e('Use Your Keyboard', 'Aruna');?></span>
                        <span class="keyboard_bottomtitle right"><?php _e('To Navigate', 'Aruna');?></span>
                        <br /><br />
                        <span class="keyboard_bottomtext">
                            <?php _e('You can use your keyboard to navigate through content.', 'Aruna');?><br />
                            <?php _e('Very easy & hand indeed! Go ahead and try it out!', 'Aruna');?>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php } ?>

</body>
<?php wp_footer();  ?>
</html>
