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.