Skip to content

Responsive landing page showcasing modern web development techniques using HTML5 and CSS3, implements mobile-first design, CSS Grid, and basic animations for an engaging user experience.

Notifications You must be signed in to change notification settings

Addin/Podcast-channel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Blue-dot-podcast

The goal was to develop a landing page for a fake podcast channel for which the design and 2 views (mobile and desktop) were provided. The site is built Mobile First and using semantic HTML as an excercise in Web Development good practices.

Demo time!

Click here and let the magic begin!

What I use to build this?

Want to contribute?

Open a Issue or help me with a pull request

TODOS

  • Use lazy-load to optimize the images load
  • Try to optimize the HTML and the CSS (too many divs, negative margins iuugh)
  • Change the image format for lower the size and lesser the user impact
  • Maybe use a CDN to serve the images, yes I'm looking at you Cloudinary
  • Migrate from Grid to Flexbox

About

Responsive landing page showcasing modern web development techniques using HTML5 and CSS3, implements mobile-first design, CSS Grid, and basic animations for an engaging user experience.

Resources

Stars

Watchers

Forks