Skip to Content Fork me on GitHub

Build a Responsive Landing Page

Posted on One min read

This project is contributed by Mudigonda Sai Kaushik.

Prerequisite

  • HTML5
  • CSS
  • Optional
    • Bootstrap

Requirement

Objective: Build a CodePen.io landing page that is functionally similar to this: https://codepen.io/kingsfull123/pen/zwrOZr.

Here are some ideas you can consider.

  • a physical product (e.g., books, cell phones)
  • a website (e.g., FaceBook)
  • a python library (e.g., NumPy)
  • a JavaScript framework (e.g., Bootstrap, Vue)
  • a npm package (e.g., ulp-markdown)
  • an organization (e.g., Women Who Code)
  • a programming lanugage (e.g., JavaScript)
  • a location (e.g., U.S.)

Rule: Don’t look at the example project’s code. Figure it out for yourself.

Use whichever libraries you need. Give it your own personal style.

Optional:

Additional Resources

Check these Website links for help:

Note: CodePen.io overrides the Window.open() function, so if you want to open windows using jQuery, you will need to target invisible anchor elements like this one: <a target='_blank'>.

Remember to ask questions in Discord if you get stuck.