Advertisement
Guest User

homepage

a guest
Jul 28th, 2017
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.31 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <?php
  3. require_once "../../scripts/dbcomm.php";
  4. //create db connection
  5. $dbcomm = new dbcomm();
  6.  
  7. if (!isset($_GET['id'])) {
  8. die("Error: The id was not set.");
  9. }
  10. $encryptedUsername = $_GET['id'];
  11. $encryptedUsername = str_replace("!!!", "+", $encryptedUsername);
  12. $encryptedUsername = str_replace("$$$", "%", $encryptedUsername);
  13. $username = openssl_decrypt($encryptedUsername, 'RC4-40', 'regularUserPassword');
  14.  
  15.  
  16. if(isset($_POST['createTask'])) {
  17. if (isset($_POST['taskName']) and isset($_POST['categoryName']) and isset($_POST['importance']) and isset($_POST['start_hour']) and isset($_POST['start_minute']) and isset($_POST['end_hour']) and isset($_POST['end_minute'])) {
  18. $taskName = $_POST['taskName'];
  19. $categoryName = $_POST['categoryName'];
  20. $importance = $_POST['importance'];
  21. $start_hour = $_POST['start_hour'];
  22. $start_minute = $_POST['start_minute'];
  23. $end_hour = $_POST['end_hour'];
  24. $end_minute = $_POST['end_minute'];
  25. $date = $_POST['date'];
  26.  
  27. $year = substr($date, 6, 4);
  28. $month = substr($date,0,2);
  29. $day = substr($date, 3,2);
  30. $startDateTime = $year.'-'.$month.'-'.$day.' '.$start_hour.':'.$start_minute.':00';
  31. $endDateTime = $year.'-'.$month.'-'.$day.' '.$end_hour.':'.$end_minute.':00';
  32.  
  33. $dbcomm->createTaskByUsername($username, $taskName, $categoryName, $importance, $startDateTime, $endDateTime);
  34. }
  35. }
  36.  
  37. ?>
  38. <html xmlns="http://www.w3.org/1999/xhtml">
  39.  
  40. <head>
  41. <meta name="viewport" content="width=device-width, initial-scale=1">
  42. <link rel="stylesheet" href="../../libs/bootstrap/dist/css/bootstrap.min.css">
  43. <script src="../../libs/jquery/dist/jquery.min.js"></script>
  44. <script src="../../libs/bootstrap/dist/js/bootstrap.min.js"></script>
  45. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  46. <title>Planbook</title>
  47.  
  48.  
  49. <link rel="stylesheet" type="text/css" href="../../libs/fullpage-js/dist/jquery.fullpage.min.css"/>
  50. <link rel="stylesheet" href="../../libs/bootstrap/dist/css/bootstrap.min.css">
  51. <link rel="stylesheet" type="text/css" href="../../css/fullpage-style.css" />
  52. <link rel="stylesheet" href="../../libs/w3-css/w3.css">
  53.  
  54. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  55. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
  56.  
  57. <script type="text/javascript" src="../../libs/fullpage-js/dist/jquery.fullpage.min.js"></script>
  58. <script src="../../libs/bootstrap/dist/js/bootstrap.min.js"></script>
  59. <script type="text/javascript" src="../../scripts/jquery/fullpage-config.js"></script>
  60. <script type="text/javascript" src="../../scripts/jquery/user/fullpage-homepage-config.js"></script>
  61. <script type="text/javascript" src="../../scripts/jquery/user/tasklist-config.js"></script>
  62. <link rel="stylesheet" type="text/css" href="../../css/user/homepage.css"/>
  63. <script src="../../scripts/jquery/user/createTask.js"></script>
  64. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
  65. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
  66.  
  67.  
  68. </head>
  69. <body>
  70.  
  71. <ol id="menu">
  72. <li data-menuanchor="firstPage"><a href="#firstPage">Stats</a></li>
  73. <li data-menuanchor="secondPage"><a href="#secondPage">Tasks</a></li>
  74. <li data-menuanchor="3rdPage"><a href="#3rdPage">Awards</a></li>
  75. </ol>
  76.  
  77. <div id="fullpage">
  78. <div class="section " id="section0">
  79. <div class="content">
  80. <h1>Stats</h1>
  81. </div>
  82. </div>
  83. <div class="section" id="section1">
  84. <div class="slide" id="slide1">
  85. <div class="content">
  86. <!--https://bootsnipp.com/snippets/D2kkX-->
  87. <table align="center" width="80%">
  88. <tr>
  89. <td colspan="2" align="right" width=67.6666666%><h1>Daily View (<? echo date("n/j"); ?>)</h1>
  90. </td>
  91. <td align="right">
  92. <div class="content">
  93. <button type="button" class="btn btn-primary" data-toggle="modal"
  94. data-target="#mymodal">
  95. New Task
  96. </button>
  97. </div>
  98. </td>
  99. </tr>
  100. <tr>
  101. <td colspan="3" align="left">
  102. <div class="panel-group">
  103. <div class="panel panel-default">
  104. <div class="panel-heading" style="background-color:#BA7FD5;">
  105. <h4 class="panel-title">
  106. <a data-toggle="collapse" href="#collapse1">Homework</a>
  107. </h4>
  108. </div>
  109. <div id="collapse1" class="panel-collapse collapse">
  110. <ul class="list-group">
  111. <li class="list-group-item">hi</li>
  112. <li class="list-group-item">Two</li>
  113. <li class="list-group-item">Three</li>
  114. </ul>
  115. </div>
  116. </div>
  117. </div>
  118. </td>
  119. </tr>
  120. <tr>
  121. <td colspan="3" align="left">
  122. <div class="panel-group">
  123. <div class="panel panel-default">
  124. <div class="panel-heading" style="background-color:#B37FCA;">
  125. <h4 class="panel-title">
  126. <a data-toggle="collapse" href="#collapse2">Sports</a>
  127. </h4>
  128. </div>
  129. <div id="collapse2" class="panel-collapse collapse">
  130. <ul class="list-group">
  131. <li class="list-group-item">One</li>
  132. <li class="list-group-item">Two</li>
  133. <li class="list-group-item">Three</li>
  134. </ul>
  135. </div>
  136. </div>
  137. </div>
  138. </td>
  139. </tr>
  140. <tr>
  141. <td colspan="3" align="left">
  142. <div class="panel-group">
  143. <div class="panel panel-default">
  144. <div class="panel-heading" style="background-color:#AB7FC0;">
  145. <h4 class="panel-title">
  146. <a data-toggle="collapse" href="#collapse3">Health</a>
  147. </h4>
  148. </div>
  149. <div id="collapse3" class="panel-collapse collapse">
  150. <ul class="list-group">
  151. <li class="list-group-item">One</li>
  152. <li class="list-group-item">Two</li>
  153. <li class="list-group-item">Three</li>
  154. </ul>
  155. </div>
  156. </div>
  157. </div>
  158. </td>
  159. </tr>
  160. <tr>
  161. <td colspan="3" align="left">
  162. <div class="panel-group">
  163. <div class="panel panel-default">
  164. <div class="panel-heading" style="background-color:#A47FB5;">
  165. <h4 class="panel-title">
  166. <a data-toggle="collapse" href="#collapse4">Exercise</a>
  167. </h4>
  168. </div>
  169. <div id="collapse4" class="panel-collapse collapse">
  170. <ul class="list-group">
  171. <li class="list-group-item">One</li>
  172. <li class="list-group-item">Two</li>
  173. <li class="list-group-item">Three</li>
  174. </ul>
  175. </div>
  176. </div>
  177. </div>
  178. </td>
  179. </tr>
  180. <tr>
  181. <td colspan="3" align="left">
  182. <div class="panel-group">
  183. <div class="panel panel-default">
  184. <div class="panel-heading" style="background-color:#9D7FAA;">
  185. <h4 class="panel-title">
  186. <a data-toggle="collapse" href="#collapse5">Other</a>
  187. </h4>
  188. </div>
  189. <div id="collapse5" class="panel-collapse collapse">
  190. <ul class="list-group">
  191. <li class="list-group-item">One</li>
  192. <li class="list-group-item">Two</li>
  193. <li class="list-group-item">Three</li>
  194. </ul>
  195. </div>
  196. </div>
  197. </div>
  198. </td>
  199. </tr>
  200. <tr>
  201. <td colspan="3" align="left">
  202. <div class="panel-group">
  203. <div class="panel panel-default">
  204. <div class="panel-heading" style="background-color:#957FA0;">
  205. <h4 class="panel-title">
  206. <a data-toggle="collapse" href="#collapse6">Special tasks</a>
  207. </h4>
  208. </div>
  209. <div id="collapse6" class="panel-collapse collapse">
  210. <ul class="list-group">
  211. <li class="list-group-item">One</li>
  212. <li class="list-group-item">Two</li>
  213. <li class="list-group-item">Three</li>
  214. </ul>
  215. </div>
  216. </div>
  217. </div>
  218. </td>
  219. </tr>
  220. </table>
  221. </div>
  222. </div>
  223. <div class="slide" id="slide2">
  224. <div class="content">
  225. <table align="center" width="80%" border="1px solid black">
  226. <tr>
  227. <td align="center" colspan="7"> <h1>Weekly View</h1>
  228. </td>
  229. </tr>
  230. <tr>
  231. <td align="center" width="100/7%" style="background-color: #BA7FD5"><h4>Sun 30</h4></td>
  232. <td align="center" width="100/7%" style="background-color: #B37FCA"><h4>Mon 31</h4></td>
  233. <td align="center" width="100/7%" style="background-color: #AB7FC0"><h4>Tue 1</h4></td>
  234. <td align="center" width="100/7%" style="background-color: #A47FB5"><h4>Wed 2</h4></td>
  235. <td align="center" width="100/7%" style="background-color: #9D7FAA"><h4>Thu 3</h4></td>
  236. <td align="center" width="100/7%" style="background-color: #957FA0"><h4>Fri 4</h4></td>
  237. <td align="center" width="100/7%" style="background-color: #8E7F95"><h4>Sat 5</h4></td>
  238. </tr>
  239. <tr>
  240. <td width="100/7%" style="height: 55px;"><div style="display: block; width:120px; height: 40px;background-color: #BA7FD5; line-height: 3em; font-size: 15px;" align="left"><div style="display: inline-block;">Sports</div> <div class="badge" style="vertical-align: middle; display: inline-block;" align="right">4</div></div></td>
  241.  
  242. </tr>
  243.  
  244. </table>
  245. </div>
  246. </div>
  247. <div class="slide" id="slide3">
  248. <div class="content">
  249. <h1>Monthly View</h1>
  250. <div class="container">
  251.  
  252. </div>
  253. </div>
  254. </div>
  255. </div>
  256. <div class="section" id="section2">
  257. <table align="center" width="100%" style="height: 100%;">
  258. <tr style="height:25%">
  259. <td rowspan="6" valign="center" width="20%" id="exchangeSystem" style="border-right: 1px solid black;">
  260. <h3><u>Exchange System</u></h3>
  261. <p style="font-size: 18px;">10 point conversion scale</p>
  262. <br><br>
  263. <p>Points</p>
  264. <p style="transform: rotate(90deg); font-size: 25px;">➜</p>
  265. <p>Bronze Stars</p>
  266. <p style="transform: rotate(90deg); font-size: 25px;">➜</p>
  267. <p>Silver Stars</p>
  268. <p style="transform: rotate(90deg); font-size: 25px;">➜</p>
  269. <p>Gold Stars</p>
  270. <p style="transform: rotate(90deg); font-size: 25px;">➜</p>
  271. <p>Bronze Trophies</p>
  272. <p style="transform: rotate(90deg); font-size: 25px;">➜</p>
  273. <p>Silver Trophies</p>
  274. <p style="transform: rotate(90deg); font-size: 25px;">➜</p>
  275. <p>Gold Trophies</p>
  276. </td>
  277. <td rowspan="5" width="5%"></td>
  278. <td colspan="3" valign="bottom">
  279. <h1>Awards</h1>
  280. </td>
  281. <td>
  282. <h3 style="color: dimgrey; font-size: 30px; text-align: left;">
  283. Points: <? echo $dbcomm->getNumCurrentPointsByUsername($username); ?></h3>
  284. </td>
  285. </tr>
  286. <tr id="starSymbols">
  287. <td valign="bottom">
  288. <img src="<? echo $dbcomm->getBronzeStarImageSource(); ?>" width="150" height="150">
  289. </td>
  290. <td>
  291. <img src="<? echo $dbcomm->getSilverStarImageSource(); ?>" width="150" height="150">
  292. </td>
  293. <td>
  294. <img src="<? echo $dbcomm->getGoldStarImageSource(); ?>" width="150" height="150">
  295. </td>
  296. <td width="15%" rowspan="3" align="right" style="vertical-align: middle">
  297. <div class="toMarket" id="toMarket1">T</div>
  298. <div class="toMarket" id="toMarket2">O</div>
  299. <div class="toMarket" id="toMarket3">T</div>
  300. <div class="toMarket" id="toMarket4">H</div>
  301. <div class="toMarket" id="toMarket5">E</div>
  302. <div class="toMarket" id="toMarket6">M</div>
  303. <div class="toMarket" id="toMarket7">A</div>
  304. <div class="toMarket" id="toMarket8">R</div>
  305. <div class="toMarket" id="toMarket9">K</div>
  306. <div class="toMarket" id="toMarket10">E</div>
  307. <div class="toMarket" id="toMarket11">T</div>
  308. <div style="height: 30px;"></div>
  309. <?php
  310. $encryptedMarketUsername = openssl_encrypt($username, 'CAST5-ECB', 'toMarketPassword');
  311. $encryptedMarketUsername = str_replace("+", "!!!", $encryptedMarketUsername);
  312. $encryptedMarketUsername = str_replace("%", "$$$", $encryptedMarketUsername);
  313. ?>
  314. <button onclick="window.location='Market.php?id=<? echo $encryptedMarketUsername ?>';"
  315. class="w3-button w3-circle w3-teal"
  316. style="transform: translateX(50%); width: 190px; height: 180px; font-size: 75px;">➜&nbsp;&nbsp;&nbsp;
  317. </button>
  318. </td>
  319. </tr>
  320. <tr id="starCount">
  321. <td>
  322. <p><? echo $dbcomm->getNumBronzeStarsByUsername($username); ?></p>
  323. </td>
  324. <td>
  325. <p><? echo $dbcomm->getNumSilverStarsByUsername($username); ?></p>
  326. </td>
  327. <td>
  328. <p><? echo $dbcomm->getNumGoldStarsByUsername($username); ?></p>
  329. </td>
  330. </tr>
  331. <tr id="trophySymbols">
  332. <td>
  333. <img src="<? echo $dbcomm->getBronzeTrophyImageSource(); ?>" width="150" height="150">
  334. </td>
  335. <td>
  336. <img src="<? echo $dbcomm->getSilverTrophyImageSource(); ?>" width="150" height="150">
  337. </td>
  338. <td>
  339. <img src="<? echo $dbcomm->getGoldTrophyImageSource(); ?>" width="150" height="150">
  340. </td>
  341. </tr>
  342. <tr id="trophyCount">
  343. <td>
  344. <p><? echo $dbcomm->getNumBronzeTrophiesByUsername($username); ?></p>
  345. </td>
  346. <td>
  347. <p><? echo $dbcomm->getNumSilverTrophiesByUsername($username); ?></p>
  348. </td>
  349. <td>
  350. <p><? echo $dbcomm->getNumGoldTrophiesByUsername($username); ?></p>
  351. </td>
  352. <td width="15%"></td>
  353. </tr>
  354. <tr style="height:5%;"></tr>
  355. </table>
  356. </div>
  357. </div>
  358. <script>
  359. // Create a "close" button and append it to each list item
  360. var myNodelist = document.getElementsByClassName("list-group-item");
  361. for (var i = 0; i < myNodelist.length; i++) {
  362. var span = document.createElement("SPAN");
  363. var txt = document.createTextNode("\u00D7");
  364. span.className = "close";
  365. span.appendChild(txt);
  366. myNodelist[i].appendChild(span);
  367. }
  368.  
  369. // Click on a close button to hide the current list item
  370. var close = document.getElementsByClassName("close");
  371. for (var i = 0; i < close.length; i++) {
  372. close[i].onclick = function () {
  373. var div = this.parentElement;
  374. div.style.display = "none";
  375. }
  376. }
  377.  
  378. // Add a "checked" symbol when clicking on a list item
  379. var list = document.getElementsByClassName("list-group");
  380. for (var i = 0; i < list.length; i++) {
  381. list[i].addEventListener('click', function (ev) {
  382. if (ev.target.tagName === 'LI') {
  383. ev.target.classList.toggle('checked');
  384. }
  385. }, false);
  386. }
  387.  
  388. var elems = document.getElementsByClassName('close');
  389. var confirmIt = function (e) {
  390. if (!confirm('Are you sure you want to delete this task?')) e.preventDefault();
  391. };
  392. for (var i = 0, l = elems.length; i < l; i++) {
  393. elems[i].addEventListener('click', confirmIt, false);
  394. }
  395.  
  396. $(document).ready(function() {
  397. $('#mymodal').click(function() {
  398. $('html').css('overflow', 'hidden');
  399. $('body').bind('touchmove', function(e) {
  400. e.preventDefault()
  401. });
  402. });
  403. $('.mymodal-close').click(function() {
  404. $('html').css('overflow', 'scroll');
  405. $('body').unbind('touchmove');
  406. });
  407. });
  408. $(document).ready(function(){
  409. var date_input=$('input[name="date"]'); //our date input has the name "date"
  410. var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
  411. date_input.datepicker({
  412. format: 'mm/dd/yyyy',
  413. container: container,
  414. todayHighlight: true,
  415. autoclose: true,
  416. })
  417. })
  418. </script>
  419. </body>
  420. <div class="modal fade" id="mymodal">
  421.  
  422.  
  423. <form role="form" action="Homepage.php?id=<? echo $encryptedUsername; ?>#secondPage" method="post" class="task_create">
  424. <div class="modal-dialog">
  425. <div class="modal-content">
  426. <div class="modal-header">
  427. <h2>Create New Task</h2>
  428.  
  429. <? if (isset($alert)) //if the alert for creating list is set, then echo the alert
  430. {
  431. echo '<div>';
  432. echo $alert;
  433. echo '</div>';
  434. }
  435. ?>
  436.  
  437. </div>
  438. <div class="modal-body">
  439. <table width="80%" align="center">
  440. <tr>
  441. <td valign="bottom" width="40%">
  442. <div class="form-group">
  443. <input type="text" class="form-control" name="taskName" id="usr" placeholder="Enter Task Name...">
  444. </div>
  445. </td>
  446. <td align="center" valign="top" width="20%"><h3>-or-</h3></td>
  447. <td>
  448. <button type="button" class="btn btn-primary" data-toggle="modal"
  449. data-target="#templateModal">
  450. Use template
  451. </button>
  452. </td>
  453. </tr>
  454. <tr><td height="10px"></td></tr>
  455. <tr>
  456. <td>
  457. <select class="form-control" name="categoryName" id="categoryName">
  458. <option value="" disabled selected>Choose Category</option>
  459. <option value="1">Homework</option>
  460. <option value="2">Sports</option>
  461. <option value="3">Health</option>
  462. <option value="4">Exercise</option>
  463. <option value="5">Other</option>
  464. <option value="6">Special Tasks</option>
  465. </select>
  466. </td>
  467. <td></td>
  468. <td width="40%">
  469. <select class="form-control" name="importance" id="importance">
  470. <option value="" disabled selected>Choose Importance</option>
  471. <option value="2">Important</option>
  472. <option value="1">Not Important</option>
  473. </select>
  474.  
  475. </td>
  476. </tr>
  477. <tr><td height="10px"></td></tr>
  478. <tr><td>Start Time</td><td></td><td>End Time</td></tr>
  479. <tr>
  480. <td><div class="input-group registration-date-time ">
  481. <span class="input-group-addon" ><span class="glyphicon glyphicon-time" aria-hidden="true"></span></span>
  482. <select type="text" class="form-control" id="start_hour" name="start_hour">
  483. <option value="00">00</option>
  484. <option value="01">01</option>
  485. <option value="02">02</option>
  486. <option value="03">03</option>
  487. <option value="04">04</option>
  488. <option value="05">05</option>
  489. <option value="06">06</option>
  490. <option value="07">07</option>
  491. <option value="08">08</option>
  492. <option value="09">09</option>
  493. <option value="10">10</option>
  494. <option value="11">11</option>
  495. <option value="12">12</option>
  496. <option value="13">13</option>
  497. <option value="14">14</option>
  498. <option value="15">15</option>
  499. <option value="16">16</option>
  500. <option value="17">17</option>
  501. <option value="18">18</option>
  502. <option value="19">19</option>
  503. <option value="20">20</option>
  504. <option value="21">21</option>
  505. <option value="22">22</option>
  506. <option value="23">23</option>
  507. </select>
  508. <span class="input-group-addon" ><span class="glyphicon glyphicon-time" aria-hidden="true"></span></span>
  509. <select type="text" class="form-control" id="start_minute" name="start_minute">
  510. <option value="00">00</option>
  511. <option value="15">15</option>
  512. <option value="30">30</option>
  513. <option value="45">45</option>
  514. </select>
  515. </div>
  516. </td>
  517. <td></td>
  518. <td><div class="input-group registration-date-time ">
  519. <span class="input-group-addon" ><span class="glyphicon glyphicon-time" aria-hidden="true"></span></span>
  520. <select type="text" class="form-control" id="end_hour" name="end_hour">
  521. <option value="00">00</option>
  522. <option value="01">01</option>
  523. <option value="02">02</option>
  524. <option value="03">03</option>
  525. <option value="04">04</option>
  526. <option value="05">05</option>
  527. <option value="06">06</option>
  528. <option value="07">07</option>
  529. <option value="08">08</option>
  530. <option value="09">09</option>
  531. <option value="10">10</option>
  532. <option value="11">11</option>
  533. <option value="12">12</option>
  534. <option value="13">13</option>
  535. <option value="14">14</option>
  536. <option value="15">15</option>
  537. <option value="16">16</option>
  538. <option value="17">17</option>
  539. <option value="18">18</option>
  540. <option value="19">19</option>
  541. <option value="20">20</option>
  542. <option value="21">21</option>
  543. <option value="22">22</option>
  544. <option value="23">23</option>
  545. </select>
  546. <span class="input-group-addon" ><span class="glyphicon glyphicon-time" aria-hidden="true"></span></span>
  547. <select type="text" class="form-control" id="end_minute" name="end_minute">
  548. <option value="00">00</option>
  549. <option value="15">15</option>
  550. <option value="30">30</option>
  551. <option value="45">45</option>
  552. </select>
  553. </div>
  554. </td>
  555. </tr>
  556. <tr><td height="10px"></td></tr>
  557. <tr><td>Date</td></tr>
  558. <tr><td> <div class="form-group ">
  559. <div class="input-group">
  560. <input class="form-control" id="date" name="date" placeholder="MM/DD/YYYY" type="text"/>
  561. </div>
  562. </div></td></tr>
  563. </table>
  564. </div>
  565. <div class="modal-footer">
  566. <table>
  567. <tr>
  568. <td align="left" colspan="2" width="74%">
  569. <input type="checkbox" name="vehicle" value="createTemplate" align="left"> Save as Template
  570. </td>
  571. <td>
  572. <button type="submit" name="createTask" class="btn btn-primary">
  573. Create
  574. </button>
  575. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  576. </td>
  577. </tr>
  578. </table>
  579. </div>
  580. </div>
  581. </div>
  582. </form>
  583. </div>
  584.  
  585. <div class="modal fade" id="templateModal">
  586. <div class="modal-dialog">
  587. <div class="modal-content">
  588. <div class="modal-header">
  589. <h2>Use Template</h2>
  590. </div>
  591. <div class="modal-body">
  592. <table>
  593. <tr><td>template 1</td></tr>
  594. </table>
  595. </div>
  596. <div class="modal-footer">
  597. <button type="button" class="btn btn-primary">
  598. Use Template
  599. </button>
  600. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  601. </div>
  602. </div>
  603. </div>
  604. </div>
  605. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement