PORTFOLIO - WEB DESIGN
In my Web Design portfolio you will find samples of fully coded and functional websites, design layouts, and coded templates demonstrating a particular technique.
Resources Unlimited Masonry
View the live site at www.rumasonry.com or click on a thumbnail:
The website was redesigned for a local masonry restoration company. Performed full scale web design and development. Technologies used: (X)HTML, CSS, JavaScript, Photoshop, and SEO. The website is W3C and Section 508 Standards compliant.
Marjorie Bolgos
View the live site at www.marjoriebolgos.com or click on a thumbnail:
Complete design and development of a website for a Reinhart real estate agent. Technologies used: (X)HTML, CSS, JavaScript, Flash. Created mockups in Photoshop.
Additional Design Comps for www.marjoriebolgos.com
View the larger screenprint of design layout by clicking on an image below:
Vernissage Web Studio
View the larger screenprint of design layout for Vernissage Web Studio:
RUM Properties
Photoshop design layouts for a new property management company website. View the larger screenprint of design layout by clicking on an image below:
View the live site at www.rumasonryproperties.com or click on a thumbnail below. The website is currently under development. It is built on Drupal platform.
Design Comps for WDI Home Page
View the larger screenprint of home page templates by clicking on an image below:
Coded Templates
Template 1
This template was coded using nested tables. Technologies used: (X)HTML, CSS, and tables.
Template 2
All positioning and gutters in this template are implemented using the CSS Box Model. Targeted browsers: IE5.x, IE6, Gecko-based browsers (Netscape 7.x, Mozilla 1.7x, Firefox 1.x), Opera 7.5x, and Netscape 4.8.
Template 3
The template demonstrates the use of CSS positioning.
Template 4
This template uses hybrid table/positioning technique and demonstrates the accessibility principles of design.
XML Coding Templates
Video collection is presented using XML and CSS (top screenprint) and a combination of XML, XSL and CSS technologies (bottom screenprint). View the larger screenprint of design layout by clicking on an image:
