Wedding Day - HTML/CSS

Wedding Day - HTML/CSS


  • Delicate and feminine design
  • HTML 5 and CSS 3 valid code
  • inter browser compatibility (Firefox, Mozilla, Internet Explorer 8,9)
  • Google Fonts
  • Google map integration
  • Working HTML5 /jQuery/php contact form with validation and error/success messages
  • Photo light box (jQuery Pretty Photo)
  • 3 different slider designs (bxSlider half page, bxSlider full page, NivoSlider full Width)
  • css3 drop down menu
  • css3 hover effects
  • 13 different HTML /CSS templates:
    • Homepage 1 – with bxSlider and Wedding date
    • Homepage 2 – with full width bxSlider and 3 different slide designs
    • Homepage 3 – NivoSlider full page with thumbnail navigation
    • Blog Page 1 – with large blog thumbnails
    • Blog Page 2 – with small blog thumbnails
    • Gallery Page 1 – with square image thumbnails, isotope category sorting and pretty photo lightbox effect
    • Gallery Page 2 – with roundimage thumbnails, isotope category sorting and pretty photo lightbox effect
    • Registry page
    • Dedicated Wedding Page, showing off the wedding participants in an original design
    • Single Page in full width
    • Single Page with right sidebar
    • Single Page with left sidebar
    • Find us page – with google maps
  • Well commented code
  • Well documented, HELP files included
  • Full PSD package INCLUDED – layered and fully customizable (11 psd files, also available for sale here)
  • Seo friendly HTML code
  • jQuery plugins:
    • PrettyPhoto (for images light box)
    • Nivo Slider
    • bxSlider
    • tooltip
    • contact us validator
    • isotope category sorter
    • other custom build jQuery scripts

Included: 11 PSD files

  1. homepage_1.psd
  2. homepage_2.psd
  3. homepage_3.psd
  4. blogpage_1.psd
  5. blogpage_2.psd
  6. singlepostpage.psd
  7. weddingpage.psd
  8. registrypage.psd
  9. passwordprotect.psd
  10. gallerypage_1.psd
  11. gallerypage_2.psd

Fonts used: (mostly) google web fonts

Resources and Credits :

Here is a list of all the third party resources I used in the preview version of WeddingDay:

jQuery Resources
Preview Photos
  1. The images you can see in the preview are not included in the download, due to the licensing rules (this download contains image placeholders). I purchased some of these images personally from the website photodune, for example purposes.
  2. While the website is coded by closely following the psd designs, small things might differ a bit, because I always tend to improve a design before transforming it into code.