ok
Mini Shell
<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="news_event_description" content="Common form elements and layouts" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="<?= base_url();?>bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="<?= base_url();?>bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="<?= base_url();?>bower_components/Ionicons/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="<?= base_url();?>dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="<?= base_url();?>dist/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="<?= base_url();?>plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<!-- MARATHI CONVERSION -->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("elements", "1", {packages: "transliteration"});</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<link rel="stylesheet" href="dist/css/style.css">
<style>
.btn-green {background-color:#a2d200;}
.redMark {color:red;}
.table-striped > tbody > tr:nth-of-type(2n+1) {
background-color: #cccc;
}
</style>
<!-- Morris chart -->
<link rel="stylesheet" href="<?= base_url();?>bower_components/morris.js/morris.css">
<!-- jvectormap -->
<link rel="stylesheet" href="<?= base_url();?>bower_components/jvectormap/jquery-jvectormap.css">
<!-- Date Picker -->
<link rel="stylesheet" href="<?= base_url();?>bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
<!-- Daterange picker -->
<link rel="stylesheet" href="<?= base_url();?>bower_components/bootstrap-daterangepicker/daterangepicker.css">
<!-- bootstrap wysihtml5 - text editor -->
<link rel="stylesheet" href="<?= base_url();?>plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesnt work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Google Font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper" style="background:url('img/1.jpg');background-size:cover;min-height:#200px!IMPORTANT">
<?php include "include/header_pages.php";?>
<!-- Left side column. contains the logo and sidebar -->
<?php include "include/sidebar.php";?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" >
<!-- Content Header (Page header) -->
<form class="form-horizontal" role="form" action="" method="post" enctype="multipart/form-data">
<section class="tile">
<div class="col-md-12">
<div style="background-color:#fff;padding-bottom:15px;margin-bottom:15px;margin-top:15px">
<!-- tile header -->
<div class="tile-header">
<div class="box box-primary">
<div class="box-header with-border">
<span style="color:#333;font-size:22px">Product Add</span>
</div>
</div>
</div>
<div class="tile-body">
<div class="row">
<div class="form-group col-md-6">
<label for="note_name" class="col-sm-4 control-label"> <span class="col-m-6 control-label"> Category</span>
<span class="redMark"></span> </label>
<div class="col-sm-6">
<select id="fk_category_id" name="fk_category_id" class="form-control" required >
<option value="">--Select--</option>
<?php foreach($cate as $ct) { ?>
<option value="<?php echo $ct->cate_id;?>"><?php echo $ct->category_name;?></option>
<?php } ?>
</select>
</div>
</div>
<div class="form-group col-md-6">
<label for="note_amount" class="col-sm-4 control-label"> <span class="col-m-6 control-label">Product Name</span>
<span class="redMark"></span> </label>
<div class="col-sm-6">
<input type="text" name="product_name" id="product_name" class="form-control" value="" required />
</div>
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="note_amount" class="col-sm-4 control-label"> <span class="col-m-6 control-label">Price</span>
<span class="redMark"></span> </label>
<div class="col-sm-6">
<input type="text" name="price" id="price" class="form-control" value="" />
</div>
</div>
<div class="form-group col-md-6">
<label for="note_amount" class="col-sm-4 control-label"> <span class="col-m-6 control-label">Image1</span>
<span class="redMark"></span> </label>
<div class="col-sm-6">
<input type="file" name="img1" id="img1" class="form-control" value="" />
</div>
</div>
<!--<div class="form-group col-md-6">-->
<!-- <label for="note_amount" class="col-sm-4 control-label"> <span class="col-m-6 control-label">Product Discription</span> -->
<!-- <span class="redMark"></span> </label>-->
<!-- <div class="col-sm-6">-->
<!-- <input type="text" name="product_discription" id="product_discription" class="form-control" value="" required />-->
<!-- </div>-->
<!--</div>-->
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="note_amount" class="col-sm-4 control-label"> <span class="col-m-6 control-label">Image2</span>
<span class="redMark"></span> </label>
<div class="col-sm-6">
<input type="file" name="img2" id="img2" class="form-control" value="" />
</div>
</div>
<div class="form-group col-md-6">
<label for="note_amount" class="col-sm-4 control-label"> <span class="col-m-6 control-label">Image3</span>
<span class="redMark"></span> </label>
<div class="col-sm-6">
<input type="file" name="img3" id="img3" class="form-control" value="" />
</div>
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="note_amount" class="col-sm-4 control-label"> <span class="col-m-6 control-label">Image4</span>
<span class="redMark"></span> </label>
<div class="col-sm-6">
<input type="file" name="img4" id="img4" class="form-control" value="" />
</div>
</div>
<div class="form-group col-md-6">
<label for="note_amount" class="col-sm-4 control-label"> <span class="col-m-6 control-label">Quantity</span>
<span class="redMark"></span> </label>
<div class="col-sm-6">
<input type="number" name="qty" id="qty" class="form-control" value="" required />
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="note_amount" class="col-sm-4 control-label"> <span class="col-m-6 control-label">Sequence</span>
<span class="redMark"></span> </label>
<div class="col-sm-6">
<input type="text" name="sequence" id="sequence" class="form-control" value="" required />
</div>
</div>
<div class="form-group col-md-6">
<label for="note_amount" class="col-sm-4 control-label"> <span class="col-m-6 control-label">Warranty</span>
<span class="redMark"></span> </label>
<div class="col-sm-6">
<input type="text" name="warranty" id="warranty" class="form-control" value="" required />
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-12 col-md-12 col-lg-12" >
<p> <label class=" control-label no-padding-right" for="form-field-1"> Product Description</label></p>
<textarea name="product_discription" class="form-control" style="width:100%">
</textarea>
<!--<textarea id="editor1" name="product_discription" class="textarea" style="width:100%">-->
<!--<textarea name="product_discription" id="about_id" class="form-control" ></textarea>-->
</div>
</div>
</div>
<div class="col-md-12" style="background-color:#f5f5f5;padding-top:15px">
<div class="form-group col-md-4" >
<button type="submit" class="btn btn-primary" name="save_data" id="btn_search">Save </button>
</div>
</div>
<!--***********************************************************************************************************************************-->
<!--***********************************************************************************************************************************-->
</div>
</div>
<div class="col-md-12 ">
<div style="background-color:#fff;padding-bottom:15px;margin-bottom:15px;margin-top:15px;">
<div class="tile-header">
<div class="box box-primary">
<div class="box-header with-border">
<span style="color:#333;font-size:22px"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</form >
</div>
</div>
<style>
.green
{
height: 25px;
width: 25px;
color:green;
border-radius: 50%;
display: inline-block;
padding:3px;
text-align:center
}
.red
{
height: 25px;
width: 25px;
color:red;
border-radius: 50%;
display: inline-block;
padding:3px;
text-align:center
}
</style>
<!-- jQuery 3 -->
<script src="<?= base_url();?>bower_components/jquery/dist/jquery.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
$.widget.bridge('uibutton', $.ui.button);
</script>
<!-- jQuery UI 1.11.4 -->
<script src="<?= base_url();?>bower_components/jquery-ui/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
$.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.7 -->
<script src="<?= base_url();?>bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Morris.js charts -->
<script src="<?= base_url();?>bower_components/raphael/raphael.min.js"></script>
<script src="<?= base_url();?>bower_components/morris.js/morris.min.js"></script>
<!-- Sparkline -->
<script src="<?= base_url();?>bower_components/jquery-sparkline/dist/jquery.sparkline.min.js"></script>
<!-- jvectormap -->
<script src="<?= base_url();?>plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="<?= base_url();?>plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- jQuery Knob Chart -->
<script src="<?= base_url();?>bower_components/jquery-knob/dist/jquery.knob.min.js"></script>
<!-- daterangepicker -->
<script src="<?= base_url();?>bower_components/moment/min/moment.min.js"></script>
<script src="<?= base_url();?>bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="<?= base_url();?>bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="<?= base_url();?>plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Slimscroll -->
<script src="<?= base_url();?>bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="<?= base_url();?>bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="<?= base_url();?>dist/js/adminlte.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="<?= base_url();?>dist/js/pages/dashboard.js"></script>
<script src="<?= base_url();?>bower_components/ckeditor/ckeditor.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="<?= base_url();?>plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script>
$(function () {
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace('editor1')
//bootstrap WYSIHTML5 - text editor
$('.textarea').wysihtml5()
})
</script>
</body>
</html>
Zerion Mini Shell 1.0