Static Web Templates

Introduction

CityUHK static web template was first released in 2011. After a decade, mobile-first design dominated all internet products, and the University's main site was redesigned in 2019. To align with the University branding and style consistency, a new static web template with responsive web design was released in 2020.

Bootstrap is adopted in this new version of the web template. It is one of the most popular front-end development frameworks for responsive web design and development. It helps web designers and web developers save time on building web layouts. With the Bootstrap framework in our new CityUHK static web template, design flexibility in departmental websites could be improved, making the websites accessible via mobile devices effortlessly.

Considering the massive structural source code change from the legacy template to our brand-new responsive template, an in-place update is not feasible. Departments need to download the new CityUHK template and rebuild their websites.

To help departments kick-start, we are pleased to assist those departments having difficulties in the website revamp process by providing a customized web template. Departments may raise a CSC Work Request to us to request a customized web template for your departmental/project websites.

Use of Web Templates

Compulsory for all top-level websites of colleges and schools, academic departments, research centres, and administrative and academic support units. Approval from the Council's Community Relations Committee has to be sought for use of any web templates that deviate from the University guidelines.

Optional for sub-sites and event websites, including but not limited to, sub-divisions, projects, information, and service websites. For those not using templates or heavily customizing templates, please read our guidelines for sub-sites and event websites.

Prohibited for any non-university websites, personal websites, student organizations, any websites in connection with an outside organizations or commercial enterprises, or those that may carry a potential for financial, legal or reputational risk to the University. For more information, please refer to the University Policy and Guidelines for the Use of the University's Name, Visual Identity, and Trade Marks.

How to Use

Please refer to the template setup guide for full technical instructions. The following policies apply to all sites using these templates:

• For brand consistency, customizations to the header, navigation menu, and footer are not allowed. Content layouts can be adjusted to suit various needs.
• For any content and customizations, any mobile web issues should be resolved and conform to the University-Wide Web Accessibility Policy.
• For web hosting, security and account issues, please refer to Web Related Policies and Guidelines.