MY DEV-BLOG

You can access my dev-blog here

WHAT THIS REPOSITORY IS?

This repository contains the dev-blog project; my personal blog which I developed while learning coding at powercoders. The website has three two pages: a the home page, the about page, and the posts page.

PAGES STRUCTURE

The format is left simple, the three pages has the same headder and footer. The headder is fixed and contains a logo, a horizontal navigation bar, an image with caption, and social media links. The footer contains some credit.

1. THE HOME PAGE - index.html:

   This page is the landing page. It shows three all my blog posts with an abstract for each post. The posts are either featured or most recent listed by the most recent top.

2. THE ABOUT PAGE - about.html:

   This page contains three sections:

• About
  This section contains an elevator pitch, a professional photo, some contact infromation, and a button to download the full CV in pdf format.

• Career
  This section contains two parts; the employment history and the education history, all in a timeline style.

• Skills
  This section contains three categories of skills; the management, business & organization skills, the IT & technical skliss, and the personal skills. The skills are exhibited in a visual style (icons & illustrations).

3. ### THE POSTS PAGE - my-posts.html: This page contains a chronological list of all posts along with the publishing date, and grouped by the year of publishing.

4. THE ARTICLES TEMPLATE - _post-template.html:

   This is the main articles template, the headder includes only the logo and the navigation bar. Below the headder there is a cover image, the article title , a caption, and then the artcle text (the code).

THE REPOSITORY STRUCTURES

The files in this repository are:

• dev-blog --> the root directory
  • assets
    • css
      • style.css --> the main styling sheet
    • favicons
    • icons
    • img
    • js
    • plugins
  • posts
    • _post-template.html --> the articles template
  • index.html --> the home page
  • about.html --> the about page
  • my-posts.html --> the chronological list of all the posts - this one will not be used at the moment, ill keep it simple.
  • README.md --> the file you are reading right now!

THINGS FOR THE FUTURE*

• contact me / hire me button in the about
• subscribe button in home page maybe. we will see :)

---

---

---

HEY, I CAN DO A LOT WITH THE MARKDOWN LANGUAGE!

bold italic stroke. in the same line
on the next line

this is a quote... Beautiful!
another line, very nice!

---

• this is an unorderd list
  • sub item

1. orderd list
2. the second line
   1. sub orderd list

• an unchecked checkbox
• a checked checkbox

this is a link to google

and below is an image...

A banksy art from bethlehem - Palestine

CLI

This will contain my CLI exercises.

HTML-CSS

This will contain my HTML-CSS exercises.

JS

This will contain my JS exercises.

Third title