Personal blog Website 🚀

is the first project of udacity [front End web Developer] nanodegree program.

The following pages are present : 📁

• index.html => homepage
• blog_post.html => details post

Features :💡

The project meets the following requirements:

• Structure

  • Files are organized with a directory structure that separates files based on page and functionality
  • Using CSS imports and at least 3 CSS file.

• Design

  • Custom design for typography with at least 3 unique properties for each typography selector
  • At least 3 colors.
  • Quotes
  • Links

• Components

  • Image
  • Image caption
  • Buttons
  • Card

• The general pattern of the webpage should be as follows:

• Blog Homepage

  • Navbar
  • Blog Post Card
  • Card
  • Image
  • Buttons
  • Footer

• Blog Post

  • Header
  • AuthorInfo
  • Name
  • Title
  • Current Company/School
  • Short Bio
  • Avatar

• Social Sharing

  • Twitter
  • Facebook
  • LinkedIn

Layout 📐

• Using Flexbox
• Using Grid

Responsiveness 📱

• Pages are mobile-friendly and display correctly on all display sizes (mobile, tablet, desktop).