WordPress Site: Global Sensor Systems
Created with a team for my capstone course as a corporate rebranding proposal.
WordPress Blog: Mass Comm Musings:
This site was created for a Mass Communications course as a basic blog using WordPress.
Flexbox Practice: Thomas Rhett fan page
This site was written with HTML5/CSS to practice skills using Flexbox
Functional Site with HTML5 and CSS: Matt’s Fat Cookies
Assignment Requirements
REQUIREMENTS
- You must use at least one image.
- Use the LEAST amount of DIVs.
- You must include at least one of each of the following HTML structure tags:
Main, Section, Nav, Header, and Footer. (Optional tags are Article, Aside) - Not all of the following tags are required, but you are encouraged to find
ways to use at least one (1) of them: Figure/Figcaption, Details/Summary. - Add a fav Icon.
- HTML AND CSS comments.
- Use the Reset Rule
- Format all paragraphs to change the font type (web-safe), color, and size.
- Font should be easy to read. There should be enough contrast between the background and foreground.
- Format all headings to change the font type, color, and size.
- Use Google Fonts OR @font-face.
- Use Unordered OR Ordered list
- Basic SEO elements
- Including discussed meta tags.
- Include Google Analytics
- Two types of CSS (gradients, box shadow, text shadow, border radius).
- A Pseudo Class AND Element.
- Image Hover Effect
- Lightbox
- Form of CSS Animation (@keyframe)
- Properly working form that matches overall site formatting
- When adding images, don’t forget to include alt, title, width/height
WordPress Site with Customized Theme: The Nested Paintbrush
Assignment Requirements
Your website should include the following pages:
- Home Page
- About Page
- Contact Page
- Blog/News Page
- 404 Page
- Other pages useful for your client
Other information:
- No placeholder text or images
- All of your navigation and links should work properly (No dead links)
- Minimum of 3 widget areas.
- Minimum of 3 plugins used.
- Make sure your website looks as closely as possible to the mockups you created. This means having the same font size and style, padding, margin, etc.