From d2334b05d8d9b7462162ca6754e308904896e4a5 Mon Sep 17 00:00:00 2001
From: Vicky Teinaki <vicky.teinaki@gmail.com>
Date: Sat, 2 Nov 2024 14:26:08 +0000
Subject: [PATCH] Added information to the install page about switching from
 the GOV.UK prototype kit (#56)

## Description

## Checklist

- [ ] Tested against our [testing
policy](https://github.com/nhsuk/nhsuk-frontend/blob/master/docs/contributing/testing.md)
(Resolution, Browser & Accessibility)
- [ ] CHANGELOG entry
---
 app/views/install/index.html | 93 +++++++++++++++++++++---------------
 1 file changed, 54 insertions(+), 39 deletions(-)

diff --git a/app/views/install/index.html b/app/views/install/index.html
index 910ae951..269eb2ff 100755
--- a/app/views/install/index.html
+++ b/app/views/install/index.html
@@ -1,41 +1,56 @@
-{% extends 'layout.html' %}
-
-{% block pageTitle %}
- Get started - NHS.UK prototype kit
-{% endblock %}
-
-{% block beforeContent %}
-  {{ breadcrumb({
-    href: "/",
-    text: "Home"
-  }) }}
-{% endblock %}
-
-{% block content %}
-  <div class="nhsuk-grid-row">
-    <div class="nhsuk-grid-column-two-thirds">
-
-      <h1 class="nhsuk-heading-xl">Get started</h1>
-
-      <p>To use the kit you’ll need some basic knowledge of HTML, for example what tags and attributes are and how to copy and paste code.</p>
-
-      <p>You can learn basic HTML and CSS at <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">mdn</a>, <a href="https://www.codecademy.com">codecademy</a> or other online tutorials.</p>
-
-      <p>You’ll also need to install some other tools and software.</p>
-
-      <p>Choose from the:</p>
-
-      <ul>
-        <li><a href="/install/simple">install guide</a> – for those new to prototyping in code</li>
-        <li><a href="/install/advanced">advanced install guide</a> – for those familiar with prototyping in code</li>
-      </ul>
-
-      <h2 class="nhsuk-heading-m">Updating</h2>
-
-      <p>If you have already got an NHS prototype but need to upgrade it to the latest version, see the <a href="/how-tos/updating-the-kit">update guide</a>.</p>
-
-
-
-    </div>
+{% extends 'layout.html' %} {% block pageTitle %} Get started - NHS.UK prototype
+kit {% endblock %} {% block beforeContent %} {{ breadcrumb({ href: "/", text:
+"Home" }) }} {% endblock %} {% block content %}
+<div class="nhsuk-grid-row">
+  <div class="nhsuk-grid-column-two-thirds">
+    <h1 class="nhsuk-heading-xl">Get started</h1>
+
+    <p>
+      To use the kit you’ll need some basic knowledge of HTML, for example what
+      tags and attributes are and how to copy and paste code.
+    </p>
+
+    <p>
+      You can learn basic HTML and CSS at
+      <a
+        href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started"
+        >mdn</a
+      >, <a href="https://www.codecademy.com">codecademy</a> or other online
+      tutorials.
+    </p>
+
+    <p>You’ll also need to install some other tools and software.</p>
+
+    <p>Choose from the:</p>
+
+    <ul>
+      <li>
+        <a href="/install/simple">install guide</a> – for those new to
+        prototyping in code
+      </li>
+      <li>
+        <a href="/install/advanced">advanced install guide</a> – for those
+        familiar with prototyping in code
+      </li>
+    </ul>
+
+    <h2 class="nhsuk-heading-m">Updating</h2>
+
+    <p>
+      If you have already got an NHS prototype but need to upgrade it to the
+      latest version, see the
+      <a href="/how-tos/updating-the-kit">update guide</a>.
+    </p>
+
+    <h2 class="nhsuk-heading-m">Switching from the GOV.UK Prototype Kit</h2>
+    <p>
+      If you are new to the NHS.UK prototype kit but are familiar with the
+      GOV.UK Prototype Kit, you can find out
+      <a href="/how-tos/switching-from-govuk-prototype-kit"
+        >how the NHS.UK prototype kit is different from the GOV.UK Prototype
+        Kit</a
+      >.
+    </p>
   </div>
+</div>
 {% endblock %}