Al-HUWAITI Shell
Al-huwaiti


Server : LiteSpeed
System : Linux premium181.web-hosting.com 4.18.0-553.45.1.lve.el8.x86_64 #1 SMP Wed Mar 26 12:08:09 UTC 2025 x86_64
User : ventnesy ( 2514)
PHP Version : 8.3.30
Disable Function : NONE
Directory :  /home/ventnesy/demo.venturedata.ai/public_html/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : //home/ventnesy/demo.venturedata.ai/public_html/home.html
<!doctype html>
<html lang="en">
<head>
    <title>Venture Data - Demo</title>
    <link rel="icon" type="image/x-icon" href="logo.png">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900" rel="stylesheet">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/style.css">

    <style>
        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
        }

        #wrapper {
            display: flex;
            height: 100vh;
        }

        #sidebar-wrapper {
            width: 250px;
            background: #343a40;
            color: #fff;
            position: relative;
            height: 100%;
        }

        #sidebar-wrapper .logo {
            padding: 20px;
            position: absolute;
            top: 10px;
            left: 10px;
        }

        #sidebar-wrapper .list-group {
            margin-top: 60px;
            height: calc(100% - 140px);
            overflow-y: auto;
        }

        #sidebar-wrapper .list-group-item {
            border-radius: 0;
            background-color: #343a40;
            color: #fff;
            border-left: none;
            border-right: none;
            border-top: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        #sidebar-wrapper .list-group-item:last-child {
            border-bottom: none;
        }

        #sidebar-wrapper .list-group-item:hover {
            background-color: #343a40;
            color: #fff;
        }

        #page-content-wrapper {
            flex: 1;
            padding: 0px;
            height: 100vh;
        }

        .iframe-container {
            width: 100%;
            height: 100%;
        }

        iframe {
            width: 100%;
            height: 100%;
            border: none;
        }

        @media (max-width: 768px) {
            #wrapper {
                flex-direction: column;
                height: 100vh;
            }

            #sidebar-wrapper {
                width: 100%;
                height: auto;
                position: static;
                transition: none;
            }

            #page-content-wrapper {
                margin-top: 20px;
                height: auto;
            }
        }
    </style>
