diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 404 |
1 files changed, 404 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..f7f6990 --- /dev/null +++ b/index.html @@ -0,0 +1,404 @@ +<!doctype html> +<html lang="en"> + <head> + <!-- Required meta tags --> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + + <!-- Bootstrap CSS --> + <link rel="stylesheet" href="css/bootstrap.min.css"> + <link rel="stylesheet" href="css/style.css"> + <link rel="stylesheet" href="css/mobile.css"> + <link rel="stylesheet" href="css/animate.css"> + <link rel="stylesheet" href="css/calc.css"> + <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous"> + <link href='https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,greek' rel='stylesheet' type='text/css'> + <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/2.6.0/math.min.js"></script> + <title>Dashboard System</title> + </head> + <body> + <div class="menu fixed-top"> + <i id="fullMenu" class="fas fa-bars"></i> + <i id="openChat" class="fas fa-comments"></i> + <i id="openCalc" data-toggle="modal" data-target="#calculatorModal" class="fas fa-calculator"></i> + </div> + <div class="row no-gutters"> + <div id="menuFull" class="col-md-2 sidebar"> + <div class="user-info"> + <img class="user" src="images/user.png"> + <div class="user-dropdown"> + <center> + <button id="uname" class="username">John Doe <i id="userdown" class="fas fa-caret-down"></i></button> + </center> + </div> + </div> + <div id="options" class="user-options2"> + <ul> + <li><i class="fas fa-user-circle"></i> My Account</li> + <li><i class="fas fa-code-branch"></i> Change Branch</li> + <li><i class="fas fa-dollar-sign"></i> Subscriptions</li> + <li><i class="fas fa-sign-out-alt"></i> Logout</li> + </ul> + </div> + <div class="navigation"> + <ul> + <li class="active"><i class="fas fa-tachometer-alt"></i> Dashboard</li> + <li id="transbutton"><i class="fas fa-exchange-alt"></i> Transaction <i id="tansdown" class="fas fa-caret-down"></i> </li> + <div id="transaction" class="user-options2"> + <ul> + <li>Student Info / Enquiry</li> + <li>Enquiry Follow Up</li> + <li>Admission Invoice</li> + <li>Receipt</li> + <li>Other Receipt</li> + <li id="accbutton">Accounting  <i id="accdown" class="fas fa-caret-down"></i></li> + <div id="accounting" class="user-options2"> + <ul> + <li>Manual Journal</li> + <li>Banking</li> + <li>Bill Expenses</li> + <li>Inventory / Material Purchase</li> + <li>Expenses</li> + <li>Payments</li> + </ul> + </div> + <li>Attendance</li> + <li>Transport Management</li> + <li>Time Table </li> + <li>Event Management</li> + <li>Assignment / Homework</li> + <li>Notice Board</li> + </ul> + </div> + <li><i class="fas fa-user-tie"></i> Masters</li> + <li><i class="fas fa-cogs"></i> Settings</li> + <li><i class="fas fa-pencil-ruler"></i> Examination</li> + <li><i class="fas fa-book-open"></i> Library</li> + <li><i class="fas fa-file"></i> Reports</li> + <li class="" id="showChat"><i class="fas fa-comments"></i> Chat</li> + <li class="calcy" id="showCalc" data-toggle="modal" data-target="#calculatorModal"><i class="fas fa-calculator"></i> Calculator</li> + </ul> + </div> + </div> + <div class="modal fade" id="calculatorModal" tabindex="-1" role="dialog" aria-labelledby="calcModalLabel" aria-hidden="true"> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + <div class="modal-header"> + <h5 class="modal-title mdtitle" id="calcModalLabel">Calculator</h5> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + </button> + </div> + <div class="modal-body mmy"> + <div class="wrapper"> + + <div class="calc"> + <div class="top"> + <div class='result'></div> + <div class='screen'><span id="screentext" class="screentext animated"></span><span class="hints"></span></div> + </div> + <div class="keyboard"> + + <div class="crow"> + <div class='cb cbac'>AC</div> + <div class="cb cbpar" key='('>(</div> + <div class="cb cbpar" key=')'>)</div> + <div class='cb cbce'>CE</div> + </div> + + <div class="crow"> + <div class="cb cbnum" key='pi'>π</div> + <div class="cb cbnum" key='e'>e</div> + <div class="cb cbnum" key='phi'>φ</div> + <div class="cb cbnum" key='tau'>τ</div> + </div> + + <div class="crow"> + <div class="cb cbinv">Inv</div> + <div class="cb cbfun" key1='sin(' key2="asin(">sin<sup class="inv">-1</sup></div> + <div class="cb cbfun" key1='cos(' key2="acos(">cos<sup class="inv">-1</sup></div> + <div class="cb cbfun" key1='tan(' key2="atan(">tan<sup class="inv">-1</sup></div> + </div> + + <div class="crow"> + <div class="cb cbfun" key1='log10('>log</div> + <div class="cb cbfun" key1='log('>ln</div> + <div class="cb cbop" key='!' char='!'>!</div> + <div class="cb cbop" key='deg' char='deg'>deg</div> + </div> + + <div class="crow"> + <div class="cb cbfun" key1='sqrt('>√</div> + <div class="cb cbop" key='^2' char='²'>x²</div> + <div class="cb cbop" key='^3' char='³'>x³</div> + <div class="cb cbop" key='^' char='^'>^</div> + </div> + + <div class="crow"> + <div class="cb cbnum lighter" key='7'>7</div> + <div class="cb cbnum lighter" key='8'>8</div> + <div class="cb cbnum lighter" key='9'>9</div> + <div class="cb cbop operands" key='/' char='÷'>÷</div> + </div> + + <div class="crow"> + <div class="cb cbnum lighter" key='4'>4</div> + <div class="cb cbnum lighter" key='5'>5</div> + <div class="cb cbnum lighter" key='6'>6</div> + <div class="cb cbop operands" key='*' char='×'>×</div> + </div> + + <div class="crow"> + <div class="cb cbnum lighter" key='1'>1</div> + <div class="cb cbnum lighter" key='2'>2</div> + <div class="cb cbnum lighter" key='3'>3</div> + <div class="cb cbop operands" key='-' char='-'>-</div> + </div> + + <div class="crow"> + <div class="cb cbnum lighter" key='0'>0</div> + <div class="cb cbnum lighter" key='.'>.</div> + <div class="cb cbop lighter" key='E' char='E'>exp</div> + <div class="cb cbop operands" key='+' char='+'>+</div> + </div> + + <div class="crow"> + <div class="cb cbrnd" style="width:25%">Rnd</div> + <div class="cb cbans" style="width:25%">Ans</div> + <div class="cb enter" style="width:50%">=</div> + </div> + + </div> + </div> + </div> + </div> + </div> + </div> + </div> + <div id="dash" class="col-md-10 dashboard"> + <div class="container"> + <h1 class="dashboard-h1">Dashboard</h1> + <div class="row"> + <div id="monthlyReport" class="col-md-6 report"> + <div class="report-header"> + <div class="row"> + <div class="col-sm-10 title"> + <span>Monthly Sales Report</span> + </div> + <span><i id="collapseMSR" class="fas fa-sort-down lilup"></i></span> +   + <span> + <i id="closeMSR" class="fas fa-times"></i> + </span> + + </div> + </div> + <canvas id="monthlyChart"></canvas> + </div> + <div id="packageSalesReport" class="col-md-6 report"> + <div class="report-header"> + <div class="row"> + <div class="col-sm-10 title"> + <span>Course/Package wise Sales Report</span> + </div> + <span><i id="collapsePSR" class="fas fa-sort-down lilup"></i></span> +   + <span> + <i id="closePSR" class="fas fa-times"></i> + </span> + + </div> + </div> + <canvas id="packageChart"></canvas> + </div> + </div> + <div class="row"> + <div id="financialReport" class="col-md-6 report"> + <div class="report-header"> + <div class="row"> + <div class="col-sm-10 title"> + <span>Financial Ratio</span> + </div> + <span><i id="collapseFR" class="fas fa-sort-down lilup"></i></span> +   + <span> + <i id="closeFR" class="fas fa-times"></i> + </span> + + </div> + </div> + <canvas id="financialChart"></canvas> + </div> + <div id="toDoList" class="col-md-6 report"> + <div class="report-header"> + <div class="row"> + <div class="col-sm-10 title"> + <span>My To Do List</span> + </div> + <span><i id="collapseTDL" class="fas fa-sort-down lilup"></i></span> +   + <span> + <i id="closeTDL" class="fas fa-times"></i> + </span> + + </div> + </div> + <div class="options"> + <button id="del" class="optbtn optred">Delete</button> + <button id="mod" class="optbtn optgreen">Modify</button> + <button class="optbtn optblue">Add</button> + </div> + <div class="tasks"> + <div class="form-check form-check-inline tasklist"> + <input class="form-check-input seeCheck" type="checkbox" name="cb1"> + <label class="form-check-label" for="cb1">Do Some Task</label> + </div> + <div class="form-check form-check-inline tasklist"> + <input class="form-check-input seeCheck" type="checkbox" name="cb2"> + <label class="form-check-label" for="cb2">Another Task</label> + </div> + <div class="form-check form-check-inline tasklist"> + <input class="form-check-input seeCheck" type="checkbox" name="cb3"> + <label class="form-check-label" for="cb3">Yet Another Task</label> + </div> + <div class="form-check form-check-inline tasklist"> + <input class="form-check-input seeCheck" type="checkbox" name="cb4"> + <label class="form-check-label" for="cb4"><del>Some Deleted Task</del></label> + </div> + <div class="form-check form-check-inline tasklist"> + <input class="form-check-input seeCheck" type="checkbox" name="cb5"> + <label class="form-check-label" for="cb5"><strong>Some Important Task</strong></label> + </div> + </div> + </div> + </div> + </div> + </div> + <div class="col-sm-3 chat"> + <div class="container chats"> + <div class="chat-header"> + <h1 class="chat-h1">Recent Messages <span id="closeChat">X</span></h1> + <input class="chat-search" type="text" placeholder="Search for chats"> + </div> + <div class="chat-members"> + <div class="row member"> + <div class="image"> + <center> + <img class="chat-image" src="images/brad.jpg"> + </center> + </div> + <div class=" message"> + <p class="mem-name">Brad Howlett <span class="unread">3</span><span class="timeAgo">1 min ago</span></p> + <p class="recent-message">Hey, Let's plan a trip this weekend near the coast</p> + </div> + </div> + </div> + <div class="chat-members"> + <div class="row member"> + <div class="image"> + <center> + <img class="chat-image" src="images/jane.jpg"> + </center> + </div> + <div class=" message"> + <p class="mem-name">Jane Doe <span class="unread">2</span><span class="timeAgo">26 min ago</span></p> + <p class="recent-message">Did you send the email?</p> + </div> + </div> + </div> + <div class="chat-members"> + <div class="row member"> + <div class="image"> + <center> + <img class="chat-image" src="images/kirsten.jpg"> + </center> + </div> + <div class=" message"> + <p class="mem-name read">Kirsten Nunez<span class="timeAgo">2 days ago</span></p> + <p class="recent-message">When are you going to send me the project files?</p> + </div> + </div> + </div> + <div class="chat-members"> + <div class="row member"> + <div class="image"> + <center> + <img class="chat-image" src="images/stuart.jpg"> + </center> + </div> + <div class=" message"> + <p class="mem-name read">Stuart Alvarez<span class="timeAgo">5 days ago</span></p> + <p class="recent-message">Would love to explore new things on this weekend.</p> + </div> + </div> + </div> + </div> + <div class="message-block"> + <div class="mb-header"> + <div class="container"> + <div class="row"> + <div class="mb-back"> + <i id="mb-back" class="fas fa-arrow-left"></i> + </div> + <div class="mb-display-name"> + <span class="mb-name">Jane Doe</span> + </div> + <div class="mb-dp"> + <center> + <img class="mb-image" src="images/jane.jpg"> + </center> + </div> + </div> + </div> + </div> + <div class="mb-body"> + <p class="sentmsg"> + <span class="m-sent"> + Hi + </span> + </p> + <p class="recvmsg"> + <span class="m-recv"> + Hello. It's so nice that you messaged. I was thinking of planning a weekend trip. Whould you like to accompany me and some of my friends? + </span> + </p> + <p class="sentmsg"> + <span class="m-sent"> + That sounds like a good plan. Let me chceck if I have some work to do this weekend. I would let you know once I am free after my work! + </span> + </p> + <p class="recvmsg"> + <span class="m-recv"> + Speaking of work, I forwarded you an email to send to the boss. + </span> + </p> + <p class="recvmsg"> + <span class="m-recv"> + Did you send the email? + </span> + </p> + </div> + <div class="mb-reply"> + <i class="fas fa-paperclip mb-icon"></i> + <i class="fas fa-smile mb-icon"></i> + <div class="reply"> + <input class="reply-input" type="text" placeholder="Reply ..."> + </div> + <i class="fas fa-paper-plane mb-icon"></i> + </div> + </div> + </div> + </div> + + <!-- Optional JavaScript --> + <!-- jQuery first, then Popper.js, then Bootstrap JS --> + <script src="https://code.jquery.com/jquery-1.12.4.js"></script> + <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> + <script src="js/popper.min.js"></script> + <script src="js/bootstrap.min.js"></script> + <script src="js/script.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.min.js"></script> + <script src="js/charts.js"></script> + <script src="js/calc.js"></script> + </body> +</html>
\ No newline at end of file |