Page tree
Skip to end of metadata
Go to start of metadata

As a designer
I need to be able to share new site prototypes
So I that reviewers, stakeholders and the team can see HTML prototypes without having to leave my computer on.

Link to prototypes:

Git repository: uob-static-prototypes

Git owner: unibath-digital-development (ask Lizz Jennings to be added to this if you aren't already)

When setting up a new set of prototypes (say, a new content type) create an index.html file in a new directory and linked to all of the prototypes you wish to be seen.

Use this template replacing the Lens version number (106) with the correct number at the time.

<!DOCTYPE html>
<html lang="en">
    <title>UoB Testing: Content type</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href=",400i,700,700i&amp;subset=cyrillic,latin-ext" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="">
    <link rel="apple-touch-icon" sizes="152x152" href="">
    <link rel="apple-touch-icon" sizes="180x180" href="">
    <link rel="icon" sizes="192x192" type="image/png" href="">
    <link rel="manifest" href="">
    <link rel="shortcut icon" type="image/x-icon" href="">
    <meta name="msapplication-config" content="">
    <meta name="msapplication-TileImage" content="">
    <meta name="msapplication-TileColor" content="#004489">
    <div class="medium-padding stack-section text-center">
      <div class="row column">
        <div class="flex-wrapper">
          <div class="single-item">
            <h1 class="page-heading">Index of content type</h1>
            <h2 class="page-subheading">Static prototypes of variations of content type</h2>

    <section class="markdown bg-steel-85-light small-padding">
      <div class="row column">
        <div class="flex-wrapper">
          <article class="single-item">
              <li><a href="#.html">Item</a></li>
              <li><a href="#.html">Item</a></li>
              <li><a href="#.html">Item</a></li>
              <li><a href="#.html">Item</a></li>
              <li><a href="#.html">Item</a></li>

  <script src=""></script>
  <script src=""></script>
    $(window).on('load', function () {
  • No labels