Hello,
I have this html file that I would like to change to CI so that it function well. Can anyone help me comment what I should change so that the file works well in CI?
So far The style does not work.
Original:
backend-template/index.php
PHP Code:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Upgrade</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet/less" type="text/css" href="themes/less/bootstrap.less">
<script src="themes/js/less/less.js" type="text/javascript"></script>
<link rel="stylesheet" href="themes/style/fullcalendar.css" />
<link rel="stylesheet" href="themes/style/delta.main.css" />
<link rel="stylesheet" href="themes/style/delta.grey.css"/>
<link rel="stylesheet" href="themes/style/add.css"/>
</head>
<body>
<br>
<div id="sidebar">
<h1 id="logo"><a href="index.php">Free Admin</a></h1>
<a href="#" class="visible-phone"><i class="icon icon-home"></i> Dashboard</a>
<ul>
<li class="active"><a href="index.php"><i class="icon icon-home"></i> <span>Administrator</span></a></li>
<li class="submenu">
<a href="#"><i class="icon icon-th-list"></i> <span>Categories</span> <span class="label">2</span></a>
<ul>
<li><a href="pcategories.php">Parent categories</a></li>
<li><a href="scategories.php">Sub Categories</a></li>
</ul>
</li>
<li><a href="pages.php"><i class="icon icon-tint"></i> <span>Pages</span></a></li>
<li><a href="#"><i class="icon icon-pencil"></i> <span>Slideshow</span></a></li>
<li><a href="#"><i class="icon icon-th"></i> <span>Content</span></a></li>
<li><a href="#"><i class="icon icon-th-list"></i> <span>Galleries</span></a></li>
<li><a href="newsletter.php"><i class="icon icon-th-list"></i><span>Newsletters</span></a></li>
<li class="submenu">
<a href="#"><i class="icon icon-file"></i> <span>Administrators</span><span class="label">2</span></a>
<ul>
<li><a href="#">User</a></li>
<li><a href="#">Role</a></li>
</ul>
</li>
<li><a href="#"><i class="icon icon-th-list"></i> <span>Settings</span></a></li>
<li>
<a href="#"><i class="icon icon-inbox"></i> <span>Logout</span></a>
</li>
</ul>
</div>
<div id="mainBody">
<h1>COMPANY PROFILE CMS
<div class="pull-right">
<a class="btn btn-large tip-bottom" title="Manage Users"><i class="icon-user"></i></a>
<a class="btn btn-large tip-bottom" title="Manage Comments" style="position:relative"><i class="icon-comment"></i>
<span style="position:absolute; border-radius:12px; top:-23%; height:16px; width:16px" class="label label-important">5</span></a>
<a class="btn btn-large tip-bottom" title="Manage Orders"><i class="icon-shopping-cart"></i></a>
<a class="btn btn-large btn-danger" title="" href="#"><i class="icon-off"></i></a>
</div>
</h1>
<div id="breadcrumb">
<a href="#" title="Go to Home" class="tip-bottom"><i class="icon-home"></i> Home</a>
<a href="#" class="current">Dashboard</a>
</div>
<div class="row-fluid">
<div class="span12">
<button type="button" class="add" href="adminform.php">ADD ADMINISTRATOR</button>
<div class="widget-box">
<div class="widget-title"><h5>Administrator</h5></div>
<div class="widget-content">
<table border="0" style="width: 100%; height: 90px;">
<tr>
<td>NAME</td>
<td>EMAIL</td>
<td>ROLE</td>
<td>EDIT</td>
<td>DELETE</td>
</td>
<tr>
<td>Victor</td>
<td>victor@mail.com</td>
<td>Administrator</td>
<td><button type="button" class="edit" href="adminform.php">EDIT</button></td>
<td><button type="button" class="delete" href="adminform.php">DELETE</button></td>
</td>
<tr>
<td>David</td>
<td>david@mail.com</td>
<td>Manager</td>
<td><button type="button" class="edit" href="adminform.php">EDIT</button></td>
<td><button type="button" class="delete" href="adminform.php">DELETE</button></td>
</td>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="themes/js/excanvas.min.js"></script>
<script src="themes/js/jquery.min.js"></script>
<script src="themes/js/jquery.ui.custom.js"></script>
<script src="themes/js/bootstrap.min.js"></script>
<script src="themes/js/jquery.flot.min.js"></script>
<script src="themes/js/jquery.flot.resize.min.js"></script>
<script src="themes/js/jquery.peity.min.js"></script>
<script src="themes/js/fullcalendar.min.js"></script>
<script src="themes/js/delta.js"></script>
<script src="themes/js/delta.dashboard.js"></script>
</body>
</html>
After transfer to views/index.php
I cannot copy the same file exactly as it does not work as good.
Please help. Thanks.
" If I looks more intelligence please increase my reputation."