<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Identify | page</title>
    <link rel="apple-touch-icon" sizes="180x180" href="../../Assets/favicon_io/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="../../Assets/favicon_io/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="../../Assets/favicon_io/favicon-16x16.png">
    <link rel="manifest" href="../../Assets/favicon_io/site.webmanifest">

    <link rel="stylesheet" href="../../Components/Loader/Loader.css">
    <link rel="stylesheet" href="../../Components/Header/Header.css">
    <link rel="stylesheet" href="../../Components/Footer/Footer.css">
    <link rel="stylesheet" href="./IdentifyPage.css">
    <script src="../../Components/Loader/Loader.js"></script>
</head>

<body>
    <div id="loading-screen">
        <img src="../../Assets/logo/logo.png" alt="">  

        <div class="lds-ellipsis"><div></div><div></div><div></div></div>
    </div>
    <div id="content" class="main">
        <!-- Header -->
        <div id="header">

        </div>

        <!-- Hero Section -->
        <div class="identifyHeroSection">

            <div class="heroWrap">
                <img src="../../Assets/pages/Risk_assessment_and_management/hero-wrap.png" alt="">
            </div>

            <div class="identifyHeroContent">
               <img class="identifyHeroImg" src="" alt=""> 
               
                <div class="identifyHeroLeft">
                    
                    <h1>
                        
                    </h1>
                    <p>  <span></span></p>
                </div>

                <!-- <div class="identifyHeroRight">
                    <img alt="">
                </div> -->

            </div>

        </div>


        <!-- Why  -->
        <div class="whyIdentify">
            <div class="ellipseIcon">
                <img src="../../Assets/images/About/Ellipse.png" alt="">
            </div>
            <div class="whyIdentifyContainer">
                <div class="whyIdetifyHead">
                    <h1>
                        
                    </h1>
                    <p>
                    </p>
                </div>

                <div class="whyIdentifyCardContainer">
                    <!-- <div class="storyCard">
                        <div class="ourStoryCardHead">
                            <h1>Director - Technology Company</h1>
                        </div>
                        <div class="ourStoryCardContent">
                            <p>The team at Finstein demonstrated exceptional knowledge in compliance and security. Their guidance helped us achieve our certification goals efficiently.</p>
                        </div>
                    </div> -->
                </div>

            </div>

            <!-- Key Elements -->
            <div class="keyElements">
                
                <div class="keyElementsContainer">

                    <div class="keyElementsHead">
                        <h1></h1>
                    </div>

                    <div class="keyElementsAccordContainer">

                        <!-- <div class="keyElementsAccordCard">
                            
                            <div class="keyElementsAccordCardLeft">
                                <img src="../../Assets/pages/Identify_pages/blob.jpeg" alt="">
                            </div>
                            
                            <div class="keyElementsAccordCardRight">
                                <h1>Hardware Asset Inventory</h1>
                                <p class="description">
                                    A complete inventory of all physical devices used within the organization is crucial. This includes computers, servers, mobile devices, network equipment (like routers, switches, and firewalls), and IoT devices. Keeping this inventory up to date ensures that every connected device is accounted for and monitored.
                                </p>
                                
                                <div class="accordion">
                                    <div class="accordion-item open">
                                        <div class="accordion-title">
                                            <span class="title">Lifecycle Tracking</span>
                                            <span class="toggle-icon">-</span>
                                        </div>
                                        <div class="accordion-content">
                                            <p>Maintain records of when each piece of hardware is purchased, deployed, maintained, and retired.</p>
                                        </div>
                                    </div>
                        
                                    <div class="accordion-item">
                                        <div class="accordion-title">
                                            <span class="title">Asset Classification</span>
                                            <span class="toggle-icon">+</span>
                                        </div>
                                        <div class="accordion-content">
                                            <p>Organize and categorize assets based on their type, usage, and criticality.</p>
                                        </div>
                                    </div>
                        
                                    <div class="accordion-item">
                                        <div class="accordion-title">
                                            <span class="title">Device Monitoring</span>
                                            <span class="toggle-icon">+</span>
                                        </div>
                                        <div class="accordion-content">
                                            <p>Continuously monitor the status, performance, and health of each device.</p>
                                        </div>
                                    </div>
                            </div>
                            
                        </div>

                    </div> -->




                    </div>
                


                    <div class="benefitsCyberRisk">
                        <div class="benefitsCyberRiskContainer">
                            <div class="benefitsHead">
                                <h1></h1>
                            </div>
                            <div class="benefitsBlock">
                                
                                <div class="benefitsBlockLink">
                                    <!-- <a onclick="changeBenefit(0)">Proactive Threat Prevention</a> -->
                                    <!-- <a>Enhanced Business Continuity</a>
                                    <a>Cost Efficiency</a>
                                    <a>Regulatory Compliance</a>
                                    <a>Reputation Protection</a> -->
                                </div>
                                <div class="benefitsNavBtn">
                                    <a onclick="prevBenefit(0,event)" class="prevBtn"><img src="../../Assets/icons/mobLeftArrow.png" alt=""></a>
                                    <a onclick="nextBenefit(0,event)" class="nextBtn"><img src="../../Assets/icons/mobLeftArrow.png" alt=""></a>
                                </div>
                                
                                <div class="benefitsBlockContent">
                                    <div class="benefitsBlockInfo">
                                        <h1 id="benefitTitle">
                                            
                                        </h1>
                                        <p id="benefitDescription">
                                            
                                        </p>
                                        <!-- <a href="#">Explore</a> -->
                                    </div>
                                    <div id="benefitsBlockimg" class="benefitsBlockimg">
                                        <div id="overlay" class="overlay">

                                        </div>
                                        <img id="benefitImg" src="../../Assets/pages/Risk_assessment_and_management/Proactive_Threat_Prevention.png" alt="">
                                    </div>
                                </div>
                            
                            </div>
                        </div>


                </div>


            </div>

            <!-- Footer -->
            <div id="footer">

            </div>
        </div>

</div>  


        <!-- script -->
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
        <script src="https://unpkg.com/@studio-freight/lenis"></script>
        <!-- <script src="./Components/Header/Header.js"></script> -->
        <script src="./IdentifyPage.js"></script>
</body>

</html>