In this project, you’ll design and build a responsive, user-friendly landing page for an e-learning platform using HTML and CSS. Along the way, you’ll sharpen your skills in structure, styling, and responsive design while managing tasks on a Kanban board.
Eskool-Frontend-DevelopmentProject Introduction: Landing Page Development for an E-Learning Platform Welcome to the Landing Page Development Project, where you'll build a responsive, user-friendly landing page using HTML and CSS while managing tasks via a Kanban board. Objective Create a visually appealing and adaptive landing page to enhance your skills in HTML structure, CSS styling, and responsive design.
1 temas
Eskool DevelopmentNew Description
16 lecciones
Basic HTML Structure & Basic StylingSet up the fundamental HTML elements (header, main, footer) for the landing page. Ensure a clear and logical structure that will serve as the foundation for the page.
Implement the Header SectionDesign and implement the header section for the landing page. This section should include the platform's logo, navigation links, and any other relevant elements like a search bar or call-to-action buttons.
Implement the Footer SectionDesign and implement the footer section for the landing page. This section should include essential information such as contact details, social media links, and navigation links for privacy policy, terms of service, or other relevant pages.
Implement the Hero SectionDesign and implement the hero section for the landing page. This section serves as the focal point of the page and should include a compelling headline, a subheadline, and a call-to-action (CTA) button.
Implement the About Us SectionDesign and implement the "About Us" section of the landing page. This section should provide a brief description of the platform, its mission, vision, and any other relevant information about the organization.
Implement the What We Do SectionDesign and implement the "What We Do" section of the landing page. This section should highlight the key features and services offered by the platform, providing visitors with a clear overview of what the platform provides.
Implement the Our Services SectionThis ticket focuses on designing and implementing the "Our Services" section using basic HTML and CSS. This section will list and describe the services offered by the platform, using assets downloaded from the provided Figma design.
Implement the Expert Coaching SectionDesign and implement the Expert Coaching section for the landing page. This section highlights the coaching services offered by the platform, including detailed descriptions, images, and testimonials from coaches.
Implement the New Course SectionDesign and implement the "New Course" section to highlight any new courses available on the platform.
Implement the Coaching Benefits SectionDesign and implement the "Coaching Benefits" section of the landing page. This section should clearly outline the benefits of the coaching services offered by the platform, helping users understand the value of enrolling in coaching programs.
Design and Implement the Testimonials SectionThis ticket focuses on designing and implementing the Testimonials section. This section will showcase quotes and feedback from users who have benefited from the platform's services, building trust and credibility.
Implement the Strategies SectionDesign and implement the "Strategies" section to showcase the learning strategies used by the platform.
Implement the News SectionDesign and implement the "News" section of the landing page. This section will display updates, announcements, or news related to the platform, such as new features, upcoming events, or other important information.
Implement the Event Schedule SectionDesign and implement the Events Schedule section for the landing page. This section will display a list of upcoming events, webinars, or workshops, including their dates and brief descriptions.
Implement the Newsletter SectionDesign and implement the "Newsletter" section of the landing page.
Implement the Learn More BannerDesign and implement the "Learn More" banner on the landing page. This section will include a brief message about the platform and a call-to-action button encouraging users to click and learn more about the platform.
