Skip to content

Static page utilizing css grid, flexbox, prototyping low-resolution wireframing.

Notifications You must be signed in to change notification settings

PanatdaCatlin/personal-blog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Personal Blog

By Panatda Catlin

Initiated December 21th, 2019.

Description

A static blog webpage. This project will demonstrate how Flexbox works together with CSS grid. Using purely HTML, CSS, CSS Grid, and Flexbox. Design process includes HTML Responsive Web Design, Moblie First Design, prototyping and mockups.

Mock-Up Samples

mock up for landing page[Landing page](https://wireframe.cc/EUk5J5). mock up for blog page width=[Blog Page](https://wireframe.cc/KkoBmv). mock up for contact us page[Contact Us Form ](https://wireframe.cc/LXNvXh).

Project Screenshoot Samples

  • Deskstop View
Landing Page Blog Page Contact
  • Mobile View
Mobile Landing Mobile Blog 1 Mobile Blog 2 Mobile Contact

Prerequisites & Installation

None.

Live demo

  • To visit the project Click Here. This should redirect to https://panatdacatlin.github.io/personal-blog/

Download Repo

  • Clone this repository: in the command-line enter:$ git clone https://github.com/PanatdaCatlin/personal-blog.

Usage

To open locally once project is cloned:

  1. Navigate to the application directory: $ cd personal-blog
  2. Execute the command $ open index.html or $ <your browser> index.html
  3. The application will be opened in your browser

Technologies Used

* HTML 5
* CSS
* CSS Grid
* Flexbox

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT

About

Static page utilizing css grid, flexbox, prototyping low-resolution wireframing.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published