diff --git a/_prototypes/your-household-lms/assets/household.js b/_prototypes/your-household-lms/assets/household.js
new file mode 100644
index 0000000000..9e8a5935b8
--- /dev/null
+++ b/_prototypes/your-household-lms/assets/household.js
@@ -0,0 +1,121 @@
+import {autoIncrementId} from './utils';
+
+export const HOUSEHOLD_MEMBERS_STORAGE_KEY = 'household-members';
+export const USER_HOUSEHOLD_MEMBER_ID = 'person_me';
+export const HOUSEHOLD_MEMBER_TYPE = 'household-member';
+export const VISITOR_TYPE = 'visitor';
+
+/**
+ * Types
+ */
+export function person(opts) {
+  if (opts.firstName === '' || opts.lastName === '') {
+    console.log('Unable to create person with data: ',
+      opts.firstName,
+      !opts.middleName,
+      !opts.lastName);
+  }
+
+  let middleName = opts.middleName || '';
+
+  return {
+    fullName: opts.firstName + ' ' + middleName + ' ' + opts.lastName,
+    firstName: opts.firstName,
+    middleName,
+    lastName: opts.lastName,
+    gender: opts.gender
+  };
+}
+
+/**
+ * Storage
+ */
+export function getUserAsHouseholdMember() {
+  return getAllHouseholdMembers().find((member) => {
+    return member['@person'].id === USER_HOUSEHOLD_MEMBER_ID;
+  });
+}
+
+export function deleteUserAsHouseholdMember() {
+  deleteHouseholdMember(USER_HOUSEHOLD_MEMBER_ID);
+}
+
+export function deleteHouseholdMember(personId) {
+  let members = getAllHouseholdMembers().filter((member) => {
+    return member['@person'].id !== personId;
+  });
+
+  sessionStorage.setItem(HOUSEHOLD_MEMBERS_STORAGE_KEY,
+    JSON.stringify(members));
+}
+
+export function updateUserAsHouseholdMember(person, memberData) {
+  let userAsHouseholdMember = getUserAsHouseholdMember();
+
+  userAsHouseholdMember
+    ? updateHouseholdMember(userAsHouseholdMember['@person'], memberData)
+    : addHouseholdMember(person, memberData, USER_HOUSEHOLD_MEMBER_ID);
+}
+
+export function updateHouseholdMember(person, memberData) {
+  let membersUpdated = getAllHouseholdMembers().map((member) => {
+    return member['@person'].id === person.id
+      ? {...member, ...memberData, '@person': {...member['@person'], ...person}}
+      : member;
+  });
+
+  sessionStorage.setItem(HOUSEHOLD_MEMBERS_STORAGE_KEY,
+    JSON.stringify(membersUpdated));
+}
+
+export function addHouseholdMember(person, memberData, id) {
+  let people = getAllHouseholdMembers() || [];
+  memberData = memberData || {};
+
+  people.push({
+    ...memberData,
+    type: memberData.type || HOUSEHOLD_MEMBER_TYPE,
+    '@person': {
+      ...person,
+      id: id || 'person' + autoIncrementId('household-members')
+    }
+  });
+
+  sessionStorage.setItem(HOUSEHOLD_MEMBERS_STORAGE_KEY, JSON.stringify(people));
+}
+
+export function getAllHouseholdMembers() {
+  return JSON.parse(sessionStorage.getItem(HOUSEHOLD_MEMBERS_STORAGE_KEY)) || [];
+}
+
+export function getHouseholdMemberByPersonId(id) {
+  return getAllHouseholdMembers().find(function(member) {
+    return member['@person'].id === id;
+  });
+}
+
+export function getMemberPersonId(member) {
+  return member['@person'].id;
+}
+
+/**
+ * Comparators
+ */
+export function isVisitor(member) {
+  return member.type === window.ONS.storage.KEYS.VISITOR_TYPE;
+}
+
+export function isHouseholdMember(member) {
+  return member.type === window.ONS.storage.KEYS.HOUSEHOLD_MEMBER_TYPE;
+}
+
+export function isOtherHouseholdMember(member) {
+  return member.type === window.ONS.storage.KEYS.HOUSEHOLD_MEMBER_TYPE &&
+    member['@person'].id !== window.ONS.storage.IDS.USER_HOUSEHOLD_MEMBER_ID;
+}
+
+export const tempAwayQuestionSentenceMap = {
+  'studying-away': 'who is working or studying away from home',
+  'armed-forces': 'who is a member of the armed forces',
+  'outside-uk': 'who is staying outside the UK for 12 months'
+};
diff --git a/_prototypes/your-household-lms/assets/numbers-to-words.js b/_prototypes/your-household-lms/assets/numbers-to-words.js
new file mode 100644
index 0000000000..f59219fca8
--- /dev/null
+++ b/_prototypes/your-household-lms/assets/numbers-to-words.js
@@ -0,0 +1,146 @@
+/**
+ * Copied from:
+ * https://codereview.stackexchange.com/questions/90349/changing-number-to-words-in-javascript
+ * ===============
+ */
+var ONE_TO_NINETEEN = [
+  'one', 'two', 'three', 'four', 'five',
+  'six', 'seven', 'eight', 'nine', 'ten',
+  'eleven', 'twelve', 'thirteen', 'fourteen', 'fifteen',
+  'sixteen', 'seventeen', 'eighteen', 'nineteen'
+];
+
+var TENS = [
+  'ten', 'twenty', 'thirty', 'forty', 'fifty',
+  'sixty', 'seventy', 'eighty', 'ninety'
+];
+
+var SCALES = ['thousand', 'million', 'billion', 'trillion'];
+
+// helper function for use with Array.filter
+function isTruthy(item) {
+  return !!item;
+}
+
+// convert a number into 'chunks' of 0-999
+function chunk(number) {
+  var thousands = [];
+
+  while(number > 0) {
+    thousands.push(number % 1000);
+    number = Math.floor(number / 1000);
+  }
+
+  return thousands;
+}
+
+// translate a number from 1-999 into English
+function inEnglish(number) {
+  var thousands, hundreds, tens, ones, words = [];
+
+  if(number < 20) {
+    return ONE_TO_NINETEEN[number - 1]; // may be undefined
+  }
+
+  if(number < 100) {
+    ones = number % 10;
+    tens = number / 10 | 0; // equivalent to Math.floor(number / 10)
+
+    words.push(TENS[tens - 1]);
+    words.push(inEnglish(ones));
+
+    return words.filter(isTruthy).join('-');
+  }
+
+  hundreds = number / 100 | 0;
+  words.push(inEnglish(hundreds));
+  words.push('hundred');
+  words.push(inEnglish(number % 100));
+
+  return words.filter(isTruthy).join(' ');
+}
+
+// append the word for a scale. Made for use with Array.map
+function appendScale(chunk, exp) {
+  var scale;
+  if (!chunk) {
+    return null;
+  }
+  scale = SCALES[exp - 1];
+  return [chunk, scale].filter(isTruthy).join(' ');
+}
+
+/**
+ * ===============
+ * End copy
+ */
+
+/**
+ * Modification - decorator
+ */
+var NUMBER_TO_POSITION_TEXT_MAP = {
+  'one': 'first',
+  'two': 'second',
+  'three': 'third',
+  'four': 'fourth',
+  'five': 'fifth',
+  'six': 'sixth',
+  'seven': 'seventh',
+  'eight': 'eighth',
+  'nine': 'nineth',
+  'ten': 'tenth',
+  'eleven': 'eleventh',
+  'twelve': 'twelveth',
+  'thirteen': 'thirteenth',
+  'fourteen': 'fourteenth',
+  'fifteen': 'fifteenth',
+  'sixteen': 'sixteenth',
+  'seventeen': 'seventeenth',
+  'eighteen': 'eighteenth',
+  'nineteen': 'nineteenth',
+
+  'twenty': 'twentieth',
+  'thirty': 'thirtieth',
+  'forty': 'fortieth',
+  'fifty': 'fiftieth',
+  'sixty': 'sixtieth',
+  'seventy': 'seventieth',
+  'eighty': 'eightieth',
+  'ninety': 'ninetieth',
+  'hundred': 'hundredth',
+
+  'thousand': 'thousandth',
+  'million': 'millionth',
+  'billion': 'billionth',
+  'trillion': 'trillionth'
+};
+
+export function numberToPositionWord(num) {
+  const str = chunk(num)
+    .map(inEnglish)
+    .map(appendScale)
+    .filter(isTruthy)
+    .reverse()
+    .join(' ');
+
+  const sub = str.split(' '),
+    lastWordDashSplitArr = sub[sub.length - 1].split('-'),
+    lastWord = lastWordDashSplitArr[lastWordDashSplitArr.length - 1],
+
+    newLastWord = (lastWordDashSplitArr.length > 1? lastWordDashSplitArr[0] + '-' : '') +
+      NUMBER_TO_POSITION_TEXT_MAP[lastWord];
+
+  /*console.log('str:', str);
+  console.log('sub:', sub);
+  console.log('lastWordDashSplitArr:', lastWordDashSplitArr);
+  console.log('lastWord:', lastWord);
+  console.log('newLastWord:', newLastWord);*/
+
+  const subCopy = [].concat(sub);
+  subCopy.pop();
+  const prefix = subCopy.join(' ');
+  const result = (prefix ? prefix + ' ' : '') + newLastWord;
+
+  // console.log('result', (prefix ? prefix + ' ' : '') + newLastWord);
+  return result;
+}
diff --git a/_prototypes/your-household-lms/assets/personal-details.js b/_prototypes/your-household-lms/assets/personal-details.js
new file mode 100644
index 0000000000..d9c9f4f5a4
--- /dev/null
+++ b/_prototypes/your-household-lms/assets/personal-details.js
@@ -0,0 +1,185 @@
+export const PERSONAL_DETAILS_KEY = 'individual-details';
+export const PERSONAL_PINS_KEY = 'individual-pins';
+
+export const personalDetailsMaritalStatusMap = {
+  'never': {
+    description: 'Never married and never registered a same-sex civil' +
+    ' partnership'
+  },
+  'married': {
+    description: 'Married'
+  },
+  'registered': {
+    description: 'In a registered same-sex civil partnership'
+  },
+  'separated-married': {
+    description: 'Separated, but still legally married'
+  },
+  'divorced': {
+    description: 'Divorced'
+  },
+  'former-partnership': {
+    description: 'Formerly in a same-sex civil partnership which is now' +
+    ' legally dissolved'
+  },
+  'widowed': {
+    description: 'Widowed'
+  },
+  'surviving-partner': {
+    description: 'Surviving partner from a same-sex civil partnership'
+  },
+  'separated-partnership': {
+    description: 'Separated, but still legally in a same-sex civil partnership'
+  }
+};
+
+export const personalDetailsCountryMap = {
+  'england': {
+    description: 'England'
+  },
+  'wales': {
+    description: 'Wales'
+  },
+  'scotland': {
+    description: 'Scotland'
+  },
+  'northern-ireland': {
+    description: 'Northern Ireland'
+  },
+  'republic-ireland': {
+    description: 'Republic of Ireland'
+  },
+  'elsewhere': {
+    description: 'Elsewhere'
+  }
+};
+
+export const personalDetailsOrientationMap = {
+  'straight': {
+    description: 'Straight or Heterosexual'
+  },
+  'gay': {
+    description: 'Gay or Lesbian'
+  },
+  'bisexual': {
+    description: 'Bisexual'
+  },
+  'other': {
+    description: 'Other'
+  },
+  'no-say': {
+    description: 'Prefer not to say'
+  }
+};
+
+export function addUpdatePersonalDetailsDOB(personId, day, month, year) {
+  let allDetails = getAllPersonalDetails(),
+    details = allDetails[personId] || {};
+
+  details['dob'] = {
+    day,
+    month,
+    year
+  };
+
+  updatePersonalDetails(personId, details);
+
+  return details;
+}
+
+export function addUpdateMaritalStatus(personId, val) {
+  let allDetails = getAllPersonalDetails(),
+    details = allDetails[personId] || {};
+
+  details['maritalStatus'] = val;
+
+  updatePersonalDetails(personId, details);
+
+  return details;
+}
+
+export function addUpdateCountry(personId, val) {
+  let allDetails = getAllPersonalDetails(),
+    details = allDetails[personId] || {};
+
+  details['country'] = val;
+
+  updatePersonalDetails(personId, details);
+
+  return details;
+}
+
+export function addUpdateOrientation(personId, val) {
+  let allDetails = getAllPersonalDetails(),
+    details = allDetails[personId] || {};
+
+  details['orientation'] = val;
+
+  updatePersonalDetails(personId, details);
+
+  return details;
+}
+
+export function addUpdateSalary(personId, val) {
+  let allDetails = getAllPersonalDetails(),
+    details = allDetails[personId] || {};
+
+  details['salary'] = val;
+
+  updatePersonalDetails(personId, details);
+
+  return details;
+}
+
+export function getPins() {
+  return JSON.parse(sessionStorage.getItem(PERSONAL_PINS_KEY)) || {};
+}
+
+export function createPinFor(personId, opts = {}) {
+  let pins = getPins();
+
+  pins[personId] = {
+    pin: _.random(10000, 99999),
+    exported: !!opts.exported
+  };
+
+  sessionStorage.setItem(PERSONAL_PINS_KEY, JSON.stringify(pins));
+
+  return pins[personId];
+}
+
+export function getPinFor(personId) {
+  return getPins()[personId];
+}
+
+export function unsetPinFor(personId) {
+  let pins = getPins();
+
+  delete pins[personId];
+
+  sessionStorage.setItem(PERSONAL_PINS_KEY, JSON.stringify(pins));
+}
+
+export function updatePersonalDetails(personId, details) {
+  sessionStorage.setItem(PERSONAL_DETAILS_KEY, JSON.stringify({
+    ...getAllPersonalDetails(),
+    [personId]: details
+  }));
+
+  return details;
+}
+
+export function getAllPersonalDetails() {
+  return JSON.parse(sessionStorage.getItem(PERSONAL_DETAILS_KEY)) || {};
+}
+
+export function getPersonalDetailsFor(personId) {
+  const storageObj = JSON.parse(sessionStorage.getItem(PERSONAL_DETAILS_KEY)) || {},
+    personObj = storageObj[personId];
+
+  if (!personObj) {
+    console.log('Personal details for ' + personId + ' not found');
+  }
+
+  return personObj;
+}
diff --git a/_prototypes/your-household-lms/assets/prototype-tools.js b/_prototypes/your-household-lms/assets/prototype-tools.js
new file mode 100644
index 0000000000..665feee9df
--- /dev/null
+++ b/_prototypes/your-household-lms/assets/prototype-tools.js
@@ -0,0 +1,143 @@
+export function tools () {
+
+  const $listLinks = $('.test-data-links'),
+
+    $createFamilyHousehold = $('<li><a href="#" class=\'mock-data-family\'>' +
+      'Create family household</a></li>'),
+
+    $createFamilyRelationships = $('<li><a href="#"' +
+      ' class=\'mock-data-family\'>' +
+      'Create family relationships</a></li>'),
+
+    familyHouseholdMembersData = [{
+      'type': 'household-member',
+      '@person': {
+        'fullName': 'Dave  Jones',
+        'firstName': 'Dave',
+        'middleName': '',
+        'lastName': 'Jones',
+        'id': 'person_me',
+        'gender': 'male'
+      }
+    }, {
+      'type':
+        'household-member',
+      '@person': {
+        'fullName': 'Sally  Jones',
+        'firstName': 'Sally',
+        'middleName': '',
+        'lastName': 'Jones',
+        'id': 'person1',
+        'gender': 'female'
+      }
+    }, {
+      'type': 'household-member',
+      '@person': {
+        'fullName': 'Rebecca  Jones',
+        'firstName': 'Rebecca',
+        'middleName': '',
+        'lastName': 'Jones',
+        'id': 'person2',
+        'gender': 'female'
+      }
+    }, {
+      'type': 'household-member',
+      '@person': {
+        'fullName': 'Amy Jones',
+        'firstName': 'Amy',
+        'middleName': '',
+        'lastName': 'Jones',
+        'id': 'person3',
+        'gender': 'female'
+      }
+    }],
+
+    familyHouseholdRelationshipsData = [{
+      'personIsDescription': 'husband-wife',
+      'personIsId': 'person1',
+      'personToId': 'person_me',
+      'inferred': false,
+      'id': 1
+    }, {
+      'personIsDescription': 'son-daughter',
+      'personIsId': 'person2',
+      'personToId': 'person_me',
+      'inferred': false,
+      'id': 2
+    }, {
+      'personIsDescription': 'mother-father',
+      'personIsId': 'person_me',
+      'personToId': 'person3',
+      'inferred': false,
+      'id': 3
+    }, {
+      'personIsDescription': 'son-daughter',
+      'personIsId': 'person2',
+      'personToId': 'person1',
+      'inferred': false,
+      'id': 4
+    }, {
+      'personIsDescription': 'mother-father',
+      'personIsId': 'person1',
+      'personToId': 'person3',
+      'inferred': false,
+      'id': 5
+    }, {
+      'personIsDescription': 'brother-sister',
+      'personIsId': 'person3',
+      'personToId': 'person2',
+      'inferred': true,
+      'id': 6
+    }],
+
+    userData = {
+      'fullName': 'Dave  Jones',
+      'firstName': 'Dave',
+      'middleName': '',
+      'lastName': 'Jones'
+    };
+
+  $createFamilyHousehold.on('click', function(e) {
+    e.preventDefault();
+    clearStorage();
+    createFamilyHousehold();
+    window.location.href = '../summary?survey=lms';
+  });
+
+  $createFamilyRelationships.on('click', function(e) {
+    e.preventDefault();
+    clearStorage();
+    createFamilyHousehold();
+    createFamilyRelationships();
+    window.location.href = '../relationships-summary?survey=lms';
+  });
+
+  function prerequisites() {
+    sessionStorage.setItem('address', '12 Somewhere Close, Newport, CF12 3AB');
+    sessionStorage.setItem('address-line-1', '12');
+    sessionStorage.setItem('address-line-2', 'Somewhere close');
+    sessionStorage.setItem('county', 'Newport');
+    sessionStorage.setItem('lives-here', 'yes');
+    sessionStorage.setItem('postcode', 'CF12 3AB');
+    sessionStorage.setItem('town-city', 'Newport');
+  }
+
+  function createFamilyHousehold() {
+    prerequisites();
+    sessionStorage.setItem('user-details', JSON.stringify(userData));
+    sessionStorage.setItem(window.ONS.storage.KEYS.HOUSEHOLD_MEMBERS_STORAGE_KEY, JSON.stringify(familyHouseholdMembersData));
+    sessionStorage.setItem('household-members-increment', JSON.stringify(4));
+  }
+
+  function createFamilyRelationships() {
+    sessionStorage.setItem(window.ONS.storage.KEYS.RELATIONSHIPS_STORAGE_KEY, JSON.stringify(familyHouseholdRelationshipsData));
+    sessionStorage.setItem('relationships-increment', JSON.stringify(6));
+  }
+
+  function clearStorage() {
+    sessionStorage.clear();
+  }
+
+  $listLinks.append($createFamilyHousehold);
+  $listLinks.append($createFamilyRelationships);
+}
diff --git a/_prototypes/your-household-lms/assets/relationships.js b/_prototypes/your-household-lms/assets/relationships.js
new file mode 100644
index 0000000000..06535aed92
--- /dev/null
+++ b/_prototypes/your-household-lms/assets/relationships.js
@@ -0,0 +1,627 @@
+import {autoIncrementId, removeFromList, trailingNameS} from './utils';
+import {
+  isHouseholdMember,
+  getAllHouseholdMembers,
+  getHouseholdMemberByPersonId
+} from './household';
+
+/**
+ * Augment Underscore library
+ */
+const _ = window._ || {};
+
+export const RELATIONSHIPS_STORAGE_KEY = 'relationships';
+
+export const relationshipTypes = {
+  'spouse': {id: 'spouse'},
+  'child-parent': {id: 'child-parent'},
+  'step-child-parent': {id: 'step-child-parent'},
+  'grandchild-grandparent': {id: 'grandchild-grandparent'},
+  'half-sibling': {id: 'half-sibling'},
+  'sibling': {id: 'sibling'},
+  'step-brother-sister': {id: 'step-brother-sister'},
+  'partner': {id: 'partner'},
+  'unrelated': {id: 'unrelated'},
+  'other-relation': {id: 'other-relation'},
+  'parent-in-law': {id: 'parent-in-law'},
+  'son-daughter-in-law': {id: 'son-daughter-in-law'}
+};
+
+export const relationshipDescriptionMap = {
+  // covered
+  'husband-wife': {
+    sentanceLabel: 'husband, wife or same sex civil partner',
+    summaryAdjective: 'husband, wife or same sex civil partner',
+    type: relationshipTypes['spouse']
+  },
+  // covered
+  'mother-father': {
+    sentanceLabel: 'parent',
+    summaryAdjective: 'parent',
+    type: relationshipTypes['child-parent']
+  },
+  // covered
+  'step-mother-father': {
+    sentanceLabel: 'step parent',
+    summaryAdjective: 'step parent',
+    type: relationshipTypes['step-child-parent']
+  },
+  // covered
+  'son-daughter': {
+    sentanceLabel: 'son or daughter',
+    summaryAdjective: 'son or daughter',
+    type: relationshipTypes['child-parent']
+  },
+  // covered
+  'half-brother-sister': {
+    sentanceLabel: 'half-brother or half-sister',
+    summaryAdjective: 'half-brother or half-sister',
+    type: relationshipTypes['half-sibling']
+  },
+  // covered
+  'step-child': {
+    sentanceLabel: 'Stepson or stepdaughter',
+    summaryAdjective: 'stepchild',
+    type: relationshipTypes['step-child-parent']
+  },
+  // covered
+  'grandparent': {
+    sentanceLabel: 'grandparent',
+    summaryAdjective: 'grandparent',
+    type: relationshipTypes['grandchild-grandparent']
+  },
+  // covered
+  'grandchild': {
+    sentanceLabel: 'grandchild',
+    summaryAdjective: 'grandchild',
+    type: relationshipTypes['grandchild-grandparent']
+  },
+  // covered
+  'brother-sister': {
+    sentanceLabel: 'brother or sister',
+    summaryAdjective: 'brother or sister',
+    type: relationshipTypes['sibling']
+  },
+  // covered
+  'step-brother-sister': {
+    sentanceLabel: 'stepbrother or stepsister',
+    summaryAdjective: 'stepbrother or stepsister',
+    type: relationshipTypes['step-brother-sister']
+  },
+  // covered
+  'other-relation': {
+    sentanceLabel: 'other relative',
+    summaryAdjective: 'other relative',
+    type: relationshipTypes['other-relation']
+  },
+  // covered
+  'partner': {
+    sentanceLabel: 'partner',
+    summaryAdjective: 'partner',
+    type: relationshipTypes['partner']
+  },
+  'same-sex-partner': {
+    sentanceLabel: 'legally registered civil partner',
+    summaryAdjective: 'legally registered civil partner',
+    type: relationshipTypes['partner']
+  },
+  'parent-in-law': {
+    sentanceLabel: 'parent-in-law',
+    summaryAdjective: 'parent-in-law',
+    type: relationshipTypes['parent-in-law']
+  },
+  'son-daughter-in-law': {
+    sentanceLabel: 'son-in-law or daughter-in-law',
+    summaryAdjective: 'son-in-law or daughter-in-law',
+    type: relationshipTypes['son-daughter-in-law']
+  },
+  // covered
+  'unrelated': {
+    sentanceLabel: 'other non-relative',
+    summaryAdjective: 'other non-relative',
+    type: relationshipTypes['unrelated']
+  }
+};
+
+export const femaleAltGenderDescriptions = {
+  'husband-wife': {
+    description: 'Wife, husband or same sex civil partner',
+    sentanceLabel: 'wife, husband or same sex civil partner',
+    summaryAdjective: 'wife, husband or same sex civil partner'
+  },
+  'son-daughter': {
+    description: 'Daughter or son' +
+      '<span class="pluto u-db">Including adopted daughter or adopted son</span>',
+    sentanceLabel: 'daughter or son',
+    summaryAdjective: 'Daughter or son'
+  },
+  'step-child': {
+    description: 'Stepdaughter or stepson',
+    sentanceLabel: 'stepdaughter or stepson',
+    summaryAdjective: 'stepdaughter or stepson'
+  },
+  'son-daughter-in-law': {
+    description: 'Daughter-in-law or son-in-law',
+    sentanceLabel: 'daughter-in-law or son-in-law',
+    summaryAdjective: 'daughter-in-law or son-in-law'
+  },
+  'brother-sister': {
+    description: 'Sister or brother',
+    sentanceLabel: 'sister or brother',
+    summaryAdjective: 'sister or brother'
+  },
+  'step-brother-sister': {
+    description: 'Stepsister or stepbrother',
+    sentanceLabel: 'stepsister or stepbrother',
+    summaryAdjective: 'stepsister or stepbrother'
+  }
+};
+
+function nameElement(name) {
+  return '<strong>' + name + '</strong>';
+}
+
+function personListStr(peopleArr) {
+  if (peopleArr.length < 1) {
+    console.log(peopleArr, 'not enough people to create a list string');
+    return;
+  }
+
+  if (peopleArr.length === 1) {
+    return nameElement(peopleArr[0]);
+  }
+
+  let peopleCopy = [...peopleArr],
+    lastPerson = peopleCopy.pop();
+
+  return peopleCopy
+    .map(nameElement).join(', ') + ' and ' + nameElement(lastPerson)
+}
+
+export const relationshipSummaryTemplates = {
+  'partnership': (person1, person2, description) => {
+    return `${nameElement(person1)} is ${nameElement(person2 + trailingNameS(person2))} ${description}`;
+  },
+  'twoFamilyMembersToMany': (parent1, parent2, childrenArr, description) => {
+    return `${nameElement(parent1)} and ${nameElement(parent2)} are ${personListStr(childrenArr.map(name => name + trailingNameS(name)))} ${description}`;
+  },
+  'oneFamilyMemberToMany': (parent, childrenArr, description) => {
+    return `${nameElement(parent)} is ${personListStr(childrenArr.map(name => name + trailingNameS(name)))} ${description}`;
+  },
+  'manyToMany': (peopleArr1, peopleArr2, description) => {
+    return `${personListStr(peopleArr1)} ${peopleArr1.length > 1 ? 'are' : 'is'} ${description} to ${personListStr(peopleArr2)}`;
+  },
+  'allMutual': (peopleArr, description) => {
+    return `${personListStr(peopleArr)} are ${description}`;
+  }
+};
+
+/**
+ * Types
+ */
+export function relationship(description, personIsId, personToId, opts = {}) {
+  return {
+    personIsDescription: description,
+    personIsId: personIsId,
+    personToId: personToId,
+    inferred: !!opts.inferred
+  };
+}
+
+/**
+ * Storage
+ */
+export function addRelationship(relationshipObj) {
+  let householdRelationships = getAllRelationships() || [],
+    item = {
+      ...relationshipObj,
+      id: autoIncrementId(RELATIONSHIPS_STORAGE_KEY)
+    };
+
+  householdRelationships.push(item);
+
+  sessionStorage.setItem(RELATIONSHIPS_STORAGE_KEY,
+    JSON.stringify(householdRelationships));
+
+  return item;
+}
+
+export function editRelationship(relationshipId, valueObject) {
+  let householdRelationships = (getAllRelationships() || []).map(function(relationship) {
+    return (relationship.id + '') === (relationshipId + '') ? {
+      ...valueObject,
+      id: relationshipId
+    } : relationship;
+  });
+
+  sessionStorage.setItem(RELATIONSHIPS_STORAGE_KEY,
+    JSON.stringify(householdRelationships));
+}
+
+export function getAllRelationships() {
+  return JSON.parse(sessionStorage.getItem(RELATIONSHIPS_STORAGE_KEY)) || [];
+}
+
+export function getAllManualRelationships() {
+  return getAllRelationships().filter((relationship) => {
+    return !relationship.inferred;
+  });
+}
+
+export function deleteAllRelationshipsForMember(personId) {
+  const householdRelationships = getAllRelationships()
+    .filter((relationship) => {
+      return !(personId === relationship.personIsId || personId === relationship.personToId);
+    });
+
+  sessionStorage.setItem(RELATIONSHIPS_STORAGE_KEY,
+    JSON.stringify(householdRelationships));
+}
+
+/**
+ * Comparators
+ */
+export function isInRelationship(personId, relationship) {
+  return relationship.personToId === personId || relationship.personIsId === personId;
+}
+
+export function isAChildInRelationship(personId, relationship) {
+  /**
+   * Guard
+   */
+  if (!isInRelationship(personId, relationship)) {
+    return false;
+  }
+
+  return (
+    relationship.personIsDescription === 'mother-father' &&
+    relationship.personToId === personId
+  ) || (
+    relationship.personIsDescription === 'son-daughter' &&
+    relationship.personIsId === personId
+  );
+}
+
+export function isASiblingInRelationship(personId, relationship) {
+  return isInRelationship(personId, relationship) &&
+    relationshipDescriptionMap[relationship.personIsDescription].type.id === 'sibling';
+}
+
+export function isAParentInRelationship(personId, relationship) {
+  /**
+   * Guard
+   */
+  if (!isInRelationship(personId, relationship)) {
+    return false;
+  }
+
+  return (
+    relationship.personIsDescription === 'mother-father' &&
+    relationship.personIsId === personId
+  ) || (
+    relationship.personIsDescription === 'son-daughter' &&
+    relationship.personToId === personId
+  );
+}
+
+export function areAnyChildrenInRelationshipNotParent(childrenIds, notParentId, relationship) {
+  /**
+   * Guard
+   * If relationship type is not child-parent
+   */
+  if (relationshipDescriptionMap[relationship.personIsDescription]
+    .type.id !== 'child-parent') {
+
+    return false;
+  }
+
+  let childIndexAsPersonIs = childrenIds.indexOf(relationship.personIsId),
+    childIndexAsPersonTo = childrenIds.indexOf(relationship.personToId);
+
+  /**
+   * Find parents with the same children
+   *
+   * If a personIs-child is not in relationship
+   * or 2 children are found in relationship
+   */
+  if (
+    (childIndexAsPersonIs === -1 && childIndexAsPersonTo === -1) ||
+    (childIndexAsPersonIs !== -1 && childIndexAsPersonTo !== -1)
+  ) {
+    return false;
+  }
+
+  /**
+   * Child must be in relationship, get child index
+   */
+  let childIndex = childIndexAsPersonIs !== -1
+    ? childIndexAsPersonIs
+    : childIndexAsPersonTo;
+
+  /**
+   * If personIs is not in relationship
+   * and child from previous relationship is a child in this relationship
+   */
+  return !isInRelationship(notParentId, relationship) &&
+    isAChildInRelationship(childrenIds[childIndex], relationship);
+}
+
+export function isRelationshipType(relationshipType, relationship) {
+  const typeOfRelationship = relationshipDescriptionMap[relationship.personIsDescription]
+    .type.id;
+
+  /**
+   * relationshipType can be an array of types
+   */
+  return _.isArray(relationshipType)
+    ? !!_.find(relationshipType, function(rType) {
+      return rType === typeOfRelationship;
+    })
+    : typeOfRelationship === relationshipType;
+}
+
+/**
+ * Retrieve people by role in relationships
+ */
+export function getParentIdFromRelationship(relationship) {
+  let parentId;
+
+  if (relationship.personIsDescription === 'mother-father') {
+    parentId = relationship.personIsId;
+  }
+
+  if (relationship.personIsDescription === 'son-daughter') {
+    parentId = relationship.personToId;
+  }
+
+  if (!parentId) {
+    console.log('Parent not found in relationship: ', relationship);
+    return false;
+  }
+
+  return parentId;
+}
+
+export function getChildIdFromRelationship(relationship) {
+  let childId;
+
+  if (relationship.personIsDescription === 'mother-father') {
+    childId = relationship.personToId;
+  }
+
+  if (relationship.personIsDescription === 'son-daughter') {
+    childId = relationship.personIsId;
+  }
+
+  if (!childId) {
+    console.log('Child not found in relationship: ', relationship);
+    return false;
+  }
+
+  return childId;
+}
+
+export function getSiblingIdFromRelationship(personId, relationship) {
+  if (!isInRelationship(personId, relationship)) {
+    console.log('Person ' + personId + ' not found in relationship: ', relationship);
+    return false;
+  }
+
+  return relationship[relationship.personIsId === personId ? 'personToId' : 'personIsId'];
+}
+
+export function getOtherPersonIdFromRelationship(personId, relationship) {
+  return relationship.personIsId === personId
+    ? relationship.personToId : relationship.personIsId;
+}
+
+export function getAllParentsOf(personId) {
+  return getAllRelationships()
+    .filter(isAChildInRelationship.bind(null, personId))
+    .map(relationship => getPersonFromMember(getHouseholdMemberByPersonId(getParentIdFromRelationship(relationship))));
+}
+
+export function getAllChildrenOf(personId) {
+  return getAllRelationships()
+    .filter(isAParentInRelationship.bind(null, personId))
+    .map(relationship => getHouseholdMemberByPersonId(getChildIdFromRelationship(relationship))['@person']);
+}
+
+export function getPersonIdFromPerson(person) {
+  return person.id;
+}
+
+export function getPersonFromMember(member) {
+  return member['@person'];
+}
+
+/**
+ * Missing relationship inference
+ */
+export const missingRelationshipInference = {
+  siblingsOf(subjectMember) {
+
+    const missingRelationships = [],
+      allRelationships = getAllRelationships(),
+      person = getPersonFromMember(subjectMember),
+      personId = person.id,
+
+      parents = getAllParentsOf(personId),
+
+      siblingIds = allRelationships
+        .filter(isASiblingInRelationship.bind(null, personId))
+        .map(getSiblingIdFromRelationship.bind(null, personId));
+
+    /**
+     * If 2 parent relationships of 'person' are found we can attempt to infer
+     * sibling relationships
+     */
+    if (parents.length === 2) {
+
+      getAllHouseholdMembers()
+        .filter(isHouseholdMember)
+        .forEach((member) => {
+
+          const memberPersonId = member['@person'].id;
+
+          /**
+           * Guard
+           * If member is the subject member
+           * or member is a parent
+           * or member already has a sibling relationship with 'person'
+           * skip member
+           */
+          if (memberPersonId === personId ||
+            memberPersonId === parents[0].id || memberPersonId === parents[1].id ||
+            siblingIds.indexOf(memberPersonId) > -1) {
+            return;
+          }
+
+          const memberParents = getAllParentsOf(memberPersonId);
+
+          /**
+           * If 2 parents of 'member' are found
+           * and they are the same parents of 'person'
+           * we have identified a missing inferred relationship
+           */
+          if (memberParents.length === 2 &&
+            _.difference(
+              parents.map(getPersonIdFromPerson),
+              memberParents.map(getPersonIdFromPerson)
+            ).length === 0) {
+
+            /**
+             * Add to missingRelationships
+             */
+            missingRelationships.push(relationship(
+              'brother-sister',
+              person.id,
+              memberPersonId,
+              {inferred: true}
+            ));
+          }
+        });
+    }
+
+    return missingRelationships;
+  }
+};
+
+/*export function inferRelationships(relationship, personIs, personTo) {
+  var missingRelationships = [];
+
+  if (relationship.personIsDescription === 'mother-father') {
+    missingRelationships = missingRelationships.concat(
+      missingRelationshipInference.siblingsOf(personTo)
+    );
+  }
+
+  if (relationship.personIsDescription === 'son-daughter') {
+    missingRelationships = missingRelationships.concat(
+      missingRelationshipInference.siblingsOf(personIs)
+    );
+  }
+
+  $.each(missingRelationships, function(i, relationship) {
+    addRelationship(relationship);
+  });
+}*/
+
+export function findNextMissingRelationship() {
+  let householdMembers = getAllHouseholdMembers().filter(isHouseholdMember),
+    relationships = getAllRelationships(),
+    missingRelationshipMembers = [],
+    personIs = null;
+
+  /**
+   * Find the next missing relationship
+   */
+  $.each(householdMembers, function(i, member) {
+    const personId = member['@person'].id;
+
+    /**
+     * Get all relationships for this member
+     */
+    const memberRelationships = relationships.filter(function(relationship) {
+        return relationship.personIsId === personId || relationship.personToId === personId;
+      }),
+
+      memberRelationshipToIds = memberRelationships.map(function(relationship) {
+        return relationship.personIsId === personId ? relationship.personToId : relationship.personIsId;
+      }) || [];
+
+    /**
+     * If total relationships related to this member isn't equal to
+     * total household members -1, indicates missing relationship
+     */
+    if (memberRelationships.length < householdMembers.length - 1) {
+
+      /**
+       * All missing relationship members
+       */
+      missingRelationshipMembers = householdMembers.filter(function(m) {
+        return memberRelationshipToIds.indexOf(m['@person'].id) === -1 &&
+          m['@person'].id !== personId;
+      });
+
+      personIs = member;
+
+      return false;
+    }
+  });
+
+  return personIs ? {
+    personIs: personIs,
+    personTo: missingRelationshipMembers[0]
+  } : null;
+}
+
+export function getPeopleIdsMissingRelationshipsWithPerson(personId) {
+  const remainingPersonIds = getAllHouseholdMembers()
+    .filter(isHouseholdMember)
+    .map(function(member) {
+      return member['@person'].id;
+    });
+
+  /**
+   * Remove this person from the list
+   */
+  removeFromList(remainingPersonIds, personId);
+
+  $.each(getAllRelationships(), function(i, relationship) {
+    if (!isInRelationship(personId, relationship)) {
+      return;
+    }
+
+    /**
+     * Remove the other person from the remainingPersonIds list
+     */
+    removeFromList(
+      remainingPersonIds,
+      getOtherPersonIdFromRelationship(personId, relationship)
+    );
+  });
+
+  return remainingPersonIds;
+}
+
+export function getRelationshipType(relationship) {
+  return relationshipDescriptionMap[relationship.personIsDescription].type;
+}
+
+/**
+ * Retrieve from relationship group
+ */
+export function getRelationshipsWithPersonIds(relationships, idArr) {
+  return relationships.filter(function(childRelationship) {
+    return idArr.indexOf(childRelationship.personIsId) !== -1 ||
+      idArr.indexOf(childRelationship.personToId) !== -1;
+  });
+}
+
+export function getRelationshipOf(person1, person2) {
+  return getAllRelationships().find(function(relationship) {
+    return isInRelationship(person1, relationship) &&
+      isInRelationship(person2, relationship);
+  });
+}
diff --git a/_prototypes/your-household-lms/assets/utils.js b/_prototypes/your-household-lms/assets/utils.js
new file mode 100644
index 0000000000..c0898a3d80
--- /dev/null
+++ b/_prototypes/your-household-lms/assets/utils.js
@@ -0,0 +1,39 @@
+export function autoIncrementId(collection) {
+  let k = collection + '-increment',
+    id = parseInt(sessionStorage.getItem(k)) || 0;
+
+  id++;
+
+  sessionStorage.setItem(k, JSON.stringify(id));
+
+  return id;
+}
+
+export function removeFromList(list, val) {
+
+  function doRemove(item) {
+    var foundId = list.indexOf(item);
+
+    /**
+     * Guard
+     */
+    if (foundId === -1) {
+      console.log('Attempt to remove from list failed: ', list, val);
+      return;
+    }
+
+    list.splice(foundId, 1);
+  }
+
+  if (_.isArray(val)) {
+    $.each(val, function(i, item) {
+      doRemove(item);
+    });
+  } else {
+    doRemove(val);
+  }
+}
+
+export function trailingNameS(name) {
+  return name[name.length - 1] === 's' ? '\&#x2019;' : '\&#x2019;s';
+}
diff --git a/_prototypes/your-household-lms/bundle.js b/_prototypes/your-household-lms/bundle.js
new file mode 100644
index 0000000000..3d762a21be
--- /dev/null
+++ b/_prototypes/your-household-lms/bundle.js
@@ -0,0 +1,387 @@
+import {
+  RELATIONSHIPS_STORAGE_KEY,
+  relationshipDescriptionMap,
+  femaleAltGenderDescriptions,
+  addRelationship,
+  editRelationship,
+  getAllRelationships,
+  getAllManualRelationships,
+  deleteAllRelationshipsForMember,
+  relationshipSummaryTemplates,
+  missingRelationshipInference,
+  //inferRelationships,
+  getAllParentsOf,
+  getAllChildrenOf,
+  getParentIdFromRelationship,
+  getChildIdFromRelationship,
+  getOtherPersonIdFromRelationship,
+  isAChildInRelationship,
+  isAParentInRelationship,
+  isInRelationship,
+  areAnyChildrenInRelationshipNotParent,
+  isRelationshipType,
+  getRelationshipOf,
+  getRelationshipsWithPersonIds,
+  getPeopleIdsMissingRelationshipsWithPerson,
+  getRelationshipType,
+  findNextMissingRelationship,
+  relationship
+} from './assets/relationships';
+import {
+  HOUSEHOLD_MEMBER_TYPE,
+  VISITOR_TYPE,
+  USER_HOUSEHOLD_MEMBER_ID,
+  HOUSEHOLD_MEMBERS_STORAGE_KEY,
+  addHouseholdMember,
+  updateHouseholdMember,
+  deleteHouseholdMember,
+  getAllHouseholdMembers,
+  getUserAsHouseholdMember,
+  getHouseholdMemberByPersonId,
+  getMemberPersonId,
+  updateUserAsHouseholdMember,
+  deleteUserAsHouseholdMember,
+  isVisitor,
+  isOtherHouseholdMember,
+  isHouseholdMember,
+  person,
+  tempAwayQuestionSentenceMap
+} from './assets/household';
+import {
+  addUpdatePersonalDetailsDOB,
+  getPersonalDetailsFor,
+  addUpdateMaritalStatus,
+  addUpdateCountry,
+  addUpdateOrientation,
+  addUpdateSalary,
+
+  personalDetailsMaritalStatusMap,
+  personalDetailsCountryMap,
+  personalDetailsOrientationMap,
+
+  createPinFor,
+  getPinFor,
+  unsetPinFor
+} from './assets/personal-details';
+import {removeFromList, trailingNameS} from './assets/utils';
+
+import { numberToPositionWord } from './assets/numbers-to-words';
+
+import { tools } from './assets/prototype-tools';
+
+export const USER_STORAGE_KEY = 'user-details';
+export const INDIVIDUAL_PROXY_STORAGE_KEY = 'proxy-person';
+
+export function getAddress() {
+  let addressLines = sessionStorage.getItem('address').split(',');
+
+  return {
+    addressLine1: addressLines[0],
+    addressLine2: addressLines[1],
+    addressLine3: addressLines[2],
+    addressCounty: addressLines[4],
+    addressTownCity: addressLines[3],
+    addressPostcode: addressLines[5]
+  }
+}
+
+/**
+ * User
+ */
+export function addUserPerson(person) {
+  sessionStorage.setItem(USER_STORAGE_KEY, JSON.stringify(person));
+}
+
+export function getUserPerson() {
+  return JSON.parse(sessionStorage.getItem(USER_STORAGE_KEY));
+}
+
+/**
+ * Helpers
+ */
+function createNavItem(member) {
+  let $nodeEl = $('<li class="js-template-nav-item nav__item pluto">' +
+    '  <a class="js-template-nav-item-label nav__link" href="#"></a>' +
+    '</li>'),
+    $linkEl = $nodeEl.find('.js-template-nav-item-label');
+
+  $linkEl.html(member['@person'].fullName);
+
+  if (member['@person'].id === USER_HOUSEHOLD_MEMBER_ID) {
+    $linkEl.attr('href', '../what-is-your-name');
+  } else {
+    $linkEl.attr('href', '../who-else-to-add?edit=' + member['@person'].id);
+  }
+
+  return $nodeEl;
+}
+
+function updateHouseholdVisitorsNavigationItems() {
+  let allHouseholdMembers = window.ONS.storage.getAllHouseholdMembers(),
+    householdMembers = allHouseholdMembers.filter(window.ONS.storage.isHouseholdMember),
+    visitors = allHouseholdMembers.filter(window.ONS.storage.isVisitor);
+
+  const $navigationHouseholdMembersEl = $('#navigation-household-members'),
+    $navigationVisitorsEl = $('#navigation-visitors');
+
+  if (householdMembers.length) {
+    $.each(householdMembers, function(i, member) {
+      $navigationHouseholdMembersEl.append(createNavItem(member));
+    });
+  } else {
+    $navigationHouseholdMembersEl.parent().hide();
+  }
+
+  if (visitors.length) {
+    $.each(visitors, function(i, member) {
+      $navigationVisitorsEl.append(createNavItem(member));
+    });
+  } else {
+    $navigationVisitorsEl.parent().hide();
+  }
+}
+
+function createListItemPerson(member) {
+  return $('<li class="list__item">').addClass('mars').html(
+    '<span class="list__item-name">' + member['@person'].fullName + '</span>'
+  );
+}
+
+function populateList($el, memberType) {
+  if (!$el.length) {
+    return;
+  }
+
+  let members = getAllHouseholdMembers() || [];
+
+  $el.empty().append(members.filter((member) => {
+    return member.type === memberType;
+  }).map(createListItemPerson));
+
+  $el.addClass('list list--people-plain');
+}
+
+function populateHouseholdList() {
+  populateList($('#household-members'), HOUSEHOLD_MEMBER_TYPE);
+}
+
+function populateVisitorList() {
+  populateList($('#visitors-list'), VISITOR_TYPE);
+}
+
+function updateAddresses() {
+  let addressLines = (sessionStorage.getItem('address') || '').split(','),
+    addressLine1 = addressLines[0],
+    addressLine2 = addressLines[1];
+
+  $('#section-address').html(addressLine1 || '<a' +
+    ' href="../test-address">Address not' +
+    ' found</a>');
+  $('.address-text').html(
+    addressLine1 && addressLine2
+      ? (
+        addressLine1 + (addressLine2 ? ', ' + addressLine2 : '')
+      )
+      : '<a href="../test-address">Address not found</a>'
+  );
+
+  $('.address-text-line1').html(addressLine1);
+
+  let personId = new URLSearchParams(window.location.search).get('person'),
+    person;
+
+  if (personId) {
+    person = getHouseholdMemberByPersonId(personId)['@person'];
+    $('#section-individual').html(person.fullName);
+
+    $('.js-person-fullname-from-url-id').html(person.fullName);
+  }
+}
+
+const secureLinkTextMap = {
+  'question-you': {
+    description: 'Want to keep your answers secure from other people at this' +
+    ' address?',
+    linkText: 'Get a separate access code to submit an individual response',
+    link: '../individual-decision-secure'
+  },
+  'pin-you': {
+    description: 'You\'ve chosen to keep your answers secure',
+    linkText: 'Cancel this and make answers available to the rest of the' +
+    ' household',
+    link: '../individual-decision-secure'
+  },
+  'question-proxy': {
+    description: 'Not happy to continue answering for $[NAME]?',
+    linkText: 'Request an individual access code to be sent to them',
+    link: '../individual-decision-other-secure'
+  }
+};
+
+function updateAllPreviousLinks() {
+  $('.js-previous-link').attr('href', document.referrer);
+}
+
+function updatePersonLink() {
+  const personId = new URLSearchParams(window.location.search).get('person');
+
+  if (personId) {
+    let urlParam = new URLSearchParams(window.location.search),
+      person = getHouseholdMemberByPersonId(personId)['@person'],
+      pinObj = getPinFor(personId),
+      secureLinkTextConfig = secureLinkTextMap[
+        (getAnsweringIndividualByProxy() ? 'question-proxy' : (pinObj && pinObj.pin ? 'pin-you' : 'question-you'))
+      ],
+      linkHref = secureLinkTextConfig.link + '?person=' + personId +
+        '&returnurl=' + window.location.pathname,
+      surveyType = urlParam.get('survey');
+
+    linkHref += (surveyType ? '&survey=' + surveyType : '');
+
+    let $secureLink = $('.js-link-secure');
+    $secureLink.attr('href', linkHref);
+
+    $secureLink.html(secureLinkTextConfig.linkText);
+    $('.js-link-secure-label').html(secureLinkTextConfig.description.replace('$[NAME]', person.fullName));
+
+    let personLink = $('.js-link-person');
+    personLink.attr('href', personLink.attr('href') + '?person=' + personId +
+      (surveyType ? '&survey=' + surveyType : ''));
+  }
+}
+
+function updateBySurveyType() {
+  const urlParams = new URLSearchParams(window.location.search),
+    surveyType = urlParams.get('survey');
+
+  if (surveyType) {
+    $('.js-header-title').html(surveyTypeConfig[surveyType].title);
+    $('#people-living-here').html(surveyTypeConfig[surveyType].householdSectionTitle);
+    $('#people-living-here').attr('href', surveyTypeConfig[surveyType].householdSectionLink);
+    $('#relationships-section').attr('href', surveyTypeConfig[surveyType].relationshipsSection);
+    $('title').html(surveyTypeConfig[surveyType].title);
+  }
+}
+
+function setAnsweringIndividualByProxy(bool) {
+  sessionStorage.setItem(INDIVIDUAL_PROXY_STORAGE_KEY, JSON.stringify(bool));
+}
+
+function getAnsweringIndividualByProxy() {
+  return JSON.parse(sessionStorage.getItem(INDIVIDUAL_PROXY_STORAGE_KEY));
+}
+
+const surveyTypeConfig = {
+  lms: {
+    title: 'Online Household Study v2',
+    householdSectionTitle: 'About your household',
+    householdSectionLink: '../summary/?survey=lms',
+    relationshipsSection: '../relationships/?survey=lms'
+  }
+};
+
+window.ONS = window.ONS || {};
+window.ONS.storage = {
+  getAddress,
+  addHouseholdMember,
+  updateHouseholdMember,
+  deleteHouseholdMember,
+  getAllHouseholdMembers,
+  addUserPerson,
+  getUserPerson,
+  getUserAsHouseholdMember,
+  getHouseholdMemberByPersonId,
+  getMemberPersonId,
+  updateUserAsHouseholdMember,
+  deleteUserAsHouseholdMember,
+  tempAwayQuestionSentenceMap,
+
+  isVisitor,
+  isOtherHouseholdMember,
+  isHouseholdMember,
+
+  addRelationship,
+  editRelationship,
+  getAllRelationships,
+  getAllManualRelationships,
+  deleteAllRelationshipsForMember,
+
+  getAllParentsOf,
+  getAllChildrenOf,
+  getParentIdFromRelationship,
+  getChildIdFromRelationship,
+  getOtherPersonIdFromRelationship,
+  isAParentInRelationship,
+  isAChildInRelationship,
+  isInRelationship,
+  areAnyChildrenInRelationshipNotParent,
+  isRelationshipType,
+  getRelationshipOf,
+
+  femaleAltGenderDescriptions,
+  relationshipDescriptionMap,
+  relationshipSummaryTemplates,
+  missingRelationshipInference,
+  //inferRelationships,
+  getRelationshipsWithPersonIds,
+  getPeopleIdsMissingRelationshipsWithPerson,
+  getRelationshipType,
+  findNextMissingRelationship,
+
+  addUpdatePersonalDetailsDOB,
+  getPersonalDetailsFor,
+  addUpdateMaritalStatus,
+  addUpdateCountry,
+  addUpdateOrientation,
+  addUpdateSalary,
+
+  personalDetailsMaritalStatusMap,
+  personalDetailsCountryMap,
+  personalDetailsOrientationMap,
+
+  createPinFor,
+  getPinFor,
+  unsetPinFor,
+
+  setAnsweringIndividualByProxy,
+  getAnsweringIndividualByProxy,
+
+  KEYS: {
+    HOUSEHOLD_MEMBERS_STORAGE_KEY,
+    USER_STORAGE_KEY,
+    INDIVIDUAL_PROXY_STORAGE_KEY,
+    HOUSEHOLD_MEMBER_TYPE,
+    VISITOR_TYPE,
+    RELATIONSHIPS_STORAGE_KEY
+  },
+
+  IDS: {
+    USER_HOUSEHOLD_MEMBER_ID
+  },
+
+  TYPES: {
+    person,
+    relationship
+  }
+};
+
+window.ONS.helpers = {
+  populateHouseholdList,
+  populateVisitorList
+};
+
+window.ONS.utils = {
+  removeFromList,
+  trailingNameS,
+  numberToPositionWord
+};
+
+$(populateHouseholdList);
+$(populateVisitorList);
+$(updateHouseholdVisitorsNavigationItems);
+$(updateAddresses);
+$(updatePersonLink);
+$(tools);
+$(updateAllPreviousLinks);
+$(updateBySurveyType);
+
diff --git a/_prototypes/your-household-lms/confirm-address.html b/_prototypes/your-household-lms/confirm-address.html
new file mode 100644
index 0000000000..8877f3574e
--- /dev/null
+++ b/_prototypes/your-household-lms/confirm-address.html
@@ -0,0 +1,95 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../index">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form u-mb-xl"
+                      role="form" autocomplete="off" novalidate="">
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section" id="total-retail-turnover-section">
+                                <div class="question u-mb-s" id="total-retail-turnover-question">
+                                    <h1 class="question__title saturn">
+                                        Can you confirm this address is correct?
+                                    </h1>
+                                </div>
+
+                                <p class="mars address-text"
+                                   for="address-correct-yes">Address not
+                                    set</p>
+
+                                <div class="answer__fields js-fields">
+                                    <div class="field field--radio field--multiplechoice ">
+                                        <fieldset>
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable" type="radio"
+                                                       name="address-correct" id="address-correct-yes">
+                                                <label class="label label--inline venus" for="address-correct-yes">Yes, this
+                                                    address is correct</label>
+                                            </div>
+
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable" type="radio"
+                                                       name="address-correct" id="address-correct-no">
+                                                <label class="label label--inline venus" for="address-correct-no">No, I need to change this</label>
+                                            </div>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                </form>
+            </main>
+        </div>
+    </div>
+
+    <button class="qa-btn-submit btn btn-submit btn--primary btn--lg" data-qa="btn-submit" type="submit"
+            name="action[save_continue]">Continue
+    </button>
+</div>
+
+<script>
+	var yesbox = document.getElementById("address-correct-yes");
+
+	$('.qa-btn-submit').on('click', function (e) {
+
+		var loc = yesbox.checked ? "../section-intro" :
+          "../test-address/?edit=true";
+
+        document.trav.action = loc;
+        window.location = loc;
+	});
+</script>
+
+<script>
+	$(function () {
+		$('.address-text').html((sessionStorage.getItem('address') || '').replace(/, /g, '<br />'));
+	});
+</script>
+
+<script>
+	$(function () {
+		var oneWeekAgo = new Date();
+		oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
+		var options = {year: 'numeric', month: 'long', day: 'numeric'};
+		$('.one-week-ago').text(oneWeekAgo.toLocaleString('en-GB', options));
+	});
+</script>
+
diff --git a/_prototypes/your-household-lms/do-you-live-here.html b/_prototypes/your-household-lms/do-you-live-here.html
new file mode 100644
index 0000000000..4b74988c2f
--- /dev/null
+++ b/_prototypes/your-household-lms/do-you-live-here.html
@@ -0,0 +1,132 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../what-is-your-name">Previous
+        </a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="">
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question">
+                                    <h1 class="question__title saturn">
+                                        Do you live at <span
+                                            class="address-text"></span>?
+                                    </h1>
+
+                                    <div class="answer__fields js-fields">
+                                        <div class="field field--radio field--multiplechoice">
+                                            <fieldset class="u-mb-xl">
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="live-here"
+                                                           id="yes">
+                                                    <label class="label label--inline venus"
+                                                           for="yes">
+                                                        Yes, this is my
+                                                        permanent or family
+                                                        home
+                                                    </label>
+                                                </div>
+
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="live-here"
+                                                           id="no">
+                                                    <label class="label label--inline venus"
+                                                           for="no">
+                                                        No, I don't live
+                                                        here
+                                                    </label>
+                                                </div>
+                                            </fieldset>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<style>
+    .label .label--negative {
+        margin-left: -1.9rem;
+    }
+</style>
+
+<script src='/js/compiled/standard-bundle.js'></script>
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var yesbox = document.getElementById("yes");
+  $('.qa-btn-submit').click(function(e) {
+    e.preventDefault();
+
+    var loc;
+
+    if (yesbox.checked) {
+      var personUser = window.ONS.storage.getUserPerson();
+
+      /**
+       * Add member to household
+       */
+      window.ONS.storage.updateUserAsHouseholdMember(
+        personUser,
+        {
+          type: window.ONS.storage.KEYS.HOUSEHOLD_MEMBER_TYPE
+        }
+      );
+
+      sessionStorage.setItem('lives-here', 'yes');
+      document.trav.action = loc = "../does-anyone-else-live-here";
+    } else {
+      /**
+       * Remove member from household
+       */
+      window.ONS.storage.deleteUserAsHouseholdMember();
+
+      sessionStorage.setItem('lives-here', 'no');
+
+      document.trav.action = loc = "../i-dont-live-here";
+    }
+
+    window.location = loc;
+  });
+
+  $(function() {
+    var oneWeekAgo = new Date();
+    oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
+    var options = {year: 'numeric', month: 'long', day: 'numeric'};
+    $('.one-week-ago').text(oneWeekAgo.toLocaleString('en-GB', options));
+  });
+</script>
+
diff --git a/_prototypes/your-household-lms/does-anyone-else-live-here.html b/_prototypes/your-household-lms/does-anyone-else-live-here.html
new file mode 100644
index 0000000000..972037fc18
--- /dev/null
+++ b/_prototypes/your-household-lms/does-anyone-else-live-here.html
@@ -0,0 +1,141 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off" novalidate="">
+                    <input type="hidden" name="previous"
+                           value="does-anyone-else-live-here"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn">
+                                        Does anybody else live at <span
+                                            class="address-text"></span>?
+                                    </h1>
+                                </div>
+
+                                <div id="member-list"></div>
+
+                                <div class="answer__fields js-fields">
+                                    <div class="field field--radio field--multiplechoice ">
+                                        <fieldset class="u-mb-xl">
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable"
+                                                       type="radio"
+                                                       name="does-anyone-else-live-here"
+                                                       id="yes-someone-else"
+                                                       value="yes">
+                                                <label class="label label--inline venus"
+                                                       for="yes-someone-else"
+                                                       id="yes-someone-else-label">
+                                                    <span
+                                                            class="yes-answer">Yes, I need to
+                                                        add
+                                                    another person</span>
+                                                    <span
+                                                            class="pluto u-db label--negative">Include partners, children, babies born on or before 20 July 2018, housemates, tenants and lodgers</span>
+                                                </label>
+                                            </div>
+
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable"
+                                                       type="radio"
+                                                       name="does-anyone-else-live-here"
+                                                       id="no" value="no">
+                                                <label class="label label--inline venus"
+                                                       for="no">No, this is
+                                                    everyone</label>
+                                            </div>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var yesbox = document.getElementById("yes-someone-else"),
+    storageAPI = window.ONS.storage;
+  $('.qa-btn-submit').click(function(e) {
+
+    /**
+     * Routing
+     */
+    if (!yesbox.checked) {
+      if (window.location.search.match(/journey=visitors/)) {
+        document.trav.action = "../summary";
+      }
+      else {
+        document.trav.action = "../temp-types-living-away";
+      }
+
+    } else {
+      document.trav.action = "../who-else-to-add";
+    }
+  });
+
+  $(function() {
+    var addressLines = (sessionStorage.getItem('address') || '').split(','),
+      addressLine1 = addressLines[0],
+      addressLine2 = addressLines[1],
+      householdMembers = storageAPI
+        .getAllHouseholdMembers().filter(storageAPI.isHouseholdMember),
+      nextPosition = householdMembers.length + 1;
+
+    if (window.location.search.match(/journey=visitors/)) {
+      $('#form')
+        .prepend('<input type="hidden" name="journey" value="visitors" />');
+      $('#question-title')
+        .html('Is anyone else staying on 20 July 2018 at ' + addressLine1 +
+          ', ' + addressLine2 + '?');
+      $('#member-list').html('<ul id="visitors-list"></ul>');
+      $('#yes-someone-else-label').html('Yes, I need to add another visitor');
+      window.ONS.helpers.populateVisitorList();
+    }
+    else {
+      $('#member-list').html('<ul id="household-members"></ul>');
+      window.ONS.helpers.populateHouseholdList();
+    }
+
+    if ((nextPosition) > 1) {
+      $('.yes-answer').html(
+        'Yes, I need to add a ' +
+        window.ONS.utils.numberToPositionWord(nextPosition) +
+        ' person'
+      );
+    }
+  });
+</script>
diff --git a/_prototypes/your-household-lms/hub.html b/_prototypes/your-household-lms/hub.html
new file mode 100644
index 0000000000..9f7fdeb64a
--- /dev/null
+++ b/_prototypes/your-household-lms/hub.html
@@ -0,0 +1,247 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+</div>
+
+<style>
+    .completed {
+        position: relative;
+    }
+
+    .completed::before {
+        z-index:2;
+        content:"";
+        background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAbCAYAAAAZMl2nAAAABGdBTUEAALGPC/xhBQAAAjtJREFUSA29l0FLW0EQx2f2NWDSQ196sFBELKFfwVMPNcmLFZV68eRFPBd6K4IexKT0IHjpqdDi0aMg5iCKUvDkqdBDQYiKIIJY0oO1wZhMd0L3+V6yz+TlrZ1DNjOzM/9f9u1uEoD/aH3Lk/EgORGUMB1/VHDeXf4u7z9ZyvXqeqMuaDqWLGTf1Ov0sdEX8UdMWJmLuc0zr869g9iL2RlC+gwEHi08eCB60j/nN04VjCepQuZGe9GZJqAvANS6BRBKIobp8uz2CSu2TjDEcScEaxCk6Jq+2h9eDbB7LyBtIVhZGgEMQLVaXKAFYfzRdArBIFL8EgWOlOe394yCdAvBUBa/NNvTT+MJa7B/rSf7/KyyUzpuzuv8KBDcr2WPMMTV+Z+i3O2jUKtt2O+Hh3TC3lhUCO7lezQuBNFLJYSAV2BZY7/mNndVzDuagOB+7oroIHiCXJkE1G+Kj/NOjn2vmYLgng2QIAglSgTxGtB6spAbVzGTENwTiQiTeWdLfvKMEgkcEaqAYgrr8DDwxmwq9h7RppTPFYhIKGgFEGu+jM4hiAHRqmkIlmoc38rO0fdE5llJfi+9ljF33+hY/uV9m1w3r9OVULXuPRISRtVrx7AQ3MQFYccETDcQLSBRYbqF0IJ0CxMFIhAkLExUiDtBOoUxAdEWxAdDOCF9qXtrpiC4o+/U3Er43/Fpig+lTuQ9zPdMA8YkBKt1BMITK7uH3xLp1Ln8eTdqGoL7hzY777yV/1NehC5sU/AXb484yamkz/AAAAAASUVORK5CYII=") no-repeat 50%;
+        background-size:1rem;
+        position:absolute;
+        left:9px;left:-1.5rem;
+        width:1.2em;
+        height:1.2em;
+        bottom:0;
+        top:0;
+        margin:auto;
+    }
+
+    .btn--primary[disabled] {
+        opacity: .5;
+    }
+</style>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-12@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="">
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section"
+                                     id="total-retail-turnover-section">
+                                <div class="question u-mb-s"
+                                     id="total-retail-turnover-question">
+                                    <h1 class="question__title saturn">
+                                        Survey progress
+                                    </h1>
+                                </div>
+
+                                <div class="panel panel--simple panel--info"
+                                     id="question-guidance-everyone-at-address-confirmation-question">
+                                    <strong class="u-mb-s">You have completed
+                                        the section
+                                        <span class="address-text-line1"></span></strong>
+                                    <p class="mars">In order to submit this
+                                        survey you need to complete all of
+                                        the following sections</p>
+                                </div>
+                                <br />
+
+                                <div class="summary u-mb-xl">
+                                    <div class="summary__block">
+                                        <div class="summary__item">
+                                            <div class="grid">
+                                                <div class="grid__col col-12@xs col-6@m">
+                                                    <div
+                                                            class="summary__question venus address-text-line1"></div>
+                                                </div>
+                                                <div
+                                                        class="grid__col col-8@xs col-3@m">
+                                                    <div
+                                                            class="summary__answer mars completed">Completed</div>
+                                                </div>
+                                                <div
+                                                        class="grid__col col-4@xs col-3@m">
+                                                    <div class="summary__link mars">
+                                                        <a
+                                                                href="../summary" class="js-view-summary">View
+                                                            answers
+                                                            <span class="u-vh"></span>
+                                                        </a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div id="household-member-surveys"></div>
+                                    </div>
+                                </div>
+
+                                <p>You can submit this survey once all of
+                                    the sections are complete</p>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit"
+                            disabled="disabled">Submit survey
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<ul style="display:none;">
+    <div id="person-survey-item-template" class="summary__item">
+        <div class="grid">
+            <div class="grid__col col-12@xs col-6@m">
+                <div
+                        class="summary__question venus js-person-name"></div>
+            </div>
+            <div class="grid__col col-8@xs col-3@m">
+                <div
+                        class="summary__answer mars js-survey-status">[Status
+                    not found]</div>
+            </div>
+            <div class="grid__col col-4@xs col-3@m">
+                <div class="summary__link mars">
+                    <a class="js-link"
+                       href="#">Start section
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+</ul>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+    var storageAPI = window.ONS.storage,
+      urlParams = new URLSearchParams(window.location.search),
+      surveyType = urlParams.get('survey');
+
+    var statusMap = {
+      'not-started': {
+        label: 'Not started',
+        linkText: 'Start section',
+      },
+      'in-progress': {
+        label: 'In progress',
+        linkText: 'Continue with section'
+      },
+      'completed': {
+        label: 'Completed',
+        linkText: 'View answers'
+      },
+      'private': {
+        label: 'Responding individually',
+        linkText: null
+      }
+    };
+
+    var people = storageAPI.getAllHouseholdMembers()
+      .filter(storageAPI.isHouseholdMember)
+      .map(function (member) {
+        return member['@person'];
+      }),
+      peopleIdsToComplete = _.pluck(people, 'id');
+
+    var nextPageSurvey = surveyType ? '&survey=' + surveyType : '';
+
+    function updateIndividualSurveyList() {
+      $.each(people, function (i, person) {
+
+        var $nodeEl = $('#person-survey-item-template').clone(),
+            $surveyStatus = $nodeEl.find('.js-survey-status'),
+            personDetails = storageAPI.getPersonalDetailsFor(person.id),
+            personPin = storageAPI.getPinFor(person.id),
+            surveyStatus,
+            linkHref;
+
+        /**
+         * Set state
+         */
+        if (personPin && personPin.exported) {
+          surveyStatus = 'private';
+        }
+        else if (!personDetails) {
+          surveyStatus = 'not-started';
+        }
+        else if (
+          personDetails.dob &&
+          personDetails.country &&
+          personDetails.orientation &&
+          personDetails.maritalStatus &&
+          personDetails.salary
+        ) {
+          surveyStatus = 'completed';
+
+          window.ONS.utils.removeFromList(peopleIdsToComplete, person.id);
+        }
+        else {
+          surveyStatus = 'in-progress';
+        }
+
+        /**
+         * Link routing
+         */
+        linkHref = surveyStatus === 'completed'
+          ? '../individual-details-summary/'
+          : '../individual-intro/';
+
+        if (personPin && personPin.pin) {
+          linkHref = '../individual-pin-security/?returnurl=' + linkHref +
+            '&person=' + person.id;
+        }
+        else {
+          linkHref += '?person=' + person.id;
+        }
+
+        linkHref += nextPageSurvey;
+
+        /**
+         * Manipulate DOM fragment
+         */
+        $nodeEl.attr('id', '');
+        $nodeEl.find('.js-person-name').html(person.fullName);
+        $nodeEl.find('.js-link').html(statusMap[surveyStatus].linkText);
+        $surveyStatus.html(statusMap[surveyStatus].label);
+
+        surveyStatus === 'private'
+          ? $nodeEl.find('.js-link').hide()
+          : $nodeEl.find('.js-link').attr('href',linkHref);
+
+        (surveyStatus === 'completed' || surveyStatus === 'private')
+          && $surveyStatus.addClass('completed');
+
+        $('#household-member-surveys').append($nodeEl);
+      });
+
+      if (peopleIdsToComplete.length === 0) {
+        $('.qa-btn-submit').attr('disabled', false);
+      }
+    }
+
+    function updateLinks () {
+      $('.js-view-summary').attr('href', '../summary/?survey=' + surveyType);
+    }
+
+    $(updateIndividualSurveyList);
+    $(updateLinks);
+</script>
diff --git a/_prototypes/your-household-lms/i-dont-live-here.html b/_prototypes/your-household-lms/i-dont-live-here.html
new file mode 100644
index 0000000000..7232cd5be4
--- /dev/null
+++ b/_prototypes/your-household-lms/i-dont-live-here.html
@@ -0,0 +1,116 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../what-is-your-name">Previous
+        </a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="">
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question">
+                                    <h1 class="question__title saturn">
+                                        Does anyone usually live at <span
+                                            class="address-text"></span>?
+                                    </h1>
+
+                                    <div class="answer__fields js-fields">
+                                        <div class="field field--radio field--multiplechoice">
+                                            <fieldset class="u-mb-xl">
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="live-here"
+                                                           id="yes">
+                                                    <label class="label label--inline venus"
+                                                           for="yes">
+                                                        Yes, I need to add
+                                                        someone
+                                                        <span
+                                                                class="pluto u-db">Include partners, children, babies born on or before 20 July 2018, housemates, tenants and lodgers</span>
+                                                    </label>
+                                                </div>
+
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="live-here"
+                                                           id="no">
+                                                    <label class="label label--inline venus"
+                                                           for="no">
+                                                        No, no one usually lives
+                                                        here
+                                                        <span
+                                                                class="pluto u-db">For example, this is a second address or holiday home</span>
+                                                    </label>
+                                                </div>
+                                            </fieldset>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<style>
+    .label .label--negative {
+        margin-left: -1.9rem;
+    }
+</style>
+
+<script src='/js/compiled/standard-bundle.js'></script>
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var yesbox = document.getElementById("yes");
+  $('.qa-btn-submit').click(function(e) {
+    e.preventDefault();
+
+    var loc;
+
+    if (yesbox.checked) {
+      document.trav.action = loc = "../who-else-to-add";
+    } else {
+      sessionStorage.removeItem('household-members');
+      document.trav.action = loc = "../temp-types-living-away";
+    }
+
+    window.location = loc;
+  });
+
+  $(function() {
+    var oneWeekAgo = new Date();
+    oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
+    var options = {year: 'numeric', month: 'long', day: 'numeric'};
+    $('.one-week-ago').text(oneWeekAgo.toLocaleString('en-GB', options));
+  });
+</script>
+
diff --git a/_prototypes/your-household-lms/index.html b/_prototypes/your-household-lms/index.html
new file mode 100644
index 0000000000..d23be0bfba
--- /dev/null
+++ b/_prototypes/your-household-lms/index.html
@@ -0,0 +1,122 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<style>
+    .input--text-lg {
+        width : 100%;
+    }
+
+    .lock {
+        font-weight : normal;
+    }
+</style>
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+        </div>
+
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <div class="feedback__inline js-feedback-inline is-collapsed">
+                    <div class="feedback__border">
+                        <form id="feedback-form" method="POST"
+                              class="feedback__form">
+                            <input id="csrf_token" name="csrf_token"
+                                   type="hidden"
+                                   value="IjI4MWVjOTc4Mjk5NTE1NjQ5YjlmNWUzZTU4MGZlOGIzNGYwNDQwZTYi.DQfxeA.HzzQFY1qLDUwiMKKT_aAcR1OKUI">
+                            <div class="group">
+                                <div class="feedback__field">
+
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+
+                <div class="group u-mb-xl" id="what-is-your-address-group">
+                    <div class="block" id="what-is-your-address">
+                        <div class="question">
+                            <h1 class="question__title saturn"
+                                data-qa="question-title">
+                                Welcome to the household prototype
+                            </h1>
+
+                            <div class="panel panel--simple panel--info">
+                                <div class="panel__body">
+                                    <div class="field">
+                                        <label class="label venus "
+                                               for="address-line-1"
+                                               id="label-address-line-1">
+                                            <div class="label__inner">
+                                                Enter the unique access code
+                                            </div>
+                                        </label>
+
+                                        <div class="grid">
+                                            <div class="grid__col col-4@m">
+                                                <input
+                                                        class="input input--text input--text-lg u-mb-s"
+                                                        id="address-line-1"
+                                                        name="address-line-1"
+                                                        data-qa="input-text"
+                                                        value=""/>
+                                            </div>
+                                            <div class="grid__col col-4@m">
+                                                <input
+                                                        class="input input--text input--text-lg u-mb-s"
+                                                        id="address-line-1"
+                                                        name="address-line-1"
+                                                        data-qa="input-text"
+                                                        value=""/>
+                                            </div>
+                                            <div class="grid__col col-4@m">
+                                                <input
+                                                        class="input input--text input--text-lg u-mb-s"
+                                                        id="address-line-1"
+                                                        name="address-line-1"
+                                                        data-qa="input-text"
+                                                        value=""/>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <p class="mars">The unique access code
+                                        is printed on your invitation
+                                        letter or form</p>
+                                </div>
+                            </div>
+
+                            <p class="mars u-mt-l lock">Your personal information is protected by law and will be kept confidential</p>
+
+                        </div>
+                    </div>
+                </div>
+
+                <button class="btn btn-submit btn--primary btn--lg"
+                        data-qa="btn-submit" type="submit"
+                        name="action[save_continue]">Submit code
+                </button>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/standard-bundle.js'></script>
+
+<script>
+  $('.btn-submit').click(function(e) {
+    e.preventDefault();
+    window.location = '../confirm-address/';
+  });
+</script>
+
diff --git a/_prototypes/your-household-lms/individual-decision-other-pin.html b/_prototypes/your-household-lms/individual-decision-other-pin.html
new file mode 100644
index 0000000000..09512df581
--- /dev/null
+++ b/_prototypes/your-household-lms/individual-decision-other-pin.html
@@ -0,0 +1,126 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            {% include navigation.html
+            items=site.data.your-household-v4.yourHouseholdV4_navigationItemsPersonalDetails
+            nav-title-id="section-individual" %}
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off" novalidate="">
+                    <input type="hidden" name="person" id="person"
+                           value="#"/>
+                    <input type="hidden" name="survey" id="survey-type"
+                           value="#"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn">
+                                        Send individual access code
+                                    </h1>
+                                    <p class="mars u-mb-m">
+                                        You can request the access code to be
+                                        sent by text message to their mobile
+                                        phone, or we can post it to them.
+                                    </p>
+                                </div>
+
+                                <div class="answer">
+                                    <div class="answer__fields js-fields">
+                                        <div class="field field--radio field--multiplechoice ">
+                                            <fieldset class="u-mb-xl">
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="does-anyone-else-live-here"
+                                                           id="no"
+                                                           value="no">
+                                                    <label class="label label--inline venus"
+                                                           for="no"
+                                                           id="no-label">
+                                                        Send access code by
+                                                        text message
+                                                    </label>
+                                                    <div class="field__other">
+                                                        <label
+                                                                class="label venus mercury" for="other-answer" id="label-checkbox-other-input">Enter <span class="js-person-name"></span> mobile number</label>
+                                                        <input class="input input__text js-focusable" id="other-answer" name="other-answer" type="text" data-qa="other-option">
+                                                    </div>
+                                                </div>
+
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="does-anyone-else-live-here"
+                                                           id="yes" value="yes">
+                                                    <label class="label label--inline venus"
+                                                           for="yes">
+                                                        Send an access code
+                                                        in the post
+                                                    </label>
+                                                </div>
+                                            </fieldset>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus u-mb-xl"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+    urlParams = new URLSearchParams(window.location.search),
+    personId = urlParams.get('person'),
+    nobox = document.getElementById("no"),
+    surveyType = urlParams.get('survey');
+
+  $('.qa-btn-submit').on('click', function(e) {
+
+    $('#person').val(personId);
+
+    storageAPI.createPinFor(personId, { exported: true });
+    document.trav.action = "../hub";
+  });
+
+  function updateRouting() {
+    if(surveyType) {
+      $('.js-choose-another-section').attr('href', '../hub/?survey=' + surveyType);
+    }
+    $('#survey-type').val(surveyType);
+  }
+
+  function updateName() {
+    $('.js-person-name').html(storageAPI.getHouseholdMemberByPersonId(personId)['@person'].fullName);
+  }
+
+  $(updateName);
+  $(updateRouting);
+</script>
diff --git a/_prototypes/your-household-lms/individual-decision-other-secure.html b/_prototypes/your-household-lms/individual-decision-other-secure.html
new file mode 100644
index 0000000000..e1d7dd9dbf
--- /dev/null
+++ b/_prototypes/your-household-lms/individual-decision-other-secure.html
@@ -0,0 +1,140 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            {% include navigation.html
+            items=site.data.your-household-v4.yourHouseholdV4_navigationItemsPersonalDetails
+            nav-title-id="section-individual" %}
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off" novalidate="">
+                    <input type="hidden" name="person" id="person"
+                           value="#"/>
+                    <input type="hidden" name="survey" id="survey-type"
+                           value="#"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn">
+                                        Are you happy to continue answering
+                                        for <span class="js-person-name"></span>
+                                    </h1>
+                                    <p class="mars u-mb-m">
+                                        This section asks you to provide
+                                        information about their age, marital
+                                        status, sexual orientation, health,
+                                        education and employment.
+                                    </p>
+                                    <p class="mars u-mb-m">
+                                        If you are not happy to answer these
+                                        questions and would like them to
+                                        complete their own section you can
+                                        request an individual access pin on
+                                        their behalf.
+                                    </p>
+                                </div>
+
+                                <div class="answer">
+                                    <div class="answer__fields js-fields">
+                                        <div class="field field--radio field--multiplechoice ">
+                                            <fieldset class="u-mb-xl">
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="does-anyone-else-live-here"
+                                                           id="yes"
+                                                           value="yes">
+                                                    <label class="label label--inline venus"
+                                                           for="yes"
+                                                           id="yes-label">
+                                                        Yes, I am happy to
+                                                        continue
+                                                    </label>
+                                                </div>
+
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="does-anyone-else-live-here"
+                                                           id="no" value="no">
+                                                    <label class="label label--inline venus"
+                                                           for="no">
+                                                        No, I would like to
+                                                        request an access
+                                                        code so they can
+                                                        complete their own
+                                                        section
+                                                    </label>
+                                                </div>
+                                            </fieldset>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus u-mb-xl"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+    urlParams = new URLSearchParams(window.location.search),
+    personId = urlParams.get('person'),
+    yesbox = document.getElementById("yes"),
+    surveyType = urlParams.get('survey');
+
+  $('.qa-btn-submit').on('click', function(e) {
+
+    $('#person').val(personId);
+
+    /**
+     * Routing
+     */
+    if (yesbox.checked) {
+      storageAPI.setAnsweringIndividualByProxy(true);
+      document.trav.action = "../individual-details-dob";
+    } else {
+      document.trav.action = "../individual-decision-other-pin";
+    }
+  });
+
+  function updateRouting() {
+    if(surveyType) {
+      $('.js-choose-another-section').attr('href', '../hub/?survey=' + surveyType);
+    }
+    $('#survey-type').val(surveyType);
+  }
+
+  function updateName() {
+    $('.js-person-name').html(storageAPI.getHouseholdMemberByPersonId(personId)['@person'].fullName);
+  }
+
+  $(updateName);
+  $(updateRouting);
+</script>
diff --git a/_prototypes/your-household-lms/individual-decision-pin.html b/_prototypes/your-household-lms/individual-decision-pin.html
new file mode 100644
index 0000000000..a4e0b10787
--- /dev/null
+++ b/_prototypes/your-household-lms/individual-decision-pin.html
@@ -0,0 +1,112 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<style>
+    .pin {
+        display : inline-block;
+        padding : .5rem 1rem;
+        background-color : #efefef;
+        border : 1px solid #aaa;
+        letter-spacing: .2rem;
+        font-weight : normal;
+    }
+</style>
+
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off"
+                      action="../individual-details-dob">
+                    <input type="hidden" name="person" id="person"
+                           value="#"/>
+                    <div class="group u-mb-xl">
+                        <div class="block">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn">
+                                        Your individual access code
+                                    </h1>
+
+                                    <div class="pin saturn u-mb-m">
+                                        34567
+                                    </div>
+
+                                    <p class="venus">
+                                        Make a note of your access code as
+                                        you will need it to view or edit your
+                                        answers once you have signed out.
+                                    </p>
+                                    <p class="mars u-mb-m">
+                                        If you lose your code you won't be
+                                        able to retrieve it and you'll need
+                                        to enter your answers again.
+                                    </p>
+                                </div>
+
+                                <div class="field field--checkbox field--multiplechoice">
+                                    <div class="field__item js-focusable-box">
+                                        <input class="input input--checkbox js-focusable" name="checkbox-answer" value="bacon" id="bacon" type="checkbox">
+                                        <label
+                                                class="label label--inline venus " for="bacon">Send me my access code by text message (optional)</label>
+                                        <div class="field__other">
+                                            <label
+                                                    class="label venus mercury" for="other-answer" id="label-checkbox-other-input">Enter your mobile number</label>
+                                            <input class="input input__text js-focusable" id="other-answer" name="other-answer" type="text" data-qa="other-option">
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus u-mb-xl"
+                            type="submit" name="">Continue with new
+                        individual access code
+                    </button>
+
+                    <div class="u-mb-m"><a
+                            class="js-link-person" href="../individual-decision">Cancel
+                        this and
+                        return me to the survey</a></div>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+    urlParams = new URLSearchParams(window.location.search),
+    personId = urlParams.get('person'),
+    returnURL = urlParams.get('returnurl'),
+    pinObj = storageAPI.createPinFor(personId),
+    surveyType = urlParams.get('survey');
+
+  $('.pin').html(pinObj.pin);
+
+  $('.qa-btn-submit').on('click', function (e) {
+    e.preventDefault();
+    window.location.href = (returnURL ? returnURL :
+      "../individual-details-dob") + '?person=' + personId +
+      (surveyType ? '&survey=' + surveyType : '');
+  });
+</script>
diff --git a/_prototypes/your-household-lms/individual-decision-secure.html b/_prototypes/your-household-lms/individual-decision-secure.html
new file mode 100644
index 0000000000..f168763a01
--- /dev/null
+++ b/_prototypes/your-household-lms/individual-decision-secure.html
@@ -0,0 +1,148 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            {% include navigation.html
+            items=site.data.your-household-v4.yourHouseholdV4_navigationItemsPersonalDetails
+            nav-title-id="section-individual" %}
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off" novalidate="">
+                    <input type="hidden" name="person" id="person"
+                           value="#"/>
+                    <input type="hidden" name="returnurl" id="returnurl"
+                           value="#"/>
+                    <input type="hidden" name="survey" id="survey-type"
+                           value="#"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn">
+                                        Do you want to keep your answers
+                                        secure from other people at this
+                                        address?
+                                    </h1>
+                                    <p class="mars u-mb-m">
+                                        We'll provide you with a separate
+                                        access code if you don't want other
+                                        people living at this address to view
+                                        your answers.
+                                    </p>
+                                    <p class="mars u-mb-m">
+                                        An example of this might be if you
+                                        live in a shared or student house.
+                                        You might not want other people to
+                                        have access to information about you
+                                        such as your age, marital status,
+                                        health, education and employment.
+                                    </p>
+                                </div>
+
+                                <div class="answer">
+                                    <div class="answer__fields js-fields">
+                                        <div class="field field--radio field--multiplechoice ">
+                                            <fieldset class="u-mb-xl">
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="does-anyone-else-live-here"
+                                                           id="no"
+                                                           value="no">
+                                                    <label class="label label--inline venus"
+                                                           for="no"
+                                                           id="no-label">
+                                                        No, I am happy to
+                                                        continue
+                                                    </label>
+                                                </div>
+
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="does-anyone-else-live-here"
+                                                           id="yes" value="yes">
+                                                    <label class="label label--inline venus"
+                                                           for="yes">
+                                                        Yes, I would like to
+                                                        submit an individual
+                                                        response using a
+                                                        separate access code
+                                                    </label>
+                                                </div>
+                                            </fieldset>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus u-mb-xl"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+    urlParams = new URLSearchParams(window.location.search),
+    personId = urlParams.get('person'),
+    returnURL = urlParams.get('returnurl'),
+    nobox = document.getElementById("no"),
+    surveyType = urlParams.get('survey');
+
+  $('.qa-btn-submit').on('click', function(e) {
+
+    $('#person').val(personId);
+    $('#returnurl').val(returnURL);
+
+    /**
+     * Routing
+     */
+    if (nobox.checked) {
+      storageAPI.unsetPinFor(personId);
+
+      /**
+       * Return to URL
+       * @type {string}
+       */
+      document.trav.action = returnURL ? returnURL :
+        "../individual-details-dob";
+    } else {
+      document.trav.action = "../individual-decision-pin";
+    }
+  });
+
+  function updateRouting() {
+    $('#survey-type').val(surveyType);
+  }
+
+  function updateName() {
+    $('.js-person-name').html(storageAPI.getHouseholdMemberByPersonId(personId)['@person'].fullName);
+  }
+
+  $(updateName);
+  $(updateRouting);
+</script>
diff --git a/_prototypes/your-household-lms/individual-decision.html b/_prototypes/your-household-lms/individual-decision.html
new file mode 100644
index 0000000000..4e4d0562cc
--- /dev/null
+++ b/_prototypes/your-household-lms/individual-decision.html
@@ -0,0 +1,122 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            {% include navigation.html
+            items=site.data.your-household-v4.yourHouseholdV4_navigationItemsPersonalDetails
+            nav-title-id="section-individual" %}
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off" novalidate="">
+                    <input type="hidden" name="person" id="person"
+                           value="#"/>
+                    <input type="hidden" name="survey" id="survey-type"
+                           value="#"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn">
+                                        Are you <span class="js-person-name"></span>, or are you someone who is completing
+                                        the survey for <span class="js-person-name"></span>?
+                                    </h1>
+                                </div>
+
+                                <div class="answer">
+                                    <div class="answer__fields js-fields">
+                                        <div class="field field--radio field--multiplechoice ">
+                                            <fieldset class="u-mb-xl">
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="does-anyone-else-live-here"
+                                                           id="yes-someone-else"
+                                                           value="yes">
+                                                    <label class="label label--inline venus"
+                                                           for="yes-someone-else"
+                                                           id="yes-someone-else-label">
+                                                        I am <span class="js-person-name"></span>
+                                                    </label>
+                                                </div>
+
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="does-anyone-else-live-here"
+                                                           id="no" value="no">
+                                                    <label class="label label--inline venus"
+                                                           for="no">
+                                                        I am someone else who is completing the survey for <span class="js-person-name"></span>
+                                                    </label>
+                                                </div>
+                                            </fieldset>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus u-mb-xl"
+                            type="submit" name="">Save and continue
+                    </button>
+
+                    <p class="mars">Can't complete this question?<br />
+                        <a href="../hub">Choose another section and return to this later</a></p>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+	var storageAPI = window.ONS.storage,
+        urlParams = new URLSearchParams(window.location.search),
+		personId = urlParams.get('person'),
+        yesbox = document.getElementById("yes-someone-else"),
+        surveyType = urlParams.get('survey');
+
+	$('.qa-btn-submit').click(function(e) {
+
+		/**
+		 * Routing
+		 */
+		if (yesbox.checked) {
+            storageAPI.setAnsweringIndividualByProxy(false);
+            document.trav.action = "../individual-details-dob";
+		} else {
+            storageAPI.setAnsweringIndividualByProxy(true);
+            document.trav.action = "../individual-details-dob";
+		}
+	});
+
+	function updateRouting () {
+      $('#person').val(personId);
+      $('#survey-type').val(surveyType);
+    }
+
+	function updateName() {
+		$('.js-person-name').html(storageAPI.getHouseholdMemberByPersonId(personId)['@person'].fullName);
+	}
+
+	$(updateName);
+    $(updateRouting);
+</script>
diff --git a/_prototypes/your-household-lms/individual-details-country.html b/_prototypes/your-household-lms/individual-details-country.html
new file mode 100644
index 0000000000..3892885fe4
--- /dev/null
+++ b/_prototypes/your-household-lms/individual-details-country.html
@@ -0,0 +1,191 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            {% include navigation.html
+            items=site.data.your-household-v4.yourHouseholdV4_navigationItemsPersonalDetails
+            nav-title-id="section-individual" %}
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off" action="../individual-details-orientation">
+                    <input type="hidden" name="person" id="person"
+                           value="#"/>
+                    <input type="hidden" name="survey" id="survey-type"
+                           value="#"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn js-heading">
+                                        What is your country of birth?
+                                    </h1>
+                                </div>
+
+                                <div class="answer">
+                                    <div class="answer__fields js-fields">
+                                        <div class="field field--radio field--multiplechoice ">
+                                            <fieldset class="u-mb-xl">
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="country"
+                                                           id="england"
+                                                           value="england">
+                                                    <label class="label label--inline venus"
+                                                           for="england"
+                                                           id="england-label">
+                                                        England
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="country"
+                                                           id="wales"
+                                                           value="wales">
+                                                    <label class="label label--inline venus"
+                                                           for="wales"
+                                                           id="wales-label">
+                                                        Wales
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="country"
+                                                           id="scotland"
+                                                           value="scotland">
+                                                    <label class="label label--inline venus"
+                                                           for="scotland"
+                                                           id="scotland-label">
+                                                        Scotland
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="country"
+                                                           id="northern-ireland"
+                                                           value="northern-ireland">
+                                                    <label class="label label--inline venus"
+                                                           for="northern-ireland"
+                                                           id="northern-ireland-label">
+                                                        Northern Ireland
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="country"
+                                                           id="republic-ireland"
+                                                           value="republic-ireland">
+                                                    <label class="label label--inline venus"
+                                                           for="republic-ireland"
+                                                           id="republic-ireland-label">
+                                                        Republic of Ireland
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="country"
+                                                           id="elsewhere"
+                                                           value="elsewhere">
+                                                    <label class="label label--inline venus"
+                                                           for="elsewhere"
+                                                           id="elsewhere-label">
+                                                        Elsewhere
+                                                    </label>
+                                                </div>
+                                            </fieldset>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus u-mb-xl"
+                            type="submit" name="">Save and continue
+                    </button>
+
+                    <p class="mars">Can't complete this question?<br />
+                        <a href="../hub" class="js-choose-another-section">Choose another section and
+                            return to this later</a></p>
+
+                    <p class="mars u-mb-m"><span class="js-link-secure-label"></span><br />
+                        <a class="js-link-secure"
+                           href="#">Get a separate access code to submit an
+                            individual response</a></p>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+    urlParams = new URLSearchParams(window.location.search),
+    personId = urlParams.get('person'),
+    person = storageAPI.getHouseholdMemberByPersonId(personId)['@person'],
+    isEditing = urlParams.get('edit'),
+    details = storageAPI.getPersonalDetailsFor(personId),
+    surveyType = urlParams.get('survey');
+
+  $('.qa-btn-submit').on('click', function (e) {
+    storageAPI.addUpdateCountry(personId,
+      $('[name="country"]:checked').val()
+    );
+
+    if(isEditing) {
+      e.preventDefault();
+      window.location.href = '../individual-details-summary/?person=' +
+        personId + (surveyType ? '&survey=' + surveyType : '');
+    }
+  });
+
+  function updateRouting() {
+    if(surveyType) {
+      $('.js-choose-another-section').attr('href', '../hub/?survey=' + surveyType);
+    }
+    $('#survey-type').val(surveyType);
+  }
+
+  function updateQuestion() {
+    if(storageAPI.getAnsweringIndividualByProxy()) {
+      $('.js-heading').html('What is ' + person.fullName +
+      window.ONS.utils.trailingNameS(person.fullName) +
+        ' country of birth?');
+    }
+  }
+
+  if (details && details.country) {
+    $('#' + details.country).attr('checked', true);
+  }
+
+  $(updateQuestion);
+  $(updateRouting);
+
+  /**
+   * Routing
+   */
+  $('#person').val(new URLSearchParams(window.location.search).get('person'));
+</script>
diff --git a/_prototypes/your-household-lms/individual-details-dob.html b/_prototypes/your-household-lms/individual-details-dob.html
new file mode 100644
index 0000000000..0e28c58bdb
--- /dev/null
+++ b/_prototypes/your-household-lms/individual-details-dob.html
@@ -0,0 +1,167 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            {% include navigation.html
+            items=site.data.your-household-v4.yourHouseholdV4_navigationItemsPersonalDetails
+            nav-title-id="section-individual" %}
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off" novalidate=""
+                      action="../individual-details-relationship">
+                    <input type="hidden" name="person" id="person"
+                           value="#"/>
+                    <input type="hidden" name="survey" id="survey-type"
+                           value="#"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn js-heading">
+                                        What is your date of birth?
+                                    </h1>
+                                    <p class="question__description">For
+                                        example 20 March 1980</p>
+                                </div>
+
+                                <div class="answer answer--date">
+                                    <div
+                                            class="answer__fields js-fields u-mb-xl">
+                                        <fieldset class="fieldgroup fieldgroup--date" data-qa="widget-date">
+
+                                            <div class="fieldgroup__fields">
+                                                <div class="field field--input field--day">
+                                                    <label class="label mercury" data-qa="label-day">Day</label>
+                                                    <input
+                                                            id="personal-detail-dob-day" placeholder="DD"
+                                                            value="" data-qa="input-StringField" class="input input--StringField ">
+                                                </div>
+
+                                                <div class="field field--select field--month">
+                                                    <label class="label mercury" for="personal-detail-dob-month" id="label-date-range-from-month" data-qa="label-month">Month</label>
+                                                    <select
+                                                            class="input input--select"id="personal-detail-dob-month" name="date-range-from-month">
+                                                        <option value="" disabled="disabled" selected="selected">Select month</option>
+                                                        <option value="1">January</option>
+                                                        <option value="2">February</option>
+                                                        <option value="3">March</option>
+                                                        <option value="4">April</option>
+                                                        <option value="5">May</option>
+                                                        <option value="6">June</option>
+                                                        <option value="7">July</option>
+                                                        <option value="8">August</option>
+                                                        <option value="9">September</option>
+                                                        <option value="10">October</option>
+                                                        <option value="11">November</option>
+                                                        <option value="12">December</option>
+                                                    </select>
+                                                </div>
+
+                                                <div class="field field--input field--year">
+                                                    <label class="label mercury" data-qa="label-year">Year</label>
+                                                    <input
+                                                            id="personal-detail-dob-year"
+                                                            placeholder="YYYY" value="" data-qa="input-StringField" class="input input--StringField ">
+                                                </div>
+                                            </div>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus u-mb-xl"
+                            type="submit" name="">Save and continue
+                    </button>
+
+                    <p class="mars">Can't complete this question?<br />
+                        <a href="../hub"
+                           class="js-choose-another-section">Choose another
+                            section and
+                            return
+                            to this later</a></p>
+
+                    <p class="mars u-mb-m"><span class="js-link-secure-label"></span><br />
+                        <a class="js-link-secure"
+                           href="#">Get a separate access code to submit an
+                            individual response</a></p>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+    urlParams = new URLSearchParams(window.location.search),
+    personId = urlParams.get('person'),
+    person = storageAPI.getHouseholdMemberByPersonId(personId)['@person'],
+    isEditing = urlParams.get('edit'),
+    surveyType = urlParams.get('survey');
+
+  $('.qa-btn-submit').on('click', function (e) {
+    storageAPI.addUpdatePersonalDetailsDOB(personId,
+      $('#personal-detail-dob-day').val(),
+      $('#personal-detail-dob-month').val(),
+      $('#personal-detail-dob-year').val()
+    );
+
+    if(isEditing) {
+      e.preventDefault();
+      window.location.href = '../individual-details-summary/?person=' +
+        personId + (surveyType ? '&survey=' + surveyType : '');
+    }
+  });
+
+  function updateRouting() {
+    if(surveyType) {
+      $('.js-choose-another-section').attr('href', '../hub/?survey=' + surveyType);
+    }
+    $('#survey-type').val(surveyType);
+  }
+
+  function updateAnswer() {
+    var details = storageAPI.getPersonalDetailsFor(personId);
+
+    if (details && details.dob) {
+      details.dob.day && $('#personal-detail-dob-day').val(details.dob.day);
+      details.dob.month && $('#personal-detail-dob-month').val(details.dob.month);
+      details.dob.year && $('#personal-detail-dob-year').val(details.dob.year);
+    }
+  }
+
+  function updateQuestion() {
+    if(storageAPI.getAnsweringIndividualByProxy()) {
+      $('.js-heading').html('What is ' + person.fullName +
+      window.ONS.utils.trailingNameS(person.fullName) + ' date of birth?');
+    }
+  }
+
+  $(updateAnswer);
+  $(updateQuestion);
+  $(updateRouting);
+
+  /**
+   * Routing
+   */
+  $('#person').val(personId);
+</script>
diff --git a/_prototypes/your-household-lms/individual-details-orientation.html b/_prototypes/your-household-lms/individual-details-orientation.html
new file mode 100644
index 0000000000..c062cfaac0
--- /dev/null
+++ b/_prototypes/your-household-lms/individual-details-orientation.html
@@ -0,0 +1,186 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            {% include navigation.html
+            items=site.data.your-household-v4.yourHouseholdV4_navigationItemsPersonalDetails
+            nav-title-id="section-individual" %}
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off" action="../individual-details-salary">
+                    <input type="hidden" name="person" id="person"
+                           value="#"/>
+                    <input type="hidden" name="survey" id="survey-type"
+                           value="#"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn js-heading">
+                                        Which of the following best describes your sexual orientation?
+                                    </h1>
+                                </div>
+
+                                <div class="answer">
+                                    <div class="answer__fields js-fields">
+                                        <div class="field field--radio field--multiplechoice ">
+                                            <fieldset class="u-mb-xl">
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="orientation"
+                                                           id="straight"
+                                                           value="straight">
+                                                    <label class="label label--inline venus"
+                                                           for="straight"
+                                                           id="straight-label">
+                                                        Straight or Heterosexual
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="orientation"
+                                                           id="gay"
+                                                           value="gay">
+                                                    <label class="label label--inline venus"
+                                                           for="gay"
+                                                           id="gay-label">
+                                                        Gay or Lesbian
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="orientation"
+                                                           id="bisexual"
+                                                           value="bisexual">
+                                                    <label class="label label--inline venus"
+                                                           for="bisexual"
+                                                           id="bisexual-label">
+                                                        Bisexual
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="orientation"
+                                                           id="other"
+                                                           value="other">
+                                                    <label class="label label--inline venus"
+                                                           for="other"
+                                                           id="other-label">
+                                                        Other sexual
+                                                        orientation, please
+                                                        specify...
+                                                    </label>
+                                                    <div class="field__other">
+                                                        <!--<label
+                                                                class="label venus mercury" for="other-answer" id="label-checkbox-other-input">Enter your mobile number</label>-->
+                                                        <input class="input input__text js-focusable" id="other-answer" name="orientation" type="text" data-qa="other-option">
+                                                    </div>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="orientation"
+                                                           id="no-say"
+                                                           value="no-say">
+                                                    <label class="label label--inline venus"
+                                                           for="no-say"
+                                                           id="no-say-label">
+                                                        Prefer not to say
+                                                    </label>
+                                                </div>
+                                            </fieldset>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus u-mb-xl"
+                            type="submit" name="">Save and continue
+                    </button>
+
+                    <p class="mars">Can't complete this question?<br />
+                        <a href="../hub" class="js-choose-another-section">Choose another section and
+                            return to this later</a></p>
+
+                    <p class="mars u-mb-m"><span class="js-link-secure-label"></span><br />
+                        <a class="js-link-secure"
+                           href="#">Get a separate access code to submit an
+                            individual response</a></p>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+    urlParams = new URLSearchParams(window.location.search),
+    personId = urlParams.get('person'),
+    person = storageAPI.getHouseholdMemberByPersonId(personId)['@person'],
+    isEditing = urlParams.get('edit'),
+    details = storageAPI.getPersonalDetailsFor(personId),
+    surveyType = urlParams.get('survey');
+
+  $('.qa-btn-submit').on('click', function (e) {
+    storageAPI.addUpdateOrientation(personId,
+      $('[name="orientation"]:checked').val()
+    );
+
+    if(isEditing) {
+      e.preventDefault();
+      window.location.href = '../individual-details-summary/?person=' +
+        personId + (surveyType ? '&survey=' + surveyType : '');
+    }
+  });
+
+  function updateRouting() {
+    if(surveyType) {
+      $('.js-choose-another-section').attr('href', '../hub/?survey=' + surveyType);
+    }
+    $('#survey-type').val(surveyType);
+  }
+
+  function updateQuestion() {
+    if(storageAPI.getAnsweringIndividualByProxy()) {
+      $('.js-heading').html('Which of the following options best describes how you think of ' +
+        person.fullName + window.ONS.utils.trailingNameS(person.fullName)
+        +' sexual orientation?');
+    }
+  }
+
+  if (details && details.orientation) {
+    $('#' + details.orientation).attr('checked', true);
+  }
+
+  $(updateQuestion);
+  $(updateRouting);
+
+  /**
+   * Routing
+   */
+  $('#person').val(new URLSearchParams(window.location.search).get('person'));
+</script>
diff --git a/_prototypes/your-household-lms/individual-details-relationship.html b/_prototypes/your-household-lms/individual-details-relationship.html
new file mode 100644
index 0000000000..e25e0445e1
--- /dev/null
+++ b/_prototypes/your-household-lms/individual-details-relationship.html
@@ -0,0 +1,243 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            {% include navigation.html
+            items=site.data.your-household-v4.yourHouseholdV4_navigationItemsPersonalDetails
+            nav-title-id="section-individual" %}
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off"
+                      action="../individual-details-country">
+                    <input type="hidden" name="person" id="person"
+                           value="#"/>
+                    <input type="hidden" name="survey" id="survey-type"
+                           value="#"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn js-heading">
+                                        What is your legal marital or
+                                        same-sex civil partnership status?
+                                    </h1>
+                                </div>
+
+                                <div class="answer">
+                                    <div class="answer__fields js-fields">
+                                        <div class="field field--radio field--multiplechoice ">
+                                            <fieldset class="u-mb-xl">
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="marital-status"
+                                                           id="never"
+                                                           value="never">
+                                                    <label class="label label--inline venus"
+                                                           for="never"
+                                                           id="never-label">
+                                                        Never married and
+                                                        never registered a
+                                                        same-sex civil
+                                                        partnership
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="marital-status"
+                                                           id="married"
+                                                           value="married">
+                                                    <label class="label label--inline venus"
+                                                           for="married"
+                                                           id="married-label">
+                                                        Married
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="marital-status"
+                                                           id="registered"
+                                                           value="registered">
+                                                    <label class="label label--inline venus"
+                                                           for="registered"
+                                                           id="registered-label">
+                                                        In a registered
+                                                        same-sex civil
+                                                        partnership
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="marital-status"
+                                                           id="separated-married"
+                                                           value="separated-married">
+                                                    <label class="label label--inline venus"
+                                                           for="separated-married"
+                                                           id="separated-married-label">
+                                                        Separated, but still
+                                                        legally married
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="marital-status"
+                                                           id="separated-partnership"
+                                                           value="separated-partnership">
+                                                    <label class="label label--inline venus"
+                                                           for="separated-partnership"
+                                                           id="separated-partnership-label">
+                                                        Separated, but still
+                                                        legally in a same-sex
+                                                        civil partnership
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="marital-status"
+                                                           id="divorced"
+                                                           value="divorced">
+                                                    <label class="label label--inline venus"
+                                                           for="divorced"
+                                                           id="divorced-label">
+                                                        Divorced
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="marital-status"
+                                                           id="former-partnership"
+                                                           value="former-partnership">
+                                                    <label class="label label--inline venus"
+                                                           for="former-partnership"
+                                                           id="former-partnership-label">
+                                                        Formerly in a
+                                                        same-sex civil
+                                                        partnership which is
+                                                        now legally dissolved
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="marital-status"
+                                                           id="widowed"
+                                                           value="widowed">
+                                                    <label class="label label--inline venus"
+                                                           for="widowed"
+                                                           id="widowed-label">
+                                                        Widowed
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="marital-status"
+                                                           id="surviving-partner"
+                                                           value="surviving-partner">
+                                                    <label class="label label--inline venus"
+                                                           for="surviving-partner"
+                                                           id="surviving-partner-label">
+                                                        Surviving partner
+                                                        from a same-sex civil
+                                                        partnership
+                                                    </label>
+                                                </div>
+                                            </fieldset>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus u-mb-xl"
+                            type="submit" name="">Save and continue
+                    </button>
+
+                    <p class="mars">Can't complete this question?<br />
+                        <a href="../hub" class="js-choose-another-section">Choose another section and
+                            return
+                            to this later</a></p>
+
+                    <p class="mars u-mb-m"><span class="js-link-secure-label"></span><br />
+                        <a class="js-link-secure"
+                           href="#">Get a separate access code to submit an
+                            individual response</a></p>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+    urlParams = new URLSearchParams(window.location.search),
+    personId = urlParams.get('person'),
+    person = storageAPI.getHouseholdMemberByPersonId(personId)['@person'],
+    details = storageAPI.getPersonalDetailsFor(personId),
+    isEditing = urlParams.get('edit'),
+    surveyType = urlParams.get('survey');
+
+  $('.qa-btn-submit').on('click', function (e) {
+    storageAPI.addUpdateMaritalStatus(personId,
+      $('[name="marital-status"]:checked').val()
+    );
+
+    if(isEditing) {
+      e.preventDefault();
+      window.location.href = '../individual-details-summary/?person=' +
+        personId + (surveyType ? '&survey=' + surveyType : '');
+    }
+  });
+
+  function updateRouting() {
+    if(surveyType) {
+      $('.js-choose-another-section').attr('href', '../hub/?survey=' + surveyType);
+    }
+    $('#survey-type').val(surveyType);
+  }
+
+  function updateQuestion() {
+    if(storageAPI.getAnsweringIndividualByProxy()) {
+      $('.js-heading').html('What is ' + person.fullName +
+      window.ONS.utils.trailingNameS(person.fullName) +
+        ' legal marital or same-sex civil partnership status?');
+    }
+  }
+
+  if (details && details.maritalStatus) {
+    $('#' + details.maritalStatus).attr('checked', true);
+  }
+
+  $(updateQuestion);
+  $(updateRouting);
+
+  /**
+   * Routing
+   */
+  $('#person').val(new URLSearchParams(window.location.search).get('person'));
+</script>
diff --git a/_prototypes/your-household-lms/individual-details-salary.html b/_prototypes/your-household-lms/individual-details-salary.html
new file mode 100644
index 0000000000..37e571a9f4
--- /dev/null
+++ b/_prototypes/your-household-lms/individual-details-salary.html
@@ -0,0 +1,134 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            {% include navigation.html
+            items=site.data.your-household-v4.yourHouseholdV4_navigationItemsPersonalDetails
+            nav-title-id="section-individual" %}
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off" action="../individual-details-summary">
+                    <input type="hidden" name="person" id="person"
+                           value="#"/>
+                    <input type="hidden" name="survey" id="survey-type"
+                           value="#"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn js-heading">
+                                        What was your gross pay, that is your
+                                        pay before any deductions, the last
+                                        time you were paid?
+                                    </h1>
+                                </div>
+
+                                <div id="question-info"
+                                     class="panel panel--simple panel--info u-mb-l">
+                                    <div class="panel__body">
+                                        <p class="mars">
+                                            <strong>Exclude</strong>
+                                            expenses (if possible)
+                                        </p>
+                                    </div>
+                                </div>
+
+                                <div class="answer">
+                                    <div
+                                            class="answer__fields js-fields u-mb-xl">
+                                        <div class="field">
+                                            <label class="label venus "
+                                                   for="text-input">Gross pay
+                                                last time you were paid
+                                            </label>
+                                            <input class="input input--text" type="text" id="text-input">
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus u-mb-xl"
+                            type="submit" name="">Save and continue
+                    </button>
+
+                    <p class="mars">Can't complete this question?<br />
+                        <a href="../hub" class="js-choose-another-section">Choose another section and
+                            return to this later</a></p>
+
+                    <p class="mars u-mb-m"><span class="js-link-secure-label"></span><br />
+                        <a class="js-link-secure"
+                           href="#">Get a separate access code to submit an
+                            individual response</a></p>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+    urlParams = new URLSearchParams(window.location.search),
+    personId = urlParams.get('person'),
+    person = storageAPI.getHouseholdMemberByPersonId(personId)['@person'],
+    isEditing = urlParams.get('edit'),
+    surveyType = urlParams.get('survey');
+
+  $('#text-input').val(storageAPI.getPersonalDetailsFor(personId).salary);
+
+  $('.qa-btn-submit').on('click', function (e) {
+    storageAPI.addUpdateSalary(personId,
+      $('#text-input').val()
+    );
+
+    if(isEditing) {
+      e.preventDefault();
+      window.location.href = '../individual-details-summary/?person=' +
+        personId + (surveyType ? '&survey=' + surveyType : '');
+    }
+  });
+
+  function updateRouting() {
+    if(surveyType) {
+      $('.js-choose-another-section').attr('href', '../hub/?survey=' + surveyType);
+    }
+    $('#survey-type').val(surveyType);
+  }
+
+  function updateQuestion() {
+    if(storageAPI.getAnsweringIndividualByProxy()) {
+      $('.js-heading').html('What was ' + person.fullName +
+      window.ONS.utils.trailingNameS(person.fullName) +
+        ' gross pay, that is ' + person.fullName +
+      window.ONS.utils.trailingNameS(person.fullName) +
+        ' pay before any deductions, the last time they were paid?');
+    }
+  }
+
+  $(updateQuestion);
+  $(updateRouting);
+
+  /**
+   * Routing
+   */
+  $('#person').val(new URLSearchParams(window.location.search).get('person'));
+</script>
diff --git a/_prototypes/your-household-lms/individual-details-summary.html b/_prototypes/your-household-lms/individual-details-summary.html
new file mode 100644
index 0000000000..6a9a2f2fd1
--- /dev/null
+++ b/_prototypes/your-household-lms/individual-details-summary.html
@@ -0,0 +1,246 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../visitors">Previous</a>
+    </div>
+</div>
+
+<style>
+    .completed {
+        position: relative;
+    }
+
+    .completed::before {
+        z-index:2;
+        content:"";
+        background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAbCAYAAAAZMl2nAAAABGdBTUEAALGPC/xhBQAAAjtJREFUSA29l0FLW0EQx2f2NWDSQ196sFBELKFfwVMPNcmLFZV68eRFPBd6K4IexKT0IHjpqdDi0aMg5iCKUvDkqdBDQYiKIIJY0oO1wZhMd0L3+V6yz+TlrZ1DNjOzM/9f9u1uEoD/aH3Lk/EgORGUMB1/VHDeXf4u7z9ZyvXqeqMuaDqWLGTf1Ov0sdEX8UdMWJmLuc0zr869g9iL2RlC+gwEHi08eCB60j/nN04VjCepQuZGe9GZJqAvANS6BRBKIobp8uz2CSu2TjDEcScEaxCk6Jq+2h9eDbB7LyBtIVhZGgEMQLVaXKAFYfzRdArBIFL8EgWOlOe394yCdAvBUBa/NNvTT+MJa7B/rSf7/KyyUzpuzuv8KBDcr2WPMMTV+Z+i3O2jUKtt2O+Hh3TC3lhUCO7lezQuBNFLJYSAV2BZY7/mNndVzDuagOB+7oroIHiCXJkE1G+Kj/NOjn2vmYLgng2QIAglSgTxGtB6spAbVzGTENwTiQiTeWdLfvKMEgkcEaqAYgrr8DDwxmwq9h7RppTPFYhIKGgFEGu+jM4hiAHRqmkIlmoc38rO0fdE5llJfi+9ljF33+hY/uV9m1w3r9OVULXuPRISRtVrx7AQ3MQFYccETDcQLSBRYbqF0IJ0CxMFIhAkLExUiDtBOoUxAdEWxAdDOCF9qXtrpiC4o+/U3Er43/Fpig+lTuQ9zPdMA8YkBKt1BMITK7uH3xLp1Ln8eTdqGoL7hzY777yV/1NehC5sU/AXb484yamkz/AAAAAASUVORK5CYII=") no-repeat 50%;
+        background-size:1rem;
+        position:absolute;
+        left:9px;left:-1.5rem;
+        width:1.2em;
+        height:1.2em;
+        bottom:0;
+        top:0;
+        margin:auto;
+    }
+</style>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            {% include navigation.html
+            items=site.data.your-household-v4.yourHouseholdV4_navigationItemsPersonalDetails
+            nav-title-id="section-individual" %}
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" action="../hub">
+                    <input type="hidden" name="survey" id="survey-type"
+                           value="#"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section"
+                                     id="total-retail-turnover-section">
+                                <div class="question u-mb-s"
+                                     id="total-retail-turnover-question">
+                                    <h1 class="question__title saturn">
+                                        Personal details
+                                    </h1>
+                                </div>
+
+                                <div class="panel panel--simple panel--success"
+                                     id="question-guidance-everyone-at-address-confirmation-question">
+                                    <strong class="u-mb-s">This sub section
+                                        is now complete</strong>
+                                    <p class="mars">You can check your
+                                        answers below</p>
+                                </div>
+                                <br />
+
+                                <div class="summary u-mb-xl">
+                                    <div class="summary__block">
+                                        <div class="summary__item">
+                                            <div class="grid">
+                                                <div class="grid__col col-12@xs col-6@m">
+                                                    <div
+                                                            class="summary__question mars">Full name</div>
+                                                </div>
+                                                <div class="grid__col col-8@xs col-4@m">
+                                                    <div
+                                                            class="summary__answer venus js-person-fullname-from-url-id"></div>
+                                                </div>
+                                                <div class="grid__col col-4@xs col-2@m">
+                                                    <div class="summary__link mars">
+                                                        <a href="#edit">Change
+                                                            <span class="u-vh"></span>
+                                                        </a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="summary__item">
+                                            <div class="grid">
+                                                <div class="grid__col col-12@xs col-6@m">
+                                                    <div
+                                                            class="summary__question mars">Date of birth</div>
+                                                </div>
+                                                <div class="grid__col col-8@xs col-4@m">
+                                                    <div
+                                                            class="summary__answer venus js-dob"></div>
+                                                </div>
+                                                <div class="grid__col col-4@xs col-2@m">
+                                                    <div class="summary__link mars">
+                                                        <a
+                                                                class="js-change-person-link"
+                                                                href="../individual-details-dob/?edit=true">Change
+                                                            <span class="u-vh"></span>
+                                                        </a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="summary__item">
+                                            <div class="grid">
+                                                <div class="grid__col col-12@xs col-6@m">
+                                                    <div
+                                                            class="summary__question mars">Marital status</div>
+                                                </div>
+                                                <div class="grid__col col-8@xs col-4@m">
+                                                    <div
+                                                            class="summary__answer venus js-marital-status"></div>
+                                                </div>
+                                                <div class="grid__col col-4@xs col-2@m">
+                                                    <div class="summary__link mars">
+                                                        <a
+                                                                class="js-change-person-link"
+                                                                href="../individual-details-relationship/?edit=true">Change
+                                                            <span class="u-vh"></span>
+                                                        </a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="summary__item">
+                                            <div class="grid">
+                                                <div class="grid__col col-12@xs col-6@m">
+                                                    <div
+                                                            class="summary__question mars">Country of birth</div>
+                                                </div>
+                                                <div class="grid__col col-8@xs col-4@m">
+                                                    <div
+                                                            class="summary__answer venus js-country"></div>
+                                                </div>
+                                                <div class="grid__col col-4@xs col-2@m">
+                                                    <div class="summary__link mars">
+                                                        <a
+                                                                class="js-change-person-link"
+                                                                href="../individual-details-country/?edit=true">Change
+                                                            <span class="u-vh"></span>
+                                                        </a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="summary__item">
+                                            <div class="grid">
+                                                <div class="grid__col col-12@xs col-6@m">
+                                                    <div
+                                                            class="summary__question mars">Sexual orientation</div>
+                                                </div>
+                                                <div class="grid__col col-8@xs col-4@m">
+                                                    <div
+                                                            class="summary__answer venus js-orientation"></div>
+                                                </div>
+                                                <div class="grid__col col-4@xs col-2@m">
+                                                    <div class="summary__link mars">
+                                                        <a
+                                                                class="js-change-person-link"
+                                                                href="../individual-details-orientation/?edit=true">Change
+                                                            <span class="u-vh"></span>
+                                                        </a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="summary__item">
+                                            <div class="grid">
+                                                <div class="grid__col col-12@xs col-6@m">
+                                                    <div
+                                                            class="summary__question mars">Salary</div>
+                                                </div>
+                                                <div class="grid__col col-8@xs col-4@m">
+                                                    <div
+                                                            class="summary__answer venus js-salary"></div>
+                                                </div>
+                                                <div class="grid__col col-4@xs col-2@m">
+                                                    <div class="summary__link mars">
+                                                        <a
+                                                                class="js-change-person-link"
+                                                                href="../individual-details-salary/?edit=true">Change
+                                                            <span class="u-vh"></span>
+                                                        </a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button
+                            class="btn btn--primary btn--lg qa-btn-submit venus u-mb-xl"
+                            type="submit" name="">Continue
+                    </button>
+
+                    <p class="mars u-mb-m"><span class="js-link-secure-label"></span><br />
+                        <a class="js-link-secure"
+                           href="#">Get a separate access code to submit an
+                            individual response</a></p>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+    urlParams = new URLSearchParams(window.location.search),
+    personId = urlParams.get('person'),
+    details = storageAPI.getPersonalDetailsFor(personId),
+    dobDate = moment(details.dob.year + '-' + details.dob.month + '-' +
+      details.dob.day, 'YYYY-MM-DD'),
+    surveyType = urlParams.get('survey');
+
+  $('.js-marital-status').html(storageAPI.personalDetailsMaritalStatusMap[details.maritalStatus].description);
+  $('.js-country').html(storageAPI.personalDetailsCountryMap[details.country].description);
+  $('.js-orientation').html(storageAPI.personalDetailsOrientationMap[details.orientation].description);
+  $('.js-salary').html(details.salary);
+  $('.js-dob').html(dobDate.format('MMMM Do YYYY'));
+
+  function updateRouting() {
+    $('#survey-type').val(surveyType);
+  }
+
+  $(function () {
+    $('.js-change-person-link').each(function () {
+      $(this).attr('href', $(this).attr('href') + '&person=' + personId +
+        (surveyType ? '&survey=' + surveyType : ''));
+    });
+  });
+
+  $(updateRouting);
+
+</script>
diff --git a/_prototypes/your-household-lms/individual-intro.html b/_prototypes/your-household-lms/individual-intro.html
new file mode 100644
index 0000000000..2e9f8ee91d
--- /dev/null
+++ b/_prototypes/your-household-lms/individual-intro.html
@@ -0,0 +1,83 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../confirm-address">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            {% include navigation.html
+            items=site.data.your-household-v4.yourHouseholdV4_navigationItemsPersonalDetails
+            nav-title-id="section-individual" %}
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <div class="group u-mb-xl" id="rsi">
+                    <div class="block" id="total-retail-turnover">
+                        <section class="section"
+                                 id="total-retail-turnover-section">
+                            <h1 class="saturn js-person-name"></h1>
+
+                            <p class="mars">In this sub section, we’re going to
+                                ask you questions about <span class="js-person-name"></span>.
+                            </p>
+
+                            <h3 class="neptune">Information you will need:</h3>
+                            <ul class="mars">
+                                <li>Personal details such as date of birth, country of birth, sexual orientation and religion etc.</li>
+                                <li>Education and qualifications</li>
+                                <li>Employment, income and travel to work</li>
+                                <li>Second or holiday homes</li>
+                                <li>Unpaid care, health and well-being</li>
+                            </ul>
+
+                            <h3 class="neptune">Submitting an individual response</h3>
+                            <p class="mars">When completing this section, we will ask you if you would like to submit an
+                            individual response. Choose this option if you don't want other people at this address to view
+                            your answers</p>
+                        </section>
+                    </div>
+                </div>
+
+                <button class="btn btn--primary btn--lg qa-btn-submit venus btn-submit"
+                        type="submit" name="">Continue
+                </button>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+    urlParams = new URLSearchParams(window.location.search),
+    personId = urlParams.get('person'),
+    surveyType = urlParams.get('survey');
+
+  $('.btn-submit').click(function(e) {
+    e.preventDefault();
+
+    window.location = '../individual-decision/?person=' + personId +
+      (surveyType ? '&survey=' + surveyType : '');
+  });
+
+  function updateName() {
+    $('.js-person-name').html(storageAPI.getHouseholdMemberByPersonId(personId)['@person'].fullName);
+  }
+
+  $(updateName);
+</script>
+
+
+
diff --git a/_prototypes/your-household-lms/individual-pin-security.html b/_prototypes/your-household-lms/individual-pin-security.html
new file mode 100644
index 0000000000..f728077148
--- /dev/null
+++ b/_prototypes/your-household-lms/individual-pin-security.html
@@ -0,0 +1,121 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-12@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off" novalidate="">
+                    <input type="hidden" name="person" id="person"
+                           value="#"/>
+                    <input type="hidden" name="survey" id="survey-type"
+                           value="#"/>
+                    <div class="group u-mb-xl">
+                        <div class="block">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn">
+                                        Enter the individual access code
+                                    </h1>
+
+                                    <p class="question__description">
+                                        You’ll need the code you were provided when you chose to submit an individual response.
+                                    </p>
+
+                                    <div class="definition u-mb-l js-details"
+                                         data-hide-label="Click to collapse." data-show-label="Click to expand.">
+                                        <a href="#definition"
+                                           class="definition__link mars js-details-trigger u-no-js-hide icon--details" aria-expanded="false" data-js-accordion-event-label="Help with individual access code" data-ga-label="definition-pattern-library" data-ga-action="Definition click" data-ga="click" data-ga-category="Help">Help with individual access code <span class="u-vh js-details-label">Click to expand.</span></a>
+
+                                        <h3 class="venus u-no-js-show u-mb-no">Help with individual access code</h3>
+
+                                        <div id="definition" class="definition__main js-details-body" aria-hidden="true">
+                                            <div class="definition__content mars">
+                                                <p>If you've lost your code,
+                                                    you'll need to enter your
+                                                    details again. For
+                                                    further help, call us on
+                                                    0300 1234 931 or send an
+                                                    email to
+                                                <a href="mailto:surveys@ons.gov.uk">surveys@ons
+                                                    .gov.uk</a>.
+                                                </p>
+                                            </div>
+                                            <button
+                                                    class="btn btn--secondary btn--small definition__content-close-trigger js-details-trigger u-no-js-hide">Hide this</button>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="answer">
+                                    <div class="answer__fields js-fields">
+                                        <div class="field">
+                                            <label class="label venus "
+                                                   for="text-input">Enter
+                                                your access code to continue
+                                            </label>
+                                            <input class="input input--text" type="text" id="text-input">
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus u-mb-xl"
+                            type="submit" name="">Submit access code
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+	var storageAPI = window.ONS.storage,
+        urlParams = new URLSearchParams(window.location.search),
+		personId = urlParams.get('person'),
+        pinObj = storageAPI.getPinFor(personId),
+        returnURL = urlParams.get('returnurl'),
+        surveyType = urlParams.get('survey');
+
+	$('.question__title').append(' <span style="color:white">' + pinObj.pin +
+      '</span>');
+
+	$('.qa-btn-submit').click(function(e) {
+
+	  if (pinObj.pin + '' !== $('#text-input').val() + '') {
+	    e.preventDefault();
+	    return false;
+      }
+
+	  $('#person').val(personId);
+      document.trav.action = returnURL;
+	});
+
+    function updateRouting() {
+      $('#survey-type').val(surveyType);
+    }
+
+	function updateName() {
+		$('.js-person-name').html(storageAPI.getHouseholdMemberByPersonId(personId)['@person'].fullName);
+	}
+
+	$(updateName);
+    $(updateRouting);
+</script>
diff --git a/_prototypes/your-household-lms/lms/do-they-share-cooking-facilities.html b/_prototypes/your-household-lms/lms/do-they-share-cooking-facilities.html
new file mode 100644
index 0000000000..5b498311ad
--- /dev/null
+++ b/_prototypes/your-household-lms/lms/do-they-share-cooking-facilities.html
@@ -0,0 +1,88 @@
+---
+title: Online Household Study v2
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off" novalidate="">
+                    <input type="hidden" name="previous"
+                           value="does-anyone-else-live-here"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn">
+                                        Do all of these people share cooking facilities?
+                                    </h1>
+                                </div>
+
+                                <ul id="household-members"></ul>
+
+                                <div class="answer__fields js-fields">
+                                    <div class="field field--radio field--multiplechoice ">
+                                        <fieldset class="u-mb-xl">
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable"
+                                                       type="radio"
+                                                       name="does-anyone-else-live-here"
+                                                       id="yes-someone-else"
+                                                       value="yes">
+                                                <label class="label label--inline venus"
+                                                       for="yes-someone-else"
+                                                       id="yes-someone-else-label">
+                                                    <span
+                                                            class="yes-answer">Yes</span>
+                                                </label>
+                                            </div>
+
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable"
+                                                       type="radio"
+                                                       name="does-anyone-else-live-here"
+                                                       id="no" value="no">
+                                                <label class="label label--inline venus"
+                                                       for="no">No</label>
+                                            </div>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+	$('.qa-btn-submit').click(function(e) {
+
+		/**
+		 * Routing
+		 */
+		document.trav.action = "../do-they-share-dining-living-room";
+	});
+</script>
diff --git a/_prototypes/your-household-lms/lms/do-they-share-dining-living-room.html b/_prototypes/your-household-lms/lms/do-they-share-dining-living-room.html
new file mode 100644
index 0000000000..8c7408c2ea
--- /dev/null
+++ b/_prototypes/your-household-lms/lms/do-they-share-dining-living-room.html
@@ -0,0 +1,88 @@
+---
+title: Online Household Study v2
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off" novalidate="">
+                    <input type="hidden" name="survey"
+                           value="lms"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn">
+                                        Do all of these people share a living room or dining room?
+                                    </h1>
+                                </div>
+
+                                <ul id="household-members"></ul>
+
+                                <div class="answer__fields js-fields">
+                                    <div class="field field--radio field--multiplechoice ">
+                                        <fieldset class="u-mb-xl">
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable"
+                                                       type="radio"
+                                                       name="does-anyone-else-live-here"
+                                                       id="yes-someone-else"
+                                                       value="yes">
+                                                <label class="label label--inline venus"
+                                                       for="yes-someone-else"
+                                                       id="yes-someone-else-label">
+                                                    <span
+                                                            class="yes-answer">Yes</span>
+                                                </label>
+                                            </div>
+
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable"
+                                                       type="radio"
+                                                       name="does-anyone-else-live-here"
+                                                       id="no" value="no">
+                                                <label class="label label--inline venus"
+                                                       for="no">No</label>
+                                            </div>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+	$('.qa-btn-submit').click(function(e) {
+
+		/**
+		 * Routing
+		 */
+        document.trav.action = "../who-owns-rents-accommodation/";
+	});
+</script>
diff --git a/_prototypes/your-household-lms/lms/do-you-live-here.html b/_prototypes/your-household-lms/lms/do-you-live-here.html
new file mode 100644
index 0000000000..c86ee8cc49
--- /dev/null
+++ b/_prototypes/your-household-lms/lms/do-you-live-here.html
@@ -0,0 +1,141 @@
+---
+title: Online Household Study v2
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../what-is-your-name">Previous
+        </a>
+    </div>
+</div>
+
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="">
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question">
+                                    <h1 class="question__title saturn">
+                                        Is this address your main residence?
+                                    </h1>
+
+                                    <p class="js-full-address"></p>
+
+                                    <div class="answer__fields js-fields">
+                                        <div class="field field--radio field--multiplechoice">
+                                            <fieldset class="u-mb-xl">
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="live-here"
+                                                           id="yes">
+                                                    <label class="label label--inline venus"
+                                                           for="yes">
+                                                        Yes, the above
+                                                        address is my main
+                                                        residence
+                                                    </label>
+                                                </div>
+
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="live-here"
+                                                           id="no">
+                                                    <label class="label label--inline venus"
+                                                           for="no">
+                                                        No, the above
+                                                        address is not my main
+                                                        residence
+                                                        <span
+                                                                class="pluto u-db">For examples it is my old address, second home, holiday home, business address or is not familiar to me</span>
+                                                    </label>
+                                                </div>
+                                            </fieldset>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/standard-bundle.js'></script>
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var yesbox = document.getElementById("yes");
+  $('.qa-btn-submit').click(function(e) {
+    e.preventDefault();
+
+    var loc;
+
+    if (yesbox.checked) {
+      var personUser = window.ONS.storage.getUserPerson();
+
+      /**
+       * Add member to household
+       */
+      window.ONS.storage.updateUserAsHouseholdMember(
+        personUser,
+        {
+          type: window.ONS.storage.KEYS.HOUSEHOLD_MEMBER_TYPE
+        }
+      );
+
+      sessionStorage.setItem('lives-here', 'yes');
+      document.trav.action = loc = "../does-anyone-else-live-here";
+    } else {
+      /**
+       * Remove member from household
+       */
+      window.ONS.storage.deleteUserAsHouseholdMember();
+
+      sessionStorage.setItem('lives-here', 'no');
+
+      document.trav.action = loc = "../i-dont-live-here";
+    }
+
+    window.location = loc;
+  });
+
+  function updateFullAddress () {
+    $('.js-full-address').html([
+      'address-line-1',
+      'address-line-2',
+      'town-city',
+      'county',
+      'postcode'
+    ]
+      .map(function (key) {
+        var line = sessionStorage.getItem(key);
+        return line ? line + '<br />' : ''
+      })
+      .join(''));
+  }
+
+  $(updateFullAddress);
+</script>
+
diff --git a/_prototypes/your-household-lms/lms/does-anyone-else-live-here.html b/_prototypes/your-household-lms/lms/does-anyone-else-live-here.html
new file mode 100644
index 0000000000..ec5286d9d9
--- /dev/null
+++ b/_prototypes/your-household-lms/lms/does-anyone-else-live-here.html
@@ -0,0 +1,110 @@
+---
+title: Online Household Study v2
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off" novalidate="">
+                    <input type="hidden" name="previous"
+                           value="does-anyone-else-live-here"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn">
+                                        Does anybody else live at <span
+                                            class="address-text"></span>?
+                                    </h1>
+                                </div>
+
+                                <ul id="household-members"></ul>
+
+                                <div class="answer__fields js-fields">
+                                    <div class="field field--radio field--multiplechoice ">
+                                        <fieldset class="u-mb-xl">
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable"
+                                                       type="radio"
+                                                       name="does-anyone-else-live-here"
+                                                       id="yes-someone-else"
+                                                       value="yes">
+                                                <label class="label label--inline venus"
+                                                       for="yes-someone-else"
+                                                       id="yes-someone-else-label">
+                                                    <span
+                                                            class="yes-answer">Yes, I need to
+                                                        add
+                                                    another person</span>
+                                                    <span
+                                                            class="pluto u-db label--negative">Include other adults, children, babies, even if they are currently away for a continuous period of up to 6 months</span>
+                                                </label>
+                                            </div>
+
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable"
+                                                       type="radio"
+                                                       name="does-anyone-else-live-here"
+                                                       id="no" value="no">
+                                                <label class="label label--inline venus"
+                                                       for="no">No, this is
+                                                not the main residence
+                                                    of any other adults,
+                                                children or babies</label>
+                                            </div>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var yesbox = document.getElementById("yes-someone-else"),
+    storageAPI = window.ONS.storage;
+  $('.qa-btn-submit').click(function(e) {
+
+    /**
+     * Routing
+     */
+    if (!yesbox.checked) {
+      /*if (window.location.search.match(/journey=visitors/)) {
+        document.trav.action = "../summary";
+      }
+      else {
+        document.trav.action = "../temp-types-living-away";
+      }*/
+
+      document.trav.action = "../does-anyone-live-student-halls";
+
+    } else {
+      document.trav.action = "../who-else-to-add";
+    }
+  });
+</script>
diff --git a/_prototypes/your-household-lms/lms/does-anyone-live-student-halls.html b/_prototypes/your-household-lms/lms/does-anyone-live-student-halls.html
new file mode 100644
index 0000000000..4803793c7f
--- /dev/null
+++ b/_prototypes/your-household-lms/lms/does-anyone-live-student-halls.html
@@ -0,0 +1,127 @@
+---
+title: Online Household Study v2
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../what-is-your-name">Previous
+        </a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="">
+                    <div class="group">
+                        <div class="block">
+                            <section class="section">
+                                <div class="question">
+                                    <h1 class="question__title saturn">
+                                        Do any of these people live in a
+                                        student halls of residence for part
+                                        of the year?
+                                    </h1>
+
+                                    <p>Select all that apply</p>
+
+                                    <div class="answer__fields js-fields">
+                                        <div
+                                                class="field field--radio field--multiplechoice field--exclusive">
+                                            <fieldset id="js-member-list"
+                                                      class="u-mb-xl">
+                                            </fieldset>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<div style="display:none;">
+    <div id="member-checkbox-select-template" class="field__item js-focusable-box">
+        <input class="input input--checkbox js-focusable js-person-control js-exclusive-checkbox-group"
+               name="checkbox-answer"
+               type="checkbox" />
+        <label class="label label--inline venus js-person-name"></label>
+    </div>
+</div>
+
+<script src='/js/compiled/standard-bundle.js'></script>
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+    members = storageAPI.getAllHouseholdMembers().filter(storageAPI.isHouseholdMember);
+
+  function createMemberListItem(person) {
+    var $nodeEl = $('#member-checkbox-select-template').clone(),
+      personId = person.id;
+
+    $nodeEl.attr('id', '');
+    $nodeEl.find('.js-person-name').html(person.fullName);
+    $nodeEl.find('.js-person-name').attr('for', personId);
+    $nodeEl.find('.js-person-control').attr('id', personId);
+    $nodeEl.find('.js-person-control').attr('value', personId);
+
+    return $nodeEl;
+  }
+
+  function render () {
+    $.each(members, function (i, member) {
+      $('#js-member-list').append(createMemberListItem(member['@person']));
+    });
+
+    $('#js-member-list').append('<div class="field__item js-focusable-box">\n' +
+      '        <input class="input input--checkbox js-focusable js-exclusive-checkbox-group js-person-not-listed" name="checkbox-answer" value="someone-else" id="someone-else" type="checkbox">\n' +
+      '        <label class="label label--inline venus " for="someone-else">\n' +
+      '            Someone else not listed above<span class="u-vh"></span>\n' +
+      '        </label>\n' +
+      '      </div>');
+
+    $('#js-member-list').append('<div class="field__label u-mt-s venus" aria-hidden="true">Or</div>');
+    $('#js-member-list').append('<div class="field__item js-focusable-box">\n' +
+      '        <input class="input input--checkbox js-focusable js-exclusive-checkbox" name="checkbox-answer" value="none" id="none" type="checkbox">\n' +
+      '        <label class="label label--inline venus " for="none">\n' +
+      '            <span class="u-vh">Or,</span> None of these people live in a student halls of residence<span class="u-vh">. Selecting this will uncheck all other checkboxes</span>\n' +
+      '        </label>\n' +
+      '        <span class="js-exclusive-checkbox-alert u-vh" role="alert" aria-live="polite" data-adjective="deselected">none deselected. </span>\n' +
+      '      </div>');
+  }
+
+  $('.qa-btn-submit').on('click', function (e) {
+    e.preventDefault();
+
+    var notListedChecked = $('.js-person-not-listed:checked').length;
+
+    if (notListedChecked) {
+      window.location.href = '../who-else-to-add/?journey=student-halls';
+    }
+    else {
+      window.location.href = '../do-they-share-cooking-facilities';
+    }
+  });
+
+  $(render);
+</script>
+
diff --git a/_prototypes/your-household-lms/lms/i-dont-live-here.html b/_prototypes/your-household-lms/lms/i-dont-live-here.html
new file mode 100644
index 0000000000..f56574ad22
--- /dev/null
+++ b/_prototypes/your-household-lms/lms/i-dont-live-here.html
@@ -0,0 +1,176 @@
+---
+title: Online Household Study v2
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../what-is-your-name">Previous
+        </a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="">
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question">
+                                    <h1 class="question__title saturn">
+                                        If <span class="address-text"></span>
+                                        is not your main residence, what type
+                                        of address is it?
+                                    </h1>
+
+                                    <div class="answer__fields js-fields">
+                                        <div class="field field--radio field--multiplechoice">
+                                            <fieldset class="u-mb-xl">
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="live-here"
+                                                           id="previous-address">
+                                                    <label class="label label--inline venus"
+                                                           for="previous-address">
+                                                        A previous address
+                                                        from which mail has
+                                                        been redirected
+                                                    </label>
+                                                </div>
+
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="live-here"
+                                                           id="student-accommodation">
+                                                    <label class="label label--inline venus"
+                                                           for="student-accommodation">
+                                                        Student accommodation
+                                                        rented through a
+                                                        private landlord
+                                                    </label>
+                                                </div>
+
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="live-here"
+                                                           id="second-home">
+                                                    <label class="label label--inline venus"
+                                                           for="second-home">
+                                                        My second home
+                                                        <span
+                                                                class="pluto u-db">For example, a place where you stay whilst working away from your main residence</span>
+                                                    </label>
+                                                </div>
+
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="live-here"
+                                                           id="holiday-home">
+                                                    <label class="label label--inline venus"
+                                                           for="holiday-home">
+                                                        My holiday home
+                                                        <span
+                                                                class="pluto u-db">For example, somewhere you stay whilst on holiday or travelling, in the UK or abroad</span>
+                                                    </label>
+                                                </div>
+
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="live-here"
+                                                           id="business-address">
+                                                    <label class="label label--inline venus"
+                                                           for="business-address">
+                                                        A business or
+                                                        non-residential address
+                                                    </label>
+                                                </div>
+
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="live-here"
+                                                           id="communal-establishment">
+                                                    <label class="label label--inline venus"
+                                                           for="communal-establishment">
+                                                        A communal establishment
+                                                    </label>
+                                                </div>
+
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="live-here"
+                                                           id="not-familiar">
+                                                    <label class="label label--inline venus"
+                                                           for="not-familiar">
+                                                        This address is not
+                                                        familiar to me
+                                                    </label>
+                                                </div>
+
+                                                <div class="field__item js-focusable-box">
+                                                    <input class="input input--radio js-focusable"
+                                                           type="radio"
+                                                           name="live-here"
+                                                           id="other">
+                                                    <label class="label label--inline venus"
+                                                           for="other">
+                                                        Other
+                                                    </label>
+                                                </div>
+                                            </fieldset>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/standard-bundle.js'></script>
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var yesbox = document.getElementById("yes");
+  $('.qa-btn-submit').click(function(e) {
+    e.preventDefault();
+
+    return false;
+
+    /*var loc;
+
+    if (yesbox.checked) {
+      document.trav.action = loc = "../who-else-to-add";
+    } else {
+      sessionStorage.removeItem('household-members');
+      document.trav.action = loc = "../temp-types-living-away";
+    }
+
+    window.location = loc;*/
+  });
+</script>
+
diff --git a/_prototypes/your-household-lms/lms/index.html b/_prototypes/your-household-lms/lms/index.html
new file mode 100644
index 0000000000..ac6b8246c9
--- /dev/null
+++ b/_prototypes/your-household-lms/lms/index.html
@@ -0,0 +1,125 @@
+---
+title: Online Household Study v2
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<style>
+    .input--text-lg {
+        width : 100%;
+    }
+
+    .lock {
+        font-weight : normal;
+    }
+</style>
+
+<link rel="stylesheet" href="../../style.css"/>
+<div class="page__subheader">
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+        </div>
+
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <div class="feedback__inline js-feedback-inline is-collapsed">
+                    <div class="feedback__border">
+                        <form id="feedback-form" method="POST"
+                              class="feedback__form">
+                            <input id="csrf_token" name="csrf_token"
+                                   type="hidden"
+                                   value="IjI4MWVjOTc4Mjk5NTE1NjQ5YjlmNWUzZTU4MGZlOGIzNGYwNDQwZTYi.DQfxeA.HzzQFY1qLDUwiMKKT_aAcR1OKUI">
+                            <div class="group">
+                                <div class="feedback__field">
+
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+
+                <div class="group u-mb-xl" id="what-is-your-address-group">
+                    <div class="block" id="what-is-your-address">
+                        <div class="question">
+                            <h1 class="question__title saturn"
+                                data-qa="question-title">
+                                Welcome to the Online Household Study
+                            </h1>
+
+                            <div class="panel panel--simple panel--info">
+                                <div class="panel__body">
+                                    <div class="field">
+                                        <label class="label venus "
+                                               for="address-line-1"
+                                               id="label-address-line-1">
+                                            <div class="label__inner">
+                                                Enter the unique access code
+                                            </div>
+                                        </label>
+
+                                        <div class="grid">
+                                            <div class="grid__col col-4@m">
+                                                <input
+                                                        class="input input--text input--text-lg u-mb-s"
+                                                        id="address-line-1"
+                                                        name="address-line-1"
+                                                        data-qa="input-text"
+                                                        value=""/>
+                                            </div>
+                                            <div class="grid__col col-4@m">
+                                                <input
+                                                        class="input input--text input--text-lg u-mb-s"
+                                                        id="address-line-1"
+                                                        name="address-line-1"
+                                                        data-qa="input-text"
+                                                        value=""/>
+                                            </div>
+                                            <div class="grid__col col-4@m">
+                                                <input
+                                                        class="input input--text input--text-lg u-mb-s"
+                                                        id="address-line-1"
+                                                        name="address-line-1"
+                                                        data-qa="input-text"
+                                                        value=""/>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <p class="mars">The unique access code
+                                        is printed on your invitation
+                                        letter or form</p>
+                                </div>
+                            </div>
+
+                            <p class="mars u-mt-l lock">Your personal
+                                information is protected by law and will be
+                                kept confidential. Responses are saved at
+                                the end of each age and may be used even if
+                                you have not fully completed the study.</p>
+                        </div>
+                    </div>
+                </div>
+
+                <button class="btn btn-submit btn--primary btn--lg"
+                        data-qa="btn-submit" type="submit"
+                        name="action[save_continue]">Submit code
+                </button>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/standard-bundle.js'></script>
+
+<script>
+  $('.btn-submit').click(function(e) {
+    e.preventDefault();
+    window.location = '../what-is-your-name/';
+  });
+</script>
+
diff --git a/_prototypes/your-household-lms/lms/is-there-does-anyone-else-student-halls.html b/_prototypes/your-household-lms/lms/is-there-does-anyone-else-student-halls.html
new file mode 100644
index 0000000000..bb66dd3489
--- /dev/null
+++ b/_prototypes/your-household-lms/lms/is-there-does-anyone-else-student-halls.html
@@ -0,0 +1,103 @@
+---
+title: Online Household Study v2
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off" novalidate="">
+                    <input type="hidden" name="previous"
+                           value="does-anyone-else-live-here"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn">
+                                        Is there anyone else who lives in a student halls of residence for part of the year?
+                                    </h1>
+                                </div>
+
+                                <!--<ul id="household-members"></ul>-->
+
+                                <div class="answer__fields js-fields">
+                                    <div class="field field--radio field--multiplechoice ">
+                                        <fieldset class="u-mb-xl">
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable"
+                                                       type="radio"
+                                                       name="does-anyone-else-live-here"
+                                                       id="yes-someone-else"
+                                                       value="yes">
+                                                <label class="label label--inline venus"
+                                                       for="yes-someone-else"
+                                                       id="yes-someone-else-label">
+                                                    <span
+                                                            class="yes-answer">Yes, I need to add another person</span>
+                                                </label>
+                                            </div>
+
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable"
+                                                       type="radio"
+                                                       name="does-anyone-else-live-here"
+                                                       id="no" value="no">
+                                                <label class="label label--inline venus"
+                                                       for="no">No, this is everyone</label>
+                                            </div>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+	var yesbox = document.getElementById("yes-someone-else"),
+		storageAPI = window.ONS.storage;
+	$('.qa-btn-submit').click(function(e) {
+		e.preventDefault();
+
+		/**
+		 * Routing
+		 */
+		if (!yesbox.checked) {
+			/*if (window.location.search.match(/journey=visitors/)) {
+              document.trav.action = "../summary";
+            }
+            else {
+              document.trav.action = "../temp-types-living-away";
+            }*/
+
+			window.location.href = "../do-they-share-cooking-facilities";
+
+		} else {
+			window.location.href = '../who-else-to-add/?journey=student-halls';
+		}
+	});
+</script>
diff --git a/_prototypes/your-household-lms/lms/what-is-your-name.html b/_prototypes/your-household-lms/lms/what-is-your-name.html
new file mode 100644
index 0000000000..996da74ead
--- /dev/null
+++ b/_prototypes/your-household-lms/lms/what-is-your-name.html
@@ -0,0 +1,139 @@
+---
+title: Online Household Study v2
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../section-intro">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <div class="feedback__inline js-feedback-inline is-collapsed">
+                    <div class="feedback__border">
+                    </div>
+                </div>
+
+                <div class="group">
+                    <div class="block">
+
+                        <div class="question">
+                            <h1 class="question__title saturn"
+                                data-qa="question-title">
+                                Enter your details
+                            </h1>
+
+                            <fieldset
+                                    class="question__fieldset u-mb-xl js-question-fieldset">
+                                <legend class="u-vh">Enter your details</legend>
+
+                                <div class="question__answers">
+                                    <div class="question__answer">
+                                        <label class="label venus"
+                                               for="first-name">
+                                            <div class="label__inner">
+                                                My first or given name
+                                            </div>
+                                        </label>
+                                        <input class="input input--text "
+                                               id="first-name"
+                                               data-qa="input-text" value=""/>
+                                    </div>
+
+                                    <div class="question__answer">
+                                        <label class="label venus ">
+                                            <div class="label__inner">
+                                                My surname or family name
+                                            </div>
+                                        </label>
+                                        <input class="input input--text "
+                                               id="last-name"
+                                               data-qa="input-text" value=""/>
+                                    </div>
+                                </div>
+                            </fieldset>
+
+                            <div class="field field--radio field--multiplechoice u-mb-xl">
+                                <fieldset>
+                                    <legend class="field__legend mars ">My sex</legend>
+                                    <div class="field__item js-focusable-box">
+                                        <input
+                                                class="input input--radio js-focusable" name="radio-answer" value="male" id="male" type="radio">
+                                        <label
+                                                class="label label--inline venus "
+                                               for="male">Male</label>
+                                    </div>
+                                    <div class="field__item js-focusable-box">
+                                        <input
+                                                class="input input--radio js-focusable" name="radio-answer" value="female" id="female" type="radio">
+                                        <label class="label label--inline venus "
+                                               for="female">Female</label>
+                                    </div>
+                                </fieldset>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <button class="btn btn-submit btn--primary btn--lg"
+                        data-qa="btn-submit" type="submit"
+                        name="action[save_continue]">
+                    Save and continue
+                </button>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  $('.btn-submit').click(function(e) {
+    e.preventDefault(); // do not submit the form like usual
+    sessionStorage.setItem('name', getName());
+
+    window.ONS.storage.addUserPerson(window.ONS.storage.TYPES.person({
+      firstName: document.getElementById('first-name').value,
+      lastName: document.getElementById('last-name').value,
+      gender: $('[name=radio-answer]:checked').val()
+    }));
+
+    window.ONS.storage.deleteUserAsHouseholdMember();
+
+    window.location = '../do-you-live-here/';
+  });
+
+  function getName() {
+    return [
+      document.getElementById('first-name').value,
+      document.getElementById('last-name').value
+    ].filter(function(name) {
+      return name
+    }).join(' ')
+  }
+
+  $(function() {
+    var userPerson = window.ONS.storage.getUserPerson();
+
+    if (userPerson) {
+      $('#first-name').val(userPerson.firstName);
+      $('#last-name').val(userPerson.lastName);
+      $('#' + userPerson.gender).attr('checked', true);
+    }
+  });
+</script>
+
diff --git a/_prototypes/your-household-lms/lms/who-else-to-add.html b/_prototypes/your-household-lms/lms/who-else-to-add.html
new file mode 100644
index 0000000000..b31bedf4cf
--- /dev/null
+++ b/_prototypes/your-household-lms/lms/who-else-to-add.html
@@ -0,0 +1,187 @@
+---
+title: Online Household Study v2
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars"
+           href="../does-anyone-else-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <div class="feedback__inline js-feedback-inline is-collapsed">
+                    <div class="feedback__border">
+                    </div>
+                </div>
+
+                <div class="group">
+                    <div class="block">
+
+                        <div class="question">
+                            <h1 id="question-title"
+                                class="question__title saturn"
+                                data-qa="question-title">
+                                Please enter the details of the other people
+                                who live at <span
+                                    class="address-text"></span>
+                            </h1>
+
+                            <div class="panel panel--simple panel--info u-mb-m js-panel-info">
+                                <p class="mars"><strong>Include</strong> all
+                                adults, children and babies who class this
+                                    as their main residence, even if they
+                                    are currently away for a continuous
+                                    period of up to 6 months</p>
+                            </div>
+
+                            <h2 class="neptune js-heading-2"></h2>
+
+                            <!--<div id="member-list"></div>-->
+
+                            <fieldset
+                                    class="question__fieldset js-question-fieldset u-mb-xl">
+                                <legend class="u-vh">What is your name?</legend>
+
+                                <div class="question__answers">
+                                    <div class="question__answer">
+                                        <label class="label venus"
+                                               for="first-name">
+                                            <div class="label__inner">
+                                                First or given name
+                                            </div>
+                                        </label>
+                                        <input class="input input--text "
+                                               id="first-name"
+                                               data-qa="input-text" value=""/>
+                                    </div>
+
+                                    <div class="question__answer">
+                                        <label class="label venus ">
+                                            <div class="label__inner">
+                                                Surname or family name
+                                            </div>
+                                        </label>
+                                        <input class="input input--text "
+                                               id="last-name"
+                                               data-qa="input-text" value=""/>
+                                    </div>
+                                </div>
+                            </fieldset>
+
+                            <div class="field field--radio field--multiplechoice u-mb-xl">
+                                <fieldset>
+                                    <legend class="field__legend mars ">Sex
+                                    </legend>
+                                    <div class="field__item js-focusable-box">
+                                        <input
+                                                class="input input--radio js-focusable" name="radio-answer" value="male" id="male" type="radio">
+                                        <label
+                                                class="label label--inline venus "
+                                                for="male">Male</label>
+                                    </div>
+                                    <div class="field__item js-focusable-box">
+                                        <input
+                                                class="input input--radio js-focusable" name="radio-answer" value="female" id="female" type="radio">
+                                        <label class="label label--inline venus "
+                                               for="female">Female</label>
+                                    </div>
+                                </fieldset>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <button class="btn btn-submit btn--primary btn--lg"
+                        data-qa="btn-submit" type="submit"
+                        name="action[save_continue]">
+                    Save and continue
+                </button>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+    editUserId = new URLSearchParams(window.location.search).get('edit'),
+    memberFound = null,
+    allMembers = storageAPI.getAllHouseholdMembers().filter(storageAPI.isHouseholdMember);
+
+  if (editUserId) {
+    memberFound = allMembers
+      .filter(function(member) {
+        return member['@person'].id === editUserId;
+      })[0];
+  }
+
+  if (editUserId && !memberFound) {
+    throw Error('Member not found');
+  }
+
+  $('.btn-submit').click(function(e) {
+    e.preventDefault(); // do not submit the form like usual
+
+    var person = window.ONS.storage.TYPES.person({
+      firstName: document.getElementById('first-name').value,
+      lastName: document.getElementById('last-name').value,
+      gender: $('[name=radio-answer]:checked').val()
+    });
+
+    var personType = window.ONS.storage.KEYS['HOUSEHOLD_MEMBER_TYPE'];
+
+    if (editUserId && memberFound) {
+      person.id = editUserId;
+      window.ONS.storage['updateHouseholdMember'](person, {type: personType});
+    }
+    else {
+      window.ONS.storage['addHouseholdMember'](person, {type: personType});
+    }
+
+    /**
+     * Routing
+     */
+    if (window.location.search.match(/journey=student-halls/)) {
+      window.location = '../is-there-does-anyone-else-student-halls/';
+    }
+    else {
+      window.location = '../does-anyone-else-live-here/';
+    }
+  });
+
+  $(function() {
+    var person,
+      overrideTitleStudentHalls = 'Who do you need to add who lives in a student halls of residence for part of the year?';
+
+    if (window.location.search.match(/journey=student-halls/)) {
+      $('#question-title').html(overrideTitleStudentHalls);
+      $('.js-panel-info').hide();
+    }
+
+    if (memberFound) {
+      person = memberFound['@person'];
+
+      $('#first-name').val(person.firstName);
+      $('#last-name').val(person.lastName);
+      $('#' + userPerson.gender).attr('checked', true);
+    }
+
+    $('.js-heading-2').html('Person ' + (allMembers.length + 1));
+  });
+</script>
+
diff --git a/_prototypes/your-household-lms/lms/who-owns-rents-accommodation.html b/_prototypes/your-household-lms/lms/who-owns-rents-accommodation.html
new file mode 100644
index 0000000000..5897135a3a
--- /dev/null
+++ b/_prototypes/your-household-lms/lms/who-owns-rents-accommodation.html
@@ -0,0 +1,120 @@
+---
+title: Online Household Study v2
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../what-is-your-name">Previous
+        </a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="">
+                    <div class="group">
+                        <div class="block">
+                            <section class="section">
+                                <div class="question">
+                                    <h1 class="question__title saturn">
+                                        In whose name, or names, is this
+                                        accommodation owned or rented?
+                                    </h1>
+
+                                    <p>Select all that apply</p>
+
+                                    <div class="answer__fields js-fields">
+                                        <div
+                                                class="field field--radio field--multiplechoice field--exclusive">
+                                            <fieldset id="js-member-list"
+                                                      class="u-mb-xl">
+                                            </fieldset>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<div style="display:none;">
+    <div id="member-checkbox-select-template" class="field__item js-focusable-box">
+        <input class="input input--checkbox js-focusable js-person-control js-exclusive-checkbox-group"
+               name="checkbox-answer"
+               type="checkbox" />
+        <label class="label label--inline venus js-person-name"></label>
+    </div>
+</div>
+
+<script src='/js/compiled/standard-bundle.js'></script>
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+    members = storageAPI.getAllHouseholdMembers().filter(storageAPI.isHouseholdMember);
+
+  function createMemberListItem(person) {
+    var $nodeEl = $('#member-checkbox-select-template').clone(),
+      personId = person.id;
+
+    $nodeEl.attr('id', '');
+    $nodeEl.find('.js-person-name').html(person.fullName);
+    $nodeEl.find('.js-person-name').attr('for', personId);
+    $nodeEl.find('.js-person-control').attr('id', personId);
+    $nodeEl.find('.js-person-control').attr('value', personId);
+
+    return $nodeEl;
+  }
+
+  function render () {
+    $.each(members, function (i, member) {
+      $('#js-member-list').append(createMemberListItem(member['@person']));
+    });
+
+    $('#js-member-list').append('<div class="field__label u-mt-s venus" aria-hidden="true">Or</div>');
+    $('#js-member-list').append('<div class="field__item js-focusable-box">\n' +
+      '        <input class="input input--checkbox js-focusable js-exclusive-checkbox js-person-not-listed" name="checkbox-answer" value="someone-else" id="someone-else" type="checkbox">\n' +
+      '        <label class="label label--inline venus " for="someone-else">\n' +
+      '            <span class="u-vh">Or,</span> Someone else not listed above<span class="u-vh">. Selecting this will uncheck all other checkboxes</span>\n' +
+      '        </label>\n' +
+      '        <span class="js-exclusive-checkbox-alert u-vh" role="alert" aria-live="polite" data-adjective="deselected">Someone else not listed above deselected. </span>\n' +
+      '      </div>');
+  }
+
+  $('.qa-btn-submit').on('click', function (e) {
+    e.preventDefault();
+
+    var notListedChecked = $('.js-person-not-listed:checked').length;
+
+    if (notListedChecked) {
+      //window.location.href = '../who-else-to-add/?journey=who-owns';
+      window.location.href = '../../summary/?survey=lms';
+    }
+    else {
+      window.location.href = '../../summary?survey=lms';
+    }
+  });
+
+  $(render);
+</script>
+
diff --git a/_prototypes/your-household-lms/relationships-person-select.html b/_prototypes/your-household-lms/relationships-person-select.html
new file mode 100644
index 0000000000..ecf54a8c1f
--- /dev/null
+++ b/_prototypes/your-household-lms/relationships-person-select.html
@@ -0,0 +1,290 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+householdMembers:
+visitors:
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../summary">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            {% include navigation.html
+            items=site.data.your-household-v4.navigationItemsRelationships
+            nav-title-id="section-address" %}
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="">
+                    <div class="group">
+                        <div class="block">
+                            <section class="section" id="question-area">
+                                <div class="question">
+                                    <h1 class="question__title saturn u-mb-l">
+                                        Are any of the following household
+                                        members also
+                                        <span
+                                            class="js-other-description"></span>
+                                        <span
+                                            class="js-relationship-person-is"></span>?
+                                    </h1>
+
+                                    <div id="question-info"
+                                         style="display:none;"
+                                            class="panel panel--simple panel--info u-mb-l">
+                                        <div class="panel__body js-question-info-body">
+                                            <p class="mars">
+                                                Do not include stepchildren
+                                                or foster children here,
+                                                these will be included later
+                                            </p>
+                                        </div>
+                                    </div>
+
+                                    <label class="label venus " id="label-address-line-1">
+                                        <div class="label__inner">
+                                            Remaining household members
+                                        </div>
+                                    </label>
+
+                                    <p>Select all that apply</p>
+
+                                    <div class="answer__fields js-fields">
+                                        <div class="field field--radio field--multiplechoice field--exclusive">
+                                            <fieldset id="js-member-list"
+                                                  class="u-mb-xl">
+                                            </fieldset>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button
+                            class="btn btn--primary btn--lg qa-btn-submit venus js-submit"
+                      type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<div style="display:none;">
+    <div id="member-checkbox-select-template" class="field__item js-focusable-box">
+        <input class="input input--checkbox js-focusable js-person-control js-exclusive-checkbox-group"
+               name="checkbox-answer"
+               type="checkbox" />
+        <label class="label label--inline venus js-person-name"></label>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+
+    var storageAPI = window.ONS.storage;
+
+    /**
+     * Find members that don't already have relationships with person
+     */
+    var allRelationships = storageAPI.getAllRelationships(),
+
+      params = new URLSearchParams(window.location.search),
+
+      personId = params.get('person'),
+
+      surveyType = params.get('survey'),
+
+      genderPreference = params.get('gender-preference'),
+
+      relationshipDescription = params.get('relationship-description'),
+
+      person,
+
+      members = storageAPI.getAllHouseholdMembers().filter(function (member) {
+        return member.type === storageAPI.KEYS.HOUSEHOLD_MEMBER_TYPE;
+      }),
+
+      remainingPersonIds = members.map(function (member) {
+        return member['@person'].id;
+      });
+
+    function createMemberListItem(person) {
+      var $nodeEl = $('#member-checkbox-select-template').clone(),
+        personId = person.id;
+
+      $nodeEl.attr('id', '');
+      $nodeEl.find('.js-person-name').html(person.fullName);
+      $nodeEl.find('.js-person-name').attr('for', personId);
+      $nodeEl.find('.js-person-control').attr('id', personId);
+      $nodeEl.find('.js-person-control').attr('value', personId);
+
+      return $nodeEl;
+    }
+
+    function removeFromList(list, val) {
+
+      function doRemove(item) {
+        var foundId = list.indexOf(item);
+
+        /**
+         * Guard
+         */
+        if (foundId === -1) {
+          console.log('Attempt to remove from list failed: ', list, val);
+          return;
+        }
+
+        list.splice(foundId, 1);
+      }
+
+      if(_.isArray(val)) {
+        $.each(val, function (i, item) {
+          doRemove(item);
+        });
+      }
+      else {
+        doRemove(val);
+      }
+    }
+
+    function updateList() {
+      if (!personId) {
+        console.log('person url parameter not found');
+        return;
+      }
+
+      if(!relationshipDescription) {
+        console.log('relationship-description url parameter not found');
+        return;
+      }
+
+      person = storageAPI.getHouseholdMemberByPersonId(personId)['@person'];
+
+      /**
+       * Remove this person from the list
+       */
+      removeFromList(remainingPersonIds, personId);
+
+      $.each(
+        allRelationships.filter(
+          storageAPI.isInRelationship.bind(null, personId)
+        ),
+        function (i, relationship) {
+          var personIsIndex = remainingPersonIds.indexOf(relationship.personIsId),
+            personToIndex = remainingPersonIds.indexOf(relationship.personToId);
+
+          if(personIsIndex !== -1) {
+            removeFromList(remainingPersonIds, relationship.personIsId);
+            return;
+          }
+
+          if(personToIndex !== -1) {
+            removeFromList(remainingPersonIds, relationship.personToId);
+            return;
+          }
+        }
+      );
+
+      $('.js-relationship-person-is').html(person.fullName);
+
+      'mother-father' === relationshipDescription && (function(){
+        $('.question__title').removeClass('u-mb-l');
+        $('#question-info').show();
+        $('.js-other-description').html(genderPreference === 'female' ?
+          'daughters or sons of' : 'sons or daughters of');
+      }());
+
+      'unrelated' === relationshipDescription && (function(){
+        $('.js-other-description').html('unrelated to');
+        $('.js-question-info-body').html('<p class="mars">Do not include partners here, they will be included later</p>');
+        $('#question-info').show();
+      }());
+
+      $.each(
+        remainingPersonIds.map(function (personId) {
+          return storageAPI.getHouseholdMemberByPersonId(personId);
+        }
+      ), function (i, member) {
+        $('#js-member-list').append(createMemberListItem(member['@person']));
+      });
+
+      $('#js-member-list').append('<div class="field__label u-mt-s venus" aria-hidden="true">Or</div>');
+      $('#js-member-list').append('<div class="field__item js-focusable-box">\n' +
+        '        <input class="input input--checkbox js-focusable js-exclusive-checkbox" name="checkbox-answer" value="none" id="none" type="checkbox">\n' +
+        '        <label class="label label--inline venus " for="none">\n' +
+        '            <span class="u-vh">Or,</span> None<span class="u-vh">. Selecting this will uncheck all other checkboxes</span>\n' +
+        '        </label>\n' +
+        '        <span class="js-exclusive-checkbox-alert u-vh" role="alert" aria-live="polite" data-adjective="deselected">none deselected. </span>\n' +
+        '      </div>');
+    }
+
+    $('.js-submit').on('click', function(e) {
+      e.preventDefault();
+
+      var relationshipsUrl = window.location.pathname
+        .replace('relationships-person-select', 'relationships'),
+        newRelationshipsWithOtherPersonIds = [];
+
+      $('[name=checkbox-answer]:checked').each(function () {
+        var otherId = $(this).val();
+
+        /**
+         * Check if none selected
+         */
+        if (otherId === 'none') {
+          return;
+        }
+
+        newRelationshipsWithOtherPersonIds.push({
+          relationship: storageAPI.addRelationship(
+            storageAPI.TYPES.relationship(
+              relationshipDescription,
+              personId,
+              otherId
+            )
+          ),
+          otherId: otherId
+        });
+      });
+
+      /**
+       * Avoid race conditions by doing inference separately
+       */
+      /**
+       * Removed - Can't do inferences when siblings and adopted children
+       * belong to the same relationship type
+       **/
+      /*$.each(newRelationshipsWithOtherPersonIds, function (i, item) {
+        storageAPI.inferRelationships(
+          item.relationship,
+          storageAPI.getHouseholdMemberByPersonId(personId),
+          storageAPI.getHouseholdMemberByPersonId(item.otherId)
+        );
+      });*/
+
+      window.history.replaceState(null, '', relationshipsUrl);
+
+      if(storageAPI.findNextMissingRelationship()) {
+        window.location.href = relationshipsUrl +
+          (surveyType ? '?survey=' + surveyType : '');
+      }
+      else {
+        window.location.href = '../relationships-summary/' +
+          (surveyType ? '?survey=' + surveyType : '');
+      }
+    });
+
+    $(updateList);
+</script>
diff --git a/_prototypes/your-household-lms/relationships-summary.html b/_prototypes/your-household-lms/relationships-summary.html
new file mode 100644
index 0000000000..f43e3a797b
--- /dev/null
+++ b/_prototypes/your-household-lms/relationships-summary.html
@@ -0,0 +1,997 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+householdMembers:
+visitors:
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../relationships">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            {% include navigation.html
+            items=site.data.your-household-v4.navigationItemsRelationships
+            nav-title-id="section-address" %}
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="" action="../hub">
+                    <input type="hidden" name="survey" id="survey-type" />
+                    <div class="group">
+                        <div class="block">
+                            <section class="section">
+                                <h1 class="question__title saturn">
+                                    Relationships</h1>
+
+                                <div class="panel panel--simple panel--success"
+                                     id="question-guidance-everyone-at-address-confirmation-question">
+                                    <strong class="u-mb-s">This sub section is
+                                        now complete</strong>
+                                    <ul class="mars"
+                                        style="list-style: none;padding: 0; margin-bottom: 0">
+                                        <li>You can check your answers below
+                                        </li>
+                                    </ul>
+                                </div>
+                                <br/>
+
+                                <div id="household-relationships-summary"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+
+<ul style="display:none;">
+    <li id="relationship-record-template" class="list__item">
+        <div class="list__item-actions u-fr">
+            <span class="list__item-action">
+                <a class="js-record-edit" href="#">Change</a>
+            </span>
+        </div>
+        <span class="list__item-name">
+            <span class="js-relationship-description"></span>
+        </span>
+    </li>
+</ul>
+
+<div style="display:none;">
+    <div id="relationship-record-list-template">
+        <ul class="list list--records list--bare u-mb-xl js-records"></ul>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<style>
+    .list.list--records {
+        border-top: 1px solid #ccc;
+    }
+
+    .list.list--records .list__item {
+        margin-bottom: 0;
+        padding: 1rem 0;
+        border-bottom: 1px solid #ccc;
+    }
+</style>
+
+<script>
+  var storageAPI = window.ONS.storage,
+	  utils = window.ONS.utils,
+      urlParams = new URLSearchParams(window.location.search),
+      surveyType = urlParams.get('survey');
+
+  function updateRouting() {
+    $('#survey-type').val(surveyType);
+  }
+
+  function createRecord(summary) {
+    var $nodeEl = $('#relationship-record-template').clone();
+
+    $nodeEl.find('.js-relationship-description').html(summary);
+
+    return $nodeEl;
+  }
+
+  function createRecordList() {
+    var $nodeEl = $('#relationship-record-list-template').clone();
+
+    $nodeEl.attr('id', '');
+
+    return $nodeEl;
+  }
+
+  function updateRecords() {
+    var allRelationships = storageAPI.getAllRelationships(),
+      relationshipIdsToExplain = allRelationships
+        .filter(function(relationship) { return !relationship.inferred; })
+        .map(function(relationship) { return relationship.id; }),
+      lines = [],
+      recordList = createRecordList();
+
+    $('#household-relationships-summary').html();
+
+    console.log('To explain: ', [].concat(relationshipIdsToExplain));
+
+    /**
+     * Relationships sorted by household member entry order
+     */
+    $.each(storageAPI.getAllHouseholdMembers().filter(storageAPI.isHouseholdMember),
+      function (i, member) {
+      var memberRelationships = allRelationships
+        .filter(function(relationship) {
+          return storageAPI.isInRelationship(
+            member['@person'].id,
+            relationship
+          );
+        });
+
+      /**
+       * Guard
+       */
+      if (!memberRelationships.length) {
+        return;
+      }
+
+      /**
+       * For each member relationship, - currently not strictly run in order
+       * 1. Find all partner-type relationships
+       * 2. Find all children with partner(s) if found
+       * 3. Find all children as a single parent
+       * 4. Find all other relationships
+       */
+      $.each(memberRelationships, function (i, relationship) {
+
+        /**
+         * Guard
+         * Don't do anything if relationship is explained
+         */
+        if (relationshipIdsToExplain.indexOf(relationship.id) === -1) {
+          return;
+        }
+
+        var relationshipType = storageAPI
+            .relationshipDescriptionMap[relationship.personIsDescription].type,
+
+          relationshipTypeId = relationshipType.id;
+
+        var summaryLines = summaryStrategies[
+          relationshipTypesToSummaryStrategyMap[relationshipTypeId]
+          ](relationship, member['@person']);
+
+        console.log('Summary lines: ', summaryLines);
+
+        lines = [].concat(lines, summaryLines.lines);
+
+        $.each(summaryLines.relationshipsExplained,
+          function (i, relationshipExplained) {
+            utils.removeFromList(relationshipIdsToExplain, relationshipExplained.id);
+          });
+      });
+    });
+
+    console.log('Explained: ', relationshipIdsToExplain);
+
+    $.each(lines, function(i, line) {
+      recordList.find('.js-records').append(createRecord(line));
+    });
+
+    $('#household-relationships-summary').append(recordList);
+  }
+
+  function retrieveRelationshipInfo(relationship) {
+    var personIs = storageAPI
+        .getHouseholdMemberByPersonId(relationship.personIsId)['@person'],
+      personTo = storageAPI
+        .getHouseholdMemberByPersonId(relationship.personToId)['@person'],
+      relationshipDescription = storageAPI
+        .relationshipDescriptionMap[relationship.personIsDescription],
+      relationshipType = relationshipDescription.type,
+      relationshipTypeId = relationshipType.id;
+
+    return {
+      '@personIs': personIs,
+      '@personTo': personTo,
+      'relationshipDescription': relationshipDescription,
+      'relationshipType': relationshipType,
+      'relationshipTypeId': relationshipTypeId
+    };
+  }
+
+  function partnershipSummary(relationship) {
+    var relationshipInfo = retrieveRelationshipInfo(relationship),
+      altDescriptionObj =
+        storageAPI.femaleAltGenderDescriptions[relationship.personIsDescription];
+
+    return {
+      relationshipsExplained: [relationship],
+      lines: [
+        storageAPI.relationshipSummaryTemplates['partnership'](
+          relationshipInfo['@personIs'].fullName,
+          relationshipInfo['@personTo'].fullName,
+          (relationshipInfo['@personIs'].gender === 'female' && altDescriptionObj
+              ? altDescriptionObj
+              : relationshipInfo['relationshipDescription']
+          ).summaryAdjective
+        )
+      ]
+    };
+  }
+
+  function groupSummary(relationship) {
+    var relationshipInfo = retrieveRelationshipInfo(relationship),
+      relationshipsExplained = [],
+      lines = [],
+      mutualGroups = groupSummary.findMutualOf(relationshipInfo),
+      manyToManyGroups = groupSummary.findManyToManyWith(relationshipInfo);
+
+    console.log('relationship', relationshipInfo);
+
+    if(mutualGroups.people && mutualGroups.people.length) {
+      lines.push(storageAPI.relationshipSummaryTemplates['allMutual'](
+        mutualGroups.people.map(function (personId) {
+          return storageAPI
+            .getHouseholdMemberByPersonId(personId)['@person'].fullName;
+        }),
+        relationshipInfo['relationshipDescription'].summaryAdjective
+      ));
+
+      relationshipsExplained = relationshipsExplained
+        .concat(mutualGroups.relationshipsExplained);
+    }
+    else if(manyToManyGroups.groups && manyToManyGroups.groups.length) {
+      $.each(manyToManyGroups.groups, function (i, group) {
+        lines.push(storageAPI.relationshipSummaryTemplates['manyToMany'](
+          group.personRelatedGroup.map(function (personId) {
+            return storageAPI
+              .getHouseholdMemberByPersonId(personId)['@person'].fullName;
+          }),
+          group.otherPeopleGroup.map(function (personId) {
+            return storageAPI
+              .getHouseholdMemberByPersonId(personId)['@person'].fullName;
+          }),
+          relationshipInfo['relationshipDescription'].summaryAdjective
+        ));
+      });
+
+      relationshipsExplained = relationshipsExplained
+        .concat(manyToManyGroups.relationshipsExplained);
+    } else {
+
+      /**
+       * Needs rework for many to many relationships
+       */
+      relationshipsExplained = [relationship];
+
+      lines.push(storageAPI.relationshipSummaryTemplates['allMutual'](
+        [
+          relationshipInfo['@personIs'].fullName,
+          relationshipInfo['@personTo'].fullName
+        ],
+        relationshipInfo['relationshipDescription'].summaryAdjective
+      ));
+    }
+
+    console.log('summaries: ', lines);
+    console.log('relationshipsExplained: ', relationshipsExplained);
+    console.log('mutual: ', mutualGroups);
+    console.log('manyToManyGroups: ', manyToManyGroups);
+    console.log('=====');
+
+    /**
+     * 1. Find all mutual relationships
+     * / Filter out inferred relationships
+     *
+     * / Find all filtered relationships with personIs
+     * - For each other person in relationship find relationships with same
+     * type and other people as personIs (Defining group scope for summary)
+     * - Remove and store the differences between personIs relationships and
+     * other person 'in scope' relationships
+     *
+     *
+     * 2. Find all group to group relationships
+     * - With remaining relationships...
+     *
+     * - For each other person in remaining relationship find relationships with
+     * the same type (People can be out of scope of mutual relationships, the
+     * only thing in common is the relationship type).
+     * - For each new relationship found, check whether other people in
+     * remaining relationships share the same type of relationship to new
+     * person.
+     *
+     *       Are unrelated to
+     * dave  <------------->  Jon
+     * Emily <------------->  Mark
+     * James <------------->  Emma
+     *
+     * Also, bi-directional arrows must cross for all members on opposing
+     * groups.
+     *
+     */
+
+
+    /**
+     * Could default to writing out relationship manually?
+     */
+
+    return {
+      relationshipsExplained: relationshipsExplained,
+      lines: lines
+    }
+  }
+
+  function getMemberRelationshipModelsByType(relationshipType) {
+    return storageAPI.getAllHouseholdMembers().filter(storageAPI.isHouseholdMember)
+      .map(function (member) {
+        var personId = member['@person'].id;
+
+        return {
+          personId: personId,
+          relationships:
+            storageAPI.getAllManualRelationships()
+              .filter(storageAPI.isRelationshipType.bind(null, relationshipType))
+              .filter(storageAPI.isInRelationship.bind(null, personId))
+        }
+      })
+  }
+
+  /**
+   * Mutually exclusive relationship groups in priority order
+   */
+  var exclusiveGroups = {
+    'sibling': [],
+    'step-brother-sister': [],
+    'other-relation': [],
+    'unrelated': []
+  };
+
+  var explainedExclusiveGroups = {
+    'sibling': [],
+    'step-brother-sister': [],
+    'other-relation': [],
+    'unrelated': []
+  };
+
+  var explainedManyToManyGroups = [];
+
+  groupSummary.findMutualOf = function(relationshipInfo) {
+    var groupModelPeople = [],
+      personIsId = relationshipInfo['@personIs'].id,
+      personToId = relationshipInfo['@personTo'].id,
+      mutualGroups = groupSummary.mutuallyExclusiveGroupsViewModel(),
+      relationshipsExplained = [],
+      relationshipsIdsExplained = [];
+
+    $.each(mutualGroups, function(i, groupsByType) {
+      var found = _.find(groupsByType, function (group) {
+        return group.indexOf(personIsId) !== -1 &&
+          group.indexOf(personToId) !== -1;
+      });
+
+      if(found && !(explainedExclusiveGroups[i]
+        .indexOf(groupsByType.indexOf(found)) !== -1)
+      ) {
+        explainedExclusiveGroups[i].push(groupsByType.indexOf(found));
+        groupModelPeople = found;
+      }
+    });
+
+    $.each(groupModelPeople, function (i, person1Id) {
+      $.each(groupModelPeople, function (o, person2Id) {
+        var relationship = storageAPI.getRelationshipOf(person1Id, person2Id);
+
+        /**
+         * Guard
+         */
+        if (i === o || !relationship ||
+          relationshipsIdsExplained.indexOf(relationship.id) !== -1) {
+          return;
+        }
+
+        relationshipsIdsExplained.push(relationship.id);
+        relationshipsExplained = relationshipsExplained.concat(relationship);
+      });
+    });
+
+    return {
+      people: groupModelPeople,
+      relationshipsExplained: relationshipsExplained
+    };
+  };
+
+  groupSummary.mutuallyExclusiveGroupsViewModel = function () {
+    if (groupSummary.allMutuallyExclusiveGroups) {
+      return groupSummary.allMutuallyExclusiveGroups;
+    }
+
+    $.each(exclusiveGroups, function (relationshipType, group) {
+      var peopleAlreadyAllocated = _.uniq(_.flatten(_.keys(exclusiveGroups)
+        .map(function(k) {
+          return exclusiveGroups[k];
+        })));
+
+      /**
+       * Find all sibling group models first
+       */
+      var memberRelationshipsModels =
+        getMemberRelationshipModelsByType(relationshipType);
+
+      var memberPersonIdGroups = memberRelationshipsModels.map(function (model){
+        var people = model.relationships.map(
+          storageAPI.getOtherPersonIdFromRelationship.bind(null, model.personId)
+        );
+
+        if(people.length) {
+          people.push(model.personId);
+        }
+
+        return people;
+      });
+
+      /**
+       * Remove members already found in other mutual groups
+       */
+      var removedDuplicates = memberPersonIdGroups.map(function (group) {
+        var nonDuplicates = group.filter(function (personId) {
+          return peopleAlreadyAllocated.indexOf(personId) === -1;
+        });
+
+        return nonDuplicates;
+      });
+
+      /**
+       * Can only be one unrelated mutual group
+       */
+      if(relationshipType === 'unrelated') {
+        removedDuplicates = [_.intersection.apply(null, removedDuplicates)];
+      }
+
+      var uniqueGroupsByType = removedDuplicates
+        .reduce(function (accum, currentGroup) {
+          var matchFound = false;
+
+          $.each(accum, function (i, group) {
+            if(!_.difference(currentGroup, group).length) {
+              matchFound = true;
+            }
+          });
+
+          if(!accum.length || !matchFound) {
+            accum.push(currentGroup);
+          }
+
+          return accum;
+        }, []);
+
+      exclusiveGroups[relationshipType] = uniqueGroupsByType;
+    });
+
+    groupSummary.allMutuallyExclusiveGroups = exclusiveGroups;
+
+    return exclusiveGroups;
+  };
+
+  function isPersonInGroup(list, personTarget) {
+    return _.find(list, function (personId) {
+      return personId === personTarget;
+    });
+  }
+
+  groupSummary.findManyToManyWith = function(relationshipInfo) {
+    var personIsId = relationshipInfo['@personIs'].id,
+      personToId = relationshipInfo['@personTo'].id,
+
+      personIsGroups = groupSummary.getGroupsOf(personIsId, personToId),
+      personToGroups = groupSummary.getGroupsOf(personToId, personIsId),
+
+      relationshipsExplained = [],
+      /*relationshipsIdsExplained = []*/
+
+      /*[{
+          personRelatedGroup: [<people>],
+          otherPeopleGroup: [<people>]
+      }]*/
+      groups = [];
+
+    console.log('personIsGroups: ', personIsGroups);
+    console.log('personToGroups: ', personToGroups);
+
+    /**
+     * Check people in relationship aren't already found in a many to many
+     * relationship
+     */
+    if(_.find(explainedManyToManyGroups, function (group) {
+      return (
+        isPersonInGroup(group.personRelatedGroup, personIsId) &&
+        isPersonInGroup(group.otherPeopleGroup, personToId)
+        ) || (
+        isPersonInGroup(group.personRelatedGroup, personToId) &&
+        isPersonInGroup(group.otherPeopleGroup, personIsId)
+      );
+    })) {
+      return {
+        groups: groups,
+        relationshipsExplained: relationshipsExplained
+      };
+    }
+
+    groups = groups.concat(
+      manyToManyViewModels(relationshipInfo, personToGroups).groups,
+      manyToManyViewModels(relationshipInfo, personIsGroups).groups
+    );
+
+    /**
+     * Explain relationships
+     */
+    $.each(groups, function (i, group) {
+      $.each(group.personRelatedGroup, function (i, person1Id) {
+        $.each(group.otherPeopleGroup, function (o, person2Id) {
+          relationshipsExplained.push(storageAPI.getRelationshipOf(person1Id, person2Id));
+        });
+      });
+    });
+
+    return {
+      groups: groups,
+      relationshipsExplained: relationshipsExplained
+    };
+  };
+
+  /**
+   * Create many to many models
+   */
+  function manyToManyViewModels(relationshipInfo, personGroups) {
+    var groups = [];
+
+    $.each(personGroups, function (i, personGroup) {
+      $.each(personGroup, function (o, group) {
+        var personGroupByRelationship = group.map(function (personId) {
+            return storageAPI.getAllManualRelationships()
+              .filter(storageAPI.isInRelationship.bind(null, personId))
+              .filter(storageAPI.isRelationshipType
+                .bind(null, relationshipInfo.relationshipTypeId))
+              .map(storageAPI.getOtherPersonIdFromRelationship
+                .bind(null, personId));
+          }),
+
+          /**
+           * Smallest indifferent group
+           */
+          otherPeopleGroup = _.intersection
+            .apply(null, personGroupByRelationship),
+
+          personRelatedGroup = group,
+
+          model;
+
+        if(personRelatedGroup.length && otherPeopleGroup.length) {
+
+          /**
+           * Filter people on left side that have already been explained in
+           * many to many groups
+           * Refine otherPeopleGroup
+           */
+          $.each(explainedManyToManyGroups, function (t, explainedGroup) {
+
+            if(explainedGroup.relationshipTypeId ===
+              relationshipInfo.relationshipTypeId
+            ) {
+
+              /**
+               * If there is a match to the same group of other people in
+               * relationship
+               */
+              if(!_.difference(
+                otherPeopleGroup,
+                explainedGroup.otherPeopleGroup
+              ).length) {
+
+                /**
+                 * Only include people who haven't already been explained to
+                 * this otherPeopleGroup
+                 */
+                personRelatedGroup = _.difference(
+                  personRelatedGroup,
+                  explainedGroup.personRelatedGroup
+                );
+              }
+            }
+          });
+
+          if(!personRelatedGroup.length) {
+            return;
+          }
+
+          model = {
+            relationshipTypeId: relationshipInfo.relationshipTypeId,
+            personRelatedGroup: personRelatedGroup,
+            otherPeopleGroup: otherPeopleGroup
+          };
+
+          groups.push(model);
+          explainedManyToManyGroups.push(model);
+        }
+
+        console.log('personGroupByRelationship', personGroupByRelationship);
+        console.log('personRelatedGroup', personRelatedGroup);
+        console.log('otherPeopleGroup', otherPeopleGroup);
+      });
+    });
+
+    return {
+      groups: groups
+    };
+  }
+
+  groupSummary.getGroupsOf = function(person1Id, person2Id) {
+    var personGroups = [],
+      mutualGroups = groupSummary.mutuallyExclusiveGroupsViewModel();
+
+    /**
+     * TODO - Should this be grouped with other family?
+     * Find other double member groups to add to personIsGroups
+     */
+    var personFamilySingleGroups = storageAPI.getAllManualRelationships()
+      .filter(storageAPI.isInRelationship.bind(null, person1Id))
+      .filter(storageAPI.isRelationshipType.bind(null, [
+        'spouse', 'partner', 'step-child-parent', 'grandchild-grandparent'
+      ]))
+      .map(function (relationship) {
+        return [
+          storageAPI.getOtherPersonIdFromRelationship(person1Id, relationship),
+          person1Id
+        ];
+      });
+
+    /**
+     * Find mutual group that has personIs only and not personTo in relationship
+     * and isn't an unrelated mutual group
+     */
+    var personMutualGroup = _.find(mutualGroups,
+      function (groupsByType, gTypeKey) {
+        if(gTypeKey === 'unrelated') {
+          return false;
+        }
+
+        return _.find(groupsByType, function (group) {
+          return group.indexOf(person1Id) !== -1 &&
+            group.indexOf(person2Id) === -1;
+        })
+      });
+
+    /**
+     * TODO - Add family as group
+     * Hack - Refine sibling mutual groups with shared parents and inferred
+     * sibling relationships from familySummary viewModels
+     *
+     * Find all family with person1Id
+     * Find sibling mutual group with person1Id
+     *
+     * If person1Id has both, detect whether other siblings in group have the
+     * same parent(s).
+     *   If mutual siblings shares 2 parents, replace mutual group with family.
+     *   If mutual siblings share 1 parent, attempt to break mutual group into
+     *     siblings with two parent groups
+     *   else
+     *     Break into 1 parent to children group(s)
+     *
+     * else - theres is no conflict, add as additional group
+     */
+
+    personFamilySingleGroups.length && personGroups.push(personFamilySingleGroups);
+    personMutualGroup && personGroups.push(personMutualGroup);
+
+    return personGroups;
+  };
+
+  function familySingleSummary(relationship) {
+    var relationshipInfo = retrieveRelationshipInfo(relationship),
+      altDescriptionObj =
+        storageAPI.femaleAltGenderDescriptions[relationship.personIsDescription];
+
+    return {
+      relationshipsExplained: [relationship],
+      lines: [
+        storageAPI.relationshipSummaryTemplates['oneFamilyMemberToMany'](
+          relationshipInfo['@personIs'].fullName,
+          [
+            relationshipInfo['@personTo'].fullName
+          ],
+          (relationshipInfo['@personIs'].gender === 'female' && altDescriptionObj
+            ? altDescriptionObj
+            : relationshipInfo['relationshipDescription']
+          ).summaryAdjective
+        )
+      ]
+    }
+  }
+
+  function familySummary(relationship) {
+    var relationshipInfo = retrieveRelationshipInfo(relationship),
+
+      relationshipsExplained =  [],
+
+      lines = [],
+
+      parent = storageAPI.getHouseholdMemberByPersonId(
+        storageAPI.getParentIdFromRelationship(relationship)
+      )['@person'],
+
+      allRelationships = storageAPI.getAllRelationships(),
+
+      memberRelationships = allRelationships.filter(function(relationship) {
+        return storageAPI.isInRelationship(
+          parent.id,
+          relationship
+        );
+      }),
+
+      personIsChildrenRelationships = memberRelationships
+        .filter(storageAPI.isAParentInRelationship.bind(null, parent.id)),
+
+      personIsChildrenIds = personIsChildrenRelationships
+        .map(function (relationship) {
+          return storageAPI.getChildIdFromRelationship(relationship);
+        }),
+
+      /**
+       * Find all children from personIs relationships
+       */
+      personIsChildren = personIsChildrenIds.map(function (id) {
+        return storageAPI.getHouseholdMemberByPersonId(id)['@person'];
+      }),
+
+      childrenIdsToExplain = $.merge([], personIsChildrenIds),
+
+      otherSharedParentRelationships = allRelationships
+        .filter(
+          storageAPI.areAnyChildrenInRelationshipNotParent.bind(
+            null, personIsChildrenIds, parent.id
+          )
+        )
+        .filter(function (relationship) {
+          var parentIdFromRelationship = storageAPI
+            .getParentIdFromRelationship(relationship);
+
+          /**
+           * Guard
+           * Check if shared parent relationship has already been explained before creating a new viewModel
+           */
+          var existing = _.find(familySummary.sharedParentsViewModelHistory,
+            function (vModel) {
+
+            return _.difference(
+              [vModel.parent1, vModel.parent2],
+              [parentIdFromRelationship, parent.id]
+            ).length === 0;
+          });
+
+          return !existing;
+        }),
+
+      familyViewModelProduct = twoParentFamilyViewModelItems(
+        otherSharedParentRelationships,
+        parent
+      ),
+
+      /**
+       * Shared children relationships with parent
+       * Example: [
+       *    {
+       *        parent1: 1
+       *        parent2: 2,
+       *        children: []
+       *    }
+       * ]
+       */
+      viewModel = familyViewModelProduct.viewModel,
+      viewModelChildrenIdsExplained = familyViewModelProduct.childIdsExplained;
+
+    /**
+     * Remove children explained in shared parent relationships
+     */
+    utils.removeFromList(childrenIdsToExplain, viewModelChildrenIdsExplained);
+
+    /**
+     * Add extra relationships explained in view-model to list
+     */
+    relationshipsExplained = relationshipsExplained
+      .concat(familyViewModelProduct.relationshipsExplained);
+
+    /**
+     * Add parent relationships explained from viewModel
+     * (Might belong in the above exported relationshipsExplained)
+     */
+    var parentRelationshipsExplained = storageAPI.getRelationshipsWithPersonIds(
+      personIsChildrenRelationships,
+      allFamilyViewModelChildren(viewModel)
+    );
+
+    if (parentRelationshipsExplained) {
+      relationshipsExplained = relationshipsExplained
+        .concat(parentRelationshipsExplained);
+    }
+
+    /**
+     * Create lines for two parents of (shared parenthood)
+     */
+    $.each(viewModel, function (i, line) {
+      lines.push(storageAPI.relationshipSummaryTemplates['twoFamilyMembersToMany'](
+        parent.fullName,
+        storageAPI.getHouseholdMemberByPersonId(line.parent2)['@person'].fullName,
+        line.children.map(function(child) { return child.fullName; }),
+        storageAPI.relationshipDescriptionMap['mother-father'].summaryAdjective
+      ));
+    });
+
+    /**
+     * If there are children remaining without a shared parent relationship
+     * create a line for one parent of
+     */
+    if(childrenIdsToExplain.length) {
+
+      (function () {
+
+        /**
+         * Check children haven't already been explained in sharedParentHistory
+         */
+        var explainedChildrenFromHistory = allFamilyViewModelChildren(
+            familySummary.sharedParentsViewModelHistory
+          ),
+
+          remainingChildrenIds = childrenIdsToExplain
+            .filter(function (id) {
+              return explainedChildrenFromHistory.indexOf(id) === -1;
+            }),
+
+          remainingChildrenNames = remainingChildrenIds.map(function (id) {
+            return personIsChildren[personIsChildrenIds.indexOf(id)].fullName;
+          }),
+
+          /**
+           * Get associated relationships with parent for remaining relationships
+           */
+          remainingChildrenRelationships = storageAPI.getRelationshipsWithPersonIds(
+            personIsChildrenRelationships,
+            remainingChildrenIds
+          );
+
+        lines.push(storageAPI.relationshipSummaryTemplates['oneFamilyMemberToMany'](
+          parent.fullName,
+          remainingChildrenNames,
+
+          /**
+           * Force parent descripion for more efficient summary
+           */
+          storageAPI.relationshipDescriptionMap['mother-father'].summaryAdjective
+        ));
+
+        relationshipsExplained = relationshipsExplained
+          .concat(remainingChildrenRelationships);
+
+      }());
+    }
+
+    return {
+      relationshipsExplained: relationshipsExplained,
+      lines: lines
+    };
+  }
+
+  /**
+   * Cache of shared-parent view-models
+   */
+  familySummary.sharedParentsViewModelHistory = [];
+
+
+  function allFamilyViewModelChildren(viewModel) {
+    return _.uniq(
+      _.flatten(viewModel.map(function(vModel) {
+        return vModel.children.map(function (child) { return child.id; });
+      }))
+    );
+  }
+
+  /**
+   * Create view-model items to render lines of summaries
+   */
+  function twoParentFamilyViewModelItems(relationships, withPerson) {
+    var childIdsExplained = [],
+      relationshipsExplained = [],
+      viewModel = [];
+
+    $.each(relationships,
+      function (i, relationship) {
+        var parentIdFromRelationship = storageAPI
+          .getParentIdFromRelationship(relationship),
+          childId;
+
+        /**
+         * Check if parentId already exists in viewModel
+         * If if does, this becomes the item, else create new item
+         */
+        var item = _.find(viewModel, function (line) {
+          return line.parent2 === parentIdFromRelationship;
+        });
+
+        if(!item) {
+          item = {
+            parent1: withPerson.id,
+            parent2: parentIdFromRelationship,
+            children: []
+          };
+
+          viewModel.push(item);
+          familySummary.sharedParentsViewModelHistory.push(item);
+        }
+
+        childId = storageAPI.getChildIdFromRelationship(relationship);
+
+        /**
+         * Add child to viewModel
+         */
+        item.children
+          .push(storageAPI.getHouseholdMemberByPersonId(childId)['@person']);
+
+        childIdsExplained.push(childId);
+        relationshipsExplained.push(relationship);
+      }
+    );
+
+    return {
+      viewModel: viewModel,
+      childIdsExplained: childIdsExplained,
+      relationshipsExplained: relationshipsExplained
+    };
+  }
+
+
+  var relationshipTypesToSummaryStrategyMap = {
+    'spouse':                   'partnership',
+    'partner':                  'partnership',
+    'child-parent':             'family',
+    'sibling':                  'group',
+    'step-brother-sister':      'group',
+    'other-relation':           'group',
+    'unrelated':                'group',
+    'step-child-parent':        'family-single',
+    'grandchild-grandparent':   'family-single',
+    'parent-in-law':            'family-single',
+    'son-daughter-in-law':      'family-single'
+  };
+
+  /**
+   * Strategy interface:
+   * Parameters: relationship
+   * Returns: {
+   *   relationshipsExplained: [<relationship>],
+   *   summarylines: [<string (HTML)>]
+   * }
+   */
+  var summaryStrategies = {
+    'partnership': partnershipSummary,
+    'family': familySummary,
+    'group': groupSummary,
+    'family-single': familySingleSummary
+  };
+
+  $(updateRecords);
+  $(updateRouting);
+</script>
diff --git a/_prototypes/your-household-lms/relationships.html b/_prototypes/your-household-lms/relationships.html
new file mode 100644
index 0000000000..09c60250e2
--- /dev/null
+++ b/_prototypes/your-household-lms/relationships.html
@@ -0,0 +1,507 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+householdMembers:
+visitors:
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../summary">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            {% include navigation.html
+            items=site.data.your-household-v4.navigationItemsRelationships
+            nav-title-id="section-address" %}
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="">
+                    <div class="group">
+                        <div class="block">
+                            <section class="section" id="question-area">
+                                <div class="question">
+                                    <h1 class="question__title saturn">
+                                        <span class="js-relationship-person-is-relationship-description">...</span>
+                                    </h1>
+                                    <p class="question__description">
+                                        Complete the sentence by selecting
+                                        the appropriate relationship.
+                                    </p>
+
+                                    <div class="answer__fields js-fields">
+                                        <div class="field field--radio field--multiplechoice">
+                                            <fieldset class="grid u-mb-xl">
+                                                <div class="grid__col col-8@m">
+                                                    <div class="field__item js-focusable-box">
+                                                        <input class="input input--radio js-focusable"
+                                                               type="radio"
+                                                               name="relationship"
+                                                               id="husband-wife"
+                                                               value="husband-wife"/>
+                                                        <label id="husband-wife-label"
+                                                               class="label label--inline u-width-fill venus"
+                                                               for="husband-wife">Husband, wife or same sex civil partner</label>
+                                                    </div>
+                                                    <div class="field__item js-focusable-box">
+                                                        <input class="input input--radio js-focusable"
+                                                               type="radio"
+                                                               name="relationship"
+                                                               id="partner"
+                                                               value="partner"/>
+                                                        <label class="label label--inline venus"
+                                                               for="partner">
+                                                            Partner
+                                                        </label>
+                                                    </div>
+                                                    <div class="field__item js-focusable-box">
+                                                        <input class="input input--radio js-focusable"
+                                                               type="radio"
+                                                               name="relationship"
+                                                               id="mother-father"
+                                                               value="mother-father"/>
+                                                        <label class="label label--inline venus"
+                                                               for="mother-father">
+                                                            Parent
+                                                            <span class="pluto u-db">Including adopted parent</span>
+                                                        </label>
+                                                    </div>
+                                                    <div class="field__item js-focusable-box">
+                                                        <input class="input input--radio js-focusable"
+                                                               type="radio"
+                                                               name="relationship"
+                                                               id="step-mother-father"
+                                                               value="step-mother-father"/>
+                                                        <label class="label label--inline venus"
+                                                               for="step-mother-father">
+                                                            Step parent
+                                                        </label>
+                                                    </div>
+                                                    <div class="field__item js-focusable-box">
+                                                        <input class="input input--radio js-focusable"
+                                                               type="radio"
+                                                               name="relationship"
+                                                               id="parent-in-law"
+                                                               value="parent-in-law"/>
+                                                        <label class="label label--inline venus"
+                                                               for="parent-in-law">
+                                                            Parent-in-law
+                                                        </label>
+                                                    </div>
+                                                    <div class="field__item js-focusable-box">
+                                                        <input class="input input--radio js-focusable"
+                                                               type="radio"
+                                                               name="relationship"
+                                                               id="son-daughter"
+                                                               value="son-daughter"/>
+                                                        <label
+                                                                id="son-daughter-label"
+                                                               class="label label--inline venus"
+                                                               for="son-daughter">
+                                                            Son or daughter
+                                                            <span class="pluto u-db">Including adopted son or adopted daughter</span>
+                                                        </label>
+                                                    </div>
+                                                    <div class="field__item js-focusable-box">
+                                                        <input class="input input--radio js-focusable"
+                                                               type="radio"
+                                                               name="relationship"
+                                                               id="step-child"
+                                                               value="step-child"/>
+                                                        <label id="step-child-label"
+                                                               class="label label--inline venus"
+                                                               for="step-child">
+                                                            Stepson or
+                                                            stepdaughter
+                                                        </label>
+                                                    </div>
+                                                    <div class="field__item js-focusable-box">
+                                                        <input class="input input--radio js-focusable"
+                                                               type="radio"
+                                                               name="relationship"
+                                                               id="son-daughter-in-law"
+                                                               value="son-daughter-in-law"/>
+                                                        <label id="son-daughter-in-law-label"
+                                                               class="label label--inline venus"
+                                                               for="son-daughter-in-law">
+                                                            Son-in-law or
+                                                            daughter-in-law
+                                                        </label>
+                                                    </div>
+                                                    <div class="field__item js-focusable-box">
+                                                        <input class="input input--radio js-focusable"
+                                                               type="radio"
+                                                               name="relationship"
+                                                               id="brother-sister"
+                                                               value="brother-sister"/>
+                                                        <label id="brother-sister-label"
+                                                               class="label label--inline venus"
+                                                               for="brother-sister">
+                                                            Brother or sister
+                                                        </label>
+                                                    </div>
+                                                    <div class="field__item js-focusable-box">
+                                                        <input class="input input--radio js-focusable"
+                                                               type="radio"
+                                                               name="relationship"
+                                                               id="step-brother-sister"
+                                                               value="step-brother-sister"/>
+                                                        <label id="step-brother-sister-label"
+                                                               class="label label--inline venus"
+                                                               for="step-brother-sister">
+                                                            Stepbrother or
+                                                            stepsister
+                                                        </label>
+                                                    </div>
+                                                    <div class="field__item js-focusable-box">
+                                                        <input class="input input&#45;&#45;radio js-focusable"
+                                                               type="radio"
+                                                               name="relationship"
+                                                               id="grandparent"
+                                                               value="grandparent"/>
+                                                        <label class="label label&#45;&#45;inline venus"
+                                                               for="grandparent">
+                                                            Grandparent
+                                                        </label>
+                                                    </div>
+                                                    <div class="field__item js-focusable-box">
+                                                        <input class="input input--radio js-focusable"
+                                                               type="radio"
+                                                               name="relationship"
+                                                               id="grandchild"
+                                                               value="grandchild"/>
+                                                        <label class="label label--inline venus"
+                                                               for="grandchild">
+                                                            Grandchild
+                                                        </label>
+                                                    </div>
+                                                    <div class="field__item js-focusable-box">
+                                                        <input class="input input&#45;&#45;radio js-focusable"
+                                                               type="radio"
+                                                               name="relationship"
+                                                               id="other-relation"
+                                                               value="other-relation"/>
+                                                        <label class="label label&#45;&#45;inline venus"
+                                                               for="other-relation">
+                                                            Other relative
+                                                        </label>
+                                                    </div>
+                                                    <div class="field__item js-focusable-box">
+                                                        <input class="input input&#45;&#45;radio js-focusable"
+                                                               type="radio"
+                                                               name="relationship"
+                                                               id="unrelated"
+                                                               value="unrelated"/>
+                                                        <label class="label label&#45;&#45;inline venus"
+                                                               for="unrelated">
+                                                            Other non-relative
+                                                            <span class="pluto u-db">Including foster parent and foster child</span>
+                                                        </label>
+                                                    </div>
+                                                </div>
+                                            </fieldset>
+                                        </div>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<style>
+    .field--multiplechoice .field__item {
+        margin-right: 0;
+        width: 100%;
+        min-width: 0;
+        vertical-align: top;
+    }
+
+    .label .label--negative {
+        margin-left: -1.9rem;
+    }
+
+    .u-width-fill {
+        width: 100%;
+        min-width: 0;
+    }
+</style>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+    personIs,
+    personTo,
+
+    urlParams = new URLSearchParams(window.location.search),
+    editRelationshipId = urlParams.get('edit'),
+    editRelationshipFound = null,
+
+    surveyType = urlParams.get('survey'),
+    nextPageSurveyRouting = surveyType ? '&survey=' + surveyType : '';
+
+  function updateQuestion(missingRelationship, descriptionChosen) {
+    personIs = missingRelationship.personIs;
+    personTo = missingRelationship.personTo;
+
+    $('.js-relationship-person-is-relationship-description').html(
+      personIs['@person'].fullName +
+      " is the " +
+      " <span class='highlight'>" + (descriptionChosen || "...") + "</span>" +
+      " of " +
+      personTo['@person'].fullName
+    );
+  }
+
+  function updateAnswerDescription(personIs) {
+    var isFemale = personIs['@person'].gender === 'female';
+
+    /**
+     * Change answer descriptions based on gender of person
+     */
+    if(isFemale) {
+      $('#husband-wife-label').html(storageAPI.femaleAltGenderDescriptions['husband-wife'].description);
+      $('#son-daughter-label').html(storageAPI.femaleAltGenderDescriptions['son-daughter'].description);
+      $('#step-child-label').html(storageAPI.femaleAltGenderDescriptions['step-child'].description);
+      $('#son-daughter-in-law-label').html(storageAPI.femaleAltGenderDescriptions['son-daughter-in-law'].description);
+      $('#brother-sister-label').html(storageAPI.femaleAltGenderDescriptions['brother-sister'].description);
+      $('#step-brother-sister-label').html(storageAPI.femaleAltGenderDescriptions['step-brother-sister'].description);
+    }
+  }
+
+  function getChosenItem() {
+    var val = $('[name="relationship"]:checked').val();
+
+    return {
+      val: val,
+      description: storageAPI.relationshipDescriptionMap[val]
+    };
+  }
+
+  /**
+   * Edit relationship page setup
+   */
+  function journeyEditRelationship() {
+    editRelationshipFound = storageAPI.getAllRelationships()
+      .filter(function(relationship) {
+        return relationship.id + '' === editRelationshipId;
+      })[0];
+
+    var personIs =
+        storageAPI.getHouseholdMemberByPersonId(editRelationshipFound.personIsId),
+      personTo =
+        storageAPI.getHouseholdMemberByPersonId(editRelationshipFound.personToId);
+
+    if (editRelationshipFound) {
+      updateQuestion({
+        personIs: personIs,
+        personTo: personTo
+      });
+      updateAnswerDescription(personIs);
+      $('.qa-btn-submit')
+        .on('click', editSubmit_handler.bind(null, editRelationshipId));
+    }
+    else {
+      $('#question-area')
+        .html('<h1 class="saturn">Relationship not found</h1>');
+    }
+  }
+
+  function editSubmit_handler(relationshipId, e) {
+    e.preventDefault();
+
+    var chosenItem = getChosenItem(),
+      relationshipDescriptionVal = chosenItem.val,
+      relationshipDescription = chosenItem.description;
+
+    if (!relationshipDescription) {
+      throw Error('Relationship description not found: ', relationshipDescription);
+    }
+
+    storageAPI.editRelationship(relationshipId,
+      storageAPI.TYPES.relationship(
+        relationshipDescriptionVal,
+        editRelationshipFound.personIsId,
+        editRelationshipFound.personToId,
+      )
+    );
+
+    window.location.href = '../relationships-summary/?noop=1' +
+      nextPageSurveyRouting;
+  }
+
+  /**
+   * Create relationship page setup
+   */
+  function journeyCreateNewRelationship() {
+    var missingRelationship = storageAPI.findNextMissingRelationship();
+
+    if (missingRelationship) {
+      updateQuestion({
+        personIs: missingRelationship.personTo,
+        personTo: missingRelationship.personIs
+      });
+      updateAnswerDescription(missingRelationship.personTo);
+      $('.qa-btn-submit').on('click', missingSubmit_handler);
+    }
+    else {
+      $('#question-area')
+        .html('<h1 class="saturn">No missing relationships found</h1>');
+      $('.qa-btn-submit').on('click', function(e) {
+        e.preventDefault();
+
+        window.location.href = '../relationships-summary/?noop=1' + nextPageSurveyRouting;
+      });
+    }
+  }
+
+  function missingSubmit_handler(e) {
+    e.preventDefault();
+
+    var nextMissingRelationship,
+      chosenItem = getChosenItem(),
+      relationshipDescriptionVal = chosenItem.val,
+      relationshipDescription = chosenItem.description,
+      newRelationship,
+      dbRelationshipId;
+
+    if (!relationshipDescription) {
+      throw Error('Relationship description not found: ', relationshipDescription);
+    }
+
+    newRelationship = storageAPI.addRelationship(
+      storageAPI.TYPES.relationship(
+        relationshipDescriptionVal,
+        personIs['@person'].id,
+        personTo['@person'].id
+      )
+    );
+
+    dbRelationshipId = newRelationship.id;
+
+    window.history.replaceState(null, '', '?edit=' + dbRelationshipId + nextPageSurveyRouting);
+
+    //storageAPI.inferRelationships(newRelationship, personIs, personTo);
+
+    nextMissingRelationship = storageAPI.findNextMissingRelationship();
+
+    /**
+     * Routing
+     */
+    if (nextMissingRelationship) {
+
+      (function () {
+        var personIsId = personIs['@person'].id,
+          personToId = personTo['@person'].id,
+          subjectPersonId,
+          subjectRelationshipDescription;
+
+        /**
+         * Question strategies
+         *
+         * If child-parent relationship type was selected
+         * and there are missing relationships for this person
+         */
+        if(relationshipDescriptionVal === 'mother-father' &&
+          storageAPI.getPeopleIdsMissingRelationshipsWithPerson(personIsId).length) {
+          subjectPersonId = personIsId;
+        }
+        else if(relationshipDescriptionVal === 'son-daughter' &&
+          storageAPI.getPeopleIdsMissingRelationshipsWithPerson(personToId).length) {
+          subjectPersonId = personToId;
+          subjectRelationshipDescription = 'mother-father';
+        }
+        else if(relationshipDescriptionVal === 'unrelated' &&
+          storageAPI.getPeopleIdsMissingRelationshipsWithPerson(personIsId).length &&
+
+          /**
+           * And personIs already has the same relationship type with someone
+           * else
+           */
+          storageAPI.getAllManualRelationships()
+            .filter(storageAPI.isInRelationship.bind(null, personIsId))
+            .filter(storageAPI.isRelationshipType.bind(null, relationshipDescriptionVal))
+            .length > 1
+        ) {
+          subjectPersonId = personIsId;
+        }
+
+        subjectRelationshipDescription = subjectRelationshipDescription ||
+          relationshipDescriptionVal;
+
+        if(subjectPersonId) {
+          window.location.href = '../relationships-person-select/?person=' +
+            subjectPersonId + '&relationship-description=' +
+            subjectRelationshipDescription +
+            '&gender-preference=' + personIs['@person'].gender +
+            nextPageSurveyRouting;
+        }
+        else {
+          window.location.href = '../relationships/?noop=1' +
+            nextPageSurveyRouting;
+        }
+      }());
+    }
+    else {
+      window.location.href = '../relationships-summary/?noop=1' +
+        nextPageSurveyRouting;
+    }
+  }
+
+  $('[name="relationship"]').on('change', function() {
+
+    var relationshipDescription = storageAPI.relationshipDescriptionMap[$(this).val()],
+
+      altDescriptionObj = storageAPI.femaleAltGenderDescriptions[$(this).val()],
+
+      isNotFamily = ['unrelated', 'other-relation'].indexOf(
+        relationshipDescription.type.id
+      ) !== -1,
+
+      html = isNotFamily
+        ? personIs['@person'].fullName +
+          ' is <em class="highlight">' +
+            (altDescriptionObj ? altDescriptionObj.sentanceLabel : undefined) ||
+            relationshipDescription.sentanceLabel +
+          '</em> to ' +
+          personTo['@person'].fullName
+
+        : updateQuestion({
+          personIs: personIs,
+          personTo: personTo
+        }, (altDescriptionObj ? altDescriptionObj.sentanceLabel : undefined) ||
+          relationshipDescription.sentanceLabel);
+
+    $('.js-relationship-person-is-relationship-description').html(html);
+  });
+
+  $(function() {
+
+    /**
+     * Code branching - are we trying to edit or create a new relationship
+     */
+    if (editRelationshipId) {
+      journeyEditRelationship();
+    }
+    else {
+      journeyCreateNewRelationship();
+    }
+  });
+</script>
diff --git a/_prototypes/your-household-lms/section-intro.html b/_prototypes/your-household-lms/section-intro.html
new file mode 100644
index 0000000000..b7866b2b82
--- /dev/null
+++ b/_prototypes/your-household-lms/section-intro.html
@@ -0,0 +1,74 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <!--<div class="container">
+        <a class="js-previous-link mars" href="../confirm-address">Previous</a>
+    </div>-->
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <div class="group u-mb-xl" id="rsi">
+                    <div class="block" id="total-retail-turnover">
+                        <section class="section"
+                                 id="total-retail-turnover-section">
+                            <h1 class="saturn">People who live here</h1>
+
+                            <p class="mars">In this sub section, we’re going to
+                                ask you about all the people that live at or
+                                are visiting <strong
+                                        class="address-text"></strong>.
+                            </p>
+
+                            <h3 class="neptune">Information you will need:</h3>
+                            <ul class="mars">
+                                <li>Names of the people living at this
+                                    address</li>
+                                <li>Names of the visitors staying in the
+                                    household on 20 July 2018
+                                </li>
+                            </ul>
+                        </section>
+                    </div>
+                </div>
+
+                <button class="btn btn--primary btn--lg qa-btn-submit venus btn-submit"
+                        type="submit" name="">Continue
+                </button>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  $('.btn-submit').click(function(e) {
+    e.preventDefault(); // do not submit the form like usual
+    window.location = '../what-is-your-name/';
+  });
+
+  $(function() {
+    var oneWeekAgo = new Date();
+    oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
+    var options = {year: 'numeric', month: 'long', day: 'numeric'};
+    $('.one-week-ago').text(oneWeekAgo.toLocaleString('en-GB', options));
+  });
+</script>
+
+
+
diff --git a/_prototypes/your-household-lms/style.css b/_prototypes/your-household-lms/style.css
new file mode 100644
index 0000000000..c561320991
--- /dev/null
+++ b/_prototypes/your-household-lms/style.css
@@ -0,0 +1,36 @@
+.list.list--people-plain {
+  margin-bottom : 1rem;
+  list-style-type : none;
+}
+
+.list.list--people-plain .list__item {
+  background: url(/img/icons/person.svg) 0 .2rem no-repeat;
+}
+
+.list.list--people-plain .list__item-name {
+  padding-left: 1.5rem;
+}
+
+.list.list--people-plain .list__item-actions {
+  margin-top: -4px;
+}
+
+.list.list--people-plain .list__item-action + .list__item-action {
+  margin-left : .5rem;
+}
+
+/**
+ * Pattern library fix
+ */
+.header {
+  margin-bottom : 0;
+}
+
+.lock {
+    padding-left : 1.5rem;
+    background : url('../img/icons/lockicon.svg') no-repeat left top;
+}
+
+.footer {
+    margin-top : 7rem;
+}
diff --git a/_prototypes/your-household-lms/summary.html b/_prototypes/your-household-lms/summary.html
new file mode 100644
index 0000000000..0175be0621
--- /dev/null
+++ b/_prototypes/your-household-lms/summary.html
@@ -0,0 +1,293 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../visitors">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            {% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="">
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section"
+                                     id="total-retail-turnover-section">
+                                <div class="question u-mb-s"
+                                     id="total-retail-turnover-question">
+                                    <h1
+                                            class="question__title saturn js-heading">
+                                        People who live here
+                                    </h1>
+                                </div>
+
+                                <div class="panel panel--simple panel--success"
+                                     id="question-guidance-everyone-at-address-confirmation-question">
+                                    <strong class="u-mb-s">This sub section is
+                                        now complete</strong>
+                                    <ul class="mars"
+                                        style="list-style: none;padding: 0; margin-bottom: 0">
+                                        <li>You can check your answers below
+                                        </li>
+                                    </ul>
+                                </div>
+                                <br />
+
+                                <h2 class="neptune">Household members</h2>
+                                <ul id="household-members-summary"
+                                    class="list list--records list--people u-mb-s js-records"></ul>
+                                <p id="nobody-notice"
+                                   style="display:none;">Nobody usually
+                                    lives here</p>
+                                <p class="u-mb-xl">
+                                    <a href="../who-else-to-add"
+                                       class="js-add-to-household">
+                                        Add someone to this household</a>
+                                </p>
+
+                                <div class="js-visitors-people-list">
+                                    <h2 class="neptune">Visitors staying
+                                        overnight on 20 July 2018</h2>
+                                    <ul id="visitors-summary"
+                                        class="list list--records list--people u-mb-s js-records"></ul>
+                                    <p class="u-mb-xl"><a
+                                            href="../who-else-to-add?journey=visitors">Add someone to this household</a>
+                                    </p>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<div id="modal" class="modal" style="display: none;">
+    <div class="modal__window">
+        <h1 class="saturn">Are you sure you want to remove <span
+                class="js-person-name"></span>?</h1>
+        <p class="u-mb-m">All of the data associated with this person will be
+            deleted</p>
+
+        <div class="modal__buttons btn-group">
+            <button class="btn btn-group__btn btn--secondary venus close-modal-button">Cancel
+            </button>
+            <button class="btn btn-group__btn venus remove-member-button">
+                Confirm
+            </button>
+
+            <!--<div class="btn-group">
+                <button class="btn btn-group__btn js-record-edit">Change</button>
+                <button class="btn btn-group__btn btn&#45;&#45;secondary js-record-remove">Remove</button>
+            </div>-->
+        </div>
+    </div>
+</div>
+
+<ul style="display:none;">
+    <li id="person-record-template" class="list__item">
+        <span class="list__item-name js-person-name"></span>
+        <div class="list__item-actions u-fr">
+            <span class="list__item-action">
+                <a class="js-record-edit" href="#">Change</a>
+            </span>
+            <span class="list__item-action">
+                <button class="btn btn--secondary btn--small js-record-remove">Remove</button>
+            </span>
+        </div>
+    </li>
+</ul>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<style>
+    .list.list--records {
+        border-top: 1px solid #ccc;
+    }
+
+    .list.list--records .list__item {
+        margin-bottom: 0;
+        padding: 1rem 0;
+        border-bottom: 1px solid #ccc;
+    }
+
+    .list.list--people {
+        list-style-type: none;
+    }
+
+    .list.list--people .list__item {
+        background: url(/img/icons/person.svg) 0 1.3rem no-repeat;
+    }
+
+    .list.list--people .list__item-name {
+        padding-left: 2rem;
+    }
+
+    .list.list--people .list__item-actions {
+        margin-top: -4px;
+    }
+
+    .list.list--people .list__item-action + .list__item-action {
+        margin-left: .5rem;
+    }
+
+    .modal {
+        position: fixed;
+        z-index: 1000;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-color: rgba(0, 0, 0, 0.5);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .modal__window {
+        position: relative;
+        background-color: white;
+        max-width: 520px;
+        padding: 2rem;
+        text-align: center;
+    }
+</style>
+
+<script>
+  var urlParams = new URLSearchParams(window.location.search),
+    surveyType = urlParams.get('survey'),
+    nextPage = surveyType
+      ? '../relationships/?survey=' + surveyType
+      : '../relationships',
+    altPage = surveyType && surveyType === 'lms' ? surveyType + '/' : '';
+
+  function createMemberItem(member) {
+    var $nodeEl = $('#person-record-template').clone(),
+      personNameText = member['@person'].fullName,
+      memberIsUser = isUser(member);
+
+    if (memberIsUser) {
+      personNameText += ' (You)';
+    }
+
+    $nodeEl.attr('id', '');
+    $nodeEl.find('.js-person-name').html(personNameText);
+    $nodeEl.find('.js-record-remove')
+      .on('click', removeMember_handler.bind(null, member));
+
+    $nodeEl.find('.js-record-edit').attr('href', (
+      memberIsUser
+        ? '../' + altPage + 'what-is-your-name/?noop=1'
+        : '../' + altPage + 'who-else-to-add/?edit=' + member['@person'].id +
+          (member.type === window.ONS.storage.KEYS.VISITOR_TYPE ?
+           '&journey=visitors' : '')
+    ));
+
+    return $nodeEl;
+  }
+
+  function updateHouseholdMembersVisitors() {
+    var members = window.ONS.storage.getAllHouseholdMembers(),
+      userMember = members.filter(isUser)[0],
+      otherHouseholdMembers = members.filter(window.ONS.storage.isOtherHouseholdMember),
+      visitors = members.filter(window.ONS.storage.isVisitor),
+      householdMembers = otherHouseholdMembers;
+
+    $('#household-members-summary').html('');
+    $('#visitors-summary').html('');
+
+    if (userMember) {
+      householdMembers = [userMember].concat(otherHouseholdMembers);
+    }
+
+    $.each(householdMembers, function(i, member) {
+      $('#household-members-summary').append(createMemberItem(member));
+    });
+
+    if(!householdMembers.length) {
+      $('#nobody-notice').show();
+    }
+
+    if (visitors.length) {
+      $.each(visitors, function(i, member) {
+        $('#visitors-summary').append(createMemberItem(member));
+      });
+    }
+    else {
+      $('.js-visitors-people-list').hide();
+    }
+  }
+
+  function removeMember_handler(member, e) {
+    e.preventDefault();
+    var modal = $('#modal'),
+      original = modal.find('.remove-member-button'),
+      newNode = original.clone();
+
+    newNode.on('click', confirmRemoveMember_handler.bind(null, member));
+    original.replaceWith(newNode);
+
+    modal.find('.js-person-name').html(member['@person'].fullName);
+
+    modal.show();
+  }
+
+  function confirmRemoveMember_handler(member) {
+    window.ONS.storage.deleteHouseholdMember(member['@person'].id);
+    window.ONS.storage.deleteAllRelationshipsForMember(member['@person'].id);
+
+    updateHouseholdMembersVisitors();
+    $('#modal').hide();
+  }
+
+  $('#modal .close-modal-button').on('click', function(e) {
+    e.preventDefault();
+    $('#modal').hide();
+  });
+
+  $('.qa-btn-submit').on('click', function(e) {
+    e.preventDefault();
+
+    if (window.ONS.storage.getAllHouseholdMembers().length > 1) {
+      window.location.href = nextPage;
+    }
+    else {
+      alert('Journey for less than one person in household, not yet implemented');
+    }
+  });
+
+  function isUser(member) {
+    return member['@person'].id === window.ONS.storage.IDS.USER_HOUSEHOLD_MEMBER_ID;
+  }
+
+  function updateContent () {
+    var $addToHousehould = $('.js-add-to-household');
+
+    if (surveyType === 'lms') {
+      $('.js-heading').html('About your household');
+      $addToHousehould.attr('href', '../lms/who-else-to-add/');
+    }
+  }
+
+  $(updateContent);
+  $(updateHouseholdMembersVisitors);
+</script>
diff --git a/_prototypes/your-household-lms/temp-away-from-home.html b/_prototypes/your-household-lms/temp-away-from-home.html
new file mode 100644
index 0000000000..2df225834f
--- /dev/null
+++ b/_prototypes/your-household-lms/temp-away-from-home.html
@@ -0,0 +1,101 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars"
+           href="../does-anyone-else-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="">
+                    <input type="hidden" name="previous"
+                           value="temp-away-from-home"/>
+                    <input type="hidden" name="journey"
+                           value="temp-away-from-home"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section"
+                                     id="total-retail-turnover-section">
+
+                                <div class="question u-mb-s"
+                                     id="total-retail-turnover-question">
+                                    <h1 class="question__title saturn">
+                                        Is there anyone else living at
+                                        <span class="address-text"></span>
+                                        who is currently away?
+                                    </h1>
+                                </div>
+
+                                <ul id="household-members"></ul>
+
+                                <div class="answer__fields js-fields">
+                                    <div class="field field--radio field--multiplechoice ">
+                                        <fieldset class="u-mb-xl">
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable"
+                                                       type="radio"
+                                                       name="temporary-members"
+                                                       id="yes-someone-else">
+                                                <label class="label label--inline venus"
+                                                       for="yes-someone-else">Yes,
+                                                    I need to add another person
+                                                    <span class="pluto u-db label--negative">
+                                                        Include people working or studying away
+                                                        from home, armed forces, people outside
+                                                        the UK for less than 12 months</span>
+                                                </label>
+                                            </div>
+
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable"
+                                                       type="radio"
+                                                       name="temporary-members"
+                                                       id="no">
+                                                <label class="label label--inline venus"
+                                                       for="no">No, this
+                                                is everyone</label>
+                                            </div>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var yesbox = document.getElementById("yes-someone-else");
+  $('.qa-btn-submit').click(function(e) {
+    if (yesbox.checked) {
+      document.trav.action = "../who-else-to-add";
+    } else {
+      document.trav.action = "../temp-living-here";
+    }
+  });
+</script>
diff --git a/_prototypes/your-household-lms/temp-living-here-feedback.html b/_prototypes/your-household-lms/temp-living-here-feedback.html
new file mode 100644
index 0000000000..6a2f7283b6
--- /dev/null
+++ b/_prototypes/your-household-lms/temp-living-here-feedback.html
@@ -0,0 +1,97 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../who-else-to-add">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="">
+                    <input type="hidden" name="previous"
+                           value="temp-living-here"/>
+                    <input type="hidden" name="journey"
+                           value="temp-living-here"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section"
+                                     id="total-retail-turnover-section">
+                                <div class="question u-mb-s"
+                                     id="total-retail-turnover-question">
+                                    <h1 class="question__title saturn">
+                                        Is there anyone else staying at
+                                        <span class="address-text"></span>
+                                        who does not have another UK address?
+                                    </h1>
+                                </div>
+
+                                <ul id="household-members"></ul>
+
+                                <div class="answer__fields js-fields">
+                                    <div class="field field--radio field--multiplechoice ">
+                                        <fieldset class="u-mb-xl">
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable"
+                                                       type="radio"
+                                                       name="does-anyone-else-live-here"
+                                                       id="yes-someone-else"
+                                                       value="yes">
+                                                <label class="label label--inline venus"
+                                                       for="yes-someone-else"
+                                                       id="yes-someone-else-label">Yes,
+                                                    I need to add someone
+                                                </label>
+                                            </div>
+
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable"
+                                                       type="radio"
+                                                       name="does-anyone-else-live-here"
+                                                       id="no" value="no">
+                                                <label class="label label--inline venus"
+                                                       for="no">No, this is
+                                                    everyone</label>
+                                            </div>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var yesbox = document.getElementById("yes-someone-else");
+  $('.qa-btn-submit').click(function(e) {
+    if (!yesbox.checked) {
+      document.trav.action = "../visitors";
+    } else {
+      document.trav.action = "../who-else-to-add";
+    }
+  });
+</script>
diff --git a/_prototypes/your-household-lms/temp-living-here.html b/_prototypes/your-household-lms/temp-living-here.html
new file mode 100644
index 0000000000..27042ab4eb
--- /dev/null
+++ b/_prototypes/your-household-lms/temp-living-here.html
@@ -0,0 +1,111 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../who-else-to-add">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="">
+                    <input type="hidden" name="previous"
+                           value="temp-living-here"/>
+                    <input type="hidden" name="journey"
+                           value="temp-living-here"/>
+                    <div class="group" id="rsi">
+                        <div class="block" id="total-retail-turnover">
+                            <section class="section"
+                                     id="total-retail-turnover-section">
+                                <div class="question u-mb-s"
+                                     id="total-retail-turnover-question">
+                                    <h1 class="question__title saturn">
+                                        Is there anyone else staying at
+                                        <span class="address-text"></span>
+                                        who does not have another UK address?
+                                    </h1>
+                                </div>
+
+                                <ul id="household-members"></ul>
+
+                                <div
+                                        class="field field--checkbox field--multiplechoice field--exclusive u-mb-xl">
+                                    <fieldset>
+                                        <legend
+                                                class="field__legend mars u-vh">Select all that apply:</legend>
+                                        <div class="field__label venus">Select all that apply:</div>
+                                        <div class="field__item js-focusable-box">
+                                            <input
+                                                    class="input input--checkbox js-focusable js-exclusive-checkbox-group" name="away-type" value="no-address" id="no-address" type="checkbox" />
+                                            <label class="label label--inline venus " for="no-address">
+                                                Anyone staying temporarily who usually lives in the UK but does not have another UK address including friends and relatives
+                                            </label>
+                                        </div>
+                                        <div class="field__item js-focusable-box">
+                                            <input
+                                                    class="input input--checkbox js-focusable js-exclusive-checkbox-group" name="away-type" value="three-months-more" id="three-months-more" type="checkbox" />
+                                            <label class="label label--inline venus " for="three-months-more">
+                                                Anyone who usually lives outside
+                                                the UK who is staying in the UK
+                                                for 3 months or more
+                                            </label>
+                                        </div>
+                                        <div class="field__label u-mt-s venus" aria-hidden="true">Or</div>
+                                        <div class="field__item js-focusable-box">
+                                            <input
+                                                    class="input input--checkbox js-focusable js-exclusive-checkbox" name="away-type" value="no" id="none" type="checkbox" />
+                                            <label class="label label--inline venus " for="none">
+                                                <span class="u-vh">Or,</span>
+                                                No, there is no one else staying who does not have another UK address
+                                                <span
+                                                        class="u-vh">. Selecting this will uncheck all other checkboxes</span>
+                                            </label>
+                                            <span class="js-exclusive-checkbox-alert u-vh" role="alert" aria-live="polite" data-adjective="deselected"></span>
+                                        </div>
+                                    </fieldset>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var yesbox = document.getElementById("yes-someone-else");
+  $('.qa-btn-submit').click(function(e) {
+    /*if (yesbox.checked) {
+      document.trav.action = "../who-else-to-add";
+    } else {
+      document.trav.action = "../visitors";
+    }*/
+
+    if($('[name=away-type]:checked').val() === "no") {
+      document.trav.action = "../visitors";
+    } else {
+      document.trav.action = "../who-else-to-add";
+    }
+  });
+</script>
diff --git a/_prototypes/your-household-lms/temp-types-feedback.html b/_prototypes/your-household-lms/temp-types-feedback.html
new file mode 100644
index 0000000000..0b00592bc1
--- /dev/null
+++ b/_prototypes/your-household-lms/temp-types-feedback.html
@@ -0,0 +1,115 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../do-you-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form id="form" name="trav" class="form qa-questionnaire-form"
+                      role="form" autocomplete="off" novalidate="">
+                    <div class="group">
+                        <div class="block">
+                            <section class="section">
+                                <div class="question u-mb-s">
+                                    <h1 id="question-title"
+                                        class="question__title saturn">
+                                        Is there anyone else at
+                                        <span class="address-text"></span>
+                                        <span class="js-question-sentence-by-type"></span>?
+                                    </h1>
+                                </div>
+
+                                <div id="member-list"></div>
+
+                                <div class="answer__fields js-fields">
+                                    <div class="field field--radio field--multiplechoice ">
+                                        <fieldset class="u-mb-xl">
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable"
+                                                       type="radio"
+                                                       name="is-this-everyone"
+                                                       id="yes-someone-else"
+                                                       value="yes">
+                                                <label class="label label--inline venus"
+                                                       for="yes-someone-else"
+                                                       id="yes-someone-else-label">Yes, I need to add someone
+                                                </label>
+                                            </div>
+
+                                            <div class="field__item js-focusable-box">
+                                                <input class="input input--radio js-focusable"
+                                                       type="radio"
+                                                       name="is-this-everyone"
+                                                       id="no" value="no">
+                                                <label class="label label--inline venus"
+                                                       for="no">No, this is everyone</label>
+                                            </div>
+                                        </fieldset>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+      yesbox = document.getElementById("yes-someone-else"),
+      awayTypesStr = new URLSearchParams(window.location.search).get('away-types');
+
+  if(!awayTypesStr) {
+	  throw Error('No sentence for away type found');
+  }
+
+  var awayTypes = JSON.parse(awayTypesStr),
+	  awayTypeOriginal = [].concat(awayTypes);
+	  awayType = awayTypes.shift();
+
+  $('.qa-btn-submit').click(function(e) {
+  	e.preventDefault();
+
+    /**
+     * Routing
+     */
+    if (!yesbox.checked) {
+      window.location.href = '../temp-living-here';
+    } else {
+      window.location.href = '../temp-types-question?away-types=' +
+        JSON.stringify(awayTypeOriginal);
+    }
+  });
+
+  $(function() {
+    $('#member-list').html('<ul id="household-members"></ul>');
+    window.ONS.helpers.populateHouseholdList();
+
+    $('.js-question-sentence-by-type').html('who is temporarily away');
+    /*$('.js-question-sentence-by-type').html(storageAPI.tempAwayQuestionSentenceMap[awayType]);*/
+  });
+</script>
diff --git a/_prototypes/your-household-lms/temp-types-living-away.html b/_prototypes/your-household-lms/temp-types-living-away.html
new file mode 100644
index 0000000000..05b87e6fdf
--- /dev/null
+++ b/_prototypes/your-household-lms/temp-types-living-away.html
@@ -0,0 +1,150 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars"
+           href="../does-anyone-else-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="">
+                    <input type="hidden" name="away-journeys"
+                           value=""/>
+                    <div class="group">
+                        <div class="block">
+                            <section class="section">
+                                <div class="question u-mb-s"
+                                     id="total-retail-turnover-question">
+                                    <h1 class="question__title saturn js-heading">
+                                        <span class="js-heading-inner-part1"></span>
+                                        <span class="address-text"></span>
+                                        who is temporarily away?
+                                    </h1>
+                                </div>
+
+                                <ul id="household-members" class="u-mb-l"></ul>
+
+                                <div
+                                        class="field field--checkbox field--multiplechoice field--exclusive u-mb-xl">
+                                    <fieldset>
+                                        <legend
+                                                class="field__legend mars u-vh">Select all that apply:</legend>
+                                        <div class="field__label venus">Select all that apply:</div>
+                                        <div class="field__item js-focusable-box">
+                                            <input
+                                                    class="input input--checkbox js-focusable js-exclusive-checkbox-group" name="away-type" value="studying-away" id="studying-away" type="checkbox" />
+                                            <label class="label label--inline venus " for="studying-away">
+                                                Students and/or school
+                                                children who live away from
+                                                home during term time
+                                            </label>
+                                        </div>
+                                        <div class="field__item js-focusable-box">
+                                            <input
+                                                    class="input input--checkbox js-focusable js-exclusive-checkbox-group" name="away-type" value="armed-forces" id="armed-forces" type="checkbox" />
+                                            <label class="label label--inline venus " for="armed-forces">
+                                                Anyone working away from home
+                                                within the UK, including
+                                                members of the armed forces,
+                                                if this is their permanent or
+                                                family home
+                                            </label>
+                                        </div>
+                                        <div class="field__item js-focusable-box">
+                                            <input
+                                                    class="input input--checkbox js-focusable js-exclusive-checkbox-group" name="away-type" value="outside-uk" id="outside-uk" type="checkbox" />
+                                            <label class="label label--inline venus " for="outside-uk">
+                                                Anyone temporarily outside
+                                                the UK for less than 12 months
+                                            </label>
+                                        </div>
+                                        <div class="field__item js-focusable-box">
+                                            <input
+                                                    class="input input--checkbox js-focusable js-exclusive-checkbox-group" name="away-type" value="temp-away" id="temp-away" type="checkbox" />
+                                            <label class="label label--inline venus " for="temp-away">
+                                                Other people who usually live
+                                                here including anyone
+                                                temporarily away from home
+                                            </label>
+                                        </div>
+                                        <div class="field__label u-mt-s venus" aria-hidden="true">Or</div>
+                                        <div class="field__item js-focusable-box">
+                                            <input
+                                                    class="input input--checkbox js-focusable js-exclusive-checkbox" name="away-type" value="no" id="none" type="checkbox" />
+                                            <label class="label label--inline venus " for="none">
+                                                <span class="u-vh">Or,</span>
+                                                No, there is no one
+                                                temporarily away who counts
+                                                this address as their
+                                                permanent or family home
+                                                <span
+                                                    class="u-vh">. Selecting this will uncheck all other checkboxes</span>
+                                            </label>
+                                            <span class="js-exclusive-checkbox-alert u-vh" role="alert" aria-live="polite" data-adjective="deselected"></span>
+                                        </div>
+                                    </fieldset>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage,
+    members = storageAPI.getAllHouseholdMembers();
+
+  $('.qa-btn-submit').on('click', function(e) {
+    e.preventDefault();
+
+    var awayTypes = [], url;
+
+    $('[name=away-type]:checked').each(function (i, el) {
+      awayTypes.push($(el).val());
+    });
+
+    if($('[name=away-type]:checked').val() === "no") {
+        url = '../temp-living-here?away-types='
+    } else {
+        url = '../temp-types-question?away-types='
+    }
+
+    window.location = url +
+        JSON.stringify(awayTypes);
+  });
+
+  function updateQuestion () {
+    $('.js-heading-inner-part1').html(members.length ?
+      'Apart from the people already added, is there anyone else living at':
+      'Is there anyone else living at'
+    );
+  }
+
+  $(updateQuestion);
+
+</script>
diff --git a/_prototypes/your-household-lms/temp-types-question.html b/_prototypes/your-household-lms/temp-types-question.html
new file mode 100644
index 0000000000..18c769bbf7
--- /dev/null
+++ b/_prototypes/your-household-lms/temp-types-question.html
@@ -0,0 +1,134 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars"
+           href="../does-anyone-else-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="">
+                    <input type="hidden" name="away-journeys"
+                           value=""/>
+                    <div class="group">
+                        <div class="block">
+                            <section class="section">
+                                <div class="question u-mb-s"
+                                     id="total-retail-turnover-question">
+                                    <h1 class="question__title saturn">
+                                        Who do you need to add to
+                                        <span class="address-text"></span>
+                                        who is temporarily away from home?
+                                    </h1>
+                                </div>
+
+                                <fieldset
+                                        class="question__fieldset js-question-fieldset u-mb-xl">
+                                    <legend class="u-vh">What is your name?</legend>
+
+                                    <div class="question__answers">
+                                        <div class="question__answer">
+                                            <label class="label venus"
+                                                   for="first-name">
+                                                <div class="label__inner">
+                                                    First name
+                                                </div>
+                                            </label>
+                                            <input class="input input--text "
+                                                   id="first-name"
+                                                   data-qa="input-text" value=""/>
+                                        </div>
+
+                                        <div class="question__answer">
+                                            <label class="label venus ">
+                                                <div class="label__inner">
+                                                    Last name
+                                                </div>
+                                            </label>
+                                            <input class="input input--text "
+                                                   id="last-name"
+                                                   data-qa="input-text" value=""/>
+                                        </div>
+                                    </div>
+                                </fieldset>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg btn-submit venus"
+                            type="submit" name="">Continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var storageAPI = window.ONS.storage;
+  var awayTypesStr = new URLSearchParams(window.location.search).get('away-types');
+
+  if(!awayTypesStr) {
+    throw Error('No sentence for away type found');
+  }
+
+  var awayTypes = JSON.parse(awayTypesStr),
+    awayType = [].concat(awayTypes).shift();
+
+
+  var editUserId = new URLSearchParams(window.location.search).get('edit'),
+    memberFound = null;
+
+  if (editUserId) {
+    memberFound = window.ONS.storage.getAllHouseholdMembers()
+      .filter(function(member) {
+        return member['@person'].id === editUserId;
+      })[0];
+  }
+
+  if (editUserId && !memberFound) {
+    throw Error('Member not found');
+  }
+
+  $('.js-question-sentence-by-type').html(storageAPI.tempAwayQuestionSentenceMap[awayType]);
+
+  $('.btn-submit').on('click', function(e) {
+    e.preventDefault();
+
+    var person = storageAPI.TYPES.person({
+      firstName: document.getElementById('first-name').value,
+      lastName: document.getElementById('last-name').value
+    });
+
+    var personType = storageAPI.KEYS['HOUSEHOLD_MEMBER_TYPE'];
+
+    if (editUserId && memberFound) {
+      person.id = editUserId;
+      window.ONS.storage['updateHouseholdMember'](person, {type: personType});
+    }
+    else {
+      window.ONS.storage['addHouseholdMember'](person, {type: personType});
+    }
+
+    window.location.href = '../temp-types-feedback?away-types=' +
+      JSON.stringify(awayTypes);
+  });
+</script>
diff --git a/_prototypes/your-household-lms/test-address.html b/_prototypes/your-household-lms/test-address.html
new file mode 100644
index 0000000000..9821d7e3e8
--- /dev/null
+++ b/_prototypes/your-household-lms/test-address.html
@@ -0,0 +1,227 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<style>
+    .input--text-lg {
+        width : 100%;
+    }
+
+    .input--text-postcode {
+        max-width : 9.25rem;
+    }
+</style>
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+        </div>
+
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <div class="feedback__inline js-feedback-inline is-collapsed">
+                    <div class="feedback__border">
+                        <form id="feedback-form" method="POST"
+                              class="feedback__form">
+                            <input id="csrf_token" name="csrf_token"
+                                   type="hidden"
+                                   value="IjI4MWVjOTc4Mjk5NTE1NjQ5YjlmNWUzZTU4MGZlOGIzNGYwNDQwZTYi.DQfxeA.HzzQFY1qLDUwiMKKT_aAcR1OKUI">
+                            <div class="group">
+                                <div class="feedback__field">
+
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+
+                <div class="group u-mb-xl" id="what-is-your-address-group">
+                    <div class="block" id="what-is-your-address">
+                        <div class="question"
+                             id="what-is-your-address-question">
+                            <h1 class="question__title saturn"
+                                data-qa="question-title">
+                                What is your address?
+                            </h1>
+
+                            <fieldset
+                                    class="question__fieldset js-question-fieldset u-mb-m">
+
+                                <legend class="u-vh">What is your address?
+                                </legend>
+
+                                <div class="question__answers">
+                                    <div class="question__answer">
+                                        <div class="answer answer--textfield  "
+                                             id="container-address-line-1">
+                                            <div class="answer__fields js-fields">
+                                                <div class="field">
+                                                    <label class="label venus "
+                                                           for="address-line-1"
+                                                           id="label-address-line-1">
+                                                        <div class="label__inner">
+                                                            Building and street
+                                                        </div>
+                                                    </label>
+                                                    <input
+                                                            class="input input--text input--text-lg u-mb-s"
+                                                           id="address-line-1"
+                                                           name="address-line-1"
+                                                           data-qa="input-text"
+                                                           value=""/>
+
+                                                    <input class="input input--text input--text-lg"
+                                                           id="address-line-2"
+                                                           name="address-line-2"
+                                                           data-qa="input-text"
+                                                           value=""/>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <div class="question__answer">
+                                        <div class="answer answer--textfield  "
+                                             id="container-town-city">
+                                            <div class="answer__fields js-fields">
+                                                <div class="field">
+                                                    <label class="label venus "
+                                                           for="town-city"
+                                                           id="label-town-city">
+                                                        <div class="label__inner">
+                                                            Town or City
+
+                                                        </div>
+                                                    </label>
+
+                                                    <input class="input input--text "
+                                                           id="town-city"
+                                                           name="town-city"
+                                                           data-qa="input-text"
+                                                           value=""/>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <div class="question__answer">
+                                        <div class="answer answer--textfield  "
+                                             id="container-county">
+                                            <div class="answer__fields js-fields">
+                                                <div class="field">
+                                                    <label class="label venus "
+                                                           for="county"
+                                                           id="label-county">
+                                                        <div class="label__inner">
+                                                            County (optional)
+
+                                                        </div>
+                                                    </label>
+
+                                                    <input class="input input--text "
+                                                           id="county"
+                                                           name="county"
+                                                           data-qa="input-text"
+                                                           value=""/>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <div class="question__answer">
+                                        <div class="answer answer--textfield  "
+                                             id="container-postcode">
+                                            <div class="answer__fields js-fields">
+                                                <div class="field">
+                                                    <label class="label venus "
+                                                           for="postcode"
+                                                           id="label-postcode">
+                                                        <div class="label__inner">
+                                                            Postcode
+
+                                                        </div>
+                                                    </label>
+
+                                                    <input
+                                                            class="input input--text input--text-postcode"
+                                                           id="postcode"
+                                                           name="postcode"
+                                                           data-qa="input-text"
+                                                           value=""/>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </fieldset>
+                        </div>
+                    </div>
+                </div>
+
+                <button class="btn btn-submit btn--primary btn--lg"
+                        data-qa="btn-submit" type="submit"
+                        name="action[save_continue]">Continue
+                </button>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/standard-bundle.js'></script>
+
+<script>
+  $('.btn-submit').click(function(e) {
+    e.preventDefault(); // do not submit the form like usual
+
+    var isEditing =
+      new URLSearchParams(window.location.search).get('edit') === 'true';
+
+    sessionStorage.setItem('address', getAddress());
+
+    sessionStorage.setItem('address-line-1',
+      document.getElementById('address-line-1').value);
+    sessionStorage.setItem('address-line-2',
+      document.getElementById('address-line-2').value);
+    sessionStorage.setItem('town-city', document.getElementById('town-city').value);
+    sessionStorage.setItem('county', document.getElementById('county').value);
+    sessionStorage.setItem('postcode', document.getElementById('postcode').value);
+
+    window.location = isEditing ? '../confirm-address/' : '../lms/index/';
+  });
+
+  function getAddress() {
+    var array = [
+
+      document.getElementById('address-line-1').value,
+      document.getElementById('address-line-2').value,
+      document.getElementById('town-city').value,
+      document.getElementById('county').value,
+      document.getElementById('postcode').value,
+
+    ];
+    return array.filter(filterAddressLine).join(', ');
+  }
+
+  function filterAddressLine(value) {
+    return value;
+  }
+
+  function updateEditableAddress() {
+    $('#address-line-1').val(sessionStorage.getItem('address-line-1'));
+    $('#address-line-2').val(sessionStorage.getItem('address-line-2'));
+    $('#town-city').val(sessionStorage.getItem('town-city'));
+    $('#county').val(sessionStorage.getItem('county'));
+    $('#postcode').val(sessionStorage.getItem('postcode'));
+  }
+
+  $(updateEditableAddress);
+</script>
+
diff --git a/_prototypes/your-household-lms/test-data.html b/_prototypes/your-household-lms/test-data.html
new file mode 100644
index 0000000000..627703a9d7
--- /dev/null
+++ b/_prototypes/your-household-lms/test-data.html
@@ -0,0 +1,42 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="mars" href="../confirm-address">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <div class="group u-mb-xl" id="rsi">
+                    <div class="block" id="total-retail-turnover">
+                        <section class="section"
+                                 id="total-retail-turnover-section">
+                            <ul class="test-data-links">
+                            </ul>
+                        </section>
+                    </div>
+                </div>
+
+                <button class="btn btn--primary btn--lg qa-btn-submit venus btn-submit"
+                        type="submit" name="">Continue
+                </button>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+
diff --git a/_prototypes/your-household-lms/visitors.html b/_prototypes/your-household-lms/visitors.html
new file mode 100644
index 0000000000..f3f6d31ea6
--- /dev/null
+++ b/_prototypes/your-household-lms/visitors.html
@@ -0,0 +1,148 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../temp-away-from-home">
+            Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <form name="trav" class="form qa-questionnaire-form" role="form"
+                      autocomplete="off" novalidate="">
+                    <input type="hidden" name="previous" value="visitors"/>
+                    <input type="hidden" name="journey" value="visitors"/>
+                    <div class="group" id="rsi">
+                        <div class="block">
+                            <section class="section u-mb-xl">
+                                <div class="question">
+                                    <h1 class="question__title saturn">
+                                        Are there any visitors staying
+                                        overnight on 20 July 2018 at
+                                        <span class="address-text"></span>?
+                                    </h1>
+                                </div>
+
+                                <div class="answer">
+                                    <div class="answer__fields js-fields">
+                                        <div class="field field--checkbox field--multiplechoice field--exclusive">
+                                            <fieldset>
+                                                <legend
+                                                        class="field__legend mars u-vh">Select all that apply:</legend>
+                                                <div class="field__label venus">Select all that apply:</div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input
+                                                            class="input input--checkbox js-focusable js-exclusive-checkbox-group" name="away-type" value="usually-in-uk" id="usually-in-uk" type="checkbox" />
+                                                    <label class="label label--inline venus " for="usually-in-uk">
+                                                        Anyone who usually
+                                                        lives somewhere else
+                                                        in the UK, for
+                                                        example
+                                                        boy/girlfriends,
+                                                        friends or relatives
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input
+                                                            class="input input--checkbox js-focusable js-exclusive-checkbox-group" name="away-type" value="second-address" id="second-address" type="checkbox" />
+                                                    <label class="label label--inline venus " for="second-address">
+                                                        Anyone else staying here because it is their second address, for example, for work. Their permanent or family home is elsewhere
+                                                    </label>
+                                                </div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input
+                                                            class="input input--checkbox js-focusable js-exclusive-checkbox-group" name="away-type" value="less-three" id="less-three" type="checkbox" />
+                                                    <label class="label label--inline venus " for="less-three">
+                                                        Anyone who usually lives outside the UK who is staying in the UK for less than three months
+                                                    </label>
+                                                </div>
+
+                                                <div class="field__item js-focusable-box">
+                                                    <input
+                                                            class="input input--checkbox js-focusable js-exclusive-checkbox-group" name="away-type" value="on-holiday" id="on-holiday" type="checkbox" />
+                                                    <label class="label label--inline venus " for="on-holiday">
+                                                        Anyone who is here on
+                                                        holiday
+                                                    </label>
+                                                </div>
+                                                <div class="field__label u-mt-s venus" aria-hidden="true">Or</div>
+                                                <div class="field__item js-focusable-box">
+                                                    <input
+                                                            class="input input--checkbox js-focusable js-exclusive-checkbox" name="away-type" value="no" id="none" type="checkbox" />
+                                                    <label class="label label--inline venus " for="none">
+                                                        <span class="u-vh">Or,</span>
+                                                        No, there are no
+                                                        visitors staying
+                                                        overnight
+                                                        <span
+                                                                class="u-vh">. Selecting this will uncheck all other checkboxes</span>
+                                                    </label>
+                                                    <span class="js-exclusive-checkbox-alert u-vh" role="alert" aria-live="polite" data-adjective="deselected"></span>
+                                                </div>
+                                            </fieldset>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="definition js-details"
+                                     data-hide-label="Click to collapse."
+                                     data-show-label="Click to expand.">
+
+                                    <a href="#definition"
+                                       class="definition__link mars js-details-trigger u-no-js-hide icon--details"
+                                       aria-expanded="false"
+                                       data-js-accordion-event-label="Why your answer is important"
+                                       data-ga-label="definition-pattern-library"
+                                       data-ga-action="Definition click"
+                                       data-ga="click"
+                                       data-ga-category="Help">Why your answer is important <span class="u-vh js-details-label">Click to expand.</span></a>
+
+                                    <h3
+                                            class="venus u-no-js-show u-mb-no">Why your answer is important</h3>
+
+                                    <div id="definition" class="definition__main js-details-body">
+                                        <div class="definition__content mars">
+                                            <p>We ask for visitor information to check that everyone is counted. This helps to produce accurate population estimates. Add any visitors, even if you think they may have been counted elsewhere.</p>
+                                        </div>
+                                        <button class="btn btn--secondary btn--small definition__content-close-trigger js-details-trigger u-no-js-hide">Hide this</button>
+                                    </div>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <button class="btn btn--primary btn--lg qa-btn-submit venus"
+                            type="submit" name="">Save and continue
+                    </button>
+                </form>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var nobox = document.getElementById("none");
+  $('.qa-btn-submit').click(function(e) {
+    if (!nobox.checked) {
+      document.trav.action = "../who-else-to-add";
+    } else {
+      document.trav.action = "../summary";
+    }
+  });
+</script>
diff --git a/_prototypes/your-household-lms/what-is-your-name.html b/_prototypes/your-household-lms/what-is-your-name.html
new file mode 100644
index 0000000000..135c70b587
--- /dev/null
+++ b/_prototypes/your-household-lms/what-is-your-name.html
@@ -0,0 +1,118 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars" href="../section-intro">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <div class="feedback__inline js-feedback-inline is-collapsed">
+                    <div class="feedback__border">
+                    </div>
+                </div>
+
+                <div class="group">
+                    <div class="block">
+
+                        <div class="question">
+                            <h1 class="question__title saturn"
+                                data-qa="question-title">
+                                What is your name?
+                            </h1>
+
+                            <fieldset
+                                    class="question__fieldset u-mb-xl js-question-fieldset">
+                                <legend class="u-vh">What is your name?</legend>
+
+                                <div class="question__answers">
+                                    <div class="question__answer">
+                                        <label class="label venus"
+                                               for="first-name">
+                                            <div class="label__inner">
+                                                First name
+                                            </div>
+                                        </label>
+                                        <input class="input input--text "
+                                               id="first-name"
+                                               data-qa="input-text" value=""/>
+                                    </div>
+
+                                    <div class="question__answer">
+                                        <label class="label venus ">
+                                            <div class="label__inner">
+                                                Last name
+                                            </div>
+                                        </label>
+                                        <input class="input input--text "
+                                               id="last-name"
+                                               data-qa="input-text" value=""/>
+                                    </div>
+                                </div>
+                            </fieldset>
+                        </div>
+                    </div>
+                </div>
+
+                <button class="btn btn-submit btn--primary btn--lg"
+                        data-qa="btn-submit" type="submit"
+                        name="action[save_continue]">
+                    Save and continue
+                </button>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  $('.btn-submit').click(function(e) {
+    e.preventDefault(); // do not submit the form like usual
+    sessionStorage.setItem('name', getName());
+
+    window.ONS.storage.addUserPerson(window.ONS.storage.TYPES.person({
+      firstName: document.getElementById('first-name').value,
+      lastName: document.getElementById('last-name').value
+    }));
+
+    window.ONS.storage.deleteUserAsHouseholdMember();
+
+    window.location = '../do-you-live-here/';
+  });
+
+  function getName() {
+    return [
+      document.getElementById('first-name').value,
+      document.getElementById('last-name').value
+    ].filter(function(name) {
+      return name
+    }).join(' ')
+  }
+
+  $(function() {
+    var userPerson = window.ONS.storage.getUserPerson();
+
+    if (userPerson) {
+      $('#first-name').val(userPerson.firstName);
+      $('#last-name').val(userPerson.lastName);
+    }
+  });
+</script>
+
diff --git a/_prototypes/your-household-lms/who-else-to-add.html b/_prototypes/your-household-lms/who-else-to-add.html
new file mode 100644
index 0000000000..e8e5094c95
--- /dev/null
+++ b/_prototypes/your-household-lms/who-else-to-add.html
@@ -0,0 +1,177 @@
+---
+title: Household prototype v4
+project: your-household
+globalcss: false
+layout: eq-default-extras
+cdn: v1.5.0
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<div class="page__subheader">
+    <div class="container">
+        <a class="js-previous-link mars"
+           href="../does-anyone-else-live-here">Previous</a>
+    </div>
+</div>
+
+<div class="page__container container">
+    <div class="grid grid--reverse">
+        <div class="grid__col col-4@m">
+            <!--{% include navigation.html
+            items=site.data.your-household-v4.navigationItemsHousehold
+            nav-title-id="section-address" %}-->
+        </div>
+        <div class="grid__col col-7@m pull-1@m">
+            <main role="main" id="main" class="page__main">
+                <div class="feedback__inline js-feedback-inline is-collapsed">
+                    <div class="feedback__border">
+                    </div>
+                </div>
+
+                <div class="group">
+                    <div class="block">
+
+                        <div class="question">
+                            <h1 id="question-title"
+                                class="question__title saturn"
+                                data-qa="question-title">
+                                Who do you need to add to <span
+                                    class="address-text"></span>
+                            </h1>
+
+                            <div id="member-list"></div>
+
+                            <fieldset
+                                    class="question__fieldset js-question-fieldset u-mb-xl">
+                                <legend class="u-vh">What is your name?</legend>
+
+                                <div class="question__answers">
+                                    <div class="question__answer">
+                                        <label class="label venus"
+                                               for="first-name">
+                                            <div class="label__inner">
+                                                First name
+                                            </div>
+                                        </label>
+                                        <input class="input input--text "
+                                               id="first-name"
+                                               data-qa="input-text" value=""/>
+                                    </div>
+
+                                    <div class="question__answer">
+                                        <label class="label venus ">
+                                            <div class="label__inner">
+                                                Last name
+                                            </div>
+                                        </label>
+                                        <input class="input input--text "
+                                               id="last-name"
+                                               data-qa="input-text" value=""/>
+                                    </div>
+                                </div>
+                            </fieldset>
+                        </div>
+                    </div>
+                </div>
+
+                <button class="btn btn-submit btn--primary btn--lg"
+                        data-qa="btn-submit" type="submit"
+                        name="action[save_continue]">
+                    Save and continue
+                </button>
+            </main>
+        </div>
+    </div>
+</div>
+
+<script src='/js/compiled/your-household-lms/bundle.js'></script>
+
+<script>
+  var editUserId = new URLSearchParams(window.location.search).get('edit'),
+    memberFound = null;
+
+  if (editUserId) {
+    memberFound = window.ONS.storage.getAllHouseholdMembers()
+      .filter(function(member) {
+        return member['@person'].id === editUserId;
+      })[0];
+  }
+
+  if (editUserId && !memberFound) {
+    throw Error('Member not found');
+  }
+
+  $('.btn-submit').click(function(e) {
+    e.preventDefault(); // do not submit the form like usual
+
+    var person = window.ONS.storage.TYPES.person({
+      firstName: document.getElementById('first-name').value,
+      lastName: document.getElementById('last-name').value
+    });
+
+    var personType = window.ONS.storage.KEYS[
+      window.location.search.match(/journey=visitors/) ? 'VISITOR_TYPE' : 'HOUSEHOLD_MEMBER_TYPE'
+      ];
+
+    if (editUserId && memberFound) {
+      person.id = editUserId;
+      window.ONS.storage['updateHouseholdMember'](person, {type: personType});
+    }
+    else {
+      window.ONS.storage['addHouseholdMember'](person, {type: personType});
+    }
+
+    /**
+     * Routing
+     */
+    if (window.location.search.match(/journey=temp-living-here/)) {
+      window.location = '../temp-living-here-feedback/';
+    } else if (window.location.search.match(/journey=temp-away-from-home/)) {
+      window.location = '../temp-away-from-home/';
+    } else if (window.location.search.match(/journey=visitors/)) {
+      window.location = '../does-anyone-else-live-here/?journey=visitors';
+    } else {
+      window.location = '../does-anyone-else-live-here/';
+    }
+  });
+
+  $(function() {
+    var person,
+      storageAPI = window.ONS.storage,
+      addressLines = (sessionStorage.getItem('address') || '').split(','),
+      addressLine1 = addressLines[0],
+      addressLine2 = addressLines[1],
+      visitors = storageAPI.getAllHouseholdMembers()
+        .filter(storageAPI.isVisitor),
+      overrideTitle = 'Who ' + (visitors.length ? 'else ' : '') +
+        'is staying overnight on 20 July 2018 at ' +
+        addressLine1 + ', ' + addressLine2 + '?',
+
+      overrideTitleStayingOutsideUK = 'Who do you need to add to ' +
+        addressLine1 + ', ' + addressLine2 +
+        ' who does not have another UK address?';
+
+    if (window.location.search.match(/journey=visitors/)) {
+      $('#question-title').html(overrideTitle);
+      $('#member-list').html('<ul id="visitors-list"></ul>');
+      window.ONS.helpers.populateVisitorList();
+    }
+    else if (window.location.search.match(/journey=temp-living-here/)) {
+      $('#question-title').html(overrideTitleStayingOutsideUK);
+      $('#member-list').html('<ul id="household-members"></ul>');
+      window.ONS.helpers.populateHouseholdList();
+    }
+    else {
+      $('#member-list').html('<ul id="household-members"></ul>');
+      window.ONS.helpers.populateHouseholdList();
+    }
+
+    if (memberFound) {
+      person = memberFound['@person'];
+
+      $('#first-name').val(person.firstName);
+      $('#last-name').val(person.lastName);
+    }
+  });
+</script>
+