Make your website animated and showcase your portfolio

The Mercury starter site is a modern and animated mobile-first website with a portfolio, the form builder (30-day trial), content search, the employee profile page and more.

It is built on:

  • ASP.NET Razor using Razor Web Pages for page templates
  • Bootstrap, one of the most popular front-end framework for developing responsive, mobile-first web projects
  • LESS, the extension to the CSS language that supports variables, mixins, functions and many other techniques in your stylesheets.


This website includes, but is not limited to, these features:

  • Bootstrap as its frontend development tools
  • Mobile-first, meaning that is built to look best in the different mobile devices
  • LESS for its stylesheets
  • Easy skinning
  • HTML meta tags generated automatically
  • Scripts elements at the bottom, making page content appear faster.
  • 6 basic Razor-based templates: "Page", "Page with left aside", "Page with right aside", "Page with navigation", "Page with right navigation", "Page with navigation and right aside", "Frontpage"
  • Jumbotron slides, rendered by an ad-hoc Razor function "PageBlocks.JumbotronSlides"
  • Navigation, search, and other common website features:
  • Premium commercial addons to try for 30 days:
  • Profiles component, based on the Composite.Lists.Profiles add-on that allows you to present your team to the visitors to your website
  • Tabbed content, based on the Composite.Lists.Tabs add-on that allows you to present content on tabs
  • Page blocks, a number of Razor functions that streamline presentation of typical content on pages, for example, key content, top full-width images, contextual messages etc.


The Mercury starter site comes with a number of pre-installed add-ons. Most of them are working out of the box.

Note: If you are using IIS6, please consider configuring .LESS on IIS6 as this Starter site uses .LESS for stylesheets.


You can quickly personalize the website by changing its colors (especially the primary brand color), adding your own logo, adding more Jumbotron slides, adding more projects with photos and videos to your portfolio, inserting new page blocks on pages, updating links in the page footer.

Please see "Personalization" for more information.


This starter site supports theming. You can customize its appearance by directly modifying variables in variables.less.