Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Build a Music Website
Rating: 3.6 out of 5(32 ratings)
7,688 students

Build a Music Website

Learn HTML and CSS
Last updated 8/2019
English
English [Auto],

What you'll learn

  • They will create a page for a music artist
  • Be able to understand when to use flexboxes and when to use css grid

Course content

1 section6 lectures2h 14m total length
  • Setup5:11

    Set up a music website project by downloading the course files, organizing the Takashi 6:9 folder, and configuring images and starter kit, with videos and the new album de 6:9.

  • Top Section30:25

    Create the top section of a music website by building a blurred, gradient-backed hero with a centered image, logo, and header using flexbox, absolute positioning, and z-index.

  • Bio13:18

    Learn to build a bio section for a music website by creating a paragraph and a centered logo inside a responsive container using flexbox, padding, colors, and typography tweaks.

  • Latest Videos21:56

    Create a responsive latest videos section for a music site by embedding four videos with iframes, using a dark theme, grid layout, and shadows.

  • Album34:05

    Create the album section for the music site by structuring two sections for singles and streaming logos, adding an album cover, and styling with containers, flex, and grid layouts.

  • Footer29:39

    Create a tour dates section with a black themed footer, featuring city, location, and date details laid out in a responsive grid, plus a footer with logo and copyright.

Requirements

  • Know how to use a computer
  • Have a text editor

Description

Hey guys learn to build a music website for your clients and at the same time practice HTML & CSS. This is great for new developers that need real projects for their portfolio. As a web developer you need to have a diverse portfolio and creating a music site will help you achieve that. 

Who this course is for:

  • Anyone who is looking to become a web developer
  • Freelancer
  • Designer