Web Design Samples

Professional Design Sites Course Site Labs Course Projects Sample
Mass Girls State Offical Website
Massachusetts Girls State
Website redesign using XHTML and jQuery. New features include tabbed pages, picture gallery, collapsible panels and slide show features and created customized graphics and buttons. Jeannette is the current website webmaster providing ongoing updates and adding new features as needed.
Habitat for Humanity Boston lab
Habitat for Humanity
This site consists of 16 labs to create the final site and is used to teach HTML5, CSS3, JavaScript and jQuery to college level students. The site focuses on the structural semantic elements that are new to HTML5 and advance CSS coding techniques. The labs were written by Jeannette Passanisi to teach specific elements of coding in HTML5, CSS3, JavaScript and jQuery.
Mystic Driving School
Mystic Driving School
Midterm Project site sample
Sample site designed for the sole purpose to provide an example for students taking the Web Design I course to see what their finished midterm project could look like. This brochure style site was developed using XHTML Traditional 1.0 with slideshow feature and links to social media. Logo design is also accredited to Jeannette Passanisi. Project instruction and Rubric available upon request.
MA Boys States Offical Website Colorado Mountain Family Resort Lab site Baga Yaga Production
Massachusetts Boys State
Website redesign using XHTML and jQuery. New features include customized navigation buttons, picture gallery, embedded videos, collapsible panels and slide show features. Jeannette is the current website webmaster providing ongoing updates and adding new features as needed.
Colorado Mountain Family Resort
This site consists of 12 lab used to teach HTML5 and CSS3 to college level students. The site focuses on the structural semantic elements that are new to HTML5 and advance CSS coding techniques. . The labs were written by Jeannette Passanisi to teach specific elements of coding in HTML5, CSS3, JavaScript and jQuery.
Baga Yaga Production Project
This Sample site demonstrates a parallax web design site using HTML5, CSS3, JavaScript, and jQuery features as well as animation and pop-up form.
Cedar Appliance Redesign Lakeland Reeds Bed & Breakfast - 2014 HTML5/CSS3 Blue Template Sample
Cedar Appliance
Website redesign using HTML5 and CSS3. This simple, straight forward design intention is to clearly provide information to visitors with bar bones coding. The redesign included creating storyboards for client, customized banner, image modifications and a PHP email form. Jeannette is currently maintaining the site on a need to bases.
Lakeland Bed and Breakfast
Created with HTML5/CSS3 this lab site is part of the curriculum teaching students the basics HTML5/CSS3 code. Students create this site over a 14 week time period and is part of the Cengage learning system.
Sample Template site
Used as a teaching tool for students learning HTML5 and CSS3 this site demonstrates the structural semantic elements and mid-level CSS to create a template that then can be used in the production of a website.
Women in Technology - 2014 Star Vacations Bootstrap Lab
Women in Technology
Designed and developed to promote women in technology to High School Students in the Boston area, this site uses HTML5/CSS3 with slideshow and embedded videos. The videos included in this site were shot and edited by Jeannette Passanisi and subjects are all former students of the Passanisi. This site focuses on what the Benjamin Franklin Institute of Technology can offer young women in terms of education in order to find careers in the Technology Industry.
Star Vacation
This site consists of 8 labs used to teach Advanced CSS3 coding techniques to college level students. This site is the end result of a 14 week course that Jeannette Passanisi teaches at Bunker Hill College and Benjamin Franklin Institute of Technology. . The labs were written by Jeannette Passanisi to teach specific elements of coding in HTML5 and CSS3 with a focus on image overlays using the z-index.

Bootstrap Lab
This lab’s purpose is to create a basic Bootstrap site and demonstrate how powerful Bootstrap truly is. Bootstrap is a free front-end framework for faster and easier web development. Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins.

Find Jeannette on Social Media

  • Facebook Facebook
  • LinkedIn LinkedIn
  • YouTube YouTube
  • Follow @jrpassanisi Twitter