"Congratulations👏 on passing the Personal Blog Website project! I was very impressed with your work. You clearly put a lot of thought and effort into your project, and it shows. I especially liked the way you used HTML5 semantic tags to make your code more readable and understandable. You also did a great job of using CSS to style your website. The overall look and feel of your website is very professional and polished.
I also appreciate that you took the time to add some extra features to your website, such as the social sharing buttons and the contact form. These features make your website more interactive and user-friendly.
Overall, I am very impressed with your work on this project. You have clearly demonstrated a good understanding of how to create a well-designed and functional personal blog website. I am confident that you will continue to do great things in your future web development endeavors.🏆"
Grade: Passed
This project requires you to utilize your HTML and CSS skills to build out a personal blog website, including custom images, layout, and styling. Along with webpage design considerations, you'll work to appropriately structure your files, as well as use proper CSS and HTML formatting & style.
Structure
- Portfolio completely separates structure from design/style.
- There are no attributes present in the body of the document.
- There are no elements in the document.
- There should be at least 3 imported files in the main CSS file, but the student is welcome to break it down even further if that makes it easier for them.
- Files are organized with a directory structure that separates files based on page and functionality.
- There is an intentional user flow on each page with appropriate links as needed.
Design
-
Custom images, layout, and styling.
-
Typography: Custom design for typography with at least 3 unique properties for each typography selector. Headers (h1 to h3 at minimum). Paragraph Text, Bold, Italic, Underlined, Links. Quotes Colors: At least 3 colors are used. Components
-
The following are used in the webpage: Image(s) Image caption Buttons Card Patterns
-
The general pattern of the webpage should be as follows:
-
(Blog Homepage) Navbar, Blog Post Card, Card, Image, Buttons, Footer.
-
(Blog Post) Header, Author Info, Name, Title, Current Company/School, Short Bio, Avatar, Social Sharing, Twitter, Facebook, LinkedIn, Pages.
-
The following pages should be present: Blog Homepage Blog Post
Layout
-
Uses Flexbox at least twice throughout the project to create a component or pattern
-
Uses CSS Grid at least twice throughout the project to create the layout for pages
-
Pages are mobile-friendly and display correctly on all display sizes (mobile, tablet, desktop).