File: //proc/thread-self/root/usr/local/softaculous/enduser/themes/default/admin/pinguzo_theme.php
<?php
//////////////////////////////////////////////////////////////
//===========================================================
// pinguzo_theme.php
//===========================================================
// SOFTACULOUS
// Version : 1.1
// Inspired by the DESIRE to be the BEST OF ALL
// ----------------------------------------------------------
// Started by: Alons
// Date: 10th Jan 2009
// Time: 21:00 hrs
// Site: http://www.softaculous.com/ (SOFTACULOUS)
// ----------------------------------------------------------
// Please Read the Terms of use at http://www.softaculous.com
// ----------------------------------------------------------
//===========================================================
// (c)Softaculous Inc.
//===========================================================
//////////////////////////////////////////////////////////////
if(!defined('SOFTACULOUS')){
die('Hacking Attempt');
}
function pinguzo_theme(){
global $theme, $globals, $user, $l, $error, $done, $info, $report;
softheader(__('$0 - Admin Panel', array(APP)));
if(!empty($done)){
echo '<div class="alert alert-success text-center"><i class="fas fa-check sai_icons mr-2"></i>
'.__('Pinguzo is being installed in the background !').'</div>';
}else{
?>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- Google Fonts - Inter -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
/* Custom Styles */
body {
font-family: Poppins, 'Inter', sans-serif;
background-color: #f8f9fa;
}
a{
text-decoration:none !important;
}
.navbar-brand {
font-weight: 700;
font-size: 1.5rem;
}
.hero-section {
background: linear-gradient(45deg, #007bff, #0056b3);
color: white;
padding: 100px 0;
text-align: center;
}
.hero-section h1 {
font-weight: 700;
font-size: 3.5rem;
}
.hero-section p {
font-size: 1.25rem;
max-width: 600px;
margin: 20px auto;
}
.btn-lg {
padding: 15px 30px;
font-size: 1.1rem;
font-weight: 600;
}
.section {
padding: 80px 0;
}
.section-title {
text-align: center;
margin-bottom: 60px;
font-weight: 700;
color: #343a40;
}
.feature-card {
background: #ffffff;
border: none;
border-radius: 15px;
padding: 30px;
text-align: center;
box-shadow: 0 10px 30px rgba(0,0,0,0.07);
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
}
.feature-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}
.feature-icon {
font-size: 3rem;
color: #007bff;
margin-bottom: 20px;
}
.feature-card h5 {
font-weight: 600;
margin-bottom: 15px;
}
.pricing-card {
border: none;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.07);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pricing-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}
.pricing-card .card-header {
background-color: #007bff;
color: white;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding: 20px;
}
.pricing-card .card-title {
font-weight: 600;
margin-bottom: 0;
}
.pricing-card .card-body {
padding: 40px;
}
.price {
font-size: 3.5rem;
font-weight: 700;
}
.price .period {
font-size: 1rem;
font-weight: 400;
color: #6c757d;
}
.pricing-card ul {
list-style: none;
padding: 0;
margin: 30px 0;
}
.pricing-card ul li {
margin-bottom: 15px;
color: #495057;
}
.pricing-card ul li i {
color: #28a745;
margin-right: 10px;
}
.footer {
background-color: #343a40;
color: #adb5bd;
padding: 40px 0;
}
.footer a {
color: #ffffff;
}
.footer a:hover {
color: #007bff;
text-decoration: none;
}
.pagelayer-row-holder{
flex: 1 0 auto;
flex-direction: row;
flex-wrap: wrap;
align-content: stretch;
display: flex;
}
.pagelayer-col, .pagelayer-col-holder {
align-content: flex-start;
}
</style>
<!-- Navigation Bar -->
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm sticky-top">
<div class="container">
<img class="pagelayer-img pagelayer-wp-title-img" src="<?php echo $theme['images'];?>webuzo/pinguzo.png" title="Pinguzo-logo" alt="Pinguzo-logo" width="48"> <a class="navbar-brand text-primary" href="#">Pinguzo</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="https://pinguzo.com/?utm_source=softaculous&utm_medium=adminindex" target="_blank">Website</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://pinguzo.com/docs/?utm_source=softaculous&utm_medium=adminindex" target="_blank">Docs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://pinguzo.deskuss.com/open.php?topicId=28" target="_blank">Support</a>
</li>
</ul>
</div>
</div>
</nav>
<div pagelayer-id="yhr7431" class="p-yhr7431 pagelayer-row pagelayer-row-stretch-full pagelayer-height-default" style="max-width: 100vw; left: 0px;">
<style pagelayer-style-id="yhr7431">.p-yhr7431 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
.p-yhr7431 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3}
.p-yhr7431 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px}
.p-yhr7431 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993}
.p-yhr7431 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px}
.p-yhr7431{background: #cee7ff;padding-top: 25px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
</style>
<div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-full">
<div pagelayer-id="stc3616" class="p-stc3616 pagelayer-col">
<style pagelayer-style-id="stc3616">.p-stc3616 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px}
.pagelayer-row-holder .p-stc3616{width: 50%}
.p-stc3616 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
.p-stc3616{padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px}
@media (max-width: 768px) and (min-width: 601px){.pagelayer-row-holder .p-stc3616{width: 100%}
.p-stc3616{padding-top: 10px; padding-right: 10px; padding-bottom: 50px; padding-left: 10px}
}
@media (max-width: 600px){.pagelayer-row-holder .p-stc3616{width: 100%}
.p-stc3616{padding-top: 10px; padding-right: 10px; padding-bottom: 30px; padding-left: 10px}
}
</style>
<div class="pagelayer-col-holder">
<div pagelayer-id="baq5726" class="p-baq5726 pagelayer-heading" align="left">
<style pagelayer-style-id="baq5726">.p-baq5726{text-align: left;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
.p-baq5726 .pagelayer-heading-holder *{color:#3878ff}
.p-baq5726 .pagelayer-heading-holder{color:#3878ff}
</style><div class="pagelayer-heading-holder"><h2>Pinguzo Server Monitoring</h2></div>
</div>
<div pagelayer-id="jch1232" class="p-jch1232 pagelayer-heading" align="left">
<style pagelayer-style-id="jch1232">.p-jch1232{text-align: left;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
</style><div class="pagelayer-heading-holder"><h5>Modern Website & Server Monitoring That Actually Works</h5></div>
</div>
<div pagelayer-id="afm9951" class="p-afm9951 pagelayer-heading" align="left">
<style pagelayer-style-id="afm9951">.p-afm9951{text-align: left}
</style><div class="pagelayer-heading-holder"><p>Pinguzo provides real-time server monitoring, performance analytics, and uptime tracking for your infrastructure. Monitor CPU, memory, disk, network, and services from a single intuitive dashboard. Pinguzo is a premium monitoring solution BUT included for FREE with Softaculous.<br /><br />
Instant Notifications on email, slack, discord, telegram, webhook & more. Stay informed with real-time alerts, performance tracking, and instant downtime notifications — all in one powerful dashboard.
</p>
<a href="https://cp.pinguzo.com/?utm_source=softaculous&utm_medium=adminindex" class="flat-butt btn-lg" target="_blank">Start Monitoring for Free</a>
</div>
</div>
</div></div>
<div pagelayer-id="mkb1919" class="p-mkb1919 pagelayer-col">
<style pagelayer-style-id="mkb1919">.p-mkb1919{align-content: flex-end !important}
.p-mkb1919 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px}
.pagelayer-row-holder .p-mkb1919{width: 50%}
.p-mkb1919 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
@media (max-width: 600px){.p-mkb1919{padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
}
</style>
<div class="pagelayer-col-holder">
<div pagelayer-id="r0e1764" class="p-r0e1764 pagelayer-image">
<style pagelayer-style-id="r0e1764">.p-r0e1764 .pagelayer-image-holder{text-align: center}
.p-r0e1764 .pagelayer-image-holder .pagelayer-image-overlay-content{text-align: center}
.p-r0e1764 .pagelayer-img{-webkit-transition: all 400ms; transition: all 400ms}
.p-r0e1764 .pagelayer-image-caption{color: #0986c0}
</style><div class="pagelayer-image-holder pagelayer-anim-par">
<img class="pagelayer-img pagelayer-animation-{{anim_hover}}" style="width: 100%;" src="<?php echo $theme['images'];?>pinguzo-dashboard-dark.png" title="pinguzo-banner" alt="pinguzo-server" srcset="<?php echo $theme['images'];?>pinguzo-dashboard-dark.png, <?php echo $theme['images'];?>pinguzo-dashboard-dark.png 1x, ">
<br /><br />
</div>
</div>
</div></div>
<h5 class="mt-2 mb-4 text-center" style="width:100%">
Claim Pinguzo Business plan — free with your Softaculous license until 31st December 2026
</h5>
</div></div>
<!-- Features Section -->
<section id="features" class="section">
<div class="container">
<h2 class="section-title">Essential Features for Server Monitoring</h2>
<div class="row">
<!-- Feature 1: Server Monitoring -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-server"></i></div>
<h5>Server Monitoring</h5>
<p>Track your server health in real time with deep visibility into system performance and activity.</p>
</div>
</div>
<!-- Feature 2: Resource Usage -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-microchip"></i></div>
<h5>Resource Usage</h5>
<p>Monitor CPU, RAM, disk, network, and processes with minute-level precision.</p>
</div>
</div>
<!-- Feature 3: Website Monitoring -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-globe"></i></div>
<h5>Website Monitoring</h5>
<p>Monitor websites, APIs, TCP services, DNS, content changes, and latency from a single platform.</p>
</div>
</div>
<!-- Feature 4: Smart Alerts -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-bell"></i></div>
<h5>Smart Alerts</h5>
<p>Customizable alerts with multi-location verification to eliminate false positives.</p>
</div>
</div>
<!-- Feature 5: Notifications -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-comment-dots"></i></div>
<h5>Multi-Channel Notifications</h5>
<p>Receive instant alerts via Email, Slack, Discord, Telegram, Webhooks, and more.</p>
</div>
</div>
<!-- Feature 6: SMART Disk Status -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-hdd"></i></div>
<h5>SMART Disk Status</h5>
<p>Detect potential disk failures early with built-in SMART health monitoring.</p>
</div>
</div>
<!-- Feature 7: Powerful Metrics -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-chart-bar"></i></div>
<h5>Powerful Metrics</h5>
<p>Gain actionable insights with detailed performance metrics and intuitive visualizations.</p>
</div>
</div>
<!-- Feature 8: Export / Import -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-file-import"></i></div>
<h5>Export / Import</h5>
<p>Easily export and import your monitoring data in JSON or CSV formats.</p>
</div>
</div>
<!-- Feature 9: Data Retention -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="feature-card">
<div class="feature-icon"><i class="fas fa-calendar"></i></div>
<h5>60-Day Data Retention</h5>
<p>Access detailed historical performance data</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12 text-center mt-3">
<a href="https://cp.pinguzo.com/?utm_source=softaculous&utm_medium=adminindex" class="flat-butt btn-lg" target="_blank">Start Monitoring for Free</a>
</div>
</div>
</div>
</section>
<!-- Bootstrap 4 JS and dependencies -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<?php
}
softfooter();
}