AryanVBW / Cyber-Security-Club

http://vivek.aryanvbw.live/Cyber-Security-Club/
2 stars 13 forks source link

Update index.html #10

Closed CodeMaverick-143 closed 1 month ago

CodeMaverick-143 commented 1 month ago
  1. Overall Theme and Color Scheme Background Color: Changed the background color to black (#000) to reflect the dark aesthetic of the Matrix movies. Text Color: Set the text color to bright green (#00ff00) for a digital, tech-inspired look, reminiscent of the Matrix's iconic color scheme.
  2. Font Changes Font Family: Switched the font family to 'Courier New', monospace, which provides a typewriter-like appearance, suitable for coding and tech themes.
  3. Header Styling Header Background: Applied a dark transparent background to the header with a slight opacity (rgba(0, 0, 0, 0.8)) to allow some of the background to show through while maintaining a distinct section. Text Shadows: Added text shadows to the site title and description for a glowing effect that enhances the matrix theme. For the site title: text-shadow: 0 0 10px #00ff00, 0 0 20px #00cc00; For the description: text-shadow: 0 0 5px #66ff66, 0 0 15px #009900; Header Icons: Adjusted the color and hover effects of the icons in the header for better interactivity.
  4. Content Section Adjustments Section Background: Similar to the header, the background of the user details section uses a dark transparent style (rgba(0, 0, 0, 0.8)). User Details Text Color: Set the color of the user details text to a lighter green (#b3ffb3) to maintain contrast against the dark background while keeping it consistent with the theme.
  5. Buttons and Links Button Styling: Changed the button background color to bright green (#00ff00) with a hover effect that transitions to a lighter green (#66ff66) for better visual feedback. Links Styling: Updated link styles to use uppercase letters and letter spacing for a more digital and formal look.
  6. Animation Matrix Animation: Implemented a simple keyframe animation (@keyframes matrix) to create a fading effect on the site title and description, enhancing the dynamic feel of the page.
  7. Footer Adjustments Footer Background: Kept a similar dark transparent background for the footer with lighter green text for consistency and readability.
  8. Responsive Design Maintained the original responsive layout with minor adjustments to ensure that elements still look good on various screen sizes while keeping the matrix theme intact.
AryanVBW commented 1 month ago

add new page for mentor and member

best work This pull request includes significant updates to the index.html file, focusing on improving the overall design and content structure of the Cyber Security Club's webpage. The changes include updates to meta tags, a new visual style, and content revisions for better clarity and engagement.

Design and Content Updates: