Cipher Guard is a sleek, modern, and responsive website designed for a cybersecurity service. This project aims to provide users with essential information about the services offered, a visually engaging layout, and user-friendly navigation.
Built with HTML and CSS, it ensures smooth transitions, dynamic animations, and a clean UI.
- Fully Responsive Design: The website is optimized for different screen sizes, ensuring a smooth experience on mobile, tablet, and desktop devices.
- Smooth Animations & Transitions: Incorporates scroll-behavior, hover effects, and keyframe animations for a polished user experience.
- Customizable CSS Variables: Utilize
:rootvariables for easy theme changes, including background colors, text colors, and accent colors. - Glitch Effect Text: Animations bring interactive text effects to life, adding a modern and dynamic touch to the content.
- Smooth Scrolling: Implemented with
scroll-behavior: smoothfor seamless navigation between sections. - Icon Animations: Social media icons and buttons come alive with hover effects and color transitions.
- HTML5: The structure of the website is based on modern HTML5 elements.
- CSS3: Styling and animations are achieved using pure CSS3, focusing on responsiveness, transitions, and advanced layouts (e.g., CSS Grid).
- JS: JavaScript is used to make transitions, especially in
enter.html.
If you'd like to contribute to Cipher Guard, please follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch). - Make your changes and commit them (
git commit -m 'Add some feature'). - Push to the branch (
git push origin feature-branch). - Open a Pull Request.
THIS IS A SIMPLE PROJECT MADE FOR COLLEGE ASSIGNMENT SUBMISSION.
I HAVE TRIED TO USE NON-COPYRIGHT IMAGES AND LOGOS IN THIS.
I DO NOT WISH TO VIOLATE ANY RULES.
OPEN THE WEBSITE DIRECTLY FROM GITHUB OR VISIT:
https://helloabhishek.netlify.app