<!DOCTYPE html>
<html>
<head>
<title>STUDENTSNOTEBOOKS</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="http://securecamp.co/notebooks/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="http://securecamp.co/notebooks/css/main.css" rel="stylesheet" type="text/css">
<link href="http://securecamp.co/notebooks/css/font-awesome.css" rel="stylesheet" type="text/css">
<link href="http://securecamp.co/notebooks/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="http://securecamp.co/notebooks/css/datepicker.css" rel="stylesheet">
<script src="http://securecamp.co/notebooks/js/jquery-1.8.1.min.js" async="" type="text/javascript"></script>
<script src="http://securecamp.co/notebooks/js/jquery-1.11.0.js"></script>
<script src="http://securecamp.co/notebooks/js/bootstrap.min.js"></script>
<script src="http://securecamp.co/notebooks/js/jQuery.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://securecamp.co/notebooks/js/bootstrap-datepicker.js"></script>
<style>
.like_textarea {
-moz-appearance: textfield-multiline;
-webkit-appearance: textarea;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
border-radius: 4px;
min-height: 150px;
overflow: auto;
line-height: 1.42857;
padding: 6px 12px;
resize: both;
width: 100%;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
font-size: 18px !important;
font-family:Arial, Helvetica, sans-serif !important;
}
</style>
<script type="text/javascript">
function paste_this(charVal)
{
$("#page_content").append(charVal);
}
function save_bookmark()
{
document.getElementById("bookmark_value").value = 1;
document.getElementById("add_bookmarks").disabled = true;
}
function valid_form()
{
var formIsValid = true;
if(document.getElementById("page_content").innerHTML=="")
{
document.getElementById("page_content").style.borderColor = "#D9534F";
document.getElementById("content_error").innerHTML="\n Please Enter Content!";
formIsValid = false;
}
else
{
//alert(document.getElementById("page_content").innerHTML);
document.getElementById("h_page_content").value=document.getElementById("page_content").innerHTML;
document.getElementById("content_error").innerHTML="";
}
return formIsValid;
}
function check_valid()
{
if(document.getElementById("page_content").tagName=='TEXTAREA' && document.getElementById("page_content").disabled==true)
{
alert("You are already have new page!");
return false;
}
else
{
var flag=1;
if(document.getElementById("page_content").innerHTML==""){
flag=0;
}
if(flag==0)
{
alert("You are already have new page!");
return false;
}
else
{
if(confirm("Do you want to Save Current Detail before opening new page?"))
{
document.add_page_detail_form.h_action.value="new_page";
return valid_form();
}
else
{
document.location.href="http://securecamp.co/notebooks/chapter_page.php?cp=16";
}
}
}
}
function goExit()
{
if(document.getElementById("page_content").tagName=='TEXTAREA' && document.getElementById("page_content").disabled==true)
{
document.location.href="http://securecamp.co/notebooks/submitter_profile.php";
}
else
{
if(confirm("Do you want to Exit without Saving Current Detail?"))
{
document.location.href="http://securecamp.co/notebooks/submitter_profile.php";
}
else
{
document.add_page_detail_form.h_action.value="exit";
return valid_form();
}
}
}
function show_scn_keyword()
{
if(document.getElementById("sc_keyboard").style.display=="block")
{
document.getElementById("sc_keyboard").style.display="none";
}
else
{
document.getElementById("sc_keyboard").style.display="block";
}
}
$(document).on("click", "#add_heading", function () {
var contentHead = $(this).data('cheadname');
var contentChapter = $(this).data('cid');
$("#model_content_heading").val( contentHead );
$("#model_content_cid").val( contentChapter );
});
function valid_chead()
{
if(document.getElementById("model_content_heading").value=="")
{
document.getElementById("content_heading_error").innerHTML="\n Please Enter Heading!";
document.getElementById("model_content_heading").style.borderColor = "#D9534F";
return false;
}
else
{
document.getElementById("content_heading_error").innerHTML="";
document.getElementById("model_content_heading").style.borderColor = "#ccc";
return true;
}
}
$(document).on("click", "#add_chapter", function () {
var contentHead = $(this).data('ctitle');
var contentChapter = $(this).data('chid');
$("#model_chapter_tile").val( contentHead );
$("#model_chid").val( contentChapter );
});
function valid_ctitle()
{
if(document.getElementById("model_chapter_tile").value=="")
{
document.getElementById("chapter_name_error").innerHTML="\n Please Enter Chapter Name!";
document.getElementById("model_chapter_tile").style.borderColor = "#D9534F";
return false;
}
else
{
document.getElementById("chapter_name_error").innerHTML="";
document.getElementById("model_chapter_tile").style.borderColor = "#ccc";
return true;
}
}
$(document).on("click", "#add_page_no", function () {
var contentChapter = $(this).data('pg_no_id');
var pageNo = $(this).data('pg_no');
var contentChapterno = $(this).data('ch_no_id');
$("#model_pg_id_no").val(contentChapter);
$("#model_page_no").val(pageNo);
$("#model_ch_id_no").val( contentChapterno );
});
$(document).on("click", "#add_page_name", function () {
var contentChapter = $(this).data('pg_name_id');
var pageName = $(this).data('pg_name');
var contentChaptername = $(this).data('ch_no_id');
$("#model_pg_id_name").val(contentChapter);
$("#model_page_name").val(pageName);
$("#model_ch_id_name").val( contentChaptername );
});
function valid_ch_page_no()
{
var formIsValid = true;
if(document.getElementById("model_page_no").value=="")
{
document.getElementById("page_no_error").innerHTML="\n Please Enter Page No.!";
document.getElementById("model_page_no").style.borderColor = "#D9534F";
formIsValid = false;
}
else
{
document.getElementById("page_no_error").innerHTML="";
document.getElementById("model_page_no").style.borderColor = "#ccc";
}
return formIsValid;
}
function valid_ch_page_name()
{
var formIsValid = true;
if(document.getElementById("model_page_name").value=="")
{
document.getElementById("page_name_error").innerHTML="\n Please Enter Page Name!";
document.getElementById("model_page_name").style.borderColor = "#D9534F";
formIsValid = false;
}
else
{
document.getElementById("page_name_error").innerHTML="";
document.getElementById("model_page_name").style.borderColor = "#ccc";
}
return formIsValid;
}
function start_writing()
{
document.getElementById("textarea_div").innerHTML='<div class="like_textarea" id="page_content" name="page_content" contenteditable></div>';
document.getElementById("add_stars").disabled = true;
}
function highlight_marker()
{
var string = '';
var html = "";
if (typeof window.getSelection != "undefined") {
var sel = window.getSelection();
if(sel.rangeCount) {
var container = document.createElement("page_content");
for (var i = 0, len = sel.rangeCount; i < len; ++i) {
container.appendChild(sel.getRangeAt(i).cloneContents());
}
string = container.innerHTML;
}
} else if (typeof document.selection != "undefined") {
if (document.selection.type == "Text") {
string = document.selection.createRange().htmlText;
}
}
$('#page_content').html(($('#page_content').html()).replace(string, '<span style="background-color:#FFFF00;">' + string + '</span>'));
}
function readURL(input,imgNm) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
document.getElementById(imgNm).setAttribute('src',e.target.result);
input.style.display="none";
}
reader.readAsDataURL(input.files[0]);
}
}
function addImage()
{
var rndm_no=Math.floor(Math.random().toFixed(2)*100);
$("#page_content").append('<input class="file" type="file" id="imgSel" onChange="readURL(this,\''+rndm_no+'\');"/><img contenteditable="false" style="width:45px" id="'+rndm_no+'" />');
}
</script>
</head>
<body>
<section class="navigation">
<div class="container-fluid">
<div class="row">
<nav>
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="http://securecamp.co/notebooks/"><p class="logo"><img src="http://securecamp.co/notebooks/images/logo2.png" class="img-responsive"></p></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="http://securecamp.co/notebooks/submitter_profile.php">Profile </a></li>
<!--<li><a href="chapters.php">Chapters </a></li>
<li><a href="#">Pages</a></li>-->
<li><a href="http://securecamp.co/notebooks/notification.php">Notification</a></li>
<li><a href="http://securecamp.co/notebooks/user_friend.php">Friend List</a></li>
<li><a href="http://securecamp.co/notebooks/logout.php">Log Out </a></li>
</ul>
</div>
</nav>
</div>
</div>
</section> <section class="category">
<div class=" container-fluid">
<form name="add_page_detail_form" method="POST" enctype="multipart/form-data" action="" onSubmit="return valid_form();">
<div class="row">
<div class="col-md-12 text-center">
<button type="button" name="add_page_no" id="add_page_no" class="btn btn-primary sm-btn" data-ch_no_id="16" data-pg_no="1" data-pg_no_id="24" data-toggle="modal" data-target="#page_no_model">Page No.</button>
<button type="button" name="add_page_name" id="add_page_name" class="btn btn-primary sm-btn" data-ch_name_id="16" data-pg_name="Page-1" data-pg_name_id="24" data-toggle="modal" data-target="#page_name_model">Page Name</button>
<button type="button" name="add_chapter" id="add_chapter" class="btn btn-primary sm-btn" data-ctitle="chemistry" data-chid="16" data-toggle="modal" data-target="#chapter_title_model">Chapter Name</button>
<button type="button" name="add_heading" id="add_heading" class="btn btn-primary sm-btn" data-cheadname="chemistry" data-cid="16" data-toggle="modal" data-target="#heading_model">Heading</button>
<button type="button" name="add_stars" id="add_stars" class="btn btn-primary sm-btn" onClick="start_writing();">Start Writing</button>
<button type="button" name="scientific_keyboard" id="scientific_keyboard" class="btn btn-primary sm-btn" onClick="show_scn_keyword()">Scientific Keyboard</button>
<button type="button" name="add_image" id="add_image" class="btn btn-primary sm-btn" onClick="addImage()">Add Image</button>
<button type="button" name="add_marker" id="add_marker" class="btn btn-primary sm-btn" onClick="highlight_marker()">Marker</button>
<button type="button" name="add_bookmarks" id="add_bookmarks" class="btn btn-primary sm-btn" onClick="save_bookmark()">Bookmark</button>
<button type="submit" name="save_submit" id="save_submit" class="btn btn-primary sm-btn">Submit</button>
<button type="button" name="add_new" id="add_new" class="btn btn-primary sm-btn" onClick="check_valid()">Add New</button>
<button type="button" name="go_exit" id="go_exit" class="btn btn-primary sm-btn" onClick="goExit()">Exit</button>
<a target="_blank" href="http://securecamp.co/notebooks/help.php" name="go_help" id="go_help" class="btn btn-primary sm-btn">Help</a>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<p class="chapter_title">chemistry</p>
</div>
<div class="col-md-12 text-center"><p class="chapter_heading">chemistry</p></div>
</div>
<div class="row top_margin">
<div class="col-md-12">
<div id="page_detail">
<div class="row" id="content_row">
<div class="col-md-12">
<div class="form-group">
<label for="exampleInputEmail1">Content<span class="red_clr f_bold">*</span></label>
<div id="content_error" class="text-danger"></div>
<div id="textarea_div"><textarea style="height:150px;" name="page_content" class="form-control contentArea_size" id="page_content" disabled></textarea></div>
</div>
</div>
<input type="hidden" name="bookmark_value" id="bookmark_value" value=""/>
<input type="hidden" name="h_heading" id="h_heading"/>
<input type="hidden" name="h_chapter_title" id="h_chapter_title"/>
<input type="hidden" name="h_page_no" id="h_page_no"/>
<input type="hidden" name="h_page_name" id="h_page_name"/>
<input type="hidden" name="h_rating" id="h_rating"/>
<input type="hidden" name="h_action" id="h_action"/>
<input type="hidden" name="h_page_content" id="h_page_content"/>
</div>
</div>
</div>
</div>
<div class="row" id="sc_keyboard" style=" display:none;"><div class="col-md-6"><!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<form method="POST" name="scn_form" id="scn_form" enctype="multipart/form-data">
<div class="row">-->
<div class="row">
<div class="col-md-12"><label>Scientific Keyboard</label></div>
<!-- <div class="col-md-6"><label>Special Symbols Keyboard</label></div>-->
</div>
<div class="row sk-brd" id="sk1">
<div class="col-md-1">
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">SYM</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk" onclick="open_this_sk('1')">SK</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">QK</button>
</div>
<div class="col-md-11">
<button type="button" onclick="paste_this('Qk')" name="b4" id="b4" class="btn btn-primary btn-sk">QK</button>
<button type="button" onclick="open_this_sk('2')" name="b4" id="b4" class="btn btn-primary btn-sk">x/y</button>
<button type="button" name="b5" id="b5" onclick="open_this_sk('3')" class="btn btn-primary btn-sk"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/xyz.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk" onclick="open_this_sk('4')"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/under-root.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk" onclick="open_this_sk('5')"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/dy-dx2.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk" onclick="open_this_sk('8')">∫</button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk" onclick="open_this_sk('9')"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/bracket.png"/></button>
<button type="button" onclick="paste_this('sinθ')" name="b5" id="b5" class="btn btn-primary btn-sk">sinθ</button><br />
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk" onclick="open_this_sk('10')"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/metrics-1.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/infinity.png"/></button>
<button type="button" name="b1" id="b1" class="btn btn-primary btn-sk" onclick="open_this_sk('13')">+=</button>
<button type="button" onclick="open_this_sk('6')" name="b4" id="b4" class="btn btn-primary btn-sk">∑</button>
<button type="button" onclick="open_this_sk('7')" name="b5" id="b5" class="btn btn-primary btn-sk">V</button>
<button type="button" onclick="paste_this('U')" name="b5" id="b5" class="btn btn-primary btn-sk">U</button>
<button type="button" onclick="paste_this('∩')" name="b5" id="b5" class="btn btn-primary btn-sk">∩</button>
<button type="button" onclick="" name="b5" id="b5" class="btn btn-primary btn-sk">☺</button>
</div>
</div>
<div class="col-md-12 sp-brd" id="sk2" style="display:none;">
<div class="col-md-1">
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">x/y</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk" onclick="open_this_sk('1')">SK</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">QK</button>
</div>
<div class="col-md-11">
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/xy_1.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/xy_2.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/xy_3.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/xy_4.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/xy_5.png"/></button>
<br />
<button type="button" onclick="paste_this('#')" name="b3" id="b3" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" onclick="paste_this('#')" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" onclick="paste_this('#')" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" onclick="paste_this('#')" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" onclick="paste_this('#')" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
</div>
</div>
<div class="col-md-12 sp-brd" id="sk3" style="display:none;">
<div class="col-md-1">
<button type="button" name="b5" id="b5" class="btn btn-sp-blk"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/xyz.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk" onclick="open_this_sk('1')">SK</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">QK</button>
</div>
<div class="col-md-11">
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/xyz_1.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/xyz_2.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/xyz_3.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/xyz_4.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/xyz_5.png"/></button>
<br />
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/xyz_6.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/xyz_7.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/xyz_8.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
</div>
</div>
<div class="col-md-12 sp-brd" id="sk4" style="display:none;">
<div class="col-md-1">
<button type="button" name="b5" id="b5" class="btn btn-sp-blk"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/under-root.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk" onclick="open_this_sk('1')">SK</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">QK</button>
</div>
<div class="col-md-11">
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/root_1.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/root_2.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/root_3.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/root_4.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/root_5.png"/></button>
<br />
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/root_6.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
</div>
</div>
<div class="col-md-12 sp-brd" id="sk5" style="display:none;">
<div class="col-md-1">
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">dy/dx</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk" onclick="open_this_sk('1')">SK</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">QK</button>
</div>
<div class="col-md-11">
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/dy_dx.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/dy_dx.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/dy_dx.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/dy_dx.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/dy_dx.png"/></button>
<br />
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
</div>
</div>
<div class="col-md-12 sp-brd" id="sk6" style="display:none;">
<div class="col-md-1">
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">∑</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk" onclick="open_this_sk('1')">SK</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">QK</button>
</div>
<div class="col-md-11">
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/sigma_1.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/sigma_2.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/sigma_3.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/sigma_4.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/sigma_5.png"/></button>
<br />
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/sigma_6.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/sigma_7.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/sigma_8.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
</div>
</div>
<div class="col-md-12 sp-brd" id="sk7" style="display:none;">
<div class="col-md-1">
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">V</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk" onclick="open_this_sk('1')">SK</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">QK</button>
</div>
<div class="col-md-11">
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/v_1.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/v_2.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/v_3.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/v_4.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/v_5.png"/></button>
<br />
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/v_6.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/v_7.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/v_8.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/v_9.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/v_10.png"/></button>
</div>
</div>
<div class="col-md-12 sp-brd" id="sk8" style="display:none;">
<div class="col-md-1">
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">∫</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk" onclick="open_this_sk('1')">SK</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">QK</button>
</div>
<div class="col-md-11">
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/limit_1.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/limit_2.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/limit_3.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<br />
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/limit_4.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" onclick="open_this_sk('11')"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/limit_5.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" onclick="open_this_sk('12')"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/limit_6.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
</div>
</div>
<div class="col-md-12 sp-brd" id="sk9" style="display:none;">
<div class="col-md-1">
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">[{()}]</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk" onclick="open_this_sk('1')">SK</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">QK</button>
</div>
<div class="col-md-11">
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/bracket_1.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/bracket_2.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/bracket_3.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/bracket_4.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<br />
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/bracket_5.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/bracket_6.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/bracket_7.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/bracket_8.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
</div>
</div>
<div class="col-md-12 sp-brd" id="sk10" style="display:none;">
<div class="col-md-1">
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">[{()}]</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk" onclick="open_this_sk('1')">SK</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">QK</button>
</div>
<div class="col-md-11">
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/curly_bracket_1.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/curly_bracket_2.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/curly_bracket_3.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/curly_bracket_4.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<br />
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/curly_bracket_5.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/curly_bracket_6.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/curly_bracket_7.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
</div>
</div>
<div class="col-md-12 sp-brd" id="sk11" style="display:none;">
<div class="col-md-1">
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">∫∫</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk" onclick="open_this_sk('1')">SK</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">QK</button>
</div>
<div class="col-md-11">
<div style="width:6%;float:left;"> <button type="button" onclick="open_this_sk('8')" name="b5" id="b5" class="btn btn-nxt-pre"><</button></div>
<div style="width:90%; float:left;">
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/double_limit_1.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/double_limit_2.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/double_limit_3.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<br />
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/double_limit_4.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/double_limit_5.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/double_limit_6.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
</div>
<div style="width:3%;float:left;"> <button type="button" onclick="open_this_sk('12')" name="b5" id="b5" class="btn btn-nxt-pre">></button>
</div>
</div>
</div>
<div class="col-md-12 sp-brd" id="sk12" style="display:none;">
<div class="col-md-1">
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">∫∫∫</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk" onclick="open_this_sk('1')">SK</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">QK</button>
</div>
<div class="col-md-11">
<div style="width:6%;float:left;"> <button type="button" onclick="open_this_sk('11')" name="b5" id="b5" class="btn btn-nxt-pre"><</button></div>
<div style="width:90%; float:left;">
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/triple_limit_1.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/triple_limit_2.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/triple_limit_2.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<br />
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/triple_limit_4.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/triple_limit_5.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"><img src="http://securecamp.co/notebooks/images/NoteBook-sign/triple_limit_6.png"/></button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
</div>
<div style="width:3%;float:left;"> <button type="button" name="b5" id="b5" class="btn btn-nxt-pre" disabled="disabled">></button>
</div>
</div>
</div>
<div class="col-md-12 sp-brd" id="sk13" style="display:none;">
<div class="col-md-1">
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">+=</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk" onclick="open_this_sk('1')">SK</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">QK</button>
</div>
<div class="col-md-11">
<button type="button" onclick="paste_this('+=')" name="b5" id="b5" class="btn btn-primary btn-sk-sub">+=</button>
<button type="button" onclick="paste_this('x=')" name="b5" id="b5" class="btn btn-primary btn-sk-sub">x=</button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<br />
<button type="button" onclick="paste_this('-=')" name="b5" id="b5" class="btn btn-primary btn-sk-sub">-=</button>
<button type="button" onclick="paste_this('%=')" name="b5" id="b5" class="btn btn-primary btn-sk-sub">%=</button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
<button type="button" name="b5" id="b5" class="btn btn-primary btn-sk-sub" disabled="disabled"> </button>
</div>
</div></div><div class="col-md-6 "> <div class="row">
<div class="col-md-12"><label>Special Symbols Keyboard</label></div>
</div>
<div class="col-md-12 sp-brd">
<div class="col-md-1">
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">SYM</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">SK</button>
<button type="button" name="b5" id="b5" class="btn btn-sp-blk">QK</button>
</div>
<div class="col-md-11" id="ss1">
<div style="width:6%;float:left;"> <button type="button" disabled="disabled" name="b5" id="b5" class="btn btn-nxt-pre"><</button></div>
<div style="width:92%; float:left;">
<button type="button" onclick="paste_this('1')" name="b5" id="b5" class="btn btn-primary btn-sp">1</button>
<button type="button" onclick="paste_this('2')" name="b5" id="b5" class="btn btn-primary btn-sp">2</button>
<button type="button" onclick="paste_this('3')" name="b5" id="b5" class="btn btn-primary btn-sp">3</button>
<button type="button" onclick="paste_this('4')" name="b5" id="b5" class="btn btn-primary btn-sp">4</button>
<button type="button" onclick="paste_this('5')" name="b5" id="b5" class="btn btn-primary btn-sp">5</button>
<button type="button" onclick="paste_this('6')" name="b5" id="b5" class="btn btn-primary btn-sp">6</button>
<button type="button" onclick="paste_this('7')" name="b5" id="b5" class="btn btn-primary btn-sp">7</button>
<button type="button" onclick="paste_this('8')" name="b5" id="b5" class="btn btn-primary btn-sp">8</button>
<button type="button" onclick="paste_this('9')" name="b5" id="b5" class="btn btn-primary btn-sp">9</button>
<button type="button" onclick="paste_this('0')" name="b1" id="b1" class="btn btn-primary btn-sp">0</button><br />
<button type="button" onclick="paste_this('!')" name="b3" id="b3" class="btn btn-primary btn-sp">!</button>
<button type="button" onclick="paste_this('@')" name="b5" id="b5" class="btn btn-primary btn-sp">@</button>
<button type="button" onclick="paste_this('#')" name="b5" id="b5" class="btn btn-primary btn-sp">#</button>
<button type="button" onclick="paste_this('$')" name="b5" id="b5" class="btn btn-primary btn-sp">$</button>
<button type="button" onclick="paste_this('/')" name="b5" id="b5" class="btn btn-primary btn-sp">/</button>
<button type="button" onclick="paste_this('^')" name="b5" id="b5" class="btn btn-primary btn-sp">^</button>
<button type="button" onclick="paste_this('&')" name="b5" id="b5" class="btn btn-primary btn-sp">& </button>
<button type="button" onclick="paste_this('*')" name="b5" id="b5" class="btn btn-primary btn-sp">*</button>
<button type="button" onclick="paste_this('=')" name="b5" id="b5" class="btn btn-primary btn-sp">=</button>
<button type="button" onclick="paste_this('<=')" name="b5" id="b5" class="btn btn-primary btn-sp"><=</button>
</div>
<div style="width:2%;float:left;"> <button type="button" onclick="open_this('2')" name="b5" id="b5" class="btn btn-nxt-pre">></button>
</div>
</div>
<div class="col-md-11" id="ss2" style="display:none;">
<div style="width:6%;float:left;"> <button type="button" onclick="open_this('1')" name="b5" id="b5" class="btn btn-nxt-pre"><</button></div>
<div style="width:92%; float:left;">
<button type="button" onclick="paste_this('(')" name="b5" id="b5" class="btn btn-primary btn-sp">(</button>
<button type="button" onclick="paste_this(')')" name="b5" id="b5" class="btn btn-primary btn-sp">)</button>
<button type="button" onclick="paste_this(''')" name="b5" id="b5" class="btn btn-primary btn-sp">'</button>
<button type="button" onclick="paste_this('''')" name="b5" id="b5" class="btn btn-primary btn-sp">"</button>
<button type="button" onclick="paste_this(':')" name="b5" id="b5" class="btn btn-primary btn-sp">:</button>
<button type="button" onclick="paste_this(';')" name="b5" id="b5" class="btn btn-primary btn-sp">;</button>
<button type="button" onclick="paste_this(',')" name="b5" id="b5" class="btn btn-primary btn-sp">,</button>
<button type="button" onclick="paste_this('-')" name="b5" id="b5" class="btn btn-primary btn-sp">-</button>
<button type="button" onclick="paste_this('+')" name="b5" id="b5" class="btn btn-primary btn-sp">+</button>
<button type="button" onclick="paste_this('÷')" name="b1" id="b1" class="btn btn-primary btn-sp">÷</button><br />
<button type="button" onclick="paste_this('≠')" name="b3" id="b3" class="btn btn-primary btn-sp">≠</button>
<button type="button" onclick="paste_this('<')" name="b5" id="b5" class="btn btn-primary btn-sp"><</button>
<button type="button" onclick="paste_this('>')" name="b5" id="b5" class="btn btn-primary btn-sp">></button>
<button type="button" onclick="paste_this('<<')" name="b5" id="b5" class="btn btn-primary btn-sp"><<</button>
<button type="button" onclick="paste_this('>>')" name="b5" id="b5" class="btn btn-primary btn-sp">>></button>
<button type="button" onclick="paste_this('≤')" name="b5" id="b5" class="btn btn-primary btn-sp">≤</button>
<button type="button" onclick="paste_this('≥')" name="b5" id="b5" class="btn btn-primary btn-sp">≥ </button>
<button type="button" onclick="paste_this('±')" name="b5" id="b5" class="btn btn-primary btn-sp">±</button>
<button type="button" onclick="paste_this('∓')" name="b5" id="b5" class="btn btn-primary btn-sp">∓</button>
<button type="button" onclick="paste_this('<=')" name="b5" id="b5" class="btn btn-primary btn-sp"><=</button>
</div>
<div style="width:2%;float:left;"> <button type="button" onclick="open_this('3')"name="b5" id="b5" class="btn btn-nxt-pre">></button>
</div>
</div>
<div class="col-md-11" id="ss3" style="display:none;">
<div style="width:6%;float:left;"> <button type="button" onclick="open_this('2')" name="b5" id="b5" class="btn btn-nxt-pre"><</button></div>
<div style="width:92%; float:left;">
<button type="button" onclick="paste_this('∞')" name="b5" id="b5" class="btn btn-primary btn-sp">∞</button>
<button type="button" onclick="paste_this('᷈')" name="b5" id="b5" class="btn btn-primary btn-sp">᷈</button>
<button type="button" onclick="paste_this('x')" name="b5" id="b5" class="btn btn-primary btn-sp">x</button>
<button type="button" onclick="paste_this('ˠ')" name="b5" id="b5" class="btn btn-primary btn-sp">ˠ</button>
<button type="button" onclick="paste_this('≈')" name="b5" id="b5" class="btn btn-primary btn-sp">≈</button>
<button type="button" onclick="paste_this('≈')" name="b5" id="b5" class="btn btn-primary btn-sp">≈</button>
<button type="button" onclick="paste_this('≡')" name="b5" id="b5" class="btn btn-primary btn-sp">≡</button>
<button type="button" onclick="paste_this('Ɐ')" name="b5" id="b5" class="btn btn-primary btn-sp">Ɐ</button>
<button type="button" onclick="paste_this('ʗ')" name="b5" id="b5" class="btn btn-primary btn-sp">ʗ</button>
<button type="button" onclick="paste_this('ə')" name="b1" id="b1" class="btn btn-primary btn-sp">ə</button><br />
<button type="button" onclick="paste_this('√')" name="b3" id="b3" class="btn btn-primary btn-sp">√</button>
<button type="button" onclick="paste_this('∑')" name="b5" id="b5" class="btn btn-primary btn-sp">∑</button>
<button type="button" onclick="paste_this('V')" name="b5" id="b5" class="btn btn-primary btn-sp">V</button>
<button type="button" onclick="paste_this('U')" name="b5" id="b5" class="btn btn-primary btn-sp">U</button>
<button type="button" onclick="paste_this('∩')" name="b5" id="b5" class="btn btn-primary btn-sp">∩</button>
<button type="button" onclick="paste_this('Ø')" name="b5" id="b5" class="btn btn-primary btn-sp">Ø</button>
<button type="button" onclick="paste_this('%')" name="b5" id="b5" class="btn btn-primary btn-sp">% </button>
<button type="button" onclick="paste_this('€')" name="b5" id="b5" class="btn btn-primary btn-sp">€</button>
<button type="button" onclick="paste_this('£')" name="b5" id="b5" class="btn btn-primary btn-sp">£</button>
<button type="button" onclick="paste_this('<=')" name="b5" id="b5" class="btn btn-primary btn-sp"><=</button>
</div>
<div style="width:2%;float:left;"> <button type="button" onclick="open_this('4')" name="b5" id="b5" class="btn btn-nxt-pre">></button>
</div>
</div>
<div class="col-md-11" id="ss4" style="display:none;">
<div style="width:6%;float:left;"> <button type="button" onclick="open_this('3')" name="b5" id="b5" class="btn btn-nxt-pre"><</button></div>
<div style="width:92%; float:left;">
<button type="button" onclick="paste_this('°')" name="b5" id="b5" class="btn btn-primary btn-sp">°</button>
<button type="button" onclick="paste_this('°C')" name="b5" id="b5" class="btn btn-primary btn-sp">°C</button>
<button type="button" onclick="paste_this('°F')" name="b5" id="b5" class="btn btn-primary btn-sp">°F</button>
<button type="button" onclick="paste_this('∆')" name="b5" id="b5" class="btn btn-primary btn-sp">∆</button>
<button type="button" onclick="paste_this('∆')" name="b5" id="b5" class="btn btn-primary btn-sp">∆</button>
<button type="button" onclick="paste_this('Ǝ')" name="b5" id="b5" class="btn btn-primary btn-sp">Ǝ</button>
<button type="button" onclick="paste_this('Ɇ')" name="b5" id="b5" class="btn btn-primary btn-sp">Ɇ</button>
<button type="button" onclick="paste_this('Ɛ')" name="b5" id="b5" class="btn btn-primary btn-sp">Ɛ</button>
<button type="button" onclick="paste_this('Ȝ')" name="b5" id="b5" class="btn btn-primary btn-sp">Ȝ</button>
<button type="button" onclick="paste_this('•')" name="b1" id="b1" class="btn btn-primary btn-sp">•</button><br />
<button type="button" onclick="paste_this('ֶ')" name="b3" id="b3" class="btn btn-primary btn-sp">ֶ</button>
<button type="button" onclick="paste_this('֒')" name="b5" id="b5" class="btn btn-primary btn-sp">֒</button>
<button type="button" onclick="paste_this('←')" name="b5" id="b5" class="btn btn-primary btn-sp">←</button>
<button type="button" onclick="paste_this('→')" name="b5" id="b5" class="btn btn-primary btn-sp">→</button>
<button type="button" onclick="paste_this('↑')" name="b5" id="b5" class="btn btn-primary btn-sp">↑</button>
<button type="button" onclick="paste_this('↓')" name="b5" id="b5" class="btn btn-primary btn-sp">↓</button>
<button type="button" onclick="paste_this('↔')" name="b5" id="b5" class="btn btn-primary btn-sp">↔ </button>
<button type="button" onclick="paste_this('∂')" name="b5" id="b5" class="btn btn-primary btn-sp">∂</button>
<button type="button" onclick="paste_this('β')" name="b5" id="b5" class="btn btn-primary btn-sp">β</button>
<button type="button" onclick="paste_this('<=')" name="b5" id="b5" class="btn btn-primary btn-sp"><=</button>
</div>
<div style="width:2%;float:left;"> <button type="button" onclick="open_this('5')" name="b5" id="b5" class="btn btn-nxt-pre">></button>
</div>
</div>
<div class="col-md-11" id="ss5" style="display:none;">
<div style="width:6%;float:left;"> <button type="button" onclick="open_this('4')" name="b5" id="b5" class="btn btn-nxt-pre"><</button></div>
<div style="width:92%; float:left;">
<button type="button" onclick="paste_this('Ɣ')" name="b5" id="b5" class="btn btn-primary btn-sp">Ɣ</button>
<button type="button" onclick="paste_this('°Ɛ')" name="b5" id="b5" class="btn btn-primary btn-sp">Ɛ</button>
<button type="button" onclick="paste_this('°E')" name="b5" id="b5" class="btn btn-primary btn-sp">E</button>
<button type="button" onclick="paste_this('Ɵ')" name="b5" id="b5" class="btn btn-primary btn-sp">Ɵ</button>
<button type="button" onclick="paste_this('V')" name="b5" id="b5" class="btn btn-primary btn-sp">V</button>
<button type="button" onclick="paste_this('µ')" name="b5" id="b5" class="btn btn-primary btn-sp">µ</button>
<button type="button" onclick="paste_this('π')" name="b5" id="b5" class="btn btn-primary btn-sp">π</button>
<button type="button" onclick="paste_this('p')" name="b5" id="b5" class="btn btn-primary btn-sp">p</button>
<button type="button" onclick="paste_this('σ')" name="b5" id="b5" class="btn btn-primary btn-sp">σ</button>
<button type="button" onclick="paste_this('Ԏ')" name="b1" id="b1" class="btn btn-primary btn-sp">Ԏ</button><br />
<button type="button" onclick="paste_this('φ')" name="b3" id="b3" class="btn btn-primary btn-sp">φ</button>
<button type="button" onclick="paste_this('w')" name="b5" id="b5" class="btn btn-primary btn-sp">w</button>
<button type="button" onclick="paste_this('⁞')" name="b5" id="b5" class="btn btn-primary btn-sp">⁞</button>
<button type="button" onclick="paste_this('…')" name="b5" id="b5" class="btn btn-primary btn-sp">…</button>
<button type="button" onclick="paste_this('ֻ')" name="b5" id="b5" class="btn btn-primary btn-sp">ֻ</button>
<button type="button" onclick="paste_this('ֻ')" name="b5" id="b5" class="btn btn-primary btn-sp">ֻ</button>
<button type="button" onclick="paste_this('ﬡ')" name="b5" id="b5" class="btn btn-primary btn-sp">ﬡ</button>
<button type="button" onclick="paste_this('בּ')" name="b5" id="b5" class="btn btn-primary btn-sp">בּ</button>
<button type="button" onclick="paste_this('Ȿ')" name="b5" id="b5" class="btn btn-primary btn-sp">Ȿ</button>
<button type="button" onclick="paste_this('<=')" name="b5" id="b5" class="btn btn-primary btn-sp"><=</button>
</div>
<div style="width:2%;float:left;"> <button type="button" onclick="open_this('6')" name="b5" id="b5" class="btn btn-nxt-pre">></button>
</div>
</div>
<div class="col-md-11" id="ss6" style="display:none;">
<div style="width:6%;float:left;"> <button type="button" onclick="open_this('5')" name="b5" id="b5" class="btn btn-nxt-pre"><</button></div>
<div style="width:92%; float:left;">
<button type="button" onclick="paste_this('♥')" name="b5" id="b5" class="btn btn-primary btn-sp">♥</button>
<button type="button" onclick="paste_this('ꜟ')" name="b5" id="b5" class="btn btn-primary btn-sp">ꜟ</button>
<button type="button" onclick="paste_this('¿')" name="b5" id="b5" class="btn btn-primary btn-sp">¿</button>
<button type="button" onclick="paste_this('♀')" name="b5" id="b5" class="btn btn-primary btn-sp">♀</button>
<button type="button" onclick="paste_this('♣')" name="b5" id="b5" class="btn btn-primary btn-sp">♣</button>
<button type="button" onclick="paste_this('⃰')" name="b5" id="b5" class="btn btn-primary btn-sp">⃰</button>
<button type="button" onclick="paste_this('▲')" name="b5" id="b5" class="btn btn-primary btn-sp">▲</button>
<button type="button" onclick="paste_this('►')" name="b5" id="b5" class="btn btn-primary btn-sp">►</button>
<button type="button" onclick="paste_this('▼')" name="b5" id="b5" class="btn btn-primary btn-sp">▼</button>
<button type="button" onclick="paste_this('◄')" name="b1" id="b1" class="btn btn-primary btn-sp">◄</button><br />
<button type="button" onclick="paste_this('☺')" name="b3" id="b3" class="btn btn-primary btn-sp">☺</button>
<button type="button" onclick="paste_this('☻')" name="b5" id="b5" class="btn btn-primary btn-sp">☻</button>
<button type="button" onclick="paste_this('☼')" name="b5" id="b5" class="btn btn-primary btn-sp">☼</button>
<button type="button" onclick="paste_this('♫')" name="b5" id="b5" class="btn btn-primary btn-sp">♫</button>
<button type="button" onclick="paste_this('﴾')" name="b5" id="b5" class="btn btn-primary btn-sp">﴾</button>
<button type="button" onclick="paste_this('﴿')" name="b5" id="b5" class="btn btn-primary btn-sp">﴿</button>
<button type="button" onclick="paste_this('Ѽ')" name="b5" id="b5" class="btn btn-primary btn-sp">Ѽ</button>
<button type="button" onclick="paste_this('҈')" name="b5" id="b5" class="btn btn-primary btn-sp">҈</button>
<button type="button" onclick="paste_this('۩')" name="b5" id="b5" class="btn btn-primary btn-sp">۩</button>
<button type="button" onclick="paste_this('<=')" name="b5" id="b5" class="btn btn-primary btn-sp"><=</button>
</div>
<div style="width:2%;float:left;"> <button type="button" disabled="disabled" name="b5" id="b5" class="btn btn-nxt-pre">></button></div>
</div>
</div></div></div>
</form>
<!------------------------------------------------------Heading Popup model------------------------------------------------>
<form method="post" onSubmit="return valid_chead();">
<div class="modal fade" id="heading_model" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-body">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="hidden" name="model_content_cid" class="form-control" id="model_content_cid">
<label for="exampleInputEmail1">Heading<span class="red_clr f_bold">*</span></label>
<input type="text" name="model_content_heading" class="form-control" id="model_content_heading">
<div id="content_heading_error" class="text-danger"></div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary" id="submit_head" name="submit_head">Submit</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</form>
<!------------------------------------------------------Chapter Name Popup model------------------------------------------------>
<form method="post" onSubmit="return valid_ctitle();">
<div class="modal fade" id="chapter_title_model" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-body">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="hidden" name="model_chid" class="form-control" id="model_chid">
<label for="exampleInputEmail1">Chapter Name<span class="red_clr f_bold">*</span></label>
<input type="text" name="model_chapter_tile" class="form-control" id="model_chapter_tile">
<div id="chapter_name_error" class="text-danger"></div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary" id="submit_chTilte" name="submit_chTilte">Submit</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</form> <!------------------------------------------------------Page No. Popup model------------------------------------------------>
<form method="post" onSubmit="return valid_ch_page_no();">
<div class="modal fade" id="page_no_model" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-body">
<div class="row">
<input type="hidden" name="model_pg_id_no" class="form-control" id="model_pg_id_no">
<input type="hidden" name="model_ch_id_no" class="form-control" id="model_ch_id_no">
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputEmail1">Page No.<span class="red_clr f_bold">*</span></label>
<input type="text" name="model_page_no" class="form-control" id="model_page_no" placeholder="Page No.">
<div id="page_no_error" class="text-danger"></div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary" id="submit_page_no" name="submit_page_no">Submit</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</form>
<!------------------------------------------------------ Page Name Popup model------------------------------------------------>
<form method="post" onSubmit="return valid_ch_page_name();">
<div class="modal fade" id="page_name_model" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-body">
<div class="row">
<input type="hidden" name="model_pg_id_name" class="form-control" id="model_pg_id_name">
<input type="hidden" name="model_ch_id_name" class="form-control" id="model_ch_id_name">
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputEmail1">Page Name<span class="red_clr f_bold">*</span></label>
<input type="text" name="model_page_name" class="form-control" id="model_page_name" placeholder="Page Name">
<div id="page_name_error" class="text-danger"></div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary" id="submit_page_name" name="submit_page_name">Submit</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</form>
<!------------------------------------------------------Image Popup model------------------------------------------------>
<form method="POST" enctype="multipart/form-data">
<div class="modal fade" id="image_model" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-body">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="file" name="content_image" id="content_image">
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary" id="upload_image" name="upload_image">Submit</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</form>
</div>
</section>
<!-- <footer>
<div class="container-fluid">
<div class="row">
<div class="col-md-3">
<ul class="social">
<li> <a href="#"><img src="images/fb.jpg"></a></li>
<li> <a href="#"><img src="images/g-pluus.jpg"></a></li>
<li> <a href="#"><img src="images/in.jpg"></a></li>
<li> <a href="#"><img src="images/twitter.jpg"></a></li>
<li> <a href="#"><img src="images/you-tube.jpg"></a></li>
</ul>
</div>
<div class="col-md-6 f-menu">
<ul class="nav nav-pills">
<li class=""><a href="http://securecamp.co/notebooks/index.php">Home</a></li>
<li ><a href="#">About us</a></li>
<li ><a href="#">Help</a></li>
<li ><a href="#">Terms & Conditions</a></li>
<li ><a href="#">Privacy Policy</a></li>
</ul>
</div>
<div class="col-md-3"><p class="copy-right">Copyrights reserve by <span>Company Name</span></p></div>
</div>
</div>
</footer>--> </body>
</html>