<?php
if (!defined('ABSPATH'))
    exit;
if (!current_user_can('manage_options')) {
    wp_die(__('You do not have sufficient permissions to access this page.'));
}
if ($_POST['file-sub'] != '') {
    if ($_POST['style'] == 'style1') {
        $data = array('name' => $_POST['style-name'], 'style_name' => 'style1', 'css' => '  heading-font-size |24|heading-font-color|#14d176|heading-font-background-color |#000000| heading-background-color |#debdbd| Details-font-color |#10d171| Details-font-size |16| heading-width |29|content-padding-top |2| content-padding-right |3| content-padding-bottom |3| content-padding-left|1| heading-Border-radius |14| heading-font-familly |Anonymous+Pro|heading-bottom|-2|heading-font-weight|700|content-font-weight|300|blu-image-upload-url||heading-max-width |500|heading-icon-background-color|#b84c4c|icon-color|#2abf77|heading-details-font-familly|Anonymous+Pro|');
    }
    if ($_POST['style'] == 'style2') {
        $data = array('name' => $_POST['style-name'], 'style_name' => 'style2', 'css' => 'heading-font-size |19|heading-font-color|#000000| heading-font-background-color |#e31d1d| Details-font-color |#140202| Details-font-size |16| heading-width |49|content-padding-top |2| content-padding-right |3| content-padding-bottom |2| content-padding-left |2|heading-margin-right|3|heading-Border-radius|15|heading-font-familly |Anonymous+Pro|heading-font-weight|700|content-font-weight|300|blu-image-upload-url||heading-max-width|500|icon-color|#decaca|details-font-familly|Allan|');
    }
    if ($_POST['style'] == 'style3') {
        $data = array('name' => $_POST['style-name'], 'style_name' => 'style3', 'css' => 'heading-font-size |22|heading-font-color|#000000| heading-font-background-color |#e31616| Details-font-color |#0a0909| Details-font-size |16| heading-width |99|content-padding-top |5| content-padding-right |5| content-padding-bottom |5| content-padding-left |5| heading-margin-Left |13|heading-font-familly |Anonymous+Pro|heading-font-weight|700|content-font-weight|300|blu-image-upload-url||heading-icon-background-color|#c7afaf|icon-color|#330808|details-font-familly|Allerta|');
    }
    if ($_POST['style'] == 'style4') {
        $data = array('name' => $_POST['style-name'], 'style_name' => 'style4', 'css' => 'heading-font-size |26|heading-font-color|#d13a3a| heading-font-background-color |#050404| Details-font-color |#f02222| Details-font-size |13| heading-width |48|content-padding-top |2| content-padding-right |2| content-padding-bottom |3| content-padding-left |3| content-margin-top |2| content-margin-right |2| content-margin-bottom |3| content-margin-left |3|heading-font-familly |Anonymous+Pro|heading-font-weight|700|content-font-weight|300|Details-font-familly|Anonymous+Pro|border-color|#d95050|icon-color|#db4141|');
    }
    if ($_POST['style'] == 'style5') {
        $data = array('name' => $_POST['style-name'], 'style_name' => 'style5', 'css' => 'heading-font-size |24|heading-font-color|#0f0d0d| Details-font-color |#0a0909| Details-font-size |16| heading-width |100|content-padding-top |1| content-padding-right |13| content-padding-bottom |5| content-padding-left |4|heading-font-familly |Allerta|heading-font-weight|700|content-font-weight|300|blu-image-upload-url||border-color|#bd3b3b|icon-color|#db4040|heading-icon-background-color|#1a0909|border-top|75|details-font-familly|Arimo|');
    }

    global $wpdb;
    $bullet_name = $wpdb->prefix . 'team_bullet_list_ultimate_style';
    $wpdb->insert($bullet_name, $data);
    $bullet_insert_id = $wpdb->insert_id;
    if ($bullet_insert_id == 0) {
        $url = admin_url("admin.php?page=team-bullet-list-ultimate-new");
    }
    if ($bullet_insert_id != 0) {
        $url = admin_url("admin.php?page=team-bullet-list-ultimate-new&styleid=$bullet_insert_id");
    }
    echo '<script type="text/javascript"> document.location.href="' . $url . '";</script>';
    exit();
}
?>
<div class="wrap">
    <div class="blu-admin-wrapper">
        <h1>select your style</h1>
        <div class="blu-admin-select-row">
            <div class="blu-admin-select-row-upper">
                <div class="blu-admin-style-templete">
                    <style>
                        .blu-styleid-2{
                            width: 100%;
                            height: auto;
                            float: left;
                        }
                        .blu-styleid-2-content{
                            width: 100%;
                            height: auto;
                            position: relative;
                            background-color: #248c8c;
                        }
                        .blu-styleid-2-content-square{
                            width: 100%;
                            height: auto;
                            position: relative;
                            max-width: 500px;
                            margin: 0 auto;
                        }
                        .blu-styleid-2-content-square:after{
                            padding-bottom: 100%;
                            display: block;
                            content: "";
                        }
                        .blu-styleid-2-content-square-absulate{
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            top:0;

                        }
                        .blu-styleid-2-content-square-absulate-img{
                            width: 100%;
                            height: 100%;
                        }
                        .blu-styleid-2-content-absulate-col-3{
                            width: 29%;
                            float: left;
                            height: auto;
                            margin:2%;
                            background-color:#5da9a9 ;
                            position: relative;
                            padding:2px 3px 3px  2px;
                        }
                        .blu-styleid-2-content-absulate{
                            width: 100%;
                            border-radius:14px;
                            position: absolute;
                            bottom:0;
                            background-color:#252121 ;
                            box-shadow: 0 0 5px 0;
                        }


                        .blu-styleid-2-content-absulate-col-3-absulate{
                            position: absolute;
                            height: auto;
                            top: -22px;
                            right: -5px;
                            display: none;

                        }
                        .blu-styleid-2-content-absulate-col-3-top{
                            width: 50px;
                            line-height: 50px;
                            height: auto;
                            border-radius: 100%;
                            margin: 4% auto;
                            background-color: #323232;
                            color:#fff;
                            text-align: center;
                            font-size: 24px;
                        }
                        .blu-styleid-2-content-absulate-col-3-down{
                            width: 100%;
                            height: auto;

                        }
                        .blu-styleid-2-content-absulate-col-3-down-title{
                            width: 100%;
                            height: auto;
                            font-size: 22px;
                            color:#000 ;
                            line-height: 20px;
                            font-weight: bold;
                            text-align: center;
                        }
                        .blu-styleid-2-content-absulate-col-3-down-details{
                            width: 100%;
                            height: auto;
                            font-size: 16px;
                            color: #241d1d;
                            line-height: 20px;
                            text-align: center;
                            margin: 5% 0;
                        }

                    </style>
                    <?php
                    if ($styledata[33] != '') {
                        $styledataimage = $styledata[33];
                    } elseif ($styledata[33] == '') {
                        $styledataimage = plugins_url('image/centered.png', __FILE__);
                    }
                    ?>
                    <div class="blu-styleid-2">
                        <div class="blu-styleid-2-content">
                            <div class="blu-styleid-2-content-square">
                                <div class="blu-styleid-2-content-square-absulate">
                                    <img class="blu-styleid-2-content-square-absulate-img" src="<?php echo $styledataimage; ?>">
                                </div>
                            </div>
                            <div class="blu-styleid-2-content-absulate admin-model-setting">                <div class="blu-styleid-2-content-absulate-col-3 admin-setting">
                                    <div class="blu-styleid-2-content-absulate-col-3-top">
                                        <i class="fa fa-leaf" aria-hidden="true"></i>
                                    </div>
                                    <div class="blu-styleid-2-content-absulate-col-3-down">

                                        <div class="blu-styleid-2-content-absulate-col-3-down-title heding-font-size">
                                            DEFAULT TITLE
                                        </div>
                                        <div class="blu-styleid-2-content-absulate-col-3-down-details admin-details-setting">
                                            Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut
                                        </div>                                 
                                    </div>

                                </div><div class="blu-styleid-2-content-absulate-col-3 admin-setting">
                                    <div class="blu-styleid-2-content-absulate-col-3-top">
                                        <i class="fa fa-leaf" aria-hidden="true"></i>
                                    </div>
                                    <div class="blu-styleid-2-content-absulate-col-3-down">

                                        <div class="blu-styleid-2-content-absulate-col-3-down-title heding-font-size">
                                            DEFAULT TITLE
                                        </div>
                                        <div class="blu-styleid-2-content-absulate-col-3-down-details admin-details-setting">
                                            Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut
                                        </div>                                 
                                    </div>

                                </div><div class="blu-styleid-2-content-absulate-col-3 admin-setting">
                                    <div class="blu-styleid-2-content-absulate-col-3-top">
                                        <i class="fa fa-leaf" aria-hidden="true"></i>
                                    </div>
                                    <div class="blu-styleid-2-content-absulate-col-3-down">

                                        <div class="blu-styleid-2-content-absulate-col-3-down-title heding-font-size">
                                            DEFAULT TITLE
                                        </div>
                                        <div class="blu-styleid-2-content-absulate-col-3-down-details admin-details-setting">
                                            Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut
                                        </div>                                 
                                    </div>

                                </div>


                            </div>
                        </div>
                    </div>




                </div>


            </div>
            <div class="blu-admin-select-row-down">
                <div class="blu-admin-select-row-down-left">
                    Style 1
                </div>
                <div class="blu-admin-select-row-down-right">
                    <button type="button" class="btn btn-success" data-toggle="modal" data-target="#blu-style-1-data">Select</button>
                </div>
                <div class="modal fade" id="blu-style-1-data" >
                    <form method="post">
                        <div class="modal-dialog modal-sm">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                                    <h4 class="modal-title">Style Name</h4>
                                </div>
                                <div class="modal-body">
                                    <div class="form-group row form-group-sm">
                                        <label for="style-name" class="col-sm-6 col-form-label" title="ami Data Paici">Style Name</label>
                                        <div class="col-sm-6 nopadding">
                                            <input class="form-control" type="text" value=""  name="style-name">
                                        </div>
                                    </div>

                                </div>
                                <div class="modal-footer">
                                    <input type="hidden" name="style" value="style1">
                                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                                    <input type="submit" class="btn btn-primary" name="file-sub" value="Save">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="blu-admin-select-row">
            <div class="blu-admin-select-row-upper">
                <div class="blu-admin-style-templete">
                    <style>
                        .blu-styleid-26{
                            width: 100%;
                            height: auto;
                            float: left;
                            background-color: #6cb2f3;

                        }
                        .blu-styleid-26-content{
                            width: 100%;
                            height: auto;
                            float: left;

                        }
                        .blu-styleid-26-content-up{
                            width: 100%;
                            height: auto;
                            float: left;
                        }
                        .blu-styleid-26-content-down{
                            width: 100%;
                            height: auto;
                            float: left;
                        }
                        .blu-styleid-26-content-col-2{
                            width: 49%;
                            float: left;
                            height: auto;
                            border: 1px solid #323232;
                            margin-top: 10px;
                            margin-left: 6px;
                            margin-right: 6px;
                            background-color: #ffffff;
                            padding: 2px 3px 2px 2px;
                        }
                        .blu-styleid-26-content-col-2-left{
                            width: 50px;
                            line-height: 50px;
                            height: auto;
                            margin: 4% auto;
                            color:#000000;
                            text-align: center;
                            float: left;
                            font-size: 24px;
                        }
                        .blu-styleid-26-content-col-2-right{
                            width: calc(96% - 60px);
                            height: auto;
                            float: left;
                            margin: 0 2%;
                        }
                        .blu-styleid-26-content-col-2-right-text{
                            width: 100%;
                            height: auto;
                            position: relative;
                        }

                        .blu-styleid-26-content-col-2-right-text-absulate{
                            position: absolute;
                            height: auto;
                            top: -18px;
                            right: 0;
                            display: none;
                        }
                        .blu-styleid-26-content-col-2-right-title{
                            width: 100%;
                            height: auto;
                            line-height: 20px;
                            text-align: left;

                        }
                        .blu-styleid-26-content-col-2-right-title h2{
                            font-size: 19px;
                            font-weight: 700;
                            text-transform: uppercase;
                            color: #000000;
                        }
                        .blu-styleid-26-content-col-2-right-details{
                            width: 100%;
                            height: auto;
                            text-align:left;

                        }
                        .blu-styleid-26-content-col-2-right-details p{
                            font-size: 16px;
                            font-weight: 300;
                            line-height: 22px;
                            color: #140202;
                        }

                        .blu-styleid-26-content-down-square{
                            width: 100%;
                            height: auto;
                            position: relative;
                            max-width: 620px;
                            margin: 0 auto;
                        }
                        .blu-styleid-26-content-down-square:after{
                            display: block;
                            content: "";

                        }
                        .blu-styleid-26-content-down-absulate{
                            width: 100%;
                            height: 100%;
                            top: 0;
                            display: none;
                        }
                        .blu-styleid-26-content-down-absulate-img{
                            width: 100%;
                            height: auto;
                        }
                        .blu-styleid-26-content-col-2-right-text-absulate-setting{
                            margin-right: 1px; 
                            display: inline-block;
                        }
                        .blu-styleid-26-content-col-2-right-text-absulate-edit{
                            margin-right: 1px; 
                            display: inline-block;
                        }
                        .blu-styleid-26-content-col-2-right-text-absulate-delete{
                            margin-right: 1px; 
                            display: inline-block;
                        }
                        .blu-styleid-26-content-col-2:hover .blu-styleid-26-content-col-2-right-text-absulate{
                            display: block;
                        }
                    </style>   
                    <?php
                    if ($styledata[31] != '') {
                        $styledataimage = $styledata[31];
                    } elseif ($styledata[31] == '') {
                        $styledataimage = plugins_url('image/bullets.png', __FILE__);
                    }
                    ?>
                    <div class="blu-styleid-26">
                        <div class="blu-styleid-26-content">
                            <div class="blu-styleid-26-content-up">

                                <div class="blu-styleid-26-content-col-2 admin-setting">

                                    <div class="blu-styleid-26-content-col-2-left">
                                        <i class="fa fa-leaf" aria-hidden="true"></i>
                                    </div>

                                    <div class="blu-styleid-26-content-col-2-right">

                                        <div class="blu-styleid-26-content-col-2-right-text">
                                            <div class="blu-styleid-26-content-col-2-right-title admin-tittle-setting">
                                                <h2>iphone</h2>
                                            </div>
                                            <div class="blu-styleid-26-content-col-2-right-details admin-details-setting">
                                                <p> Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut\r\n</p>
                                            </div>

                                        </div>


                                    </div>
                                </div><div class="blu-styleid-26-content-col-2 admin-setting">

                                    <div class="blu-styleid-26-content-col-2-left">
                                        <i class="fa fa-leaf" aria-hidden="true"></i>
                                    </div>

                                    <div class="blu-styleid-26-content-col-2-right">

                                        <div class="blu-styleid-26-content-col-2-right-text">
                                            <div class="blu-styleid-26-content-col-2-right-title admin-tittle-setting">
                                                <h2>nokia</h2>
                                            </div>
                                            <div class="blu-styleid-26-content-col-2-right-details admin-details-setting">
                                                <p> Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut</p>
                                            </div>

                                        </div>


                                    </div>
                                </div><div class="blu-styleid-26-content-col-2 admin-setting">

                                    <div class="blu-styleid-26-content-col-2-left">
                                        <i class="fa fa-leaf" aria-hidden="true"></i>
                                    </div>

                                    <div class="blu-styleid-26-content-col-2-right">

                                        <div class="blu-styleid-26-content-col-2-right-text">
                                            <div class="blu-styleid-26-content-col-2-right-title admin-tittle-setting">
                                                <h2>DEFAULT TITLE</h2>
                                            </div>
                                            <div class="blu-styleid-26-content-col-2-right-details admin-details-setting">
                                                <p> Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut</p>
                                            </div>

                                        </div>


                                    </div>
                                </div><div class="blu-styleid-26-content-col-2 admin-setting">

                                    <div class="blu-styleid-26-content-col-2-left">
                                        <i class="fa fa-leaf" aria-hidden="true"></i>
                                    </div>

                                    <div class="blu-styleid-26-content-col-2-right">

                                        <div class="blu-styleid-26-content-col-2-right-text">
                                            <div class="blu-styleid-26-content-col-2-right-title admin-tittle-setting">
                                                <h2>Headphone</h2>
                                            </div>
                                            <div class="blu-styleid-26-content-col-2-right-details admin-details-setting">
                                                <p> Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut</p>
                                            </div>

                                        </div>


                                    </div>
                                </div>
                            </div>

                            <div class="blu-styleid-26-content-down">
                                <div class="blu-styleid-26-content-down-square">
                                    <div class="blu-styleid-26-content-down-absoulate">
                                        <img class="blu-styleid-26-content-down-absulate-img" src="<?php echo $styledataimage; ?>"> 
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>          
                </div>
            </div>
            <div class="blu-admin-select-row-down">
                <div class="blu-admin-select-row-down-left">
                    Style 2
                </div>
                <div class="blu-admin-select-row-down-right">
                    <button type="button" class="btn btn-success" data-toggle="modal" data-target="#blu-style-2-data">Select</button>
                </div>
                <div class="modal fade" id="blu-style-2-data" >
                    <form method="post">
                        <div class="modal-dialog modal-sm">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                                    <h4 class="modal-title">Style Name</h4>
                                </div>
                                <div class="modal-body">
                                    <div class="form-group row form-group-sm">
                                        <label for="style-name" class="col-sm-6 col-form-label" title="ami Data Paici">Style Name</label>
                                        <div class="col-sm-6 nopadding">
                                            <input class="form-control" type="text" value=""  name="style-name">
                                        </div>
                                    </div>

                                </div>
                                <div class="modal-footer">
                                    <input type="hidden" name="style" value="style2">
                                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                                    <input type="submit" class="btn btn-primary" name="file-sub" value="Save">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="blu-admin-select-row">
            <div class="blu-admin-select-row-upper">
                <div class="blu-admin-style-templete">

                    <style>
                        .blu-styleid-37{
                            width: 100%;
                            height: auto;
                            float: left;
                            border-radius: 14px;
                            background-color: #000;
                            box-shadow: 0 0 27px #fff;
                        }
                        .blu-styleid-37-content{
                            width: 100%;
                            height: auto;
                            float: left;
                            margin-top: 10px;
                        }
                        .blu-styleid-37-content-right{
                            width: 40%;
                            height: auto;
                            float: left;
                        }
                        .blu-styleid-37-content-left{
                            width: 59%;
                            height: auto;
                            float: left;
                            margin: 10px 0 ;
                        }
                        .blu-styleid-37-content-right-square{
                            width: 100%;
                            height: auto;
                            position: relative;
                        }
                        .blu-styleid-37-content-right-square:after{
                            display: block;
                            content: "";
                            padding-bottom: 180%;
                        }
                        .blu-styleid-37-content-right-absulate{
                            width: 100%;
                            height: 100%;
                            top: 0;
                            position: absolute;
                        }
                        .blu-styleid-37-content-right-absulate-img{
                            width: 100%;
                            height: 100%;
                        }
                        .blu-styleid-37-content-left-col-1{
                            width: 99%;
                            height: auto;
                            float: left;
                            margin-left: 13px;
                            background-color: #ffffff;
                            padding: 5px 5px 5px 5px;
                        }
                        .blu-styleid-37-content-left-col-1-right{
                            width: 50px;
                            line-height: 50px;
                            height: auto;
                            border-radius: 100%;
                            background-color: #323232;
                            color:#fff;
                            text-align: center;
                            font-size: 24px;
                            float: left;
                            margin-right: 10px;
                        }
                        .blu-styleid-37-content-left-col-1-left{
                            width: calc(100% - 60px);
                            height: auto;
                            float: left;
                            position: relative;
                        }          

                        .blu-styleid-37-content-left-col-1-left-tittle{
                            width: 100%;
                            height: auto;
                            line-height: 20px;
                            text-align: left;
                        }
                        .blu-styleid-37-content-left-col-1-left-tittle h2{
                            font-size: 22px;
                            font-weight: 700;
                            text-transform: uppercase;
                            color:#000 ;
                        }
                        .blu-styleid-37-content-left-col-1-left-details{
                            width: 100%;
                            height: auto;
                            text-align:left;
                        }
                        .blu-styleid-37-content-left-col-1-left-details p{
                            font-size: 16px;
                            font-weight: 300;
                            line-height: 22px;
                            color: #0a0909;
                        }


                    </style>  
                    <?php
                    if ($styledata[29] != '') {
                        $styledataimage = $styledata[29];
                    } elseif ($styledata[29] == '') {
                        $styledataimage = plugins_url('image/fige.png', __FILE__);
                    }
                    ?>
                    <div class = "blu-styleid-37">
                        <div class = "blu-styleid-37-content">
                            <div class = "blu-styleid-37-content-right">
                                <div class = "blu-styleid-37-content-right-square">
                                    <div class = "blu-styleid-37-content-right-absulate">
                                        <img class = "blu-styleid-37-content-right-absulate-img" src = "<?php echo $styledataimage; ?>">
                                    </div>
                                </div>
                            </div>
                            <div class = "blu-styleid-37-content-left">
                                <div class = "blu-styleid-37-content-left-col-1 admin-setting">
                                    <div class = "blu-styleid-37-content-left-col-1-right">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>
                                    <div class = "blu-styleid-37-content-left-col-1-left">
                                        <div class = "blu-styleid-37-content-left-col-1-left-tittle heding-font-size">
                                            <h2> Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-37-content-left-col-1-left-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>

                                    </div>

                                </div>

                            </div><div class = "blu-styleid-37-content-left">
                                <div class = "blu-styleid-37-content-left-col-1 admin-setting">
                                    <div class = "blu-styleid-37-content-left-col-1-right">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>
                                    <div class = "blu-styleid-37-content-left-col-1-left">
                                        <div class = "blu-styleid-37-content-left-col-1-left-tittle heding-font-size">
                                            <h2> Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-37-content-left-col-1-left-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>

                                    </div>

                                </div>

                            </div><div class = "blu-styleid-37-content-left">
                                <div class = "blu-styleid-37-content-left-col-1 admin-setting">
                                    <div class = "blu-styleid-37-content-left-col-1-right">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>
                                    <div class = "blu-styleid-37-content-left-col-1-left">
                                        <div class = "blu-styleid-37-content-left-col-1-left-tittle heding-font-size">
                                            <h2> Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-37-content-left-col-1-left-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>

                                    </div>

                                </div>

                            </div><div class = "blu-styleid-37-content-left">
                                <div class = "blu-styleid-37-content-left-col-1 admin-setting">
                                    <div class = "blu-styleid-37-content-left-col-1-right">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>
                                    <div class = "blu-styleid-37-content-left-col-1-left">
                                        <div class = "blu-styleid-37-content-left-col-1-left-tittle heding-font-size">
                                            <h2> Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-37-content-left-col-1-left-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>

                                    </div>

                                </div>

                            </div><div class = "blu-styleid-37-content-left">
                                <div class = "blu-styleid-37-content-left-col-1 admin-setting">
                                    <div class = "blu-styleid-37-content-left-col-1-right">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>
                                    <div class = "blu-styleid-37-content-left-col-1-left">
                                        <div class = "blu-styleid-37-content-left-col-1-left-tittle heding-font-size">
                                            <h2> Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-37-content-left-col-1-left-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>

                                    </div>

                                </div>

                            </div><div class = "blu-styleid-37-content-left">
                                <div class = "blu-styleid-37-content-left-col-1 admin-setting">
                                    <div class = "blu-styleid-37-content-left-col-1-right">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>
                                    <div class = "blu-styleid-37-content-left-col-1-left">
                                        <div class = "blu-styleid-37-content-left-col-1-left-tittle heding-font-size">
                                            <h2> Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-37-content-left-col-1-left-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>

                                    </div>

                                </div>

                            </div> </div>
                    </div>



                </div>
            </div>
            <div class = "blu-admin-select-row-down">
                <div class = "blu-admin-select-row-down-left">
                    Style 3
                </div>
                <div class = "blu-admin-select-row-down-right">
                    <button type = "button" class = "btn btn-success" data-toggle = "modal" data-target = "#blu-style-3-data">Select</button>
                </div>
                <div class = "modal fade" id = "blu-style-3-data" >
                    <form method = "post">
                        <div class = "modal-dialog modal-sm">
                            <div class = "modal-content">
                                <div class = "modal-header">
                                    <button type = "button" class = "close" data-dismiss = "modal">&times;
                                    </button>
                                    <h4 class = "modal-title">Style Name</h4>
                                </div>
                                <div class = "modal-body">
                                    <div class = "form-group row form-group-sm">
                                        <label for = "style-name" class = "col-sm-6 col-form-label" title = "ami Data Paici">Style Name</label>
                                        <div class = "col-sm-6 nopadding">
                                            <input class = "form-control" type = "text" value = "" name = "style-name">
                                        </div>
                                    </div>

                                </div>
                                <div class = "modal-footer">
                                    <input type = "hidden" name = "style" value = "style3">
                                    <button type = "button" class = "btn btn-danger" data-dismiss = "modal">Close</button>
                                    <input type = "submit" class = "btn btn-primary" name = "file-sub" value = "Save">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class = "blu-admin-select-row">
            <div class = "blu-admin-select-row-upper">
                <div class = "blu-admin-style-templete">
                    <style>

                        .blu-styleid-44{
                            width: 100%;
                            height: auto;
                            float: left;
                            background-color: #EEEEEE;
                        }
                        .blu-styleid-44-content{
                            width: 100%;
                            height: auto;
                            float: left;
                            margin: 5% 36px;
                        }
                        .blu-styleid-44-content-col-2{
                            width: 46%;
                            height: auto;
                            float: left;
                            padding: 6px 6px 5px 5px;
                            margin: 6px 6px 5px 5px;
                            background-color:#5b9dd9;
                        }
                        .blu-styleid-44-content-col-2-left{
                            width: 50px;
                            line-height: 50px;
                            height: auto;
                            margin: 20px 0 20px 20px;
                            background-color: #fff;
                            text-align: center;
                            float: left;
                            border: 2px solid #3858F4;
                            transform: rotate(45deg);


                        }
                        .blu-styleid-44-content-col-2-left-icon{
                            color:#3858F4;
                            transform: rotate(-45deg);
                            font-size: 24px;
                        }
                        .blu-styleid-44-content-col-2-right{
                            width: calc(100% - 90px);
                            height: auto;
                            float: left;
                            margin-left: 20px;
                        }
                        .blu-styleid-44-content-col-2-right-title{
                            width: 100%;
                            height: auto;
                            line-height: 20px;
                            text-align: left;
                        }
                        .blu-styleid-44-content-col-2-right-title h2{
                            font-size: 22px;
                            font-weight: 700;
                            text-transform: uppercase;
                            color:#000;
                        }
                        .blu-styleid-44-content-col-2-right-details{
                            width: 100%;
                            height: auto;
                            text-align:left;
                        }
                        .blu-styleid-44-content-col-2-right-details p{
                            font-size: 15px;
                            font-weight: 300;
                            line-height: 22px;
                            color: #050000;
                        }
                        .blu-styleid-44-content-col-2-right-relative{
                            width: 100%;
                            height: auto;
                            position: relative;
                        }
                        .blu-styleid-44-content-col-2-right-absoulate{
                            position: absolute;
                            height: auto;
                            top: 0px;
                            right: 0;
                            display: none;
                        }

                    </style>
                    <div class = "blu-styleid-44">
                        <div class = "blu-styleid-44-content">
                            <div class = "blu-styleid-44-content-col-2 admin-setting">
                                <div class = "blu-styleid-44-content-col-2-left">
                                    <div class = "blu-styleid-44-content-col-2-left-icon">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>

                                </div>
                                <div class = "blu-styleid-44-content-col-2-right">
                                    <div class = "blu-styleid-44-content-col-2-right-relative">
                                        <div class = "blu-styleid-44-content-col-2-right-title admin-tittle-setting">
                                            <h2>Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-44-content-col-2-right-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>
                                    </div>

                                </div>
                            </div><div class = "blu-styleid-44-content-col-2 admin-setting">
                                <div class = "blu-styleid-44-content-col-2-left">
                                    <div class = "blu-styleid-44-content-col-2-left-icon">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>

                                </div>
                                <div class = "blu-styleid-44-content-col-2-right">
                                    <div class = "blu-styleid-44-content-col-2-right-relative">
                                        <div class = "blu-styleid-44-content-col-2-right-title admin-tittle-setting">
                                            <h2>Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-44-content-col-2-right-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>
                                    </div>

                                </div>
                            </div><div class = "blu-styleid-44-content-col-2 admin-setting">
                                <div class = "blu-styleid-44-content-col-2-left">
                                    <div class = "blu-styleid-44-content-col-2-left-icon">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>

                                </div>
                                <div class = "blu-styleid-44-content-col-2-right">
                                    <div class = "blu-styleid-44-content-col-2-right-relative">
                                        <div class = "blu-styleid-44-content-col-2-right-title admin-tittle-setting">
                                            <h2>Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-44-content-col-2-right-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>
                                    </div>

                                </div>
                            </div><div class = "blu-styleid-44-content-col-2 admin-setting">
                                <div class = "blu-styleid-44-content-col-2-left">
                                    <div class = "blu-styleid-44-content-col-2-left-icon">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>

                                </div>
                                <div class = "blu-styleid-44-content-col-2-right">
                                    <div class = "blu-styleid-44-content-col-2-right-relative">
                                        <div class = "blu-styleid-44-content-col-2-right-title admin-tittle-setting">
                                            <h2>Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-44-content-col-2-right-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>
                                    </div>

                                </div>
                            </div><div class = "blu-styleid-44-content-col-2 admin-setting">
                                <div class = "blu-styleid-44-content-col-2-left">
                                    <div class = "blu-styleid-44-content-col-2-left-icon">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>

                                </div>
                                <div class = "blu-styleid-44-content-col-2-right">
                                    <div class = "blu-styleid-44-content-col-2-right-relative">
                                        <div class = "blu-styleid-44-content-col-2-right-title admin-tittle-setting">
                                            <h2>Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-44-content-col-2-right-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>
                                    </div>

                                </div>
                            </div><div class = "blu-styleid-44-content-col-2 admin-setting">
                                <div class = "blu-styleid-44-content-col-2-left">
                                    <div class = "blu-styleid-44-content-col-2-left-icon">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>

                                </div>
                                <div class = "blu-styleid-44-content-col-2-right">
                                    <div class = "blu-styleid-44-content-col-2-right-relative">
                                        <div class = "blu-styleid-44-content-col-2-right-title admin-tittle-setting">
                                            <h2>Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-44-content-col-2-right-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>
                                    </div>

                                </div>
                            </div><div class = "blu-styleid-44-content-col-2 admin-setting">
                                <div class = "blu-styleid-44-content-col-2-left">
                                    <div class = "blu-styleid-44-content-col-2-left-icon">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>

                                </div>
                                <div class = "blu-styleid-44-content-col-2-right">
                                    <div class = "blu-styleid-44-content-col-2-right-relative">
                                        <div class = "blu-styleid-44-content-col-2-right-title admin-tittle-setting">
                                            <h2>Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-44-content-col-2-right-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>
                                    </div>

                                </div>
                            </div><div class = "blu-styleid-44-content-col-2 admin-setting">
                                <div class = "blu-styleid-44-content-col-2-left">
                                    <div class = "blu-styleid-44-content-col-2-left-icon">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>

                                </div>
                                <div class = "blu-styleid-44-content-col-2-right">
                                    <div class = "blu-styleid-44-content-col-2-right-relative">
                                        <div class = "blu-styleid-44-content-col-2-right-title admin-tittle-setting">
                                            <h2>Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-44-content-col-2-right-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>
                                    </div>

                                </div>
                            </div><div class = "blu-styleid-44-content-col-2 admin-setting">
                                <div class = "blu-styleid-44-content-col-2-left">
                                    <div class = "blu-styleid-44-content-col-2-left-icon">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>

                                </div>
                                <div class = "blu-styleid-44-content-col-2-right">
                                    <div class = "blu-styleid-44-content-col-2-right-relative">
                                        <div class = "blu-styleid-44-content-col-2-right-title admin-tittle-setting">
                                            <h2>Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-44-content-col-2-right-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>
                                    </div>

                                </div>
                            </div><div class = "blu-styleid-44-content-col-2 admin-setting">
                                <div class = "blu-styleid-44-content-col-2-left">
                                    <div class = "blu-styleid-44-content-col-2-left-icon">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>

                                </div>
                                <div class = "blu-styleid-44-content-col-2-right">
                                    <div class = "blu-styleid-44-content-col-2-right-relative">
                                        <div class = "blu-styleid-44-content-col-2-right-title admin-tittle-setting">
                                            <h2>Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-44-content-col-2-right-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>
                                    </div>

                                </div>
                            </div><div class = "blu-styleid-44-content-col-2 admin-setting">
                                <div class = "blu-styleid-44-content-col-2-left">
                                    <div class = "blu-styleid-44-content-col-2-left-icon">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>

                                </div>
                                <div class = "blu-styleid-44-content-col-2-right">
                                    <div class = "blu-styleid-44-content-col-2-right-relative">
                                        <div class = "blu-styleid-44-content-col-2-right-title admin-tittle-setting">
                                            <h2>Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-44-content-col-2-right-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>
                                    </div>

                                </div>
                            </div><div class = "blu-styleid-44-content-col-2 admin-setting">
                                <div class = "blu-styleid-44-content-col-2-left">
                                    <div class = "blu-styleid-44-content-col-2-left-icon">
                                        <i class = "fa fa-leaf" aria-hidden = "true"></i>
                                    </div>

                                </div>
                                <div class = "blu-styleid-44-content-col-2-right">
                                    <div class = "blu-styleid-44-content-col-2-right-relative">
                                        <div class = "blu-styleid-44-content-col-2-right-title admin-tittle-setting">
                                            <h2>Headphone</h2>
                                        </div>
                                        <div class = "blu-styleid-44-content-col-2-right-details admin-details-setting">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                        </div>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>


                </div>
            </div>
            <div class = "blu-admin-select-row-down">
                <div class = "blu-admin-select-row-down-left">
                    Style 4
                </div>
                <div class = "blu-admin-select-row-down-right">
                    <button type = "button" class = "btn btn-success" data-toggle = "modal" data-target = "#blu-style-4-data">Select</button>
                </div>
                <div class = "modal fade" id = "blu-style-4-data" >
                    <form method = "post">
                        <div class = "modal-dialog modal-sm">
                            <div class = "modal-content">
                                <div class = "modal-header">
                                    <button type = "button" class = "close" data-dismiss = "modal">&times;
                                    </button>
                                    <h4 class = "modal-title">Style Name</h4>
                                </div>
                                <div class = "modal-body">
                                    <div class = "form-group row form-group-sm">
                                        <label for = "style-name" class = "col-sm-6 col-form-label" title = "ami Data Paici">Style Name</label>
                                        <div class = "col-sm-6 nopadding">
                                            <input class = "form-control" type = "text" value = "" name = "style-name">
                                        </div>
                                    </div>

                                </div>
                                <div class = "modal-footer">
                                    <input type = "hidden" name = "style" value = "style4">
                                    <button type = "button" class = "btn btn-danger" data-dismiss = "modal">Close</button>
                                    <input type = "submit" class = "btn btn-primary" name = "file-sub" value = "Save">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class = "blu-admin-select-row">
            <div class = "blu-admin-select-row-upper">
                <div class = "blu-admin-style-templete">
                    <style>
                        .blu-styleid-7{
                            width: 100%;
                            height: auto;
                            float: left;
                            background-color: #fff;

                        }
                        .blu-styleid-7-content{
                            width: 100%;
                            height: auto;
                            float: left;
                            margin: 5% 0;
                        }
                        .blu-styleid-7-content-right{
                            width: 55%;
                            height: auto;
                            float: left;
                        }
                        .blu-styleid-7-content-left{
                            width: 40%;
                            height: auto;
                            float: left;
                        }
                        .blu-styleid-7-content-right-square{
                            width: 100%;
                            height: auto;
                            position: relative;
                        }
                        .blu-styleid-7-content-right-square:after{
                            content: "";
                            display: block;
                            padding-bottom: 100%;
                        }
                        .blu-styleid-7-content-right-absoulate{
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            top: 0;
                        }
                        .blu-styleid-7-content-right-absoulate-img{
                            width: 100%;
                            height: 100%;
                        }
                        .blu-styleid-7-content-left-col-1{
                            width: 100%;
                            height: auto;
                            float: left;
                            position: relative;
                            padding:1px 13px 5px 4px;
                        }
                        .blu-styleid-7-content-left-col-1-border{
                            position: absolute;
                            left: 14px;
                            width: 23px;
                            height: 100%;
                            display: block;
                            z-index: 2;
                            border-left: 1px dashed;
                        }
                        .blu-styleid-7-content-left-col-1-border-row{
                            position: absolute;
                            left: 26px;
                            top: 75px;
                            width: 23px;
                            height: 2px;
                            display: block;
                            z-index: 2;
                            border-bottom: 1px dashed;
                        }
                        .blu-styleid-7-content-left-col-1-box{
                            width: calc(100% - 16px);
                            height: auto;
                            float: left;
                            margin-left: 66px;
                            position: relative;
                        }
                        .blu-styleid-7-content-left-col-1-box-absulate{
                            position: absolute;
                            height: auto;
                            top: 0;
                            right: 10px;
                            display: none;
                        }
                        .blu-styleid-7-content-left-col-1-box-top{
                            width: 100%;
                            height: auto;
                            float: left;
                        }
                        .blu-styleid-7-content-left-col-1-box-top-icon{
                            width: 50px;
                            line-height: 50px;
                            height: auto;
                            border-radius: 50%;
                            color:#fff;
                            background-color:#414247;
                            text-align: center;
                            float: left;
                            font-size: 24px;
                        }
                        .blu-styleid-7-content-left-col-1-box-bottom{
                            width:100%;
                            height: auto;
                            float: left;
                        }

                        .blu-styleid-7-content-left-col-1-box-bottom-tittle{
                            width: 100%;
                            height: auto;
                            line-height: 20px;
                            text-align: left;
                        }
                        .blu-styleid-7-content-left-col-1-box-bottom-tittle h2{
                            font-size: 24px;
                            font-weight: 700;
                            text-transform: uppercase;
                            color: #0f0d0d;
                        }
                        .blu-styleid-7-content-left-col-1-box-bottom-details{
                            width: 100%;
                            height: auto;
                            text-align:left;
                        }
                        .blu-styleid-7-content-left-col-1-box-bottom-details p{
                            font-size: 16px;
                            font-weight: 300;
                            line-height: 1.6;
                            color: #0a0909;
                        }
                        .blu-styleid-7-content-left-col-1-box-absulate-seting{
                            margin-right: 1px;
                            display: inline-block;
                        }
                        .blu-styleid-7-content-left-col-1-box-absulate-edit{
                            margin-right: 1px;
                            display: inline-block;
                        }
                        .blu-styleid-7-content-left-col-1-box-absulate-delete{
                            margin-right: 1px;
                            display: inline-block;
                        }
                        .blu-styleid-7-content-left:hover .blu-styleid-7-content-left-col-1-box-absulate{
                            display: block;
                        }
                    </style>
                    <?php
                    if ($styledata[25] != '') {
                        $styledataimage = $styledata[25];
                    } elseif ($styledata[25] == '') {
                        $styledataimage = plugins_url('image/figure.jpg', __FILE__);
                    }
                    ?>

                    <div class = "blu-styleid-7">
                        <div class = "blu-styleid-7-content">
                            <div class = "blu-styleid-7-content-right">
                                <div class = "blu-styleid-7-content-right-square">
                                    <div class = "blu-styleid-7-content-right-absoulate">
                                        <img class = "blu-styleid-7-content-right-absoulate-img" src = "<?php echo $styledataimage; ?>">
                                    </div>
                                </div>
                            </div>


                            <div class = "blu-styleid-7-content-left">
                                <div class = "blu-styleid-7-content-left-col-1 admin-setting">
                                    <div class = "blu-styleid-7-content-left-col-1-border"></div>
                                    <div class = "blu-styleid-7-content-left-col-1-border-row"></div>
                                    <div class = "blu-styleid-7-content-left-col-1-box">
                                        <div class = "blu-styleid-7-content-left-col-1-box-top">
                                            <div class = "blu-styleid-7-content-left-col-1-box-top-icon">
                                                <i class = "fa fa-twitter" aria-hidden = "true"></i>
                                            </div>
                                        </div>
                                        <div class = "blu-styleid-7-content-left-col-1-box-bottom">
                                            <div class = "blu-styleid-7-content-left-col-1-box-bottom-tittle admin-tittle-setting">
                                                <h2>defaut tittle</h2>
                                            </div>
                                            <div class = "blu-styleid-7-content-left-col-1-box-bottom-details admin-details-setting">
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><div class = "blu-styleid-7-content-left">
                                <div class = "blu-styleid-7-content-left-col-1 admin-setting">
                                    <div class = "blu-styleid-7-content-left-col-1-border"></div>
                                    <div class = "blu-styleid-7-content-left-col-1-border-row"></div>
                                    <div class = "blu-styleid-7-content-left-col-1-box">
                                        <div class = "blu-styleid-7-content-left-col-1-box-top">
                                            <div class = "blu-styleid-7-content-left-col-1-box-top-icon">
                                                <i class = "fa fa-windows" aria-hidden = "true"></i>
                                            </div>
                                        </div>
                                        <div class = "blu-styleid-7-content-left-col-1-box-bottom">
                                            <div class = "blu-styleid-7-content-left-col-1-box-bottom-tittle admin-tittle-setting">
                                                <h2>defaut tittle</h2>
                                            </div>
                                            <div class = "blu-styleid-7-content-left-col-1-box-bottom-details admin-details-setting">
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><div class = "blu-styleid-7-content-left">
                                <div class = "blu-styleid-7-content-left-col-1 admin-setting">
                                    <div class = "blu-styleid-7-content-left-col-1-border"></div>
                                    <div class = "blu-styleid-7-content-left-col-1-border-row"></div>
                                    <div class = "blu-styleid-7-content-left-col-1-box">
                                        <div class = "blu-styleid-7-content-left-col-1-box-top">
                                            <div class = "blu-styleid-7-content-left-col-1-box-top-icon">
                                                <i class = "fa fa-facebook" aria-hidden = "true"></i>
                                            </div>
                                        </div>
                                        <div class = "blu-styleid-7-content-left-col-1-box-bottom">
                                            <div class = "blu-styleid-7-content-left-col-1-box-bottom-tittle admin-tittle-setting">
                                                <h2>defaut tittle</h2>
                                            </div>
                                            <div class = "blu-styleid-7-content-left-col-1-box-bottom-details admin-details-setting">
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eiusmod tempor incididunt ut abore et dolore magna</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>


                </div>
            </div>
            <div class = "blu-admin-select-row-down">
                <div class = "blu-admin-select-row-down-left">
                    Style 5
                </div>
                <div class = "blu-admin-select-row-down-right">
                    <button type = "button" class = "btn btn-success" data-toggle = "modal" data-target = "#blu-style-5-data">Select</button>
                </div>
                <div class = "modal fade" id = "blu-style-5-data" >
                    <form method = "post">
                        <div class = "modal-dialog modal-sm">
                            <div class = "modal-content">
                                <div class = "modal-header">
                                    <button type = "button" class = "close" data-dismiss = "modal">&times;
                                    </button>
                                    <h4 class = "modal-title">Style Name</h4>
                                </div>
                                <div class = "modal-body">
                                    <div class = "form-group row form-group-sm">
                                        <label for = "style-name" class = "col-sm-6 col-form-label" title = "ami Data Paici">Style Name</label>
                                        <div class = "col-sm-6 nopadding">
                                            <input class = "form-control" type = "text" value = "" name = "style-name">
                                        </div>
                                    </div>

                                </div>
                                <div class = "modal-footer">
                                    <input type = "hidden" name = "style" value = "style5">
                                    <button type = "button" class = "btn btn-danger" data-dismiss = "modal">Close</button>
                                    <input type = "submit" class = "btn btn-primary" name = "file-sub" value = "Save">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>


    </div>
</div>