</head>
<body>
<div class="wrapper d-flex align-items-stretch">
    <nav id="sidebar" style="font-family:'Blinker';">
        <div class="custom-menu">
            <button type="button" id="sidebarCollapse" class="btn btn-primary" style="margin-top:50px">
                <i class="fa fa-bars"></i>
                <span class="sr-only">Toggle Menu</span>
            </button>
        </div>
        <img src='logo-normal.png' style="margin-left:10px"/>
        <div class="p-4 pt-5">
            <!--<h1><a href="index.html" class="logo">Splash</a></h1>-->
            
            <ul class="list-unstyled components mb-5">
                <li class="active">
                    <a href="#homeSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">Artificial Intelligence</a>
                    <ul class="collapse list-unstyled" id="homeSubmenu">
                        <li>
                            <a href="#" onclick="showIframe('defect')">Defect Detection</a>
                        </li>
                        <li>
                            <a href="#" onclick="showIframe('object')">Object Detection</a>
                        </li>
                        <li>
                            <a href="#" onclick="showIframe('itemdemand')">Item Demand Forecasting</a>
                        </li>
                        <li>
                            <a href="#" onclick="showIframe('ocr')">OCR</a>
                        </li>
                        <li>
                            <a href="#" onclick="showIframe('predictive')">Predictive Analytics</a>
                        </li>
                        <li>
                            <a href="#" onclick="showIframe('customerSegmentation')">Customer Segmentation</a>
                        </li>
                        <li>
                            <a href="#" onclick="showIframe('callPredictions')">Call Predictions</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#pageSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">Data Analytics</a>
                    <ul class="collapse list-unstyled" id="pageSubmenu">
                        <li>
                            <a href="#" onclick="showIframe('marketing')">Marketing Analytics</a>
                        </li>
                        <li>
                            <a href="#" onclick="showIframe('sales')">Sales Analytics</a>
                        </li>
                        <li>
                            <a href="#" onclick="showIframe('paidmedia')">Paid Media Summary</a>
                        </li>
                        <li>
                            <a href="#" onclick="showIframe('organicmedia')">Organic Media Summary</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">Contact Us</a>
                </li>
            </ul>

            
            <button class="btn btn-primary rounded-pill logout-button" onclick="logout()" style='background-color:grey ; font-family:"Blinker"; font-size:14px'>Logout</button>
           
            <div class="footer" style="margin-top:50px ; font-family:'Blinker';">
                <p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                    Copyright &copy; 2023 - All rights reserved <i class="icon-heart" aria-hidden="true"></i> by <a href="https://venturedata.ai"
                        target="_blank">venturedata.ai</a>
                    <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
            </div>

        </div>
    </nav>

    <!-- Page Content  -->
    <div id="page-content-wrapper">
        <div class="iframe-container" id="iframe-container">
            <iframe src="https://venture-data-defect-detection.streamlit.app/?embedded=true" id="defect"></iframe>
            <iframe src="https://venture-data-object-detection.streamlit.app/?embedded=true" id="object"></iframe>
            <iframe src="https://venture-data-item-demand-forecasting.streamlit.app/?embedded=true" id="itemdemand"></iframe>
            <iframe src="https://venture-data-ocr.streamlit.app/?embedded=true" id="ocr"></iframe>
            <iframe src="https://venture-data-predictive-analysis.streamlit.app/?embedded=true" id="predictive"></iframe>
            <iframe src="https://venture-data-customer-segmentation.streamlit.app/?embedded=true" id="customerSegmentation"></iframe>
            <iframe src="https://call-analysis-demo-arxfzpd8hey4yfmag8veqq.streamlit.app/?embedded=true" id="callPredictions"></iframe>
            <iframe src="https://app.powerbi.com/view?r=eyJrIjoiYmRhOTdhMjItMGQ5Zi00YzYyLWE0ZmMtYjZjZTEwNWZkMzFmIiwidCI6ImYxNjg4ZjY4LThmZWUtNGRmZi05NjE1LWM2YTc1MzZjYTgwYiIsImMiOjl9" id="sales"></iframe>
            <iframe src="https://app.powerbi.com/view?r=eyJrIjoiNDU2OWRiMTQtMTY3ZC00YjE1LTg5ZGMtODdjZDRjMGYwMTBmIiwidCI6ImYxNjg4ZjY4LThmZWUtNGRmZi05NjE1LWM2YTc1MzZjYTgwYiIsImMiOjl9" id="marketing"></iframe>
            <iframe src="https://app.powerbi.com/view?r=eyJrIjoiYjYwYWY1Y2YtZjhhZC00YjNhLWJjNzctOWUzMjRhOWQzNDE1IiwidCI6ImYxNjg4ZjY4LThmZWUtNGRmZi05NjE1LWM2YTc1MzZjYTgwYiIsImMiOjl9" id="paidmedia"></iframe>
            <iframe src="https://public.tableau.com/views/OrganicMediaSummary_16881592446240/Dashboard1?:showAppBanner=false&:showVizHome=no&:embed=true&:origin=viz_share_link" id="organicmedia"></iframe>
            <!-- Add more iframes corresponding to the options and child values -->
        </div>
    </div>
    <!-- /#page-content-wrapper -->
</div>
<script>
    function logout() {
        sessionStorage.removeItem("isLoggedIn");
        window.location.href = "index.html";
    }

    function checkLogin() {
        var isLoggedIn = sessionStorage.getItem("isLoggedIn");

        if (!isLoggedIn) {
            window.location.href = "index.html";
        } else {
            // Load the content of home.html
            var iframeContainers = document.querySelectorAll('.iframe-container iframe');
            for (var i = 0; i < iframeContainers.length; i++) {
                iframeContainers[i].style.display = 'none';
            }
            document.getElementById('defect').style.display = 'block'; // Display the Defect Detection iframe
        }
    }

    function showIframe(iframeId) {
        var iframeContainers = document.querySelectorAll('.iframe-container iframe');
        for (var i = 0; i < iframeContainers.length; i++) {
            iframeContainers[i].style.display = 'none';
        }
        document.getElementById(iframeId).style.display = 'block';
    }

    window.onload = function() {
        checkLogin();
    };
    
    // // Change the URL to "www.example.com/XYZ"
    // history.pushState(null, null, '/data-analytics-demo');
</script>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

Al-HUWAITI Shell