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.

Features

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:
  • Top menu, rendered by the dedicated Razor function Layout.Navigation.MainMenu"
  • Top links, rendered by another dedicated Razor function "Layout.Navigation.TopLinks"
  • Left menu, based on the Composite.Navigation.Distributed add-on
  • Language switcher, based on the Composite.Navigation.LanguageSwitcher add-on
  • Search, based on the Composite.Search.SimplePageSearch add-on
• Premium commercial addons to try for 30 days:
  • Form Builder
  • Image Crop
• 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.

Setup

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

Personalization

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.

Themes

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