Skip to content

Responsive website about a platform where you can publish your podcasts.

Notifications You must be signed in to change notification settings

sauloroman/PODCASTFM-LANDINGPAGE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PodcastFM — Landing Page 🎙

PodcastFM-coverpage


The current project is called "Podcast FM". This project is a landing page to promote a platform where you can distribute your podcasts. It has seven sections and it's completely responsive since it follows the mobile first principle. Different CSS methodologies were followed and semantic content is strongly stablished.

If you want to check it out, please enter in:

https://podcastfmsrsn.netlify.app/

Technologies

Different techonologies were used to developed this web page. However, the most important ones are:

  • HTML5
  • CSS3
  • SASS
  • Gulp

Development Dependencies

  • sass
  • gulp-imagemin
  • gulp-webp
  • gulp-avif
  • gulp-sourcemaps
  • gulp-sass
  • gulp-postcss
  • autoprefixer
  • cssnano

To install all of these dependencies, firstly execute:

npm install

Gulp were mainly used for image minimization, conversion image, compile scss code to css code, minization stylesheets css.

So, if you download this project to make any change and you want to apply those changes, it's a must to execute:

gulp compile 

This is a gulp tasks to compile scss code to css code.

UI Considerations

Colors:

  • Primary: #84d9bc
  • Secondary: #313c4e
  • Black: #000000
  • White: #ffffff

Breaking Points:

This projects uses "mobile first" principle to make resposibe all the content of it.

  • Phone: 480px
  • Tablet: 768px
  • Phone: 1024px