4Geeks logo
4Geeks logo

Courses

Explore our extensive collection of courses designed to help you master various subjects and skills. Whether you're a beginner or an advanced learner, there's something here for everyone.

Coding Bootcamp

Learn live

Join us for our free workshops, webinars, and other events to learn more about our programs and get started on your journey to becoming a developer.

Upcoming live events

Learning library

For all the self-taught geeks out there, here is our content library with most of the learning materials we have produced throughout the years.

It makes sense to start learning by reading and watching videos about fundamentals and how things work.

Data Science and Machine Learning - 16 wks

Full-Stack Software Developer - 16w

Search from all Lessons

LoginGet Started
← Back to Projects

Spotify Landing Page

Goal

4Geeks Coding Projects tutorials and exercises for people learning to code or improving their coding skills

Difficulty

intermediate

Repository

Click to open

Video

Not available

Live demo

Not available

Average duration

6 hrs

Technologies

alt text Shopify Landing Page

As a junior developer you are going to be asked to do lots of HTML/CSS landing pages for marketing purposes.

🌱 How to start this project

This project comes with the necessary files to start working, but you have two options to start:

a) Open this link in your browser to clone it with gitpod: https://gitpod.io#https://github.com/breatheco-de/exercise-spotify-landing-page.git

b) You can clone this repository on your local computer:

1$ git clone https://github.com/breatheco-de/exercise-spotify-landing-page.git

💡 Important: Remember to create a new repository, update the remote (git remote set-url origin <your new url>), and upload the code to your new repository using add, commit and push.

📝 Instructions

Replicate this exact landing page using bootstrap framework, please use the assets found on the following link.

Spotify Landing Page

Goals

  1. Demonstrate the perks of using a framework like bootstrap.
  2. Work in a real life website used by one of the most popular companies in the world.
  3. Replicate a real life working environment, doing a real-life typical task.

Technologies

HTML5, CSS, Bootstrap.

Goal

4Geeks Coding Projects tutorials and exercises for people learning to code or improving their coding skills

Difficulty

intermediate

Repository

Click to open

Video

Not available

Live demo

Not available

Average duration

6 hrs