create a new page called Resources

[devvsakib]

Description:

We need to add a new page titled "Free Resources for Web Development" to our website. This page will be dedicated to providing valuable free resources related to web development and career roadmaps.

Requirements:

1. Page Layout:

   • The page should feature a user-friendly and organized layout.
   • Include distinct sections for different types of resources, such as:
     • Learning Resources: Free courses, tutorials, and eBooks.
     • Tools & Libraries: Free tools, libraries, and frameworks.
     • Career Roadmaps: Guides and roadmaps for various web development careers.
   • Each resource should include a brief description, a link to access it, and optionally an image or icon.

2. Responsiveness:

   • Ensure the page is fully responsive and looks good on all devices (desktop, tablet, mobile).

3. Design:

   • Maintain consistency with the existing design language of the site.
   • Use a clean and modern design to make the page engaging and easy to navigate.

Acceptance Criteria:

• The "Resources" page is created and accessible from the navigation menu.
• The page includes sections for learning resources, tools & libraries, and career roadmaps.
• Each resource is listed with a description, link, and image/icon (if applicable).
• The page is responsive and matches the overall design of the site.
• SEO best practices are applied to the page.

Additional Notes:

• Coordinate with content creators or industry experts to ensure the list of resources is accurate and valuable.
• Consider adding user feedback options to allow visitors to suggest additional resources.

Your PR wont be acceptable if you are not assigned to an Issue