Skip to content

OlgaDnepr/layout_landing-page

This branch is up to date with mate-academy/layout_landing-page:main.

Folders and files

NameName
Last commit message
Last commit date
Jan 16, 2025
Jan 16, 2025
Mar 11, 2024
May 19, 2023
May 19, 2023
Feb 13, 2024
Feb 13, 2024
Mar 11, 2024
Feb 21, 2024
Feb 21, 2024
Feb 21, 2024
Feb 13, 2024
Nov 12, 2023
May 19, 2023
Jan 6, 2025
Sep 15, 2023
Jul 21, 2024
Jul 21, 2024
Sep 2, 2024

Repository files navigation

Landing Page

❗❗ You will complete this task in the Landing topic. Now just choose a design and do the parts from the videos. Note: in the first task of this topic you will find 4 examples of landing pages. Choose only one of them and create your page.

Choose a design for your landing page:

Follow the instructions in this and next lessons to implement the page block by block:

  • Here is the design from the video (❗❗ DO NOT implement this design ❗❗ choose one of the options above ❗❗ ☝️)
  • Start writing styles in the main.scss file. It is be explained in the Sass lesson.
  • DON'T try to do it Pixel Perfect - implement it the most simple way so it looks similar.
  • When done check yourself using the CHECKLIST when finished.
  • Deploy and create a Pull Request with a DEMO LINK.

Tips & Hints

  • Check background-image: url() to be relative to the main.scss. So should start with ../images.
  • If some points from the checklist are not relevant to your design, just skip it.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 65.1%
  • HTML 33.1%
  • SCSS 1.8%