WanChai – Responsive Onepage Portfolio

Oct 23, 2013

WanChai - Responsive Onepage Portfolio

WanChai is a responsive onepage portfolio MODX theme built on Bootstrap 3 with clean and modern design. It features a filterable portfolio section with expanded preview and on-scroll CSS3 animations.

Please click here for the live preview on mobile devices.

Key Features (MODX Version)

  • Clean and modern design
  • Seamless integration with MODX
  • Responsive layouts
  • Full-width Bootstrap carousel
  • On-scroll CSS3 animation
  • Services section with automatic pagination
  • Portfolio section with filtering and expanded preview
  • Multiple images or single embedded Youtube / Vimeo video in expanded preview
  • Testimonials section
  • Team section with automatic pagination
  • Twitter feed integration (through PHP)
  • Blog section
  • Easy to add new sections
  • Newsletter subscription form with validation
  • Easy MailChimp integration
  • Working AJAX contact form
  • Styled Google Maps
  • Parallax effects
  • Retina ready
  • Flexible color schemes
  • Bootstrap ScrollSpy

Purchase

You can now purchase the WanChai template on themeforest.net.


Images in the live preview are not included in the download package. If you want use them, you can download them from http://unsplash.com/.

Updates (MODX Version)

  • Jul 3, 2014 (Ver. 1.5.4)
    • Minor fixing of the style tag for custom CSS
  • Jun 12, 2014 (Ver. 1.5.3)
    • Set contact form processor's default status to published
    • Added progress bar labels
  • Jun 5, 2014 (Ver. 1.5.2)
    • Fixed the problem of contact form sometimes not being able to send messages by adding exclamation mark to uncache snippet call of contact form
  • May 29, 2014 (Ver. 1.5.1)
    • Fix the problem of Google Maps and blog post info not updating colors according to the primary color setting
  • May 26, 2014 (Ver. 1.5.0: Upgrade to this version requires new installation)
    • Added the functionalities of tags, comments, archives and search to blog
    • Provided two modes of parallax effects
    • Added Custom CSS field in the theme options interface
  • Apr 23, 2014 (Ver. 1.1.0)
    • Added theme options for meta keywords and meta description
    • Added optional external URLs for service icons
    • Improved performance of parallax effects
    • Fixed the problem of thin text in Safari and mobile Safari
    • Fixed the problem of fluctuating viewport height in iPhone Safari by activating the minimal UI
    • Fixed the delayed scrolling problem of scroll down arrow in mobile Safari
    • Fixed the problem of preloader sometimes not lying on top of other contents when the webpage is being loaded
  • Apr 14, 2014 (Ver. 1.0.4)
    • Added auto close feature to the mobile menu
  • Mar 5, 2014 (Ver. 1.0.3)
    • Improve CSS animation performance in the portfolio section
  • Feb 21, 2014 (Ver. 1.0.2)
    • Fixed the problem of on-scroll animations not playing in Chrome 33
  • Feb 14, 2014 (Ver. 1.0.1)
    • Minor update on manual
  • Feb 6, 2014 (Ver. 1.0)
    • Initial release

Updates (HTML Version)

  • Apr 23, 2014 (Ver. 0.20.1)
    • Improved performance of parallax effects
    • Added meta keywords and meta description tags for SEO
    • Fixed the problem of thin text in Safari and mobile Safari
    • Fixed the problem of fluctuating viewport height in iPhone Safari by activating the minimal UI
    • Fixed the delayed scrolling problem of scroll down arrow in mobile Safari
    • Fixed the problem of preloader sometimes not lying on top of other contents when the webpage is being loaded
  • Apr 10, 2014 (Ver. 0.19.8)
    • Added auto close feature to the mobile menu
  • Mar 5, 2014 (Ver. 0.19.7)
    • Improve CSS animation performance in the portfolio section
  • Feb 21, 2014 (Ver. 0.19.6)
    • Fixed the problem of on-scroll animations not playing in Chrome 33
  • Feb 5, 2014 (Ver. 0.19.5)
    • Added new pattern overlays
  • Jan 25, 2014 (Ver. 0.19.4)
    • Upgraded FontAwesome to version 4.0.3
    • Fixed the problem of showing transparent background color in the navigation bar when menu toggle is clicked on mobile phones
    • Adjusted the color schemes of the portfolio section and the team section when primary background color is used
  • Dec 4, 2013 (Ver. 0.19.3)
    • Fixed the flickering problem on IE11 in Windows 8.1 by disabling fixed positioning of slider background images
  • Nov 15, 2013 (Ver. 0.19.2)
    • Disabled fixed positioning of slider background images on mobile devices
  • Nov 7, 2013 (Ver. 0.19.1)
    • Fixed the problem of buttons in portfolio / blog section sometimes not responding after being clicked
    • Blog articles are now opened in new tab on mobile devices
  • Nov 6, 2013 (Ver. 0.19)
    • Added HTML code snippets page
  • Oct 31, 2013 (Ver. 0.18.1)
    • Changed the default loading icon
    • Allowed the user to change loading icon easily
  • Oct 30, 2013 (Ver. 0.18)
    • Adjusted the width of expanded preview to avoid horizontal scrollbar when the width of browser window is between 768px and 991px
    • Refined the arrow position of expanded preview
    • Added default link colors to footer
    • Added tips to documentation on how to compile Less files
  • Oct 29, 2013 (Ver. 0.17)
    • Set default parallax background position to center on mobile devices
    • Fixed the problem of scrolling back to expanded preview when changing page on paginated items
    • Added auto refresh to Bootstrap ScrollSpy
  • Oct 28, 2013 (Ver. 0.16)
    • Refined the scroll offset of Bootstrap ScrollSpy
  • Oct 28, 2013 (Ver. 0.15)
    • Fixed the problem of ScrollSpy not being activated if twitter feed is removed
  • Oct 24, 2013 (Ver. 0.14)
    • Fixed the rendering problem of slider background images in Chrome on Windows platform
  • Oct 24, 2013 (Ver. 0.13)
    • Readjusted Bootstrap ScrollSpy when changing page for paginated items
    • Made Parallax background positions change automatically when opening / closing expanded preview
  • Oct 24, 2013 (Ver. 0.12)
    • Removed unnecessary Javascript code for demo purpose only

Credits

Leave a Reply

*