Cybersecurity Login Interface - Copy this Html, Bootstrap Component to your project

Design a highly responsive and visually captivating front page with a theme centered around cybersecurity and hacking tools. The front page should have a dark, futuristic hacker style look, incorporating the following elements: Layout: The page should feature four large buttons, each labeled: Bot 1, Bot 2, Bot 3, and Bot 4. These buttons should be designed as interactive elements, resembling hacker tool panels or terminals, with a sleek neon glow effect when hovered over. Design Elements: Use a dark color palette (blacks, deep blues, and neon greens) to enhance the hacker and cyber security feel. Incorporate glitch effects, terminal style text animations, and hover effects to make the page feel interactive and alive. Integrate real time animations that mimic the look of running complex code, system diagnostics, or a hacker terminal interface. Media: Use online images, videos, and GIFs related to hacking, coding, and cybersecurity as background elements or within sections of the page. The videos could showcase complex matrix like animations or security breaches. Include subtle animated elements such as a rotating 3D lock, code scrolling in the background, or data flows to make the page dynamic and visually engaging. Responsiveness: The website should be fully responsive across all devices, from large desktop screens to mobile phones and tablets. Ensure that all text, buttons, images, and media scale properly, keeping the UI neat and functional on smaller screens. UI Design: The user interface should appear complex and tech heavy, like a hacker’s toolkit, featuring code snippets, system logs, and a real time data feed aesthetic. Display small, flashing indicators or moving graphs on the sidebars to simulate ongoing activity. Use cybersecurity related icons (like shields, locks, and data streams) and network nodes in the background. Fonts & Effects: Use monospaced fonts and styling reminiscent of terminal displays. Add effects like glowing borders around buttons and text to give it a tech savvy, high security look. Incorporate subtle sound effects (e.g., keyboard typing, data beeps) when buttons are hovered over or clicked. Performance: Despite the complex visuals, ensure the website maintains fast performance and seamless navigation on all devices. The goal is to create a page that instantly immerses the user in a hacker centric, cybersecurity heavy world, with an engaging, tech inspired UI that looks both functional and intimidating. in background there should a video running opacity should be lesss and in front page there should be section like one small video of hacking running somewhere anything is running you are free to customize