Responsiveness

Develop a responsive landing page

Features   |    Technologies   |    Try it   |    License

Inspired by the landing page of Rocketseat

🚀 Features

• Adaptive layout to different devices
  • Responsive navbar
  • Device-friendly hero
  • Flexible video showcase
  • Adaptive form
• Video previews (showed when a video card is clicked)
• Overall animations and transitions

⚙️ Technologies

The main technologies used in this project are the following:

• JavaScript + HTML + CSS

💻 Try it

To clone and run this application, you'll need Git and Node.js installed on your computer. Then, from your command line:

# clone and access this repository
$ git clone https://github.com/diego-aquino/responsiveness.git
$ cd responsiveness/

# to start a local server, you can use the http-server package
$ npm install --global http-server

# start a local server
$ http-server

Now you can visit http://localhost:8080 to check this project out!

🗞️ License

This project if under MIT License. Check LICENSE for more information.

---

Made by Diego Aquino 😎. Connect with me! 👋