Current File : //etc/zpanel/panel/modules/hardware_info/module.zpm

<div class="zmodule_content panel" id="zmodule_header_<@ ModuleName @>">
    <div class="panel-heading">
        <img src="<@ ModuleIcon @>" width="35" height="35" border="0" alt="<@ ModuleName @>">

        <div class="zmodule_title">
            <@ ModuleName @>
        </div>

        <div class="zmodule_desc" id="zmodule_desc_<@ ModuleName @>"><@ ModuleDesc @></div>

    </div>

        <style>
.helpicon {
display: block;
float: right;
border: 1px solid #ccc;
background-color: #f3f3f3;
padding: 5px 10px;
font-size: 12px;
margin-top:-121px;
margin-right:5px;
-webkit-box-shadow: -8px 7px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: -8px 7px 5px 0px rgba(204,204,204,1);
box-shadow: -8px 7px 5px 0px rgba(204,204,204,1);
-webkit-box-shadow: 8px 7px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: 8px 7px 5px 0px rgba(204,204,204,1);
box-shadow: 8px 7px 5px 0px rgba(204,204,204,1);
}

</style>
<div class="helpicon">
<a href="<@ helpicon @>" target="_blank"><img src="etc/styles/CstyleX-master/images/help.png" style="float:left;" ><span style="float:left;margin-top:8px;font-weight:bold;font-size:12px;" >Video Tutorial</span></a>
</div>

    <div id="contentwrapper_phpinfo">
        
        <div style="width:100%">
        <h2> Memory Status<h2>
        <@ chart @>
        </div>
        <div style="width:100%">
        <@ chart_2 @>
        </div>
        <div class="zform_wrapper" style="width:100%">
        <h2 style="clear:both">Load Information</h2>
		<@ loadinfo @>
        </div>
        <div class="zform_wrapper" style="width:100%">
		<h2>System Information</h2>
		<@ systeminfo @>
		<h2>Current Memory Usage</h2>
		<@ hardwreusageinfo @>
		<h2>Current Disk Usage</h2>
		<@ ramusageinfo @>
       
		<h2>Processor Information</h2>
		<p><strong>Total Processors : <@ totalnumproc @> </strong></p>
		<@ cpuinfo @>
        <h2>Linux System Hardware Information</h2>
            <@ hardwareinfo @>
		<@ init @>
		</div>
    </div>

</div>