diff --git a/jest.config.js b/jest.config.js
index 398cf3684..3da535ea5 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -1,7 +1,7 @@
 const { createConfig } = require('@edx/frontend-build');
 
 module.exports = createConfig('jest', {
-  setupFiles: [
+  setupFilesAfterEnv: [
     '<rootDir>/src/setupTest.js',
   ],
 });
diff --git a/package-lock.json b/package-lock.json
index 5eec7fdc0..f28699923 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -49,11 +49,9 @@
         "@edx/browserslist-config": "^1.1.1",
         "@edx/frontend-build": "13.0.14",
         "@edx/reactifex": "2.2.0",
+        "@testing-library/jest-dom": "5.17.0",
         "@testing-library/react": "12.1.5",
-        "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
-        "enzyme": "3.11.0",
         "glob": "10.3.10",
-        "react-test-renderer": "17.0.2",
         "reactifex": "1.1.1",
         "redux-mock-store": "1.5.4"
       }
@@ -66,6 +64,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/@adobe/css-tools": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.3.2.tgz",
+      "integrity": "sha512-DA5a1C0gD/pLOvhv33YMrbf2FK3oUzwNl9oOJqE4XVjuEtt6XIakRcsd7eLiOSPkp1kTRQGICTA8cKra/vFbjw==",
+      "dev": true
+    },
     "node_modules/@ampproject/remapping": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
@@ -4438,6 +4442,18 @@
         "@types/yargs-parser": "*"
       }
     },
+    "node_modules/@jest/expect-utils": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.7.0.tgz",
+      "integrity": "sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==",
+      "dev": true,
+      "dependencies": {
+        "jest-get-type": "^29.6.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
     "node_modules/@jest/fake-timers": {
       "version": "26.6.2",
       "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-26.6.2.tgz",
@@ -4739,6 +4755,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
     "node_modules/@jest/source-map": {
       "version": "26.6.2",
       "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-26.6.2.tgz",
@@ -5049,6 +5077,23 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
@@ -5486,6 +5531,12 @@
         "react": ">=16.8.0"
       }
     },
+    "node_modules/@sinclair/typebox": {
+      "version": "0.27.8",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
+      "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
+      "dev": true
+    },
     "node_modules/@sinonjs/commons": {
       "version": "1.8.6",
       "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-1.8.6.tgz",
@@ -5764,6 +5815,41 @@
         "node": ">=12"
       }
     },
+    "node_modules/@testing-library/jest-dom": {
+      "version": "5.17.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-5.17.0.tgz",
+      "integrity": "sha512-ynmNeT7asXyH3aSVv4vvX4Rb+0qjOhdNHnO/3vuZNqPmhDpV/+rCSGwQ7bLcmU2cJ4dvoheIO85LQj0IbJHEtg==",
+      "dev": true,
+      "dependencies": {
+        "@adobe/css-tools": "^4.0.1",
+        "@babel/runtime": "^7.9.2",
+        "@types/testing-library__jest-dom": "^5.9.1",
+        "aria-query": "^5.0.0",
+        "chalk": "^3.0.0",
+        "css.escape": "^1.5.1",
+        "dom-accessibility-api": "^0.5.6",
+        "lodash": "^4.17.15",
+        "redent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8",
+        "npm": ">=6",
+        "yarn": ">=1"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/chalk": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/@testing-library/react": {
       "version": "12.1.5",
       "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-12.1.5.tgz",
@@ -6022,6 +6108,132 @@
         "@types/istanbul-lib-report": "*"
       }
     },
+    "node_modules/@types/jest": {
+      "version": "29.5.11",
+      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.11.tgz",
+      "integrity": "sha512-S2mHmYIVe13vrm6q4kN6fLYYAka15ALQki/vgDC3mIukEOx8WJlv0kQPM+d4w8Gp6u0uSdKND04IlTXBv0rwnQ==",
+      "dev": true,
+      "dependencies": {
+        "expect": "^29.0.0",
+        "pretty-format": "^29.0.0"
+      }
+    },
+    "node_modules/@types/jest/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@types/jest/node_modules/diff-sequences": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz",
+      "integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==",
+      "dev": true,
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@types/jest/node_modules/expect": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/expect/-/expect-29.7.0.tgz",
+      "integrity": "sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==",
+      "dev": true,
+      "dependencies": {
+        "@jest/expect-utils": "^29.7.0",
+        "jest-get-type": "^29.6.3",
+        "jest-matcher-utils": "^29.7.0",
+        "jest-message-util": "^29.7.0",
+        "jest-util": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@types/jest/node_modules/jest-diff": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz",
+      "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "diff-sequences": "^29.6.3",
+        "jest-get-type": "^29.6.3",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@types/jest/node_modules/jest-matcher-utils": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz",
+      "integrity": "sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "jest-diff": "^29.7.0",
+        "jest-get-type": "^29.6.3",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@types/jest/node_modules/jest-message-util": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz",
+      "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.12.13",
+        "@jest/types": "^29.6.3",
+        "@types/stack-utils": "^2.0.0",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "micromatch": "^4.0.4",
+        "pretty-format": "^29.7.0",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@types/jest/node_modules/pretty-format": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
+      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+      "dev": true,
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^18.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@types/jest/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+      "dev": true
+    },
+    "node_modules/@types/jest/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/@types/json-schema": {
       "version": "7.0.12",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
@@ -6175,6 +6387,15 @@
       "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.1.tgz",
       "integrity": "sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw=="
     },
+    "node_modules/@types/testing-library__jest-dom": {
+      "version": "5.14.9",
+      "resolved": "https://registry.npmjs.org/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.9.tgz",
+      "integrity": "sha512-FSYhIjFlfOpGSRyVoMBMuS3ws5ehFQODymf3vlI7U1K8c7PHwWwFY7VREfmsuzHSOnoKs/9/Y983ayOs7eRzqw==",
+      "dev": true,
+      "dependencies": {
+        "@types/jest": "*"
+      }
+    },
     "node_modules/@types/warning": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.0.tgz",
@@ -6188,6 +6409,15 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/yargs": {
+      "version": "17.0.32",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.32.tgz",
+      "integrity": "sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog==",
+      "dev": true,
+      "dependencies": {
+        "@types/yargs-parser": "*"
+      }
+    },
     "node_modules/@types/yargs-parser": {
       "version": "21.0.0",
       "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.0.tgz",
@@ -6365,46 +6595,6 @@
         }
       }
     },
-    "node_modules/@wojtekmaj/enzyme-adapter-react-17": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/@wojtekmaj/enzyme-adapter-react-17/-/enzyme-adapter-react-17-0.8.0.tgz",
-      "integrity": "sha512-zeUGfQRziXW7R7skzNuJyi01ZwuKCH8WiBNnTgUJwdS/CURrJwAhWsfW7nG7E30ak8Pu3ZwD9PlK9skBfAoOBw==",
-      "dev": true,
-      "dependencies": {
-        "@wojtekmaj/enzyme-adapter-utils": "^0.2.0",
-        "enzyme-shallow-equal": "^1.0.0",
-        "has": "^1.0.0",
-        "prop-types": "^15.7.0",
-        "react-is": "^17.0.0",
-        "react-test-renderer": "^17.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/wojtekmaj/enzyme-adapter-react-17?sponsor=1"
-      },
-      "peerDependencies": {
-        "enzyme": "^3.0.0",
-        "react": "^17.0.0-0",
-        "react-dom": "^17.0.0-0"
-      }
-    },
-    "node_modules/@wojtekmaj/enzyme-adapter-utils": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/@wojtekmaj/enzyme-adapter-utils/-/enzyme-adapter-utils-0.2.0.tgz",
-      "integrity": "sha512-ZvZm9kZxZEKAbw+M1/Q3iDuqQndVoN8uLnxZ8bzxm7KgGTBejrGRoJAp8f1EN8eoO3iAjBNEQnTDW/H4Ekb0FQ==",
-      "dev": true,
-      "dependencies": {
-        "function.prototype.name": "^1.1.0",
-        "has": "^1.0.0",
-        "object.fromentries": "^2.0.0",
-        "prop-types": "^15.7.0"
-      },
-      "funding": {
-        "url": "https://github.com/wojtekmaj/enzyme-adapter-utils?sponsor=1"
-      },
-      "peerDependencies": {
-        "react": "^17.0.0-0"
-      }
-    },
     "node_modules/@xtuc/ieee754": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
@@ -6755,25 +6945,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/array.prototype.filter": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.filter/-/array.prototype.filter-1.0.2.tgz",
-      "integrity": "sha512-us+UrmGOilqttSOgoWZTpOvHu68vZT2YCjc/H4vhu56vzZpaDFBhB+Se2UwqWzMKbDv7Myq5M5pcZLAtUvTQdQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4",
-        "es-array-method-boxes-properly": "^1.0.0",
-        "is-string": "^1.0.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/array.prototype.flat": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz",
@@ -7804,44 +7975,6 @@
       "resolved": "https://registry.npmjs.org/check-types/-/check-types-7.3.0.tgz",
       "integrity": "sha512-bzDMlwEIZFtyK70RHwQhMCvXpPyJZgOCCKlvH9oAJz4quUQse8ZynYE5RQzKpY7b5PoL6G+jQMcZzUPD4p6tFg=="
     },
-    "node_modules/cheerio": {
-      "version": "1.0.0-rc.12",
-      "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0-rc.12.tgz",
-      "integrity": "sha512-VqR8m68vM46BNnuZ5NtnGBKIE/DfN0cRIzg9n40EIq9NOv90ayxLBXA8fXC5gquFRGJSTRqBq25Jt2ECLR431Q==",
-      "dev": true,
-      "dependencies": {
-        "cheerio-select": "^2.1.0",
-        "dom-serializer": "^2.0.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.0.1",
-        "htmlparser2": "^8.0.1",
-        "parse5": "^7.0.0",
-        "parse5-htmlparser2-tree-adapter": "^7.0.0"
-      },
-      "engines": {
-        "node": ">= 6"
-      },
-      "funding": {
-        "url": "https://github.com/cheeriojs/cheerio?sponsor=1"
-      }
-    },
-    "node_modules/cheerio-select": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/cheerio-select/-/cheerio-select-2.1.0.tgz",
-      "integrity": "sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==",
-      "dev": true,
-      "dependencies": {
-        "boolbase": "^1.0.0",
-        "css-select": "^5.1.0",
-        "css-what": "^6.1.0",
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
     "node_modules/child_process": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/child_process/-/child_process-1.0.2.tgz",
@@ -7881,6 +8014,21 @@
         "node": ">=6.0"
       }
     },
+    "node_modules/ci-info": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
+      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/cjs-module-lexer": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-0.6.0.tgz",
@@ -8536,6 +8684,12 @@
         "url": "https://github.com/sponsors/fb55"
       }
     },
+    "node_modules/css.escape": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
+      "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
+      "dev": true
+    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -8999,12 +9153,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/discontinuous-range": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/discontinuous-range/-/discontinuous-range-1.0.0.tgz",
-      "integrity": "sha512-c68LpLbO+7kP/b1Hr1qs8/BJ09F5khZGTxqxZuhzxpmwJKOgRFHJWIb9/KmqnqHhLdO55aOxFH/EGBvUQbL/RQ==",
-      "dev": true
-    },
     "node_modules/dns-equal": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
@@ -9295,52 +9443,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/enzyme": {
-      "version": "3.11.0",
-      "resolved": "https://registry.npmjs.org/enzyme/-/enzyme-3.11.0.tgz",
-      "integrity": "sha512-Dw8/Gs4vRjxY6/6i9wU0V+utmQO9kvh9XLnz3LIudviOnVYDEe2ec+0k+NQoMamn1VrjKgCUOWj5jG/5M5M0Qw==",
-      "dev": true,
-      "dependencies": {
-        "array.prototype.flat": "^1.2.3",
-        "cheerio": "^1.0.0-rc.3",
-        "enzyme-shallow-equal": "^1.0.1",
-        "function.prototype.name": "^1.1.2",
-        "has": "^1.0.3",
-        "html-element-map": "^1.2.0",
-        "is-boolean-object": "^1.0.1",
-        "is-callable": "^1.1.5",
-        "is-number-object": "^1.0.4",
-        "is-regex": "^1.0.5",
-        "is-string": "^1.0.5",
-        "is-subset": "^0.1.1",
-        "lodash.escape": "^4.0.1",
-        "lodash.isequal": "^4.5.0",
-        "object-inspect": "^1.7.0",
-        "object-is": "^1.0.2",
-        "object.assign": "^4.1.0",
-        "object.entries": "^1.1.1",
-        "object.values": "^1.1.1",
-        "raf": "^3.4.1",
-        "rst-selector-parser": "^2.2.3",
-        "string.prototype.trim": "^1.2.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/enzyme-shallow-equal": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/enzyme-shallow-equal/-/enzyme-shallow-equal-1.0.5.tgz",
-      "integrity": "sha512-i6cwm7hN630JXenxxJFBKzgLC3hMTafFQXflvzHgPmDhOBhxUWDe8AeRv1qp2/uWJ2Y8z5yLWMzmAfkTOiOCZg==",
-      "dev": true,
-      "dependencies": {
-        "has": "^1.0.3",
-        "object-is": "^1.1.5"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/error-ex": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
@@ -9404,12 +9506,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/es-array-method-boxes-properly": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz",
-      "integrity": "sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==",
-      "dev": true
-    },
     "node_modules/es-module-lexer": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.3.0.tgz",
@@ -11873,19 +11969,6 @@
         "safe-buffer": "~5.1.0"
       }
     },
-    "node_modules/html-element-map": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/html-element-map/-/html-element-map-1.3.1.tgz",
-      "integrity": "sha512-6XMlxrAFX4UEEGxctfFnmrFaaZFNf9i5fNuV5wZ3WWQ4FVaNP1aX1LkX9j2mfEx1NpjeE/rL3nmgEn23GdFmrg==",
-      "dev": true,
-      "dependencies": {
-        "array.prototype.filter": "^1.0.0",
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/html-encoding-sniffer": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz",
@@ -11967,25 +12050,6 @@
         "webpack": "^5.20.0"
       }
     },
-    "node_modules/htmlparser2": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
-      "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
-      "dev": true,
-      "funding": [
-        "https://github.com/fb55/htmlparser2?sponsor=1",
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ],
-      "dependencies": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.0.1",
-        "entities": "^4.4.0"
-      }
-    },
     "node_modules/http-deceiver": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
@@ -12814,12 +12878,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-subset": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/is-subset/-/is-subset-0.1.1.tgz",
-      "integrity": "sha512-6Ybun0IkarhmEqxXCNw/C0bna6Zb/TkfUX9UbwJtK6ObwAVCxmAP308WWTHviM/zAqXk05cdhYsUsZeGQh99iw==",
-      "dev": true
-    },
     "node_modules/is-symbol": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
@@ -13800,6 +13858,15 @@
         "node": ">= 10.14.2"
       }
     },
+    "node_modules/jest-get-type": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz",
+      "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==",
+      "dev": true,
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
     "node_modules/jest-jasmine2": {
       "version": "26.6.3",
       "resolved": "https://registry.npmjs.org/jest-jasmine2/-/jest-jasmine2-26.6.3.tgz",
@@ -14820,6 +14887,23 @@
         "node": ">=8"
       }
     },
+    "node_modules/jest-util": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
+      "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
+      "dev": true,
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "graceful-fs": "^4.2.9",
+        "picomatch": "^2.2.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
     "node_modules/jest-watcher": {
       "version": "26.6.2",
       "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-26.6.2.tgz",
@@ -15264,29 +15348,11 @@
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
       "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
     },
-    "node_modules/lodash.escape": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/lodash.escape/-/lodash.escape-4.0.1.tgz",
-      "integrity": "sha512-nXEOnb/jK9g0DYMr1/Xvq6l5xMD7GDG55+GSYIYmS0G4tBk/hURD4JR9WCavs04t33WmJx9kCyp9vJ+mr4BOUw==",
-      "dev": true
-    },
-    "node_modules/lodash.flattendeep": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz",
-      "integrity": "sha512-uHaJFihxmJcEX3kT4I23ABqKKalJ/zDrDg0lsFtc1h+3uw49SIJ5beyhx5ExVRti3AvKoOJngIj7xz3oylPdWQ==",
-      "dev": true
-    },
     "node_modules/lodash.get": {
       "version": "4.4.2",
       "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
       "integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ=="
     },
-    "node_modules/lodash.isequal": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
-      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
-      "dev": true
-    },
     "node_modules/lodash.isfunction": {
       "version": "3.0.9",
       "resolved": "https://registry.npmjs.org/lodash.isfunction/-/lodash.isfunction-3.0.9.tgz",
@@ -15803,12 +15869,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/moo": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/moo/-/moo-0.5.2.tgz",
-      "integrity": "sha512-iSAJLHYKnX41mKcJKjqvnAN9sf0LMDTXDEvFv+ffuRR9a1MIuXLjMNL6EsnDHSkKLTWNqQQ5uo61P4EbU4NU+Q==",
-      "dev": true
-    },
     "node_modules/mrmime": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz",
@@ -15882,34 +15942,6 @@
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
       "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="
     },
-    "node_modules/nearley": {
-      "version": "2.20.1",
-      "resolved": "https://registry.npmjs.org/nearley/-/nearley-2.20.1.tgz",
-      "integrity": "sha512-+Mc8UaAebFzgV+KpI5n7DasuuQCHA89dmwm7JXw3TV43ukfNQ9DnBH3Mdb2g/I4Fdxc26pwimBWvjIw0UAILSQ==",
-      "dev": true,
-      "dependencies": {
-        "commander": "^2.19.0",
-        "moo": "^0.5.0",
-        "railroad-diagrams": "^1.0.0",
-        "randexp": "0.4.6"
-      },
-      "bin": {
-        "nearley-railroad": "bin/nearley-railroad.js",
-        "nearley-test": "bin/nearley-test.js",
-        "nearley-unparse": "bin/nearley-unparse.js",
-        "nearleyc": "bin/nearleyc.js"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://nearley.js.org/#give-to-nearley"
-      }
-    },
-    "node_modules/nearley/node_modules/commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "dev": true
-    },
     "node_modules/needle": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/needle/-/needle-3.2.0.tgz",
@@ -16169,22 +16201,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/object-is": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
-      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/object-keys": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
@@ -16522,31 +16538,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/parse5": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
-      "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
-      "dev": true,
-      "dependencies": {
-        "entities": "^4.4.0"
-      },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
-      }
-    },
-    "node_modules/parse5-htmlparser2-tree-adapter": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.0.0.tgz",
-      "integrity": "sha512-B77tOZrqqfUfnVcOrUvfdLbz4pu4RopLD/4vmu3HUPswwTA8OH0EMW9BlWR2B0RCoiZRAHEUu7IxeP1Pd1UU+g==",
-      "dev": true,
-      "dependencies": {
-        "domhandler": "^5.0.2",
-        "parse5": "^7.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
-      }
-    },
     "node_modules/parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -16639,12 +16630,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/performance-now": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
-      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
-      "dev": true
-    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -17804,21 +17789,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/raf": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
-      "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==",
-      "dev": true,
-      "dependencies": {
-        "performance-now": "^2.1.0"
-      }
-    },
-    "node_modules/railroad-diagrams": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/railroad-diagrams/-/railroad-diagrams-1.0.0.tgz",
-      "integrity": "sha512-cz93DjNeLY0idrCNOH6PviZGRN9GJhsdm9hpn1YCS879fj4W+x5IFJhhkRZcwVgMmFF7R82UA/7Oh+R8lLZg6A==",
-      "dev": true
-    },
     "node_modules/ramda": {
       "version": "0.28.0",
       "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.28.0.tgz",
@@ -17828,19 +17798,6 @@
         "url": "https://opencollective.com/ramda"
       }
     },
-    "node_modules/randexp": {
-      "version": "0.4.6",
-      "resolved": "https://registry.npmjs.org/randexp/-/randexp-0.4.6.tgz",
-      "integrity": "sha512-80WNmd9DA0tmZrw9qQa62GPPWfuXJknrmVmLcxvq4uZBdYqb1wYoKTmnlGUchvVWe0XiLupYkBoXVOxz3C8DYQ==",
-      "dev": true,
-      "dependencies": {
-        "discontinuous-range": "1.0.0",
-        "ret": "~0.1.10"
-      },
-      "engines": {
-        "node": ">=0.12"
-      }
-    },
     "node_modules/randombytes": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
@@ -18334,19 +18291,6 @@
         "react-dom": ">=16.8"
       }
     },
-    "node_modules/react-shallow-renderer": {
-      "version": "16.15.0",
-      "resolved": "https://registry.npmjs.org/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz",
-      "integrity": "sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==",
-      "dev": true,
-      "dependencies": {
-        "object-assign": "^4.1.1",
-        "react-is": "^16.12.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependencies": {
-        "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
     "node_modules/react-side-effect": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-2.1.2.tgz",
@@ -18389,21 +18333,6 @@
         "react": "^16.8.3 || ^17.0.0-0 || ^18.0.0"
       }
     },
-    "node_modules/react-test-renderer": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-17.0.2.tgz",
-      "integrity": "sha512-yaQ9cB89c17PUb0x6UfWRs7kQCorVdHlutU1boVPEsB8IDZH6n9tHxMacc3y0JoXOJUsZb/t/Mb8FUWMKaM7iQ==",
-      "dev": true,
-      "dependencies": {
-        "object-assign": "^4.1.1",
-        "react-is": "^17.0.2",
-        "react-shallow-renderer": "^16.13.1",
-        "scheduler": "^0.20.2"
-      },
-      "peerDependencies": {
-        "react": "17.0.2"
-      }
-    },
     "node_modules/react-transition-group": {
       "version": "4.4.5",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
@@ -19061,16 +18990,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/rst-selector-parser": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/rst-selector-parser/-/rst-selector-parser-2.2.3.tgz",
-      "integrity": "sha512-nDG1rZeP6oFTLN6yNDV/uiAvs1+FS/KlrEwh7+y7dpuApDBy6bI2HTBcc0/V8lv9OTqfyD34eF7au2pm8aBbhA==",
-      "dev": true,
-      "dependencies": {
-        "lodash.flattendeep": "^4.4.0",
-        "nearley": "^2.7.10"
-      }
-    },
     "node_modules/rsvp": {
       "version": "4.8.5",
       "resolved": "https://registry.npmjs.org/rsvp/-/rsvp-4.8.5.tgz",
diff --git a/package.json b/package.json
index ab1e5280b..818d41db6 100644
--- a/package.json
+++ b/package.json
@@ -68,11 +68,9 @@
     "@edx/browserslist-config": "^1.1.1",
     "@edx/frontend-build": "13.0.14",
     "@edx/reactifex": "2.2.0",
+    "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "12.1.5",
-    "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
-    "enzyme": "3.11.0",
     "glob": "10.3.10",
-    "react-test-renderer": "17.0.2",
     "reactifex": "1.1.1",
     "redux-mock-store": "1.5.4"
   }
diff --git a/src/head/Head.test.jsx b/src/head/Head.test.jsx
index 91eab5eb5..a10eb5f82 100644
--- a/src/head/Head.test.jsx
+++ b/src/head/Head.test.jsx
@@ -1,14 +1,14 @@
 import React from 'react';
 import { IntlProvider } from '@edx/frontend-platform/i18n';
 import { Helmet } from 'react-helmet';
-import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
 import { getConfig } from '@edx/frontend-platform';
 import Head from './Head';
 
 describe('Head', () => {
   const props = {};
   it('should match render title tag and favicon with the site configuration values', () => {
-    mount(<IntlProvider locale="en"><Head {...props} /></IntlProvider>);
+    render(<IntlProvider locale="en"><Head {...props} /></IntlProvider>);
     const helmet = Helmet.peek();
     expect(helmet.title).toEqual(`Profile | ${getConfig().SITE_NAME}`);
     expect(helmet.linkTags[0].rel).toEqual('shortcut icon');
diff --git a/src/profile/ProfilePage.test.jsx b/src/profile/ProfilePage.test.jsx
index 411ca4536..997a92e86 100644
--- a/src/profile/ProfilePage.test.jsx
+++ b/src/profile/ProfilePage.test.jsx
@@ -3,11 +3,10 @@ import { getConfig } from '@edx/frontend-platform';
 import * as analytics from '@edx/frontend-platform/analytics';
 import { AppContext } from '@edx/frontend-platform/react';
 import { configure as configureI18n, IntlProvider } from '@edx/frontend-platform/i18n';
-import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Provider } from 'react-redux';
-import renderer from 'react-test-renderer';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
 
@@ -100,7 +99,7 @@ describe('<ProfilePage />', () => {
         config: getConfig(),
       };
       const component = <ProfilePageWrapper contextValue={contextValue} store={mockStore(storeMocks.loadingApp)} />;
-      const tree = renderer.create(component).toJSON();
+      const { container: tree } = render(component);
       expect(tree).toMatchSnapshot();
     });
 
@@ -110,7 +109,7 @@ describe('<ProfilePage />', () => {
         config: getConfig(),
       };
       const component = <ProfilePageWrapper contextValue={contextValue} store={mockStore(storeMocks.viewOwnProfile)} />;
-      const tree = renderer.create(component).toJSON();
+      const { container: tree } = render(component);
       expect(tree).toMatchSnapshot();
     });
 
@@ -144,7 +143,7 @@ describe('<ProfilePage />', () => {
           match={{ params: { username: 'verified' } }} // Override default match
         />
       );
-      const tree = renderer.create(component).toJSON();
+      const { container: tree } = render(component);
       expect(tree).toMatchSnapshot();
     });
 
@@ -159,7 +158,7 @@ describe('<ProfilePage />', () => {
           store={mockStore(storeMocks.savingEditedBio)}
         />
       );
-      const tree = renderer.create(component).toJSON();
+      const { container: tree } = render(component);
       expect(tree).toMatchSnapshot();
     });
 
@@ -176,7 +175,7 @@ describe('<ProfilePage />', () => {
           store={mockStore(storeData)}
         />
       );
-      const tree = renderer.create(component).toJSON();
+      const { container: tree } = render(component);
       expect(tree).toMatchSnapshot();
     });
 
@@ -194,7 +193,7 @@ describe('<ProfilePage />', () => {
           store={mockStore(storeData)}
         />
       );
-      const tree = renderer.create(component).toJSON();
+      const { container: tree } = render(component);
       expect(tree).toMatchSnapshot();
     });
 
@@ -212,7 +211,7 @@ describe('<ProfilePage />', () => {
           store={mockStore(storeData)}
         />
       );
-      const tree = renderer.create(component).toJSON();
+      const { container: tree } = render(component);
       expect(tree).toMatchSnapshot();
     });
 
@@ -230,7 +229,7 @@ describe('<ProfilePage />', () => {
           store={mockStore(storeData)}
         />
       );
-      const tree = renderer.create(component).toJSON();
+      const { container: tree } = render(component);
       expect(tree).toMatchSnapshot();
     });
 
@@ -248,7 +247,7 @@ describe('<ProfilePage />', () => {
           store={mockStore(storeMocks.viewOwnProfile)}
         />
       );
-      const tree = renderer.create(component).toJSON();
+      const { container: tree } = render(component);
       expect(tree).toMatchSnapshot();
     });
     it('test age message alert', () => {
@@ -259,17 +258,15 @@ describe('<ProfilePage />', () => {
         authenticatedUser: { userId: 123, username: 'staff', administrator: true },
         config: { ...getConfig(), COLLECT_YEAR_OF_BIRTH: true },
       };
-      const component = (
+      const { container } = render(
         <ProfilePageWrapper
           contextValue={contextValue}
           store={mockStore(storeData)}
           requiresParentalConsent
-        />
+        />,
       );
-      const wrapper = mount(component);
-      wrapper.update();
 
-      expect(wrapper.find('.alert-info').hasClass('show')).toBe(true);
+      expect(container.querySelector('.alert-info')).toHaveClass('show');
     });
     it('test photo error alert', () => {
       const storeData = JSON.parse(JSON.stringify(storeMocks.viewOwnProfile));
@@ -278,11 +275,15 @@ describe('<ProfilePage />', () => {
         authenticatedUser: { userId: 123, username: 'staff', administrator: true },
         config: { ...getConfig(), COLLECT_YEAR_OF_BIRTH: true },
       };
-      const component = <ProfilePageWrapper contextValue={contextValue} store={mockStore(storeData)} />;
-      const wrapper = mount(component);
-      wrapper.update();
+      const { container } = render(
+        <ProfilePageWrapper
+          contextValue={contextValue}
+          store={mockStore(storeData)}
+          requiresParentalConsent
+        />,
+      );
 
-      expect(wrapper.find('.alert-danger').hasClass('show')).toBe(true);
+      expect(container.querySelector('.alert-danger')).toHaveClass('show');
     });
   });
 
@@ -292,15 +293,13 @@ describe('<ProfilePage />', () => {
         authenticatedUser: { userId: 123, username: 'staff', administrator: true },
         config: getConfig(),
       };
-      const component = (
+      render(
         <ProfilePageWrapper
           contextValue={contextValue}
           store={mockStore(storeMocks.loadingApp)}
           params={{ username: 'test-username' }}
-        />
+        />,
       );
-      const wrapper = mount(component);
-      wrapper.update();
 
       expect(analytics.sendTrackingLogEvent.mock.calls.length).toBe(1);
       expect(analytics.sendTrackingLogEvent.mock.calls[0][0]).toEqual('edx.profile.viewed');
diff --git a/src/profile/__snapshots__/ProfilePage.test.jsx.snap b/src/profile/__snapshots__/ProfilePage.test.jsx.snap
index 8ecdb3ba3..fc4bb65b4 100644
--- a/src/profile/__snapshots__/ProfilePage.test.jsx.snap
+++ b/src/profile/__snapshots__/ProfilePage.test.jsx.snap
@@ -1,30 +1,28 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ProfilePage /> Renders correctly in various states app loading 1`] = `
-<div
-  className="profile-page"
->
+<div>
   <div
-    className="profile-page-bg-banner bg-primary d-md-block p-relative"
-  />
-  <div>
+    class="profile-page"
+  >
     <div
-      className="d-flex justify-content-center align-items-center flex-column"
-      style={
-        Object {
-          "height": "50vh",
-        }
-      }
-    >
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
+    />
+    <div>
       <div
-        className="spinner-border text-primary"
-        role="status"
+        class="d-flex justify-content-center align-items-center flex-column"
+        style="height: 50vh;"
       >
-        <span
-          className="sr-only"
+        <div
+          class="spinner-border text-primary"
+          role="status"
         >
-          Profile loading...
-        </span>
+          <span
+            class="sr-only"
+          >
+            Profile loading...
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -32,2375 +30,2194 @@ exports[`<ProfilePage /> Renders correctly in various states app loading 1`] = `
 `;
 
 exports[`<ProfilePage /> Renders correctly in various states test country edit with error 1`] = `
-<div
-  className="profile-page"
->
-  <div
-    className="profile-page-bg-banner bg-primary d-md-block p-relative"
-  />
+<div>
   <div
-    className="container-fluid"
+    class="profile-page"
   >
     <div
-      className="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
+    />
+    <div
+      class="container-fluid"
     >
       <div
-        className="col-auto col-md-4 col-lg-3"
+        class="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0"
       >
         <div
-          className="d-flex align-items-center d-md-block"
+          class="col-auto col-md-4 col-lg-3"
         >
           <div
-            className="profile-avatar-wrap position-relative"
+            class="d-flex align-items-center d-md-block"
           >
             <div
-              className="profile-avatar rounded-circle bg-light"
+              class="profile-avatar-wrap position-relative"
             >
               <div
-                className="profile-avatar-menu-container"
+                class="profile-avatar rounded-circle bg-light"
               >
                 <div
-                  className="pgn__dropdown pgn__dropdown-light dropdown"
-                  data-testid="dropdown"
+                  class="profile-avatar-menu-container"
                 >
-                  <button
-                    aria-expanded={false}
-                    aria-haspopup={true}
-                    className="dropdown-toggle btn btn-primary"
-                    disabled={false}
-                    onClick={[Function]}
-                    type="button"
+                  <div
+                    class="pgn__dropdown pgn__dropdown-light dropdown"
+                    data-testid="dropdown"
                   >
-                    Change
-                  </button>
+                    <button
+                      aria-expanded="false"
+                      aria-haspopup="true"
+                      class="dropdown-toggle btn btn-primary"
+                      type="button"
+                    >
+                      Change
+                    </button>
+                  </div>
                 </div>
+                <img
+                  alt="profile avatar"
+                  class="w-100 h-100 d-block rounded-circle overflow-hidden"
+                  data-hj-suppress="true"
+                  src="http://localhost:18000/media/profile-images/d2a9bdc2ba165dcefc73265c54bf9a20_500.jpg?v=1552495012"
+                  style="object-fit: cover;"
+                />
               </div>
-              <img
-                alt="profile avatar"
-                className="w-100 h-100 d-block rounded-circle overflow-hidden"
-                data-hj-suppress={true}
-                src="http://localhost:18000/media/profile-images/d2a9bdc2ba165dcefc73265c54bf9a20_500.jpg?v=1552495012"
-                style={
-                  Object {
-                    "objectFit": "cover",
-                  }
-                }
-              />
+              <form
+                enctype="multipart/form-data"
+              >
+                <input
+                  accept=".jpg, .jpeg, .png"
+                  class="d-none form-control-file"
+                  id="photo-file"
+                  name="file"
+                  type="file"
+                />
+              </form>
             </div>
-            <form
-              encType="multipart/form-data"
-              onSubmit={[Function]}
-            >
-              <input
-                accept=".jpg, .jpeg, .png"
-                className="d-none form-control-file"
-                id="photo-file"
-                name="file"
-                onChange={[Function]}
-                type="file"
-              />
-            </form>
           </div>
         </div>
-      </div>
-      <div
-        className="col"
-      >
-        <div
-          className="d-md-none"
-        >
-          <span
-            data-hj-suppress={true}
-          >
-            <h1
-              className="h2 mb-0 font-weight-bold text-truncate"
-            >
-              staff
-            </h1>
-            <p
-              className="mb-0"
-            >
-              Member since 
-              2017
-            </p>
-            <hr
-              className="d-none d-md-block"
-            />
-          </span>
-        </div>
-        <div
-          className="d-none d-md-block float-right"
-        >
-          <a
-            className="pgn__hyperlink default-link standalone-link btn btn-primary"
-            href="http://localhost:18150/records"
-            onClick={[Function]}
-            rel="noopener noreferrer"
-            target="_blank"
-          >
-            View My Records
-            <span
-              className="pgn__hyperlink__external-icon"
-              title="Opens in a new tab"
-            >
-              <span
-                className="pgn__icon"
-                style={
-                  Object {
-                    "height": "1em",
-                    "width": "1em",
-                  }
-                }
-              >
-                <svg
-                  aria-hidden={true}
-                  fill="none"
-                  focusable={false}
-                  height={24}
-                  role="img"
-                  viewBox="0 0 24 24"
-                  width={24}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  className="sr-only"
-                >
-                  in a new tab
-                </span>
-              </span>
-            </span>
-          </a>
-        </div>
-      </div>
-    </div>
-    <div
-      className="row"
-    >
-      <div
-        className="col-md-4 col-lg-4"
-      >
-        <div
-          className="d-none d-md-block mb-4"
-        >
-          <span
-            data-hj-suppress={true}
-          >
-            <h1
-              className="h2 mb-0 font-weight-bold text-truncate"
-            >
-              staff
-            </h1>
-            <p
-              className="mb-0"
-            >
-              Member since 
-              2017
-            </p>
-            <hr
-              className="d-none d-md-block"
-            />
-          </span>
-        </div>
         <div
-          className="d-md-none mb-4"
+          class="col"
         >
-          <a
-            className="pgn__hyperlink default-link standalone-link btn btn-primary"
-            href="http://localhost:18150/records"
-            onClick={[Function]}
-            rel="noopener noreferrer"
-            target="_blank"
+          <div
+            class="d-md-none"
           >
-            View My Records
             <span
-              className="pgn__hyperlink__external-icon"
-              title="Opens in a new tab"
+              data-hj-suppress="true"
             >
-              <span
-                className="pgn__icon"
-                style={
-                  Object {
-                    "height": "1em",
-                    "width": "1em",
-                  }
-                }
-              >
-                <svg
-                  aria-hidden={true}
-                  fill="none"
-                  focusable={false}
-                  height={24}
-                  role="img"
-                  viewBox="0 0 24 24"
-                  width={24}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  className="sr-only"
-                >
-                  in a new tab
-                </span>
-              </span>
+              <h1
+                class="h2 mb-0 font-weight-bold text-truncate"
+              >
+                staff
+              </h1>
+              <p
+                class="mb-0"
+              >
+                Member since 
+                2017
+              </p>
+              <hr
+                class="d-none d-md-block"
+              />
             </span>
-          </a>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
+          </div>
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="d-none d-md-block float-right"
           >
-            <div
-              className="editable-item-header mb-2"
+            <a
+              class="pgn__hyperlink default-link standalone-link btn btn-primary"
+              href="http://localhost:18150/records"
+              rel="noopener noreferrer"
+              target="_blank"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Full Name
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
+              View My Records
+              <span
+                class="pgn__hyperlink__external-icon"
+                title="Opens in a new tab"
               >
                 <span
-                  className="ml-auto small text-muted"
+                  class="pgn__icon"
+                  style="height: 1em; width: 1em;"
                 >
                   <svg
                     aria-hidden="true"
-                    className="svg-inline--fa fa-eye-slash fa-w-20 "
-                    data-icon="eye-slash"
-                    data-prefix="far"
+                    fill="none"
                     focusable="false"
+                    height="24"
                     role="img"
-                    style={Object {}}
-                    viewBox="0 0 640 512"
+                    viewBox="0 0 24 24"
+                    width="24"
                     xmlns="http://www.w3.org/2000/svg"
                   >
                     <path
-                      d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                      d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
                       fill="currentColor"
-                      style={Object {}}
                     />
                   </svg>
-                   
-                  Just me
+                  <span
+                    class="sr-only"
+                  >
+                    in a new tab
+                  </span>
                 </span>
-              </p>
-            </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Lemon Seltzer
-            </p>
-            <small
-              className="form-text text-muted"
-            >
-              This is the name that appears in your account and on your certificates.
-            </small>
+              </span>
+            </a>
           </div>
         </div>
+      </div>
+      <div
+        class="row"
+      >
         <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
+          class="col-md-4 col-lg-4"
         >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="d-none d-md-block mb-4"
           >
-            <div
-              aria-labelledby="country-label"
-              role="dialog"
+            <span
+              data-hj-suppress="true"
             >
-              <form
-                onSubmit={[Function]}
+              <h1
+                class="h2 mb-0 font-weight-bold text-truncate"
               >
-                <div
-                  className="pgn__form-group"
-                >
-                  <label
-                    className="edit-section-header"
-                    htmlFor="country"
-                  >
-                    Location
-                  </label>
-                  <select
-                    className="form-control"
-                    data-hj-suppress={true}
-                    id="country"
-                    name="country"
-                    onChange={[Function]}
-                    type="select"
-                    value="ME"
-                  >
-                    <option
-                      value=""
-                    >
-                       
-                    </option>
-                    <option
-                      value="AF"
-                    >
-                      Afghanistan
-                    </option>
-                    <option
-                      value="AL"
-                    >
-                      Albania
-                    </option>
-                    <option
-                      value="DZ"
-                    >
-                      Algeria
-                    </option>
-                    <option
-                      value="AS"
-                    >
-                      American Samoa
-                    </option>
-                    <option
-                      value="AD"
-                    >
-                      Andorra
-                    </option>
-                    <option
-                      value="AO"
-                    >
-                      Angola
-                    </option>
-                    <option
-                      value="AI"
-                    >
-                      Anguilla
-                    </option>
-                    <option
-                      value="AQ"
-                    >
-                      Antarctica
-                    </option>
-                    <option
-                      value="AG"
-                    >
-                      Antigua and Barbuda
-                    </option>
-                    <option
-                      value="AR"
-                    >
-                      Argentina
-                    </option>
-                    <option
-                      value="AM"
-                    >
-                      Armenia
-                    </option>
-                    <option
-                      value="AW"
-                    >
-                      Aruba
-                    </option>
-                    <option
-                      value="AU"
-                    >
-                      Australia
-                    </option>
-                    <option
-                      value="AT"
-                    >
-                      Austria
-                    </option>
-                    <option
-                      value="AZ"
-                    >
-                      Azerbaijan
-                    </option>
-                    <option
-                      value="BS"
-                    >
-                      Bahamas
-                    </option>
-                    <option
-                      value="BH"
-                    >
-                      Bahrain
-                    </option>
-                    <option
-                      value="BD"
-                    >
-                      Bangladesh
-                    </option>
-                    <option
-                      value="BB"
-                    >
-                      Barbados
-                    </option>
-                    <option
-                      value="BY"
-                    >
-                      Belarus
-                    </option>
-                    <option
-                      value="BE"
-                    >
-                      Belgium
-                    </option>
-                    <option
-                      value="BZ"
-                    >
-                      Belize
-                    </option>
-                    <option
-                      value="BJ"
-                    >
-                      Benin
-                    </option>
-                    <option
-                      value="BM"
-                    >
-                      Bermuda
-                    </option>
-                    <option
-                      value="BT"
-                    >
-                      Bhutan
-                    </option>
-                    <option
-                      value="BO"
-                    >
-                      Bolivia
-                    </option>
-                    <option
-                      value="BA"
-                    >
-                      Bosnia and Herzegovina
-                    </option>
-                    <option
-                      value="BW"
-                    >
-                      Botswana
-                    </option>
-                    <option
-                      value="BV"
-                    >
-                      Bouvet Island
-                    </option>
-                    <option
-                      value="BR"
-                    >
-                      Brazil
-                    </option>
-                    <option
-                      value="IO"
-                    >
-                      British Indian Ocean Territory
-                    </option>
-                    <option
-                      value="BN"
-                    >
-                      Brunei Darussalam
-                    </option>
-                    <option
-                      value="BG"
-                    >
-                      Bulgaria
-                    </option>
-                    <option
-                      value="BF"
-                    >
-                      Burkina Faso
-                    </option>
-                    <option
-                      value="BI"
-                    >
-                      Burundi
-                    </option>
-                    <option
-                      value="KH"
-                    >
-                      Cambodia
-                    </option>
-                    <option
-                      value="CM"
-                    >
-                      Cameroon
-                    </option>
-                    <option
-                      value="CA"
-                    >
-                      Canada
-                    </option>
-                    <option
-                      value="CV"
-                    >
-                      Cape Verde
-                    </option>
-                    <option
-                      value="KY"
-                    >
-                      Cayman Islands
-                    </option>
-                    <option
-                      value="CF"
-                    >
-                      Central African Republic
-                    </option>
-                    <option
-                      value="TD"
-                    >
-                      Chad
-                    </option>
-                    <option
-                      value="CL"
-                    >
-                      Chile
-                    </option>
-                    <option
-                      value="CN"
-                    >
-                      China
-                    </option>
-                    <option
-                      value="CX"
-                    >
-                      Christmas Island
-                    </option>
-                    <option
-                      value="CC"
-                    >
-                      Cocos (Keeling) Islands
-                    </option>
-                    <option
-                      value="CO"
-                    >
-                      Colombia
-                    </option>
-                    <option
-                      value="KM"
-                    >
-                      Comoros
-                    </option>
-                    <option
-                      value="CG"
-                    >
-                      Congo
-                    </option>
-                    <option
-                      value="CD"
-                    >
-                      Congo, the Democratic Republic of the
-                    </option>
-                    <option
-                      value="CK"
-                    >
-                      Cook Islands
-                    </option>
-                    <option
-                      value="CR"
-                    >
-                      Costa Rica
-                    </option>
-                    <option
-                      value="CI"
-                    >
-                      Cote D'Ivoire
-                    </option>
-                    <option
-                      value="HR"
-                    >
-                      Croatia
-                    </option>
-                    <option
-                      value="CU"
-                    >
-                      Cuba
-                    </option>
-                    <option
-                      value="CY"
-                    >
-                      Cyprus
-                    </option>
-                    <option
-                      value="CZ"
-                    >
-                      Czech Republic
-                    </option>
-                    <option
-                      value="DK"
-                    >
-                      Denmark
-                    </option>
-                    <option
-                      value="DJ"
-                    >
-                      Djibouti
-                    </option>
-                    <option
-                      value="DM"
-                    >
-                      Dominica
-                    </option>
-                    <option
-                      value="DO"
-                    >
-                      Dominican Republic
-                    </option>
-                    <option
-                      value="EC"
-                    >
-                      Ecuador
-                    </option>
-                    <option
-                      value="EG"
-                    >
-                      Egypt
-                    </option>
-                    <option
-                      value="SV"
-                    >
-                      El Salvador
-                    </option>
-                    <option
-                      value="GQ"
-                    >
-                      Equatorial Guinea
-                    </option>
-                    <option
-                      value="ER"
-                    >
-                      Eritrea
-                    </option>
-                    <option
-                      value="EE"
-                    >
-                      Estonia
-                    </option>
-                    <option
-                      value="ET"
-                    >
-                      Ethiopia
-                    </option>
-                    <option
-                      value="FK"
-                    >
-                      Falkland Islands (Malvinas)
-                    </option>
-                    <option
-                      value="FO"
-                    >
-                      Faroe Islands
-                    </option>
-                    <option
-                      value="FJ"
-                    >
-                      Fiji
-                    </option>
-                    <option
-                      value="FI"
-                    >
-                      Finland
-                    </option>
-                    <option
-                      value="FR"
-                    >
-                      France
-                    </option>
-                    <option
-                      value="GF"
-                    >
-                      French Guiana
-                    </option>
-                    <option
-                      value="PF"
-                    >
-                      French Polynesia
-                    </option>
-                    <option
-                      value="TF"
-                    >
-                      French Southern Territories
-                    </option>
-                    <option
-                      value="GA"
-                    >
-                      Gabon
-                    </option>
-                    <option
-                      value="GM"
-                    >
-                      Gambia
-                    </option>
-                    <option
-                      value="GE"
-                    >
-                      Georgia
-                    </option>
-                    <option
-                      value="DE"
-                    >
-                      Germany
-                    </option>
-                    <option
-                      value="GH"
-                    >
-                      Ghana
-                    </option>
-                    <option
-                      value="GI"
-                    >
-                      Gibraltar
-                    </option>
-                    <option
-                      value="GR"
-                    >
-                      Greece
-                    </option>
-                    <option
-                      value="GL"
-                    >
-                      Greenland
-                    </option>
-                    <option
-                      value="GD"
-                    >
-                      Grenada
-                    </option>
-                    <option
-                      value="GP"
-                    >
-                      Guadeloupe
-                    </option>
-                    <option
-                      value="GU"
-                    >
-                      Guam
-                    </option>
-                    <option
-                      value="GT"
-                    >
-                      Guatemala
-                    </option>
-                    <option
-                      value="GN"
-                    >
-                      Guinea
-                    </option>
-                    <option
-                      value="GW"
-                    >
-                      Guinea-Bissau
-                    </option>
-                    <option
-                      value="GY"
-                    >
-                      Guyana
-                    </option>
-                    <option
-                      value="HT"
-                    >
-                      Haiti
-                    </option>
-                    <option
-                      value="HM"
-                    >
-                      Heard Island and Mcdonald Islands
-                    </option>
-                    <option
-                      value="VA"
-                    >
-                      Holy See (Vatican City State)
-                    </option>
-                    <option
-                      value="HN"
-                    >
-                      Honduras
-                    </option>
-                    <option
-                      value="HK"
-                    >
-                      Hong Kong
-                    </option>
-                    <option
-                      value="HU"
-                    >
-                      Hungary
-                    </option>
-                    <option
-                      value="IS"
-                    >
-                      Iceland
-                    </option>
-                    <option
-                      value="IN"
-                    >
-                      India
-                    </option>
-                    <option
-                      value="ID"
-                    >
-                      Indonesia
-                    </option>
-                    <option
-                      value="IR"
-                    >
-                      Iran, Islamic Republic of
-                    </option>
-                    <option
-                      value="IQ"
-                    >
-                      Iraq
-                    </option>
-                    <option
-                      value="IE"
-                    >
-                      Ireland
-                    </option>
-                    <option
-                      value="IL"
-                    >
-                      Israel
-                    </option>
-                    <option
-                      value="IT"
-                    >
-                      Italy
-                    </option>
-                    <option
-                      value="JM"
-                    >
-                      Jamaica
-                    </option>
-                    <option
-                      value="JP"
-                    >
-                      Japan
-                    </option>
-                    <option
-                      value="JO"
-                    >
-                      Jordan
-                    </option>
-                    <option
-                      value="KZ"
-                    >
-                      Kazakhstan
-                    </option>
-                    <option
-                      value="KE"
-                    >
-                      Kenya
-                    </option>
-                    <option
-                      value="KI"
-                    >
-                      Kiribati
-                    </option>
-                    <option
-                      value="KP"
-                    >
-                      North Korea
-                    </option>
-                    <option
-                      value="KR"
-                    >
-                      South Korea
-                    </option>
-                    <option
-                      value="KW"
-                    >
-                      Kuwait
-                    </option>
-                    <option
-                      value="KG"
-                    >
-                      Kyrgyzstan
-                    </option>
-                    <option
-                      value="LA"
-                    >
-                      Lao People's Democratic Republic
-                    </option>
-                    <option
-                      value="LV"
-                    >
-                      Latvia
-                    </option>
-                    <option
-                      value="LB"
-                    >
-                      Lebanon
-                    </option>
-                    <option
-                      value="LS"
-                    >
-                      Lesotho
-                    </option>
-                    <option
-                      value="LR"
-                    >
-                      Liberia
-                    </option>
-                    <option
-                      value="LY"
-                    >
-                      Libya
-                    </option>
-                    <option
-                      value="LI"
-                    >
-                      Liechtenstein
-                    </option>
-                    <option
-                      value="LT"
-                    >
-                      Lithuania
-                    </option>
-                    <option
-                      value="LU"
-                    >
-                      Luxembourg
-                    </option>
-                    <option
-                      value="MO"
-                    >
-                      Macao
-                    </option>
-                    <option
-                      value="MG"
-                    >
-                      Madagascar
-                    </option>
-                    <option
-                      value="MW"
-                    >
-                      Malawi
-                    </option>
-                    <option
-                      value="MY"
-                    >
-                      Malaysia
-                    </option>
-                    <option
-                      value="MV"
-                    >
-                      Maldives
-                    </option>
-                    <option
-                      value="ML"
-                    >
-                      Mali
-                    </option>
-                    <option
-                      value="MT"
-                    >
-                      Malta
-                    </option>
-                    <option
-                      value="MH"
-                    >
-                      Marshall Islands
-                    </option>
-                    <option
-                      value="MQ"
-                    >
-                      Martinique
-                    </option>
-                    <option
-                      value="MR"
-                    >
-                      Mauritania
-                    </option>
-                    <option
-                      value="MU"
-                    >
-                      Mauritius
-                    </option>
-                    <option
-                      value="YT"
-                    >
-                      Mayotte
-                    </option>
-                    <option
-                      value="MX"
-                    >
-                      Mexico
-                    </option>
-                    <option
-                      value="FM"
-                    >
-                      Micronesia, Federated States of
-                    </option>
-                    <option
-                      value="MD"
-                    >
-                      Moldova, Republic of
-                    </option>
-                    <option
-                      value="MC"
-                    >
-                      Monaco
-                    </option>
-                    <option
-                      value="MN"
-                    >
-                      Mongolia
-                    </option>
-                    <option
-                      value="MS"
-                    >
-                      Montserrat
-                    </option>
-                    <option
-                      value="MA"
-                    >
-                      Morocco
-                    </option>
-                    <option
-                      value="MZ"
-                    >
-                      Mozambique
-                    </option>
-                    <option
-                      value="MM"
-                    >
-                      Myanmar
-                    </option>
-                    <option
-                      value="NA"
-                    >
-                      Namibia
-                    </option>
-                    <option
-                      value="NR"
-                    >
-                      Nauru
-                    </option>
-                    <option
-                      value="NP"
-                    >
-                      Nepal
-                    </option>
-                    <option
-                      value="NL"
-                    >
-                      Netherlands
-                    </option>
-                    <option
-                      value="NC"
-                    >
-                      New Caledonia
-                    </option>
-                    <option
-                      value="NZ"
-                    >
-                      New Zealand
-                    </option>
-                    <option
-                      value="NI"
-                    >
-                      Nicaragua
-                    </option>
-                    <option
-                      value="NE"
-                    >
-                      Niger
-                    </option>
-                    <option
-                      value="NG"
-                    >
-                      Nigeria
-                    </option>
-                    <option
-                      value="NU"
-                    >
-                      Niue
-                    </option>
-                    <option
-                      value="NF"
-                    >
-                      Norfolk Island
-                    </option>
-                    <option
-                      value="MK"
-                    >
-                      North Macedonia, Republic of
-                    </option>
-                    <option
-                      value="MP"
-                    >
-                      Northern Mariana Islands
-                    </option>
-                    <option
-                      value="NO"
-                    >
-                      Norway
-                    </option>
-                    <option
-                      value="OM"
-                    >
-                      Oman
-                    </option>
-                    <option
-                      value="PK"
-                    >
-                      Pakistan
-                    </option>
-                    <option
-                      value="PW"
-                    >
-                      Palau
-                    </option>
-                    <option
-                      value="PS"
-                    >
-                      Palestinian Territory, Occupied
-                    </option>
-                    <option
-                      value="PA"
-                    >
-                      Panama
-                    </option>
-                    <option
-                      value="PG"
-                    >
-                      Papua New Guinea
-                    </option>
-                    <option
-                      value="PY"
-                    >
-                      Paraguay
-                    </option>
-                    <option
-                      value="PE"
-                    >
-                      Peru
-                    </option>
-                    <option
-                      value="PH"
-                    >
-                      Philippines
-                    </option>
-                    <option
-                      value="PN"
-                    >
-                      Pitcairn
-                    </option>
-                    <option
-                      value="PL"
-                    >
-                      Poland
-                    </option>
-                    <option
-                      value="PT"
-                    >
-                      Portugal
-                    </option>
-                    <option
-                      value="PR"
-                    >
-                      Puerto Rico
-                    </option>
-                    <option
-                      value="QA"
-                    >
-                      Qatar
-                    </option>
-                    <option
-                      value="RE"
-                    >
-                      Reunion
-                    </option>
-                    <option
-                      value="RO"
-                    >
-                      Romania
-                    </option>
-                    <option
-                      value="RU"
-                    >
-                      Russian Federation
-                    </option>
-                    <option
-                      value="RW"
-                    >
-                      Rwanda
-                    </option>
-                    <option
-                      value="SH"
-                    >
-                      Saint Helena
-                    </option>
-                    <option
-                      value="KN"
-                    >
-                      Saint Kitts and Nevis
-                    </option>
-                    <option
-                      value="LC"
-                    >
-                      Saint Lucia
-                    </option>
-                    <option
-                      value="PM"
-                    >
-                      Saint Pierre and Miquelon
-                    </option>
-                    <option
-                      value="VC"
-                    >
-                      Saint Vincent and the Grenadines
-                    </option>
-                    <option
-                      value="WS"
-                    >
-                      Samoa
-                    </option>
-                    <option
-                      value="SM"
-                    >
-                      San Marino
-                    </option>
-                    <option
-                      value="ST"
-                    >
-                      Sao Tome and Principe
-                    </option>
-                    <option
-                      value="SA"
-                    >
-                      Saudi Arabia
-                    </option>
-                    <option
-                      value="SN"
-                    >
-                      Senegal
-                    </option>
-                    <option
-                      value="SC"
-                    >
-                      Seychelles
-                    </option>
-                    <option
-                      value="SL"
-                    >
-                      Sierra Leone
-                    </option>
-                    <option
-                      value="SG"
-                    >
-                      Singapore
-                    </option>
-                    <option
-                      value="SK"
-                    >
-                      Slovakia
-                    </option>
-                    <option
-                      value="SI"
-                    >
-                      Slovenia
-                    </option>
-                    <option
-                      value="SB"
-                    >
-                      Solomon Islands
-                    </option>
-                    <option
-                      value="SO"
-                    >
-                      Somalia
-                    </option>
-                    <option
-                      value="ZA"
-                    >
-                      South Africa
-                    </option>
-                    <option
-                      value="GS"
-                    >
-                      South Georgia and the South Sandwich Islands
-                    </option>
-                    <option
-                      value="ES"
-                    >
-                      Spain
-                    </option>
-                    <option
-                      value="LK"
-                    >
-                      Sri Lanka
-                    </option>
-                    <option
-                      value="SD"
-                    >
-                      Sudan
-                    </option>
-                    <option
-                      value="SR"
-                    >
-                      Suriname
-                    </option>
-                    <option
-                      value="SJ"
-                    >
-                      Svalbard and Jan Mayen
-                    </option>
-                    <option
-                      value="SZ"
-                    >
-                      Swaziland
-                    </option>
-                    <option
-                      value="SE"
-                    >
-                      Sweden
-                    </option>
-                    <option
-                      value="CH"
-                    >
-                      Switzerland
-                    </option>
-                    <option
-                      value="SY"
-                    >
-                      Syrian Arab Republic
-                    </option>
-                    <option
-                      value="TW"
-                    >
-                      Taiwan
-                    </option>
-                    <option
-                      value="TJ"
-                    >
-                      Tajikistan
-                    </option>
-                    <option
-                      value="TZ"
-                    >
-                      Tanzania, United Republic of
-                    </option>
-                    <option
-                      value="TH"
-                    >
-                      Thailand
-                    </option>
-                    <option
-                      value="TL"
-                    >
-                      Timor-Leste
-                    </option>
-                    <option
-                      value="TG"
-                    >
-                      Togo
-                    </option>
-                    <option
-                      value="TK"
-                    >
-                      Tokelau
-                    </option>
-                    <option
-                      value="TO"
-                    >
-                      Tonga
-                    </option>
-                    <option
-                      value="TT"
-                    >
-                      Trinidad and Tobago
-                    </option>
-                    <option
-                      value="TN"
-                    >
-                      Tunisia
-                    </option>
-                    <option
-                      value="TR"
-                    >
-                      Turkey
-                    </option>
-                    <option
-                      value="TM"
-                    >
-                      Turkmenistan
-                    </option>
-                    <option
-                      value="TC"
-                    >
-                      Turks and Caicos Islands
-                    </option>
-                    <option
-                      value="TV"
-                    >
-                      Tuvalu
-                    </option>
-                    <option
-                      value="UG"
-                    >
-                      Uganda
-                    </option>
-                    <option
-                      value="UA"
-                    >
-                      Ukraine
-                    </option>
-                    <option
-                      value="AE"
-                    >
-                      United Arab Emirates
-                    </option>
-                    <option
-                      value="GB"
-                    >
-                      United Kingdom
-                    </option>
-                    <option
-                      value="US"
-                    >
-                      United States of America
-                    </option>
-                    <option
-                      value="UM"
-                    >
-                      United States Minor Outlying Islands
-                    </option>
-                    <option
-                      value="UY"
-                    >
-                      Uruguay
-                    </option>
-                    <option
-                      value="UZ"
-                    >
-                      Uzbekistan
-                    </option>
-                    <option
-                      value="VU"
-                    >
-                      Vanuatu
-                    </option>
-                    <option
-                      value="VE"
-                    >
-                      Venezuela
-                    </option>
-                    <option
-                      value="VN"
-                    >
-                      Viet Nam
-                    </option>
-                    <option
-                      value="VG"
-                    >
-                      Virgin Islands, British
-                    </option>
-                    <option
-                      value="VI"
-                    >
-                      Virgin Islands, U.S.
-                    </option>
-                    <option
-                      value="WF"
-                    >
-                      Wallis and Futuna
-                    </option>
-                    <option
-                      value="EH"
-                    >
-                      Western Sahara
-                    </option>
-                    <option
-                      value="YE"
-                    >
-                      Yemen
-                    </option>
-                    <option
-                      value="ZM"
-                    >
-                      Zambia
-                    </option>
-                    <option
-                      value="ZW"
-                    >
-                      Zimbabwe
-                    </option>
-                    <option
-                      value="AX"
-                    >
-                      Åland Islands
-                    </option>
-                    <option
-                      value="BQ"
-                    >
-                      Bonaire, Sint Eustatius and Saba
-                    </option>
-                    <option
-                      value="CW"
-                    >
-                      Curaçao
-                    </option>
-                    <option
-                      value="GG"
-                    >
-                      Guernsey
-                    </option>
-                    <option
-                      value="IM"
-                    >
-                      Isle of Man
-                    </option>
-                    <option
-                      value="JE"
-                    >
-                      Jersey
-                    </option>
-                    <option
-                      value="ME"
-                    >
-                      Montenegro
-                    </option>
-                    <option
-                      value="BL"
-                    >
-                      Saint Barthélemy
-                    </option>
-                    <option
-                      value="MF"
-                    >
-                      Saint Martin (French part)
-                    </option>
-                    <option
-                      value="RS"
-                    >
-                      Serbia
-                    </option>
-                    <option
-                      value="SX"
-                    >
-                      Sint Maarten (Dutch part)
-                    </option>
-                    <option
-                      value="SS"
-                    >
-                      South Sudan
-                    </option>
-                    <option
-                      value="XK"
-                    >
-                      Kosovo
-                    </option>
-                  </select>
-                  <div
-                    className="pgn__form-control-description pgn__form-text pgn__form-text-invalid"
-                    id="country-2"
-                  >
-                    <div>
-                      country error
-                    </div>
-                  </div>
-                </div>
-                <div
-                  className="d-flex flex-row-reverse flex-wrap justify-content-end align-items-center"
-                >
-                  <div
-                    className="form-group d-flex flex-wrap"
-                  >
-                    <label
-                      className="col-form-label"
-                      htmlFor="visibilityCountry"
-                    >
-                      Who can see this:
-                    </label>
-                    <span
-                      className="d-flex align-items-center"
-                    >
-                      <span
-                        className="d-inline-block ml-1 mr-2"
-                        style={
-                          Object {
-                            "width": "1.5rem",
-                          }
-                        }
-                      >
-                        <svg
-                          aria-hidden="true"
-                          className="svg-inline--fa fa-eye fa-w-18 "
-                          data-icon="eye"
-                          data-prefix="far"
-                          focusable="false"
-                          role="img"
-                          style={Object {}}
-                          viewBox="0 0 576 512"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                            fill="currentColor"
-                            style={Object {}}
-                          />
-                        </svg>
-                      </span>
-                      <select
-                        className="d-inline-block form-control"
-                        id="visibilityCountry"
-                        name="visibilityCountry"
-                        onChange={[Function]}
-                        type="select"
-                        value="all_users"
-                      >
-                        <option
-                          value="private"
-                        >
-                          Just me
-                        </option>
-                        <option
-                          value="all_users"
-                        >
-                          Everyone on localhost
-                        </option>
-                      </select>
-                    </span>
-                  </div>
-                  <div
-                    className="form-group flex-shrink-0 flex-grow-1"
-                  >
-                    <button
-                      aria-disabled={false}
-                      aria-live="assertive"
-                      className="pgn__stateful-btn pgn__stateful-btn-state-pending btn btn-primary"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="submit"
-                    >
-                      <span
-                        className="d-flex align-items-center justify-content-center"
-                      >
-                        <span
-                          className="pgn__stateful-btn-icon"
-                        >
-                          <span
-                            className="pgn__icon icon-spin"
-                          >
-                            <svg
-                              aria-hidden={true}
-                              fill="none"
-                              focusable={false}
-                              height={24}
-                              role="img"
-                              viewBox="0 0 24 24"
-                              width={24}
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
-                                fill="currentColor"
-                              />
-                            </svg>
-                          </span>
-                        </span>
-                        <span>
-                          Saving
-                        </span>
-                      </span>
-                    </button>
-                    <button
-                      className="btn btn-link"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      Cancel
-                    </button>
-                  </div>
-                </div>
-              </form>
-            </div>
+                staff
+              </h1>
+              <p
+                class="mb-0"
+              >
+                Member since 
+                2017
+              </p>
+              <hr
+                class="d-none d-md-block"
+              />
+            </span>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="d-md-none mb-4"
           >
-            <div
-              className="editable-item-header mb-2"
+            <a
+              class="pgn__hyperlink default-link standalone-link btn btn-primary"
+              href="http://localhost:18150/records"
+              rel="noopener noreferrer"
+              target="_blank"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Primary Language Spoken
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
+              View My Records
+              <span
+                class="pgn__hyperlink__external-icon"
+                title="Opens in a new tab"
               >
                 <span
-                  className="ml-auto small text-muted"
+                  class="pgn__icon"
+                  style="height: 1em; width: 1em;"
                 >
                   <svg
                     aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
+                    fill="none"
                     focusable="false"
+                    height="24"
                     role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
+                    viewBox="0 0 24 24"
+                    width="24"
                     xmlns="http://www.w3.org/2000/svg"
                   >
                     <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                      d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
                       fill="currentColor"
-                      style={Object {}}
                     />
                   </svg>
-                   
-                  Everyone on localhost
+                  <span
+                    class="sr-only"
+                  >
+                    in a new tab
+                  </span>
                 </span>
-              </p>
-            </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Yoruba
-            </p>
+              </span>
+            </a>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Education
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Full Name
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye-slash fa-w-20 "
-                    data-icon="eye-slash"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 640 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Just me
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye-slash fa-w-20 "
+                      data-icon="eye-slash"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 640 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Just me
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Lemon Seltzer
               </p>
+              <small
+                class="form-text text-muted"
+              >
+                This is the name that appears in your account and on your certificates.
+              </small>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Elementary/primary school
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Social Links
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
+              <div
+                aria-labelledby="country-label"
+                role="dialog"
               >
-                <span
-                  className="ml-auto small text-muted"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                <form>
+                  <div
+                    class="pgn__form-group"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
-              </p>
+                    <label
+                      class="edit-section-header"
+                      for="country"
+                    >
+                      Location
+                    </label>
+                    <select
+                      class="form-control"
+                      data-hj-suppress="true"
+                      id="country"
+                      name="country"
+                      type="select"
+                    >
+                      <option
+                        value=""
+                      >
+                         
+                      </option>
+                      <option
+                        value="AF"
+                      >
+                        Afghanistan
+                      </option>
+                      <option
+                        value="AL"
+                      >
+                        Albania
+                      </option>
+                      <option
+                        value="DZ"
+                      >
+                        Algeria
+                      </option>
+                      <option
+                        value="AS"
+                      >
+                        American Samoa
+                      </option>
+                      <option
+                        value="AD"
+                      >
+                        Andorra
+                      </option>
+                      <option
+                        value="AO"
+                      >
+                        Angola
+                      </option>
+                      <option
+                        value="AI"
+                      >
+                        Anguilla
+                      </option>
+                      <option
+                        value="AQ"
+                      >
+                        Antarctica
+                      </option>
+                      <option
+                        value="AG"
+                      >
+                        Antigua and Barbuda
+                      </option>
+                      <option
+                        value="AR"
+                      >
+                        Argentina
+                      </option>
+                      <option
+                        value="AM"
+                      >
+                        Armenia
+                      </option>
+                      <option
+                        value="AW"
+                      >
+                        Aruba
+                      </option>
+                      <option
+                        value="AU"
+                      >
+                        Australia
+                      </option>
+                      <option
+                        value="AT"
+                      >
+                        Austria
+                      </option>
+                      <option
+                        value="AZ"
+                      >
+                        Azerbaijan
+                      </option>
+                      <option
+                        value="BS"
+                      >
+                        Bahamas
+                      </option>
+                      <option
+                        value="BH"
+                      >
+                        Bahrain
+                      </option>
+                      <option
+                        value="BD"
+                      >
+                        Bangladesh
+                      </option>
+                      <option
+                        value="BB"
+                      >
+                        Barbados
+                      </option>
+                      <option
+                        value="BY"
+                      >
+                        Belarus
+                      </option>
+                      <option
+                        value="BE"
+                      >
+                        Belgium
+                      </option>
+                      <option
+                        value="BZ"
+                      >
+                        Belize
+                      </option>
+                      <option
+                        value="BJ"
+                      >
+                        Benin
+                      </option>
+                      <option
+                        value="BM"
+                      >
+                        Bermuda
+                      </option>
+                      <option
+                        value="BT"
+                      >
+                        Bhutan
+                      </option>
+                      <option
+                        value="BO"
+                      >
+                        Bolivia
+                      </option>
+                      <option
+                        value="BA"
+                      >
+                        Bosnia and Herzegovina
+                      </option>
+                      <option
+                        value="BW"
+                      >
+                        Botswana
+                      </option>
+                      <option
+                        value="BV"
+                      >
+                        Bouvet Island
+                      </option>
+                      <option
+                        value="BR"
+                      >
+                        Brazil
+                      </option>
+                      <option
+                        value="IO"
+                      >
+                        British Indian Ocean Territory
+                      </option>
+                      <option
+                        value="BN"
+                      >
+                        Brunei Darussalam
+                      </option>
+                      <option
+                        value="BG"
+                      >
+                        Bulgaria
+                      </option>
+                      <option
+                        value="BF"
+                      >
+                        Burkina Faso
+                      </option>
+                      <option
+                        value="BI"
+                      >
+                        Burundi
+                      </option>
+                      <option
+                        value="KH"
+                      >
+                        Cambodia
+                      </option>
+                      <option
+                        value="CM"
+                      >
+                        Cameroon
+                      </option>
+                      <option
+                        value="CA"
+                      >
+                        Canada
+                      </option>
+                      <option
+                        value="CV"
+                      >
+                        Cape Verde
+                      </option>
+                      <option
+                        value="KY"
+                      >
+                        Cayman Islands
+                      </option>
+                      <option
+                        value="CF"
+                      >
+                        Central African Republic
+                      </option>
+                      <option
+                        value="TD"
+                      >
+                        Chad
+                      </option>
+                      <option
+                        value="CL"
+                      >
+                        Chile
+                      </option>
+                      <option
+                        value="CN"
+                      >
+                        China
+                      </option>
+                      <option
+                        value="CX"
+                      >
+                        Christmas Island
+                      </option>
+                      <option
+                        value="CC"
+                      >
+                        Cocos (Keeling) Islands
+                      </option>
+                      <option
+                        value="CO"
+                      >
+                        Colombia
+                      </option>
+                      <option
+                        value="KM"
+                      >
+                        Comoros
+                      </option>
+                      <option
+                        value="CG"
+                      >
+                        Congo
+                      </option>
+                      <option
+                        value="CD"
+                      >
+                        Congo, the Democratic Republic of the
+                      </option>
+                      <option
+                        value="CK"
+                      >
+                        Cook Islands
+                      </option>
+                      <option
+                        value="CR"
+                      >
+                        Costa Rica
+                      </option>
+                      <option
+                        value="CI"
+                      >
+                        Cote D'Ivoire
+                      </option>
+                      <option
+                        value="HR"
+                      >
+                        Croatia
+                      </option>
+                      <option
+                        value="CU"
+                      >
+                        Cuba
+                      </option>
+                      <option
+                        value="CY"
+                      >
+                        Cyprus
+                      </option>
+                      <option
+                        value="CZ"
+                      >
+                        Czech Republic
+                      </option>
+                      <option
+                        value="DK"
+                      >
+                        Denmark
+                      </option>
+                      <option
+                        value="DJ"
+                      >
+                        Djibouti
+                      </option>
+                      <option
+                        value="DM"
+                      >
+                        Dominica
+                      </option>
+                      <option
+                        value="DO"
+                      >
+                        Dominican Republic
+                      </option>
+                      <option
+                        value="EC"
+                      >
+                        Ecuador
+                      </option>
+                      <option
+                        value="EG"
+                      >
+                        Egypt
+                      </option>
+                      <option
+                        value="SV"
+                      >
+                        El Salvador
+                      </option>
+                      <option
+                        value="GQ"
+                      >
+                        Equatorial Guinea
+                      </option>
+                      <option
+                        value="ER"
+                      >
+                        Eritrea
+                      </option>
+                      <option
+                        value="EE"
+                      >
+                        Estonia
+                      </option>
+                      <option
+                        value="ET"
+                      >
+                        Ethiopia
+                      </option>
+                      <option
+                        value="FK"
+                      >
+                        Falkland Islands (Malvinas)
+                      </option>
+                      <option
+                        value="FO"
+                      >
+                        Faroe Islands
+                      </option>
+                      <option
+                        value="FJ"
+                      >
+                        Fiji
+                      </option>
+                      <option
+                        value="FI"
+                      >
+                        Finland
+                      </option>
+                      <option
+                        value="FR"
+                      >
+                        France
+                      </option>
+                      <option
+                        value="GF"
+                      >
+                        French Guiana
+                      </option>
+                      <option
+                        value="PF"
+                      >
+                        French Polynesia
+                      </option>
+                      <option
+                        value="TF"
+                      >
+                        French Southern Territories
+                      </option>
+                      <option
+                        value="GA"
+                      >
+                        Gabon
+                      </option>
+                      <option
+                        value="GM"
+                      >
+                        Gambia
+                      </option>
+                      <option
+                        value="GE"
+                      >
+                        Georgia
+                      </option>
+                      <option
+                        value="DE"
+                      >
+                        Germany
+                      </option>
+                      <option
+                        value="GH"
+                      >
+                        Ghana
+                      </option>
+                      <option
+                        value="GI"
+                      >
+                        Gibraltar
+                      </option>
+                      <option
+                        value="GR"
+                      >
+                        Greece
+                      </option>
+                      <option
+                        value="GL"
+                      >
+                        Greenland
+                      </option>
+                      <option
+                        value="GD"
+                      >
+                        Grenada
+                      </option>
+                      <option
+                        value="GP"
+                      >
+                        Guadeloupe
+                      </option>
+                      <option
+                        value="GU"
+                      >
+                        Guam
+                      </option>
+                      <option
+                        value="GT"
+                      >
+                        Guatemala
+                      </option>
+                      <option
+                        value="GN"
+                      >
+                        Guinea
+                      </option>
+                      <option
+                        value="GW"
+                      >
+                        Guinea-Bissau
+                      </option>
+                      <option
+                        value="GY"
+                      >
+                        Guyana
+                      </option>
+                      <option
+                        value="HT"
+                      >
+                        Haiti
+                      </option>
+                      <option
+                        value="HM"
+                      >
+                        Heard Island and Mcdonald Islands
+                      </option>
+                      <option
+                        value="VA"
+                      >
+                        Holy See (Vatican City State)
+                      </option>
+                      <option
+                        value="HN"
+                      >
+                        Honduras
+                      </option>
+                      <option
+                        value="HK"
+                      >
+                        Hong Kong
+                      </option>
+                      <option
+                        value="HU"
+                      >
+                        Hungary
+                      </option>
+                      <option
+                        value="IS"
+                      >
+                        Iceland
+                      </option>
+                      <option
+                        value="IN"
+                      >
+                        India
+                      </option>
+                      <option
+                        value="ID"
+                      >
+                        Indonesia
+                      </option>
+                      <option
+                        value="IR"
+                      >
+                        Iran, Islamic Republic of
+                      </option>
+                      <option
+                        value="IQ"
+                      >
+                        Iraq
+                      </option>
+                      <option
+                        value="IE"
+                      >
+                        Ireland
+                      </option>
+                      <option
+                        value="IL"
+                      >
+                        Israel
+                      </option>
+                      <option
+                        value="IT"
+                      >
+                        Italy
+                      </option>
+                      <option
+                        value="JM"
+                      >
+                        Jamaica
+                      </option>
+                      <option
+                        value="JP"
+                      >
+                        Japan
+                      </option>
+                      <option
+                        value="JO"
+                      >
+                        Jordan
+                      </option>
+                      <option
+                        value="KZ"
+                      >
+                        Kazakhstan
+                      </option>
+                      <option
+                        value="KE"
+                      >
+                        Kenya
+                      </option>
+                      <option
+                        value="KI"
+                      >
+                        Kiribati
+                      </option>
+                      <option
+                        value="KP"
+                      >
+                        North Korea
+                      </option>
+                      <option
+                        value="KR"
+                      >
+                        South Korea
+                      </option>
+                      <option
+                        value="KW"
+                      >
+                        Kuwait
+                      </option>
+                      <option
+                        value="KG"
+                      >
+                        Kyrgyzstan
+                      </option>
+                      <option
+                        value="LA"
+                      >
+                        Lao People's Democratic Republic
+                      </option>
+                      <option
+                        value="LV"
+                      >
+                        Latvia
+                      </option>
+                      <option
+                        value="LB"
+                      >
+                        Lebanon
+                      </option>
+                      <option
+                        value="LS"
+                      >
+                        Lesotho
+                      </option>
+                      <option
+                        value="LR"
+                      >
+                        Liberia
+                      </option>
+                      <option
+                        value="LY"
+                      >
+                        Libya
+                      </option>
+                      <option
+                        value="LI"
+                      >
+                        Liechtenstein
+                      </option>
+                      <option
+                        value="LT"
+                      >
+                        Lithuania
+                      </option>
+                      <option
+                        value="LU"
+                      >
+                        Luxembourg
+                      </option>
+                      <option
+                        value="MO"
+                      >
+                        Macao
+                      </option>
+                      <option
+                        value="MG"
+                      >
+                        Madagascar
+                      </option>
+                      <option
+                        value="MW"
+                      >
+                        Malawi
+                      </option>
+                      <option
+                        value="MY"
+                      >
+                        Malaysia
+                      </option>
+                      <option
+                        value="MV"
+                      >
+                        Maldives
+                      </option>
+                      <option
+                        value="ML"
+                      >
+                        Mali
+                      </option>
+                      <option
+                        value="MT"
+                      >
+                        Malta
+                      </option>
+                      <option
+                        value="MH"
+                      >
+                        Marshall Islands
+                      </option>
+                      <option
+                        value="MQ"
+                      >
+                        Martinique
+                      </option>
+                      <option
+                        value="MR"
+                      >
+                        Mauritania
+                      </option>
+                      <option
+                        value="MU"
+                      >
+                        Mauritius
+                      </option>
+                      <option
+                        value="YT"
+                      >
+                        Mayotte
+                      </option>
+                      <option
+                        value="MX"
+                      >
+                        Mexico
+                      </option>
+                      <option
+                        value="FM"
+                      >
+                        Micronesia, Federated States of
+                      </option>
+                      <option
+                        value="MD"
+                      >
+                        Moldova, Republic of
+                      </option>
+                      <option
+                        value="MC"
+                      >
+                        Monaco
+                      </option>
+                      <option
+                        value="MN"
+                      >
+                        Mongolia
+                      </option>
+                      <option
+                        value="MS"
+                      >
+                        Montserrat
+                      </option>
+                      <option
+                        value="MA"
+                      >
+                        Morocco
+                      </option>
+                      <option
+                        value="MZ"
+                      >
+                        Mozambique
+                      </option>
+                      <option
+                        value="MM"
+                      >
+                        Myanmar
+                      </option>
+                      <option
+                        value="NA"
+                      >
+                        Namibia
+                      </option>
+                      <option
+                        value="NR"
+                      >
+                        Nauru
+                      </option>
+                      <option
+                        value="NP"
+                      >
+                        Nepal
+                      </option>
+                      <option
+                        value="NL"
+                      >
+                        Netherlands
+                      </option>
+                      <option
+                        value="NC"
+                      >
+                        New Caledonia
+                      </option>
+                      <option
+                        value="NZ"
+                      >
+                        New Zealand
+                      </option>
+                      <option
+                        value="NI"
+                      >
+                        Nicaragua
+                      </option>
+                      <option
+                        value="NE"
+                      >
+                        Niger
+                      </option>
+                      <option
+                        value="NG"
+                      >
+                        Nigeria
+                      </option>
+                      <option
+                        value="NU"
+                      >
+                        Niue
+                      </option>
+                      <option
+                        value="NF"
+                      >
+                        Norfolk Island
+                      </option>
+                      <option
+                        value="MK"
+                      >
+                        North Macedonia, Republic of
+                      </option>
+                      <option
+                        value="MP"
+                      >
+                        Northern Mariana Islands
+                      </option>
+                      <option
+                        value="NO"
+                      >
+                        Norway
+                      </option>
+                      <option
+                        value="OM"
+                      >
+                        Oman
+                      </option>
+                      <option
+                        value="PK"
+                      >
+                        Pakistan
+                      </option>
+                      <option
+                        value="PW"
+                      >
+                        Palau
+                      </option>
+                      <option
+                        value="PS"
+                      >
+                        Palestinian Territory, Occupied
+                      </option>
+                      <option
+                        value="PA"
+                      >
+                        Panama
+                      </option>
+                      <option
+                        value="PG"
+                      >
+                        Papua New Guinea
+                      </option>
+                      <option
+                        value="PY"
+                      >
+                        Paraguay
+                      </option>
+                      <option
+                        value="PE"
+                      >
+                        Peru
+                      </option>
+                      <option
+                        value="PH"
+                      >
+                        Philippines
+                      </option>
+                      <option
+                        value="PN"
+                      >
+                        Pitcairn
+                      </option>
+                      <option
+                        value="PL"
+                      >
+                        Poland
+                      </option>
+                      <option
+                        value="PT"
+                      >
+                        Portugal
+                      </option>
+                      <option
+                        value="PR"
+                      >
+                        Puerto Rico
+                      </option>
+                      <option
+                        value="QA"
+                      >
+                        Qatar
+                      </option>
+                      <option
+                        value="RE"
+                      >
+                        Reunion
+                      </option>
+                      <option
+                        value="RO"
+                      >
+                        Romania
+                      </option>
+                      <option
+                        value="RU"
+                      >
+                        Russian Federation
+                      </option>
+                      <option
+                        value="RW"
+                      >
+                        Rwanda
+                      </option>
+                      <option
+                        value="SH"
+                      >
+                        Saint Helena
+                      </option>
+                      <option
+                        value="KN"
+                      >
+                        Saint Kitts and Nevis
+                      </option>
+                      <option
+                        value="LC"
+                      >
+                        Saint Lucia
+                      </option>
+                      <option
+                        value="PM"
+                      >
+                        Saint Pierre and Miquelon
+                      </option>
+                      <option
+                        value="VC"
+                      >
+                        Saint Vincent and the Grenadines
+                      </option>
+                      <option
+                        value="WS"
+                      >
+                        Samoa
+                      </option>
+                      <option
+                        value="SM"
+                      >
+                        San Marino
+                      </option>
+                      <option
+                        value="ST"
+                      >
+                        Sao Tome and Principe
+                      </option>
+                      <option
+                        value="SA"
+                      >
+                        Saudi Arabia
+                      </option>
+                      <option
+                        value="SN"
+                      >
+                        Senegal
+                      </option>
+                      <option
+                        value="SC"
+                      >
+                        Seychelles
+                      </option>
+                      <option
+                        value="SL"
+                      >
+                        Sierra Leone
+                      </option>
+                      <option
+                        value="SG"
+                      >
+                        Singapore
+                      </option>
+                      <option
+                        value="SK"
+                      >
+                        Slovakia
+                      </option>
+                      <option
+                        value="SI"
+                      >
+                        Slovenia
+                      </option>
+                      <option
+                        value="SB"
+                      >
+                        Solomon Islands
+                      </option>
+                      <option
+                        value="SO"
+                      >
+                        Somalia
+                      </option>
+                      <option
+                        value="ZA"
+                      >
+                        South Africa
+                      </option>
+                      <option
+                        value="GS"
+                      >
+                        South Georgia and the South Sandwich Islands
+                      </option>
+                      <option
+                        value="ES"
+                      >
+                        Spain
+                      </option>
+                      <option
+                        value="LK"
+                      >
+                        Sri Lanka
+                      </option>
+                      <option
+                        value="SD"
+                      >
+                        Sudan
+                      </option>
+                      <option
+                        value="SR"
+                      >
+                        Suriname
+                      </option>
+                      <option
+                        value="SJ"
+                      >
+                        Svalbard and Jan Mayen
+                      </option>
+                      <option
+                        value="SZ"
+                      >
+                        Swaziland
+                      </option>
+                      <option
+                        value="SE"
+                      >
+                        Sweden
+                      </option>
+                      <option
+                        value="CH"
+                      >
+                        Switzerland
+                      </option>
+                      <option
+                        value="SY"
+                      >
+                        Syrian Arab Republic
+                      </option>
+                      <option
+                        value="TW"
+                      >
+                        Taiwan
+                      </option>
+                      <option
+                        value="TJ"
+                      >
+                        Tajikistan
+                      </option>
+                      <option
+                        value="TZ"
+                      >
+                        Tanzania, United Republic of
+                      </option>
+                      <option
+                        value="TH"
+                      >
+                        Thailand
+                      </option>
+                      <option
+                        value="TL"
+                      >
+                        Timor-Leste
+                      </option>
+                      <option
+                        value="TG"
+                      >
+                        Togo
+                      </option>
+                      <option
+                        value="TK"
+                      >
+                        Tokelau
+                      </option>
+                      <option
+                        value="TO"
+                      >
+                        Tonga
+                      </option>
+                      <option
+                        value="TT"
+                      >
+                        Trinidad and Tobago
+                      </option>
+                      <option
+                        value="TN"
+                      >
+                        Tunisia
+                      </option>
+                      <option
+                        value="TR"
+                      >
+                        Turkey
+                      </option>
+                      <option
+                        value="TM"
+                      >
+                        Turkmenistan
+                      </option>
+                      <option
+                        value="TC"
+                      >
+                        Turks and Caicos Islands
+                      </option>
+                      <option
+                        value="TV"
+                      >
+                        Tuvalu
+                      </option>
+                      <option
+                        value="UG"
+                      >
+                        Uganda
+                      </option>
+                      <option
+                        value="UA"
+                      >
+                        Ukraine
+                      </option>
+                      <option
+                        value="AE"
+                      >
+                        United Arab Emirates
+                      </option>
+                      <option
+                        value="GB"
+                      >
+                        United Kingdom
+                      </option>
+                      <option
+                        value="US"
+                      >
+                        United States of America
+                      </option>
+                      <option
+                        value="UM"
+                      >
+                        United States Minor Outlying Islands
+                      </option>
+                      <option
+                        value="UY"
+                      >
+                        Uruguay
+                      </option>
+                      <option
+                        value="UZ"
+                      >
+                        Uzbekistan
+                      </option>
+                      <option
+                        value="VU"
+                      >
+                        Vanuatu
+                      </option>
+                      <option
+                        value="VE"
+                      >
+                        Venezuela
+                      </option>
+                      <option
+                        value="VN"
+                      >
+                        Viet Nam
+                      </option>
+                      <option
+                        value="VG"
+                      >
+                        Virgin Islands, British
+                      </option>
+                      <option
+                        value="VI"
+                      >
+                        Virgin Islands, U.S.
+                      </option>
+                      <option
+                        value="WF"
+                      >
+                        Wallis and Futuna
+                      </option>
+                      <option
+                        value="EH"
+                      >
+                        Western Sahara
+                      </option>
+                      <option
+                        value="YE"
+                      >
+                        Yemen
+                      </option>
+                      <option
+                        value="ZM"
+                      >
+                        Zambia
+                      </option>
+                      <option
+                        value="ZW"
+                      >
+                        Zimbabwe
+                      </option>
+                      <option
+                        value="AX"
+                      >
+                        Åland Islands
+                      </option>
+                      <option
+                        value="BQ"
+                      >
+                        Bonaire, Sint Eustatius and Saba
+                      </option>
+                      <option
+                        value="CW"
+                      >
+                        Curaçao
+                      </option>
+                      <option
+                        value="GG"
+                      >
+                        Guernsey
+                      </option>
+                      <option
+                        value="IM"
+                      >
+                        Isle of Man
+                      </option>
+                      <option
+                        value="JE"
+                      >
+                        Jersey
+                      </option>
+                      <option
+                        value="ME"
+                      >
+                        Montenegro
+                      </option>
+                      <option
+                        value="BL"
+                      >
+                        Saint Barthélemy
+                      </option>
+                      <option
+                        value="MF"
+                      >
+                        Saint Martin (French part)
+                      </option>
+                      <option
+                        value="RS"
+                      >
+                        Serbia
+                      </option>
+                      <option
+                        value="SX"
+                      >
+                        Sint Maarten (Dutch part)
+                      </option>
+                      <option
+                        value="SS"
+                      >
+                        South Sudan
+                      </option>
+                      <option
+                        value="XK"
+                      >
+                        Kosovo
+                      </option>
+                    </select>
+                    <div
+                      class="pgn__form-control-description pgn__form-text pgn__form-text-invalid"
+                      id="country-2"
+                    >
+                      <div>
+                        country error
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="d-flex flex-row-reverse flex-wrap justify-content-end align-items-center"
+                  >
+                    <div
+                      class="form-group d-flex flex-wrap"
+                    >
+                      <label
+                        class="col-form-label"
+                        for="visibilityCountry"
+                      >
+                        Who can see this:
+                      </label>
+                      <span
+                        class="d-flex align-items-center"
+                      >
+                        <span
+                          class="d-inline-block ml-1 mr-2"
+                          style="width: 1.5rem;"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="svg-inline--fa fa-eye fa-w-18 "
+                            data-icon="eye"
+                            data-prefix="far"
+                            focusable="false"
+                            role="img"
+                            viewBox="0 0 576 512"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                              fill="currentColor"
+                            />
+                          </svg>
+                        </span>
+                        <select
+                          class="d-inline-block form-control"
+                          id="visibilityCountry"
+                          name="visibilityCountry"
+                          type="select"
+                        >
+                          <option
+                            value="private"
+                          >
+                            Just me
+                          </option>
+                          <option
+                            value="all_users"
+                          >
+                            Everyone on localhost
+                          </option>
+                        </select>
+                      </span>
+                    </div>
+                    <div
+                      class="form-group flex-shrink-0 flex-grow-1"
+                    >
+                      <button
+                        aria-disabled="false"
+                        aria-live="assertive"
+                        class="pgn__stateful-btn pgn__stateful-btn-state-pending btn btn-primary"
+                        type="submit"
+                      >
+                        <span
+                          class="d-flex align-items-center justify-content-center"
+                        >
+                          <span
+                            class="pgn__stateful-btn-icon"
+                          >
+                            <span
+                              class="pgn__icon icon-spin"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                fill="none"
+                                focusable="false"
+                                height="24"
+                                role="img"
+                                viewBox="0 0 24 24"
+                                width="24"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
+                                  fill="currentColor"
+                                />
+                              </svg>
+                            </span>
+                          </span>
+                          <span>
+                            Saving
+                          </span>
+                        </span>
+                      </button>
+                      <button
+                        class="btn btn-link"
+                        type="button"
+                      >
+                        Cancel
+                      </button>
+                    </div>
+                  </div>
+                </form>
+              </div>
             </div>
-            <ul
-              className="list-unstyled"
+          </div>
+          <div
+            class="pgn-transition-replace-group position-relative mb-5"
+          >
+            <div
+              style="padding: .1px 0px;"
             >
-              <li
-                className="form-group"
+              <div
+                class="editable-item-header mb-2"
               >
-                <a
-                  className="font-weight-bold"
-                  href="https://www.twitter.com/ALOHA"
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-twitter fa-w-16 mr-2"
-                    data-icon="twitter"
-                    data-prefix="fab"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Primary Language Spoken
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Twitter
-                </a>
-              </li>
-              <li
-                className="form-group"
-              >
-                <a
-                  className="font-weight-bold"
-                  href="https://www.facebook.com/aloha"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-facebook fa-w-16 mr-2"
-                    data-icon="facebook"
-                    data-prefix="fab"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Facebook
-                </a>
-              </li>
-              <li
-                className="form-group"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Yoruba
+              </p>
+            </div>
+          </div>
+          <div
+            class="pgn-transition-replace-group position-relative mb-5"
+          >
+            <div
+              style="padding: .1px 0px;"
+            >
+              <div
+                class="editable-item-header mb-2"
               >
-                <div>
+                <h2
+                  class="edit-section-header"
+                >
+                  Education
                   <button
-                    className="pl-0 text-left btn btn-link"
-                    onClick={[Function]}
-                    onKeyDown={[Function]}
-                    tabIndex={0}
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
                     type="button"
                   >
                     <svg
                       aria-hidden="true"
-                      className="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
-                      data-icon="plus"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
                       data-prefix="fas"
                       focusable="false"
                       role="img"
-                      style={Object {}}
-                      viewBox="0 0 448 512"
+                      viewBox="0 0 512 512"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
                         fill="currentColor"
-                        style={Object {}}
                       />
                     </svg>
-                    Add 
-                    LinkedIn
+                    Edit
                   </button>
-                </div>
-              </li>
-            </ul>
+                </h2>
+                <p
+                  class="mb-0"
+                >
+                  <span
+                    class="ml-auto small text-muted"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye-slash fa-w-20 "
+                      data-icon="eye-slash"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 640 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Just me
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Elementary/primary school
+              </p>
+            </div>
           </div>
-        </div>
-      </div>
-      <div
-        className="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
-      >
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                About Me
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Social Links
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
+                >
+                  <span
+                    class="ml-auto small text-muted"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <ul
+                class="list-unstyled"
               >
-                <span
-                  className="ml-auto small text-muted"
+                <li
+                  class="form-group"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <a
+                    class="font-weight-bold"
+                    href="https://www.twitter.com/ALOHA"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
-              </p>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-twitter fa-w-16 mr-2"
+                      data-icon="twitter"
+                      data-prefix="fab"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Twitter
+                  </a>
+                </li>
+                <li
+                  class="form-group"
+                >
+                  <a
+                    class="font-weight-bold"
+                    href="https://www.facebook.com/aloha"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-facebook fa-w-16 mr-2"
+                      data-icon="facebook"
+                      data-prefix="fab"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Facebook
+                  </a>
+                </li>
+                <li
+                  class="form-group"
+                >
+                  <div>
+                    <button
+                      class="pl-0 text-left btn btn-link"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
+                        data-icon="plus"
+                        data-prefix="fas"
+                        focusable="false"
+                        role="img"
+                        viewBox="0 0 448 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      Add 
+                      LinkedIn
+                    </button>
+                  </div>
+                </li>
+              </ul>
             </div>
-            <p
-              className="lead"
-              data-hj-suppress={true}
-            >
-              This is my bio
-            </p>
           </div>
         </div>
         <div
-          className="pgn-transition-replace-group position-relative mb-4"
-          style={
-            Object {
-              "height": null,
-            }
-          }
+          class="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
         >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                My Certificates
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  About Me
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <p
+                class="lead"
+                data-hj-suppress="true"
+              >
+                This is my bio
               </p>
             </div>
+          </div>
+          <div
+            class="pgn-transition-replace-group position-relative mb-4"
+          >
             <div
-              className="row align-items-stretch"
+              style="padding: .1px 0px;"
             >
               <div
-                className="col-12 col-sm-6 d-flex align-items-stretch"
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
+                >
+                  My Certificates
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
+                >
+                  <span
+                    class="ml-auto small text-muted"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <div
+                class="row align-items-stretch"
               >
                 <div
-                  className="card mb-4 certificate flex-grow-1"
+                  class="col-12 col-sm-6 d-flex align-items-stretch"
                 >
                   <div
-                    className="certificate-type-illustration"
-                    style={
-                      Object {
-                        "backgroundImage": "url(icon/mock/path)",
-                      }
-                    }
-                  />
-                  <div
-                    className="card-body d-flex flex-column"
+                    class="card mb-4 certificate flex-grow-1"
                   >
                     <div
-                      className="card-title"
+                      class="certificate-type-illustration"
+                      style="background-image: url(icon/mock/path);"
+                    />
+                    <div
+                      class="card-body d-flex flex-column"
                     >
+                      <div
+                        class="card-title"
+                      >
+                        <p
+                          class="small mb-0"
+                        >
+                          Verified Certificate
+                        </p>
+                        <h4
+                          class="certificate-title"
+                        >
+                          edX Demonstration Course
+                        </h4>
+                      </div>
                       <p
-                        className="small mb-0"
+                        class="small mb-0"
                       >
-                        Verified Certificate
+                        From
                       </p>
-                      <h4
-                        className="certificate-title"
+                      <p
+                        class="h6 mb-4"
                       >
-                        edX Demonstration Course
-                      </h4>
-                    </div>
-                    <p
-                      className="small mb-0"
-                    >
-                      From
-                    </p>
-                    <p
-                      className="h6 mb-4"
-                    >
-                      edX
-                    </p>
-                    <div
-                      className="flex-grow-1"
-                    />
-                    <p
-                      className="small mb-2"
-                    >
-                      Completed on 
-                      3/4/2019
-                    </p>
-                    <div>
-                      <a
-                        className="pgn__hyperlink default-link standalone-link btn btn-outline-primary"
-                        href="http://www.example.com/"
-                        onClick={[Function]}
-                        rel="noopener noreferrer"
-                        target="_blank"
-                      >
-                        View Certificate
-                        <span
-                          className="pgn__hyperlink__external-icon"
-                          title="Opens in a new tab"
+                        edX
+                      </p>
+                      <div
+                        class="flex-grow-1"
+                      />
+                      <p
+                        class="small mb-2"
+                      >
+                        Completed on 
+                        3/4/2019
+                      </p>
+                      <div>
+                        <a
+                          class="pgn__hyperlink default-link standalone-link btn btn-outline-primary"
+                          href="http://www.example.com/"
+                          rel="noopener noreferrer"
+                          target="_blank"
                         >
+                          View Certificate
                           <span
-                            className="pgn__icon"
-                            style={
-                              Object {
-                                "height": "1em",
-                                "width": "1em",
-                              }
-                            }
+                            class="pgn__hyperlink__external-icon"
+                            title="Opens in a new tab"
                           >
-                            <svg
-                              aria-hidden={true}
-                              fill="none"
-                              focusable={false}
-                              height={24}
-                              role="img"
-                              viewBox="0 0 24 24"
-                              width={24}
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                                fill="currentColor"
-                              />
-                            </svg>
                             <span
-                              className="sr-only"
+                              class="pgn__icon"
+                              style="height: 1em; width: 1em;"
                             >
-                              in a new tab
+                              <svg
+                                aria-hidden="true"
+                                fill="none"
+                                focusable="false"
+                                height="24"
+                                role="img"
+                                viewBox="0 0 24 24"
+                                width="24"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                                  fill="currentColor"
+                                />
+                              </svg>
+                              <span
+                                class="sr-only"
+                              >
+                                in a new tab
+                              </span>
                             </span>
                           </span>
-                        </span>
-                      </a>
+                        </a>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -2415,1169 +2232,988 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
 `;
 
 exports[`<ProfilePage /> Renders correctly in various states test education edit with error 1`] = `
-<div
-  className="profile-page"
->
+<div>
   <div
-    className="profile-page-bg-banner bg-primary d-md-block p-relative"
-  />
-  <div
-    className="container-fluid"
+    class="profile-page"
   >
     <div
-      className="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
+    />
+    <div
+      class="container-fluid"
     >
       <div
-        className="col-auto col-md-4 col-lg-3"
+        class="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0"
       >
         <div
-          className="d-flex align-items-center d-md-block"
+          class="col-auto col-md-4 col-lg-3"
         >
           <div
-            className="profile-avatar-wrap position-relative"
+            class="d-flex align-items-center d-md-block"
           >
             <div
-              className="profile-avatar rounded-circle bg-light"
+              class="profile-avatar-wrap position-relative"
             >
               <div
-                className="profile-avatar-menu-container"
+                class="profile-avatar rounded-circle bg-light"
               >
                 <div
-                  className="pgn__dropdown pgn__dropdown-light dropdown"
-                  data-testid="dropdown"
+                  class="profile-avatar-menu-container"
                 >
-                  <button
-                    aria-expanded={false}
-                    aria-haspopup={true}
-                    className="dropdown-toggle btn btn-primary"
-                    disabled={false}
-                    onClick={[Function]}
-                    type="button"
+                  <div
+                    class="pgn__dropdown pgn__dropdown-light dropdown"
+                    data-testid="dropdown"
                   >
-                    Change
-                  </button>
+                    <button
+                      aria-expanded="false"
+                      aria-haspopup="true"
+                      class="dropdown-toggle btn btn-primary"
+                      type="button"
+                    >
+                      Change
+                    </button>
+                  </div>
                 </div>
+                <img
+                  alt="profile avatar"
+                  class="w-100 h-100 d-block rounded-circle overflow-hidden"
+                  data-hj-suppress="true"
+                  src="http://localhost:18000/media/profile-images/d2a9bdc2ba165dcefc73265c54bf9a20_500.jpg?v=1552495012"
+                  style="object-fit: cover;"
+                />
               </div>
-              <img
-                alt="profile avatar"
-                className="w-100 h-100 d-block rounded-circle overflow-hidden"
-                data-hj-suppress={true}
-                src="http://localhost:18000/media/profile-images/d2a9bdc2ba165dcefc73265c54bf9a20_500.jpg?v=1552495012"
-                style={
-                  Object {
-                    "objectFit": "cover",
-                  }
-                }
-              />
+              <form
+                enctype="multipart/form-data"
+              >
+                <input
+                  accept=".jpg, .jpeg, .png"
+                  class="d-none form-control-file"
+                  id="photo-file"
+                  name="file"
+                  type="file"
+                />
+              </form>
             </div>
-            <form
-              encType="multipart/form-data"
-              onSubmit={[Function]}
-            >
-              <input
-                accept=".jpg, .jpeg, .png"
-                className="d-none form-control-file"
-                id="photo-file"
-                name="file"
-                onChange={[Function]}
-                type="file"
-              />
-            </form>
           </div>
         </div>
-      </div>
-      <div
-        className="col"
-      >
         <div
-          className="d-md-none"
+          class="col"
         >
-          <span
-            data-hj-suppress={true}
+          <div
+            class="d-md-none"
           >
-            <h1
-              className="h2 mb-0 font-weight-bold text-truncate"
-            >
-              staff
-            </h1>
-            <p
-              className="mb-0"
+            <span
+              data-hj-suppress="true"
             >
-              Member since 
-              2017
-            </p>
-            <hr
-              className="d-none d-md-block"
-            />
-          </span>
-        </div>
-        <div
-          className="d-none d-md-block float-right"
-        >
-          <a
-            className="pgn__hyperlink default-link standalone-link btn btn-primary"
-            href="http://localhost:18150/records"
-            onClick={[Function]}
-            rel="noopener noreferrer"
-            target="_blank"
+              <h1
+                class="h2 mb-0 font-weight-bold text-truncate"
+              >
+                staff
+              </h1>
+              <p
+                class="mb-0"
+              >
+                Member since 
+                2017
+              </p>
+              <hr
+                class="d-none d-md-block"
+              />
+            </span>
+          </div>
+          <div
+            class="d-none d-md-block float-right"
           >
-            View My Records
-            <span
-              className="pgn__hyperlink__external-icon"
-              title="Opens in a new tab"
+            <a
+              class="pgn__hyperlink default-link standalone-link btn btn-primary"
+              href="http://localhost:18150/records"
+              rel="noopener noreferrer"
+              target="_blank"
             >
+              View My Records
               <span
-                className="pgn__icon"
-                style={
-                  Object {
-                    "height": "1em",
-                    "width": "1em",
-                  }
-                }
-              >
-                <svg
-                  aria-hidden={true}
-                  fill="none"
-                  focusable={false}
-                  height={24}
-                  role="img"
-                  viewBox="0 0 24 24"
-                  width={24}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                    fill="currentColor"
-                  />
-                </svg>
+                class="pgn__hyperlink__external-icon"
+                title="Opens in a new tab"
+              >
                 <span
-                  className="sr-only"
+                  class="pgn__icon"
+                  style="height: 1em; width: 1em;"
                 >
-                  in a new tab
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    height="24"
+                    role="img"
+                    viewBox="0 0 24 24"
+                    width="24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    class="sr-only"
+                  >
+                    in a new tab
+                  </span>
                 </span>
               </span>
-            </span>
-          </a>
+            </a>
+          </div>
         </div>
       </div>
-    </div>
-    <div
-      className="row"
-    >
       <div
-        className="col-md-4 col-lg-4"
+        class="row"
       >
         <div
-          className="d-none d-md-block mb-4"
-        >
-          <span
-            data-hj-suppress={true}
-          >
-            <h1
-              className="h2 mb-0 font-weight-bold text-truncate"
-            >
-              staff
-            </h1>
-            <p
-              className="mb-0"
-            >
-              Member since 
-              2017
-            </p>
-            <hr
-              className="d-none d-md-block"
-            />
-          </span>
-        </div>
-        <div
-          className="d-md-none mb-4"
+          class="col-md-4 col-lg-4"
         >
-          <a
-            className="pgn__hyperlink default-link standalone-link btn btn-primary"
-            href="http://localhost:18150/records"
-            onClick={[Function]}
-            rel="noopener noreferrer"
-            target="_blank"
+          <div
+            class="d-none d-md-block mb-4"
           >
-            View My Records
             <span
-              className="pgn__hyperlink__external-icon"
-              title="Opens in a new tab"
+              data-hj-suppress="true"
             >
-              <span
-                className="pgn__icon"
-                style={
-                  Object {
-                    "height": "1em",
-                    "width": "1em",
-                  }
-                }
-              >
-                <svg
-                  aria-hidden={true}
-                  fill="none"
-                  focusable={false}
-                  height={24}
-                  role="img"
-                  viewBox="0 0 24 24"
-                  width={24}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  className="sr-only"
-                >
-                  in a new tab
-                </span>
-              </span>
+              <h1
+                class="h2 mb-0 font-weight-bold text-truncate"
+              >
+                staff
+              </h1>
+              <p
+                class="mb-0"
+              >
+                Member since 
+                2017
+              </p>
+              <hr
+                class="d-none d-md-block"
+              />
             </span>
-          </a>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
+          </div>
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="d-md-none mb-4"
           >
-            <div
-              className="editable-item-header mb-2"
+            <a
+              class="pgn__hyperlink default-link standalone-link btn btn-primary"
+              href="http://localhost:18150/records"
+              rel="noopener noreferrer"
+              target="_blank"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Full Name
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
+              View My Records
+              <span
+                class="pgn__hyperlink__external-icon"
+                title="Opens in a new tab"
               >
                 <span
-                  className="ml-auto small text-muted"
+                  class="pgn__icon"
+                  style="height: 1em; width: 1em;"
                 >
                   <svg
                     aria-hidden="true"
-                    className="svg-inline--fa fa-eye-slash fa-w-20 "
-                    data-icon="eye-slash"
-                    data-prefix="far"
+                    fill="none"
                     focusable="false"
+                    height="24"
                     role="img"
-                    style={Object {}}
-                    viewBox="0 0 640 512"
+                    viewBox="0 0 24 24"
+                    width="24"
                     xmlns="http://www.w3.org/2000/svg"
                   >
                     <path
-                      d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                      d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
                       fill="currentColor"
-                      style={Object {}}
                     />
                   </svg>
-                   
-                  Just me
+                  <span
+                    class="sr-only"
+                  >
+                    in a new tab
+                  </span>
                 </span>
-              </p>
-            </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Lemon Seltzer
-            </p>
-            <small
-              className="form-text text-muted"
-            >
-              This is the name that appears in your account and on your certificates.
-            </small>
+              </span>
+            </a>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Location
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Full Name
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
+                >
+                  <span
+                    class="ml-auto small text-muted"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye-slash fa-w-20 "
+                      data-icon="eye-slash"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 640 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Just me
+                  </span>
+                </p>
+              </div>
               <p
-                className="mb-0"
+                class="h5"
+                data-hj-suppress="true"
               >
-                <span
-                  className="ml-auto small text-muted"
+                Lemon Seltzer
+              </p>
+              <small
+                class="form-text text-muted"
+              >
+                This is the name that appears in your account and on your certificates.
+              </small>
+            </div>
+          </div>
+          <div
+            class="pgn-transition-replace-group position-relative mb-5"
+          >
+            <div
+              style="padding: .1px 0px;"
+            >
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Location
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
+                >
+                  <span
+                    class="ml-auto small text-muted"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Montenegro
               </p>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Montenegro
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Primary Language Spoken
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Primary Language Spoken
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
+                >
+                  <span
+                    class="ml-auto small text-muted"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
               <p
-                className="mb-0"
+                class="h5"
+                data-hj-suppress="true"
               >
-                <span
-                  className="ml-auto small text-muted"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                Yoruba
               </p>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Yoruba
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              aria-labelledby="levelOfEducation-label"
-              role="dialog"
+              style="padding: .1px 0px;"
             >
-              <form
-                onSubmit={[Function]}
+              <div
+                aria-labelledby="levelOfEducation-label"
+                role="dialog"
               >
-                <div
-                  className="pgn__form-group"
-                >
-                  <label
-                    className="edit-section-header"
-                    htmlFor="levelOfEducation"
-                  >
-                    Education
-                  </label>
-                  <select
-                    className="form-control"
-                    data-hj-suppress={true}
-                    id="levelOfEducation"
-                    name="levelOfEducation"
-                    onChange={[Function]}
-                    value="el"
-                  >
-                    <option
-                      value=""
-                    >
-                       
-                    </option>
-                    <option
-                      value="p"
-                    >
-                      Doctorate
-                    </option>
-                    <option
-                      value="m"
-                    >
-                      Master's or professional degree
-                    </option>
-                    <option
-                      value="b"
-                    >
-                      Bachelor's Degree
-                    </option>
-                    <option
-                      value="a"
-                    >
-                      Associate's degree
-                    </option>
-                    <option
-                      value="hs"
-                    >
-                      Secondary/high school
-                    </option>
-                    <option
-                      value="jhs"
-                    >
-                      Junior secondary/junior high/middle school
-                    </option>
-                    <option
-                      value="el"
-                    >
-                      Elementary/primary school
-                    </option>
-                    <option
-                      value="none"
-                    >
-                      No formal education
-                    </option>
-                    <option
-                      value="other"
-                    >
-                      Other education
-                    </option>
-                  </select>
-                  <div
-                    className="pgn__form-control-description pgn__form-text pgn__form-text-invalid"
-                    id="levelOfEducation-3"
-                  >
-                    <div>
-                      education error
-                    </div>
-                  </div>
-                </div>
-                <div
-                  className="d-flex flex-row-reverse flex-wrap justify-content-end align-items-center"
-                >
+                <form>
                   <div
-                    className="form-group d-flex flex-wrap"
+                    class="pgn__form-group"
                   >
                     <label
-                      className="col-form-label"
-                      htmlFor="visibilityLevelOfEducation"
+                      class="edit-section-header"
+                      for="levelOfEducation"
                     >
-                      Who can see this:
+                      Education
                     </label>
-                    <span
-                      className="d-flex align-items-center"
+                    <select
+                      class="form-control"
+                      data-hj-suppress="true"
+                      id="levelOfEducation"
+                      name="levelOfEducation"
+                    >
+                      <option
+                        value=""
+                      >
+                         
+                      </option>
+                      <option
+                        value="p"
+                      >
+                        Doctorate
+                      </option>
+                      <option
+                        value="m"
+                      >
+                        Master's or professional degree
+                      </option>
+                      <option
+                        value="b"
+                      >
+                        Bachelor's Degree
+                      </option>
+                      <option
+                        value="a"
+                      >
+                        Associate's degree
+                      </option>
+                      <option
+                        value="hs"
+                      >
+                        Secondary/high school
+                      </option>
+                      <option
+                        value="jhs"
+                      >
+                        Junior secondary/junior high/middle school
+                      </option>
+                      <option
+                        value="el"
+                      >
+                        Elementary/primary school
+                      </option>
+                      <option
+                        value="none"
+                      >
+                        No formal education
+                      </option>
+                      <option
+                        value="other"
+                      >
+                        Other education
+                      </option>
+                    </select>
+                    <div
+                      class="pgn__form-control-description pgn__form-text pgn__form-text-invalid"
+                      id="levelOfEducation-3"
                     >
-                      <span
-                        className="d-inline-block ml-1 mr-2"
-                        style={
-                          Object {
-                            "width": "1.5rem",
-                          }
-                        }
-                      >
-                        <svg
-                          aria-hidden="true"
-                          className="svg-inline--fa fa-eye-slash fa-w-20 "
-                          data-icon="eye-slash"
-                          data-prefix="far"
-                          focusable="false"
-                          role="img"
-                          style={Object {}}
-                          viewBox="0 0 640 512"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
-                            fill="currentColor"
-                            style={Object {}}
-                          />
-                        </svg>
-                      </span>
-                      <select
-                        className="d-inline-block form-control"
-                        id="visibilityLevelOfEducation"
-                        name="visibilityLevelOfEducation"
-                        onChange={[Function]}
-                        type="select"
-                        value="private"
-                      >
-                        <option
-                          value="private"
-                        >
-                          Just me
-                        </option>
-                        <option
-                          value="all_users"
-                        >
-                          Everyone on localhost
-                        </option>
-                      </select>
-                    </span>
+                      <div>
+                        education error
+                      </div>
+                    </div>
                   </div>
                   <div
-                    className="form-group flex-shrink-0 flex-grow-1"
+                    class="d-flex flex-row-reverse flex-wrap justify-content-end align-items-center"
                   >
-                    <button
-                      aria-disabled={false}
-                      aria-live="assertive"
-                      className="pgn__stateful-btn pgn__stateful-btn-state-pending btn btn-primary"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="submit"
+                    <div
+                      class="form-group d-flex flex-wrap"
                     >
+                      <label
+                        class="col-form-label"
+                        for="visibilityLevelOfEducation"
+                      >
+                        Who can see this:
+                      </label>
                       <span
-                        className="d-flex align-items-center justify-content-center"
+                        class="d-flex align-items-center"
+                      >
+                        <span
+                          class="d-inline-block ml-1 mr-2"
+                          style="width: 1.5rem;"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="svg-inline--fa fa-eye-slash fa-w-20 "
+                            data-icon="eye-slash"
+                            data-prefix="far"
+                            focusable="false"
+                            role="img"
+                            viewBox="0 0 640 512"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                              fill="currentColor"
+                            />
+                          </svg>
+                        </span>
+                        <select
+                          class="d-inline-block form-control"
+                          id="visibilityLevelOfEducation"
+                          name="visibilityLevelOfEducation"
+                          type="select"
+                        >
+                          <option
+                            value="private"
+                          >
+                            Just me
+                          </option>
+                          <option
+                            value="all_users"
+                          >
+                            Everyone on localhost
+                          </option>
+                        </select>
+                      </span>
+                    </div>
+                    <div
+                      class="form-group flex-shrink-0 flex-grow-1"
+                    >
+                      <button
+                        aria-disabled="false"
+                        aria-live="assertive"
+                        class="pgn__stateful-btn pgn__stateful-btn-state-pending btn btn-primary"
+                        type="submit"
                       >
                         <span
-                          className="pgn__stateful-btn-icon"
+                          class="d-flex align-items-center justify-content-center"
                         >
                           <span
-                            className="pgn__icon icon-spin"
+                            class="pgn__stateful-btn-icon"
                           >
-                            <svg
-                              aria-hidden={true}
-                              fill="none"
-                              focusable={false}
-                              height={24}
-                              role="img"
-                              viewBox="0 0 24 24"
-                              width={24}
-                              xmlns="http://www.w3.org/2000/svg"
+                            <span
+                              class="pgn__icon icon-spin"
                             >
-                              <path
-                                d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
-                                fill="currentColor"
-                              />
-                            </svg>
+                              <svg
+                                aria-hidden="true"
+                                fill="none"
+                                focusable="false"
+                                height="24"
+                                role="img"
+                                viewBox="0 0 24 24"
+                                width="24"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
+                                  fill="currentColor"
+                                />
+                              </svg>
+                            </span>
+                          </span>
+                          <span>
+                            Saving
                           </span>
                         </span>
-                        <span>
-                          Saving
-                        </span>
-                      </span>
-                    </button>
-                    <button
-                      className="btn btn-link"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      Cancel
-                    </button>
+                      </button>
+                      <button
+                        class="btn btn-link"
+                        type="button"
+                      >
+                        Cancel
+                      </button>
+                    </div>
                   </div>
-                </div>
-              </form>
+                </form>
+              </div>
             </div>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
-            >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Social Links
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
-              </p>
-            </div>
-            <ul
-              className="list-unstyled"
+              style="padding: .1px 0px;"
             >
-              <li
-                className="form-group"
-              >
-                <a
-                  className="font-weight-bold"
-                  href="https://www.twitter.com/ALOHA"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-twitter fa-w-16 mr-2"
-                    data-icon="twitter"
-                    data-prefix="fab"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Twitter
-                </a>
-              </li>
-              <li
-                className="form-group"
+              <div
+                class="editable-item-header mb-2"
               >
-                <a
-                  className="font-weight-bold"
-                  href="https://www.facebook.com/aloha"
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-facebook fa-w-16 mr-2"
-                    data-icon="facebook"
-                    data-prefix="fab"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Facebook
-                </a>
-              </li>
-              <li
-                className="form-group"
-              >
-                <div>
+                  Social Links
                   <button
-                    className="pl-0 text-left btn btn-link"
-                    onClick={[Function]}
-                    onKeyDown={[Function]}
-                    tabIndex={0}
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
                     type="button"
                   >
                     <svg
                       aria-hidden="true"
-                      className="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
-                      data-icon="plus"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
                       data-prefix="fas"
                       focusable="false"
                       role="img"
-                      style={Object {}}
-                      viewBox="0 0 448 512"
+                      viewBox="0 0 512 512"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
                         fill="currentColor"
-                        style={Object {}}
                       />
                     </svg>
-                    Add 
-                    LinkedIn
+                    Edit
                   </button>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-      <div
-        className="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
-      >
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
-          <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
-          >
-            <div
-              className="editable-item-header mb-2"
-            >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                About Me
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <ul
+                class="list-unstyled"
               >
-                <span
-                  className="ml-auto small text-muted"
+                <li
+                  class="form-group"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <a
+                    class="font-weight-bold"
+                    href="https://www.twitter.com/ALOHA"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
-              </p>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-twitter fa-w-16 mr-2"
+                      data-icon="twitter"
+                      data-prefix="fab"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Twitter
+                  </a>
+                </li>
+                <li
+                  class="form-group"
+                >
+                  <a
+                    class="font-weight-bold"
+                    href="https://www.facebook.com/aloha"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-facebook fa-w-16 mr-2"
+                      data-icon="facebook"
+                      data-prefix="fab"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Facebook
+                  </a>
+                </li>
+                <li
+                  class="form-group"
+                >
+                  <div>
+                    <button
+                      class="pl-0 text-left btn btn-link"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
+                        data-icon="plus"
+                        data-prefix="fas"
+                        focusable="false"
+                        role="img"
+                        viewBox="0 0 448 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      Add 
+                      LinkedIn
+                    </button>
+                  </div>
+                </li>
+              </ul>
             </div>
-            <p
-              className="lead"
-              data-hj-suppress={true}
-            >
-              This is my bio
-            </p>
           </div>
         </div>
         <div
-          className="pgn-transition-replace-group position-relative mb-4"
-          style={
-            Object {
-              "height": null,
-            }
-          }
+          class="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
         >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                My Certificates
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  About Me
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <p
+                class="lead"
+                data-hj-suppress="true"
+              >
+                This is my bio
               </p>
             </div>
+          </div>
+          <div
+            class="pgn-transition-replace-group position-relative mb-4"
+          >
             <div
-              className="row align-items-stretch"
+              style="padding: .1px 0px;"
             >
               <div
-                className="col-12 col-sm-6 d-flex align-items-stretch"
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
+                >
+                  My Certificates
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
+                >
+                  <span
+                    class="ml-auto small text-muted"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <div
+                class="row align-items-stretch"
               >
                 <div
-                  className="card mb-4 certificate flex-grow-1"
+                  class="col-12 col-sm-6 d-flex align-items-stretch"
                 >
                   <div
-                    className="certificate-type-illustration"
-                    style={
-                      Object {
-                        "backgroundImage": "url(icon/mock/path)",
-                      }
-                    }
-                  />
-                  <div
-                    className="card-body d-flex flex-column"
+                    class="card mb-4 certificate flex-grow-1"
                   >
                     <div
-                      className="card-title"
+                      class="certificate-type-illustration"
+                      style="background-image: url(icon/mock/path);"
+                    />
+                    <div
+                      class="card-body d-flex flex-column"
                     >
+                      <div
+                        class="card-title"
+                      >
+                        <p
+                          class="small mb-0"
+                        >
+                          Verified Certificate
+                        </p>
+                        <h4
+                          class="certificate-title"
+                        >
+                          edX Demonstration Course
+                        </h4>
+                      </div>
+                      <p
+                        class="small mb-0"
+                      >
+                        From
+                      </p>
                       <p
-                        className="small mb-0"
+                        class="h6 mb-4"
                       >
-                        Verified Certificate
+                        edX
                       </p>
-                      <h4
-                        className="certificate-title"
+                      <div
+                        class="flex-grow-1"
+                      />
+                      <p
+                        class="small mb-2"
                       >
-                        edX Demonstration Course
-                      </h4>
-                    </div>
-                    <p
-                      className="small mb-0"
-                    >
-                      From
-                    </p>
-                    <p
-                      className="h6 mb-4"
-                    >
-                      edX
-                    </p>
-                    <div
-                      className="flex-grow-1"
-                    />
-                    <p
-                      className="small mb-2"
-                    >
-                      Completed on 
-                      3/4/2019
-                    </p>
-                    <div>
-                      <a
-                        className="pgn__hyperlink default-link standalone-link btn btn-outline-primary"
-                        href="http://www.example.com/"
-                        onClick={[Function]}
-                        rel="noopener noreferrer"
-                        target="_blank"
-                      >
-                        View Certificate
-                        <span
-                          className="pgn__hyperlink__external-icon"
-                          title="Opens in a new tab"
+                        Completed on 
+                        3/4/2019
+                      </p>
+                      <div>
+                        <a
+                          class="pgn__hyperlink default-link standalone-link btn btn-outline-primary"
+                          href="http://www.example.com/"
+                          rel="noopener noreferrer"
+                          target="_blank"
                         >
+                          View Certificate
                           <span
-                            className="pgn__icon"
-                            style={
-                              Object {
-                                "height": "1em",
-                                "width": "1em",
-                              }
-                            }
+                            class="pgn__hyperlink__external-icon"
+                            title="Opens in a new tab"
                           >
-                            <svg
-                              aria-hidden={true}
-                              fill="none"
-                              focusable={false}
-                              height={24}
-                              role="img"
-                              viewBox="0 0 24 24"
-                              width={24}
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                                fill="currentColor"
-                              />
-                            </svg>
                             <span
-                              className="sr-only"
+                              class="pgn__icon"
+                              style="height: 1em; width: 1em;"
                             >
-                              in a new tab
+                              <svg
+                                aria-hidden="true"
+                                fill="none"
+                                focusable="false"
+                                height="24"
+                                role="img"
+                                viewBox="0 0 24 24"
+                                width="24"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                                  fill="currentColor"
+                                />
+                              </svg>
+                              <span
+                                class="sr-only"
+                              >
+                                in a new tab
+                              </span>
                             </span>
                           </span>
-                        </span>
-                      </a>
+                        </a>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -3592,2044 +3228,1863 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
 `;
 
 exports[`<ProfilePage /> Renders correctly in various states test preferreded language edit with error 1`] = `
-<div
-  className="profile-page"
->
-  <div
-    className="profile-page-bg-banner bg-primary d-md-block p-relative"
-  />
+<div>
   <div
-    className="container-fluid"
+    class="profile-page"
   >
     <div
-      className="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
+    />
+    <div
+      class="container-fluid"
     >
       <div
-        className="col-auto col-md-4 col-lg-3"
+        class="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0"
       >
         <div
-          className="d-flex align-items-center d-md-block"
+          class="col-auto col-md-4 col-lg-3"
         >
           <div
-            className="profile-avatar-wrap position-relative"
+            class="d-flex align-items-center d-md-block"
           >
             <div
-              className="profile-avatar rounded-circle bg-light"
+              class="profile-avatar-wrap position-relative"
             >
               <div
-                className="profile-avatar-menu-container"
+                class="profile-avatar rounded-circle bg-light"
               >
                 <div
-                  className="pgn__dropdown pgn__dropdown-light dropdown"
-                  data-testid="dropdown"
+                  class="profile-avatar-menu-container"
                 >
-                  <button
-                    aria-expanded={false}
-                    aria-haspopup={true}
-                    className="dropdown-toggle btn btn-primary"
-                    disabled={false}
-                    onClick={[Function]}
-                    type="button"
+                  <div
+                    class="pgn__dropdown pgn__dropdown-light dropdown"
+                    data-testid="dropdown"
                   >
-                    Change
-                  </button>
+                    <button
+                      aria-expanded="false"
+                      aria-haspopup="true"
+                      class="dropdown-toggle btn btn-primary"
+                      type="button"
+                    >
+                      Change
+                    </button>
+                  </div>
                 </div>
+                <img
+                  alt="profile avatar"
+                  class="w-100 h-100 d-block rounded-circle overflow-hidden"
+                  data-hj-suppress="true"
+                  src="http://localhost:18000/media/profile-images/d2a9bdc2ba165dcefc73265c54bf9a20_500.jpg?v=1552495012"
+                  style="object-fit: cover;"
+                />
               </div>
-              <img
-                alt="profile avatar"
-                className="w-100 h-100 d-block rounded-circle overflow-hidden"
-                data-hj-suppress={true}
-                src="http://localhost:18000/media/profile-images/d2a9bdc2ba165dcefc73265c54bf9a20_500.jpg?v=1552495012"
-                style={
-                  Object {
-                    "objectFit": "cover",
-                  }
-                }
-              />
+              <form
+                enctype="multipart/form-data"
+              >
+                <input
+                  accept=".jpg, .jpeg, .png"
+                  class="d-none form-control-file"
+                  id="photo-file"
+                  name="file"
+                  type="file"
+                />
+              </form>
             </div>
-            <form
-              encType="multipart/form-data"
-              onSubmit={[Function]}
-            >
-              <input
-                accept=".jpg, .jpeg, .png"
-                className="d-none form-control-file"
-                id="photo-file"
-                name="file"
-                onChange={[Function]}
-                type="file"
-              />
-            </form>
           </div>
         </div>
-      </div>
-      <div
-        className="col"
-      >
         <div
-          className="d-md-none"
+          class="col"
         >
-          <span
-            data-hj-suppress={true}
+          <div
+            class="d-md-none"
           >
-            <h1
-              className="h2 mb-0 font-weight-bold text-truncate"
-            >
-              staff
-            </h1>
-            <p
-              className="mb-0"
+            <span
+              data-hj-suppress="true"
             >
-              Member since 
-              2017
-            </p>
-            <hr
-              className="d-none d-md-block"
-            />
-          </span>
-        </div>
-        <div
-          className="d-none d-md-block float-right"
-        >
-          <a
-            className="pgn__hyperlink default-link standalone-link btn btn-primary"
-            href="http://localhost:18150/records"
-            onClick={[Function]}
-            rel="noopener noreferrer"
-            target="_blank"
+              <h1
+                class="h2 mb-0 font-weight-bold text-truncate"
+              >
+                staff
+              </h1>
+              <p
+                class="mb-0"
+              >
+                Member since 
+                2017
+              </p>
+              <hr
+                class="d-none d-md-block"
+              />
+            </span>
+          </div>
+          <div
+            class="d-none d-md-block float-right"
           >
-            View My Records
-            <span
-              className="pgn__hyperlink__external-icon"
-              title="Opens in a new tab"
+            <a
+              class="pgn__hyperlink default-link standalone-link btn btn-primary"
+              href="http://localhost:18150/records"
+              rel="noopener noreferrer"
+              target="_blank"
             >
+              View My Records
               <span
-                className="pgn__icon"
-                style={
-                  Object {
-                    "height": "1em",
-                    "width": "1em",
-                  }
-                }
-              >
-                <svg
-                  aria-hidden={true}
-                  fill="none"
-                  focusable={false}
-                  height={24}
-                  role="img"
-                  viewBox="0 0 24 24"
-                  width={24}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                    fill="currentColor"
-                  />
-                </svg>
+                class="pgn__hyperlink__external-icon"
+                title="Opens in a new tab"
+              >
                 <span
-                  className="sr-only"
+                  class="pgn__icon"
+                  style="height: 1em; width: 1em;"
                 >
-                  in a new tab
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    height="24"
+                    role="img"
+                    viewBox="0 0 24 24"
+                    width="24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    class="sr-only"
+                  >
+                    in a new tab
+                  </span>
                 </span>
               </span>
-            </span>
-          </a>
+            </a>
+          </div>
         </div>
       </div>
-    </div>
-    <div
-      className="row"
-    >
       <div
-        className="col-md-4 col-lg-4"
+        class="row"
       >
         <div
-          className="d-none d-md-block mb-4"
-        >
-          <span
-            data-hj-suppress={true}
-          >
-            <h1
-              className="h2 mb-0 font-weight-bold text-truncate"
-            >
-              staff
-            </h1>
-            <p
-              className="mb-0"
-            >
-              Member since 
-              2017
-            </p>
-            <hr
-              className="d-none d-md-block"
-            />
-          </span>
-        </div>
-        <div
-          className="d-md-none mb-4"
+          class="col-md-4 col-lg-4"
         >
-          <a
-            className="pgn__hyperlink default-link standalone-link btn btn-primary"
-            href="http://localhost:18150/records"
-            onClick={[Function]}
-            rel="noopener noreferrer"
-            target="_blank"
+          <div
+            class="d-none d-md-block mb-4"
           >
-            View My Records
             <span
-              className="pgn__hyperlink__external-icon"
-              title="Opens in a new tab"
+              data-hj-suppress="true"
             >
-              <span
-                className="pgn__icon"
-                style={
-                  Object {
-                    "height": "1em",
-                    "width": "1em",
-                  }
-                }
-              >
-                <svg
-                  aria-hidden={true}
-                  fill="none"
-                  focusable={false}
-                  height={24}
-                  role="img"
-                  viewBox="0 0 24 24"
-                  width={24}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  className="sr-only"
-                >
-                  in a new tab
-                </span>
-              </span>
+              <h1
+                class="h2 mb-0 font-weight-bold text-truncate"
+              >
+                staff
+              </h1>
+              <p
+                class="mb-0"
+              >
+                Member since 
+                2017
+              </p>
+              <hr
+                class="d-none d-md-block"
+              />
             </span>
-          </a>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
+          </div>
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="d-md-none mb-4"
           >
-            <div
-              className="editable-item-header mb-2"
+            <a
+              class="pgn__hyperlink default-link standalone-link btn btn-primary"
+              href="http://localhost:18150/records"
+              rel="noopener noreferrer"
+              target="_blank"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Full Name
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
+              View My Records
+              <span
+                class="pgn__hyperlink__external-icon"
+                title="Opens in a new tab"
               >
                 <span
-                  className="ml-auto small text-muted"
+                  class="pgn__icon"
+                  style="height: 1em; width: 1em;"
                 >
                   <svg
                     aria-hidden="true"
-                    className="svg-inline--fa fa-eye-slash fa-w-20 "
-                    data-icon="eye-slash"
-                    data-prefix="far"
+                    fill="none"
                     focusable="false"
+                    height="24"
                     role="img"
-                    style={Object {}}
-                    viewBox="0 0 640 512"
+                    viewBox="0 0 24 24"
+                    width="24"
                     xmlns="http://www.w3.org/2000/svg"
                   >
                     <path
-                      d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                      d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
                       fill="currentColor"
-                      style={Object {}}
                     />
                   </svg>
-                   
-                  Just me
+                  <span
+                    class="sr-only"
+                  >
+                    in a new tab
+                  </span>
                 </span>
-              </p>
-            </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Lemon Seltzer
-            </p>
-            <small
-              className="form-text text-muted"
-            >
-              This is the name that appears in your account and on your certificates.
-            </small>
+              </span>
+            </a>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Location
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Full Name
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
+                >
+                  <span
+                    class="ml-auto small text-muted"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye-slash fa-w-20 "
+                      data-icon="eye-slash"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 640 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Just me
+                  </span>
+                </p>
+              </div>
               <p
-                className="mb-0"
+                class="h5"
+                data-hj-suppress="true"
               >
-                <span
-                  className="ml-auto small text-muted"
+                Lemon Seltzer
+              </p>
+              <small
+                class="form-text text-muted"
+              >
+                This is the name that appears in your account and on your certificates.
+              </small>
+            </div>
+          </div>
+          <div
+            class="pgn-transition-replace-group position-relative mb-5"
+          >
+            <div
+              style="padding: .1px 0px;"
+            >
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Location
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
+                >
+                  <span
+                    class="ml-auto small text-muted"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Montenegro
               </p>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Montenegro
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              aria-labelledby="languageProficiencies-label"
-              role="dialog"
+              style="padding: .1px 0px;"
             >
-              <form
-                onSubmit={[Function]}
+              <div
+                aria-labelledby="languageProficiencies-label"
+                role="dialog"
               >
-                <div
-                  className="pgn__form-group"
-                >
-                  <label
-                    className="edit-section-header"
-                    htmlFor="languageProficiencies"
-                  >
-                    Primary Language Spoken
-                  </label>
-                  <select
-                    className="form-control"
-                    data-hj-suppress={true}
-                    id="languageProficiencies"
-                    name="languageProficiencies"
-                    onChange={[Function]}
-                    value="yo"
-                  >
-                    <option
-                      value=""
-                    >
-                       
-                    </option>
-                    <option
-                      value="aa"
-                    >
-                      Afar
-                    </option>
-                    <option
-                      value="ab"
-                    >
-                      Abkhazian
-                    </option>
-                    <option
-                      value="ae"
-                    >
-                      Avestan
-                    </option>
-                    <option
-                      value="af"
-                    >
-                      Afrikaans
-                    </option>
-                    <option
-                      value="ak"
-                    >
-                      Akan
-                    </option>
-                    <option
-                      value="am"
-                    >
-                      Amharic
-                    </option>
-                    <option
-                      value="an"
-                    >
-                      Aragonese
-                    </option>
-                    <option
-                      value="ar"
-                    >
-                      Arabic
-                    </option>
-                    <option
-                      value="as"
-                    >
-                      Assamese
-                    </option>
-                    <option
-                      value="av"
-                    >
-                      Avaric
-                    </option>
-                    <option
-                      value="ay"
-                    >
-                      Aymara
-                    </option>
-                    <option
-                      value="az"
-                    >
-                      Azerbaijani
-                    </option>
-                    <option
-                      value="ba"
-                    >
-                      Bashkir
-                    </option>
-                    <option
-                      value="be"
-                    >
-                      Belarusian
-                    </option>
-                    <option
-                      value="bg"
-                    >
-                      Bulgarian
-                    </option>
-                    <option
-                      value="bh"
-                    >
-                      Bihari languages
-                    </option>
-                    <option
-                      value="bi"
-                    >
-                      Bislama
-                    </option>
-                    <option
-                      value="bm"
-                    >
-                      Bambara
-                    </option>
-                    <option
-                      value="bn"
-                    >
-                      Bengali
-                    </option>
-                    <option
-                      value="bo"
-                    >
-                      Tibetan
-                    </option>
-                    <option
-                      value="br"
-                    >
-                      Breton
-                    </option>
-                    <option
-                      value="bs"
-                    >
-                      Bosnian
-                    </option>
-                    <option
-                      value="ca"
-                    >
-                      Catalan
-                    </option>
-                    <option
-                      value="ce"
-                    >
-                      Chechen
-                    </option>
-                    <option
-                      value="ch"
-                    >
-                      Chamorro
-                    </option>
-                    <option
-                      value="co"
-                    >
-                      Corsican
-                    </option>
-                    <option
-                      value="cr"
-                    >
-                      Cree
-                    </option>
-                    <option
-                      value="cs"
-                    >
-                      Czech
-                    </option>
-                    <option
-                      value="cu"
-                    >
-                      Church Slavic
-                    </option>
-                    <option
-                      value="cv"
-                    >
-                      Chuvash
-                    </option>
-                    <option
-                      value="cy"
-                    >
-                      Welsh
-                    </option>
-                    <option
-                      value="da"
-                    >
-                      Danish
-                    </option>
-                    <option
-                      value="de"
-                    >
-                      German
-                    </option>
-                    <option
-                      value="dv"
-                    >
-                      Maldivian
-                    </option>
-                    <option
-                      value="dz"
-                    >
-                      Dzongkha
-                    </option>
-                    <option
-                      value="ee"
-                    >
-                      Ewe
-                    </option>
-                    <option
-                      value="el"
-                    >
-                      Greek (modern)
-                    </option>
-                    <option
-                      value="en"
-                    >
-                      English
-                    </option>
-                    <option
-                      value="eo"
-                    >
-                      Esperanto
-                    </option>
-                    <option
-                      value="es"
-                    >
-                      Spanish
-                    </option>
-                    <option
-                      value="et"
-                    >
-                      Estonian
-                    </option>
-                    <option
-                      value="eu"
-                    >
-                      Basque
-                    </option>
-                    <option
-                      value="fa"
-                    >
-                      Persian
-                    </option>
-                    <option
-                      value="ff"
-                    >
-                      Fulah
-                    </option>
-                    <option
-                      value="fi"
-                    >
-                      Finnish
-                    </option>
-                    <option
-                      value="fj"
-                    >
-                      Fijian
-                    </option>
-                    <option
-                      value="fo"
-                    >
-                      Faroese
-                    </option>
-                    <option
-                      value="fr"
-                    >
-                      French
-                    </option>
-                    <option
-                      value="fy"
-                    >
-                      Western Frisian
-                    </option>
-                    <option
-                      value="ga"
-                    >
-                      Irish
-                    </option>
-                    <option
-                      value="gd"
-                    >
-                      Gaelic
-                    </option>
-                    <option
-                      value="gl"
-                    >
-                      Galician
-                    </option>
-                    <option
-                      value="gn"
-                    >
-                      Guaraní
-                    </option>
-                    <option
-                      value="gu"
-                    >
-                      Gujarati
-                    </option>
-                    <option
-                      value="gv"
-                    >
-                      Manx
-                    </option>
-                    <option
-                      value="ha"
-                    >
-                      Hausa
-                    </option>
-                    <option
-                      value="he"
-                    >
-                      Hebrew (modern)
-                    </option>
-                    <option
-                      value="hi"
-                    >
-                      Hindi
-                    </option>
-                    <option
-                      value="ho"
-                    >
-                      Hiri Motu
-                    </option>
-                    <option
-                      value="hr"
-                    >
-                      Croatian
-                    </option>
-                    <option
-                      value="ht"
-                    >
-                      Haitian Creole
-                    </option>
-                    <option
-                      value="hu"
-                    >
-                      Hungarian
-                    </option>
-                    <option
-                      value="hy"
-                    >
-                      Armenian
-                    </option>
-                    <option
-                      value="hz"
-                    >
-                      Herero
-                    </option>
-                    <option
-                      value="ia"
-                    >
-                      Interlingua
-                    </option>
-                    <option
-                      value="id"
-                    >
-                      Indonesian
-                    </option>
-                    <option
-                      value="ie"
-                    >
-                      Interlingue
-                    </option>
-                    <option
-                      value="ig"
-                    >
-                      Igbo
-                    </option>
-                    <option
-                      value="ii"
-                    >
-                      Nuosu
-                    </option>
-                    <option
-                      value="ik"
-                    >
-                      Inupiaq
-                    </option>
-                    <option
-                      value="io"
-                    >
-                      Ido
-                    </option>
-                    <option
-                      value="is"
-                    >
-                      Icelandic
-                    </option>
-                    <option
-                      value="it"
-                    >
-                      Italian
-                    </option>
-                    <option
-                      value="iu"
-                    >
-                      Inuktitut
-                    </option>
-                    <option
-                      value="ja"
-                    >
-                      Japanese
-                    </option>
-                    <option
-                      value="jv"
-                    >
-                      Javanese
-                    </option>
-                    <option
-                      value="ka"
-                    >
-                      Georgian
-                    </option>
-                    <option
-                      value="kg"
-                    >
-                      Kongo
-                    </option>
-                    <option
-                      value="ki"
-                    >
-                      Kikuyu
-                    </option>
-                    <option
-                      value="kj"
-                    >
-                      Kwanyama
-                    </option>
-                    <option
-                      value="kk"
-                    >
-                      Kazakh
-                    </option>
-                    <option
-                      value="kl"
-                    >
-                      Greenlandic
-                    </option>
-                    <option
-                      value="km"
-                    >
-                      Central Khmer
-                    </option>
-                    <option
-                      value="kn"
-                    >
-                      Kannada
-                    </option>
-                    <option
-                      value="ko"
-                    >
-                      Korean
-                    </option>
-                    <option
-                      value="kr"
-                    >
-                      Kanuri
-                    </option>
-                    <option
-                      value="ks"
-                    >
-                      Kashmiri
-                    </option>
-                    <option
-                      value="ku"
-                    >
-                      Kurdish
-                    </option>
-                    <option
-                      value="kv"
-                    >
-                      Komi
-                    </option>
-                    <option
-                      value="kw"
-                    >
-                      Cornish
-                    </option>
-                    <option
-                      value="ky"
-                    >
-                      Kyrgyz
-                    </option>
-                    <option
-                      value="la"
-                    >
-                      Latin
-                    </option>
-                    <option
-                      value="lb"
-                    >
-                      Luxembourgish
-                    </option>
-                    <option
-                      value="lg"
-                    >
-                      Ganda
-                    </option>
-                    <option
-                      value="li"
-                    >
-                      Limburgish
-                    </option>
-                    <option
-                      value="ln"
-                    >
-                      Lingala
-                    </option>
-                    <option
-                      value="lo"
-                    >
-                      Lao
-                    </option>
-                    <option
-                      value="lt"
-                    >
-                      Lithuanian
-                    </option>
-                    <option
-                      value="lu"
-                    >
-                      Luba-Katanga
-                    </option>
-                    <option
-                      value="lv"
-                    >
-                      Latvian
-                    </option>
-                    <option
-                      value="mg"
-                    >
-                      Malagasy
-                    </option>
-                    <option
-                      value="mh"
-                    >
-                      Marshallese
-                    </option>
-                    <option
-                      value="mi"
-                    >
-                      Maori
-                    </option>
-                    <option
-                      value="mk"
-                    >
-                      Macedonian
-                    </option>
-                    <option
-                      value="ml"
-                    >
-                      Malayalam
-                    </option>
-                    <option
-                      value="mn"
-                    >
-                      Mongolian
-                    </option>
-                    <option
-                      value="mr"
-                    >
-                      Marathi
-                    </option>
-                    <option
-                      value="ms"
-                    >
-                      Malay
-                    </option>
-                    <option
-                      value="mt"
-                    >
-                      Maltese
-                    </option>
-                    <option
-                      value="my"
-                    >
-                      Burmese
-                    </option>
-                    <option
-                      value="na"
-                    >
-                      Nauru
-                    </option>
-                    <option
-                      value="nb"
-                    >
-                      Bokmål
-                    </option>
-                    <option
-                      value="nd"
-                    >
-                      North Ndebele
-                    </option>
-                    <option
-                      value="ne"
-                    >
-                      Nepali
-                    </option>
-                    <option
-                      value="ng"
-                    >
-                      Ndonga
-                    </option>
-                    <option
-                      value="nl"
-                    >
-                      Dutch
-                    </option>
-                    <option
-                      value="nn"
-                    >
-                      Norwegian Nynorsk
-                    </option>
-                    <option
-                      value="no"
-                    >
-                      Norwegian
-                    </option>
-                    <option
-                      value="nr"
-                    >
-                      South Ndebele
-                    </option>
-                    <option
-                      value="nv"
-                    >
-                      Navajo
-                    </option>
-                    <option
-                      value="ny"
-                    >
-                      Nyanja
-                    </option>
-                    <option
-                      value="oc"
-                    >
-                      Occitan
-                    </option>
-                    <option
-                      value="oj"
-                    >
-                      Ojibwa
-                    </option>
-                    <option
-                      value="om"
-                    >
-                      Oromo
-                    </option>
-                    <option
-                      value="or"
-                    >
-                      Oriya
-                    </option>
-                    <option
-                      value="os"
-                    >
-                      Ossetian
-                    </option>
-                    <option
-                      value="pa"
-                    >
-                      Punjabi
-                    </option>
-                    <option
-                      value="pi"
-                    >
-                      Pali
-                    </option>
-                    <option
-                      value="pl"
-                    >
-                      Polish
-                    </option>
-                    <option
-                      value="ps"
-                    >
-                      Pashto
-                    </option>
-                    <option
-                      value="pt"
-                    >
-                      Portuguese
-                    </option>
-                    <option
-                      value="qu"
-                    >
-                      Quechua
-                    </option>
-                    <option
-                      value="rm"
-                    >
-                      Romansh
-                    </option>
-                    <option
-                      value="rn"
-                    >
-                      Rundi
-                    </option>
-                    <option
-                      value="ro"
-                    >
-                      Romanian
-                    </option>
-                    <option
-                      value="ru"
-                    >
-                      Russian
-                    </option>
-                    <option
-                      value="rw"
-                    >
-                      Kinyarwanda
-                    </option>
-                    <option
-                      value="sa"
-                    >
-                      Sanskrit
-                    </option>
-                    <option
-                      value="sc"
-                    >
-                      Sardinian
-                    </option>
-                    <option
-                      value="sd"
-                    >
-                      Sindhi
-                    </option>
-                    <option
-                      value="se"
-                    >
-                      Northern Sami
-                    </option>
-                    <option
-                      value="sg"
-                    >
-                      Sango
-                    </option>
-                    <option
-                      value="si"
-                    >
-                      Sinhalese
-                    </option>
-                    <option
-                      value="sk"
-                    >
-                      Slovak
-                    </option>
-                    <option
-                      value="sl"
-                    >
-                      Slovenian
-                    </option>
-                    <option
-                      value="sm"
-                    >
-                      Samoan
-                    </option>
-                    <option
-                      value="sn"
-                    >
-                      Shona
-                    </option>
-                    <option
-                      value="so"
-                    >
-                      Somali
-                    </option>
-                    <option
-                      value="sq"
-                    >
-                      Albanian
-                    </option>
-                    <option
-                      value="sr"
-                    >
-                      Serbian
-                    </option>
-                    <option
-                      value="ss"
-                    >
-                      Swati
-                    </option>
-                    <option
-                      value="st"
-                    >
-                      Southern Sotho
-                    </option>
-                    <option
-                      value="su"
-                    >
-                      Sundanese
-                    </option>
-                    <option
-                      value="sv"
-                    >
-                      Swedish
-                    </option>
-                    <option
-                      value="sw"
-                    >
-                      Swahili
-                    </option>
-                    <option
-                      value="ta"
-                    >
-                      Tamil
-                    </option>
-                    <option
-                      value="te"
-                    >
-                      Telugu
-                    </option>
-                    <option
-                      value="tg"
-                    >
-                      Tajik
-                    </option>
-                    <option
-                      value="th"
-                    >
-                      Thai
-                    </option>
-                    <option
-                      value="ti"
-                    >
-                      Tigrinya
-                    </option>
-                    <option
-                      value="tk"
-                    >
-                      Turkmen
-                    </option>
-                    <option
-                      value="tl"
-                    >
-                      Tagalog
-                    </option>
-                    <option
-                      value="tn"
-                    >
-                      Tswana
-                    </option>
-                    <option
-                      value="to"
-                    >
-                      Tonga
-                    </option>
-                    <option
-                      value="tr"
-                    >
-                      Turkish
-                    </option>
-                    <option
-                      value="ts"
-                    >
-                      Tsonga
-                    </option>
-                    <option
-                      value="tt"
-                    >
-                      Tatar
-                    </option>
-                    <option
-                      value="tw"
-                    >
-                      Twi
-                    </option>
-                    <option
-                      value="ty"
-                    >
-                      Tahitian
-                    </option>
-                    <option
-                      value="ug"
-                    >
-                      Uyghur
-                    </option>
-                    <option
-                      value="uk"
-                    >
-                      Ukrainian
-                    </option>
-                    <option
-                      value="ur"
-                    >
-                      Urdu
-                    </option>
-                    <option
-                      value="uz"
-                    >
-                      Uzbek
-                    </option>
-                    <option
-                      value="ve"
-                    >
-                      Venda
-                    </option>
-                    <option
-                      value="vi"
-                    >
-                      Vietnamese
-                    </option>
-                    <option
-                      value="vo"
-                    >
-                      Volapük
-                    </option>
-                    <option
-                      value="wa"
-                    >
-                      Walloon
-                    </option>
-                    <option
-                      value="wo"
-                    >
-                      Wolof
-                    </option>
-                    <option
-                      value="xh"
-                    >
-                      Xhosa
-                    </option>
-                    <option
-                      value="yi"
-                    >
-                      Yiddish
-                    </option>
-                    <option
-                      value="yo"
-                    >
-                      Yoruba
-                    </option>
-                    <option
-                      value="za"
-                    >
-                      Zhuang
-                    </option>
-                    <option
-                      value="zh"
-                    >
-                      Chinese
-                    </option>
-                    <option
-                      value="zu"
-                    >
-                      Zulu
-                    </option>
-                  </select>
-                  <div
-                    className="pgn__form-control-description pgn__form-text pgn__form-text-invalid"
-                    id="languageProficiencies-4"
-                  >
-                    <div>
-                      preferred language error
-                    </div>
-                  </div>
-                </div>
-                <div
-                  className="d-flex flex-row-reverse flex-wrap justify-content-end align-items-center"
-                >
+                <form>
                   <div
-                    className="form-group d-flex flex-wrap"
+                    class="pgn__form-group"
                   >
                     <label
-                      className="col-form-label"
-                      htmlFor="visibilityLanguageProficiencies"
+                      class="edit-section-header"
+                      for="languageProficiencies"
                     >
-                      Who can see this:
+                      Primary Language Spoken
                     </label>
-                    <span
-                      className="d-flex align-items-center"
+                    <select
+                      class="form-control"
+                      data-hj-suppress="true"
+                      id="languageProficiencies"
+                      name="languageProficiencies"
+                    >
+                      <option
+                        value=""
+                      >
+                         
+                      </option>
+                      <option
+                        value="aa"
+                      >
+                        Afar
+                      </option>
+                      <option
+                        value="ab"
+                      >
+                        Abkhazian
+                      </option>
+                      <option
+                        value="ae"
+                      >
+                        Avestan
+                      </option>
+                      <option
+                        value="af"
+                      >
+                        Afrikaans
+                      </option>
+                      <option
+                        value="ak"
+                      >
+                        Akan
+                      </option>
+                      <option
+                        value="am"
+                      >
+                        Amharic
+                      </option>
+                      <option
+                        value="an"
+                      >
+                        Aragonese
+                      </option>
+                      <option
+                        value="ar"
+                      >
+                        Arabic
+                      </option>
+                      <option
+                        value="as"
+                      >
+                        Assamese
+                      </option>
+                      <option
+                        value="av"
+                      >
+                        Avaric
+                      </option>
+                      <option
+                        value="ay"
+                      >
+                        Aymara
+                      </option>
+                      <option
+                        value="az"
+                      >
+                        Azerbaijani
+                      </option>
+                      <option
+                        value="ba"
+                      >
+                        Bashkir
+                      </option>
+                      <option
+                        value="be"
+                      >
+                        Belarusian
+                      </option>
+                      <option
+                        value="bg"
+                      >
+                        Bulgarian
+                      </option>
+                      <option
+                        value="bh"
+                      >
+                        Bihari languages
+                      </option>
+                      <option
+                        value="bi"
+                      >
+                        Bislama
+                      </option>
+                      <option
+                        value="bm"
+                      >
+                        Bambara
+                      </option>
+                      <option
+                        value="bn"
+                      >
+                        Bengali
+                      </option>
+                      <option
+                        value="bo"
+                      >
+                        Tibetan
+                      </option>
+                      <option
+                        value="br"
+                      >
+                        Breton
+                      </option>
+                      <option
+                        value="bs"
+                      >
+                        Bosnian
+                      </option>
+                      <option
+                        value="ca"
+                      >
+                        Catalan
+                      </option>
+                      <option
+                        value="ce"
+                      >
+                        Chechen
+                      </option>
+                      <option
+                        value="ch"
+                      >
+                        Chamorro
+                      </option>
+                      <option
+                        value="co"
+                      >
+                        Corsican
+                      </option>
+                      <option
+                        value="cr"
+                      >
+                        Cree
+                      </option>
+                      <option
+                        value="cs"
+                      >
+                        Czech
+                      </option>
+                      <option
+                        value="cu"
+                      >
+                        Church Slavic
+                      </option>
+                      <option
+                        value="cv"
+                      >
+                        Chuvash
+                      </option>
+                      <option
+                        value="cy"
+                      >
+                        Welsh
+                      </option>
+                      <option
+                        value="da"
+                      >
+                        Danish
+                      </option>
+                      <option
+                        value="de"
+                      >
+                        German
+                      </option>
+                      <option
+                        value="dv"
+                      >
+                        Maldivian
+                      </option>
+                      <option
+                        value="dz"
+                      >
+                        Dzongkha
+                      </option>
+                      <option
+                        value="ee"
+                      >
+                        Ewe
+                      </option>
+                      <option
+                        value="el"
+                      >
+                        Greek (modern)
+                      </option>
+                      <option
+                        value="en"
+                      >
+                        English
+                      </option>
+                      <option
+                        value="eo"
+                      >
+                        Esperanto
+                      </option>
+                      <option
+                        value="es"
+                      >
+                        Spanish
+                      </option>
+                      <option
+                        value="et"
+                      >
+                        Estonian
+                      </option>
+                      <option
+                        value="eu"
+                      >
+                        Basque
+                      </option>
+                      <option
+                        value="fa"
+                      >
+                        Persian
+                      </option>
+                      <option
+                        value="ff"
+                      >
+                        Fulah
+                      </option>
+                      <option
+                        value="fi"
+                      >
+                        Finnish
+                      </option>
+                      <option
+                        value="fj"
+                      >
+                        Fijian
+                      </option>
+                      <option
+                        value="fo"
+                      >
+                        Faroese
+                      </option>
+                      <option
+                        value="fr"
+                      >
+                        French
+                      </option>
+                      <option
+                        value="fy"
+                      >
+                        Western Frisian
+                      </option>
+                      <option
+                        value="ga"
+                      >
+                        Irish
+                      </option>
+                      <option
+                        value="gd"
+                      >
+                        Gaelic
+                      </option>
+                      <option
+                        value="gl"
+                      >
+                        Galician
+                      </option>
+                      <option
+                        value="gn"
+                      >
+                        Guaraní
+                      </option>
+                      <option
+                        value="gu"
+                      >
+                        Gujarati
+                      </option>
+                      <option
+                        value="gv"
+                      >
+                        Manx
+                      </option>
+                      <option
+                        value="ha"
+                      >
+                        Hausa
+                      </option>
+                      <option
+                        value="he"
+                      >
+                        Hebrew (modern)
+                      </option>
+                      <option
+                        value="hi"
+                      >
+                        Hindi
+                      </option>
+                      <option
+                        value="ho"
+                      >
+                        Hiri Motu
+                      </option>
+                      <option
+                        value="hr"
+                      >
+                        Croatian
+                      </option>
+                      <option
+                        value="ht"
+                      >
+                        Haitian Creole
+                      </option>
+                      <option
+                        value="hu"
+                      >
+                        Hungarian
+                      </option>
+                      <option
+                        value="hy"
+                      >
+                        Armenian
+                      </option>
+                      <option
+                        value="hz"
+                      >
+                        Herero
+                      </option>
+                      <option
+                        value="ia"
+                      >
+                        Interlingua
+                      </option>
+                      <option
+                        value="id"
+                      >
+                        Indonesian
+                      </option>
+                      <option
+                        value="ie"
+                      >
+                        Interlingue
+                      </option>
+                      <option
+                        value="ig"
+                      >
+                        Igbo
+                      </option>
+                      <option
+                        value="ii"
+                      >
+                        Nuosu
+                      </option>
+                      <option
+                        value="ik"
+                      >
+                        Inupiaq
+                      </option>
+                      <option
+                        value="io"
+                      >
+                        Ido
+                      </option>
+                      <option
+                        value="is"
+                      >
+                        Icelandic
+                      </option>
+                      <option
+                        value="it"
+                      >
+                        Italian
+                      </option>
+                      <option
+                        value="iu"
+                      >
+                        Inuktitut
+                      </option>
+                      <option
+                        value="ja"
+                      >
+                        Japanese
+                      </option>
+                      <option
+                        value="jv"
+                      >
+                        Javanese
+                      </option>
+                      <option
+                        value="ka"
+                      >
+                        Georgian
+                      </option>
+                      <option
+                        value="kg"
+                      >
+                        Kongo
+                      </option>
+                      <option
+                        value="ki"
+                      >
+                        Kikuyu
+                      </option>
+                      <option
+                        value="kj"
+                      >
+                        Kwanyama
+                      </option>
+                      <option
+                        value="kk"
+                      >
+                        Kazakh
+                      </option>
+                      <option
+                        value="kl"
+                      >
+                        Greenlandic
+                      </option>
+                      <option
+                        value="km"
+                      >
+                        Central Khmer
+                      </option>
+                      <option
+                        value="kn"
+                      >
+                        Kannada
+                      </option>
+                      <option
+                        value="ko"
+                      >
+                        Korean
+                      </option>
+                      <option
+                        value="kr"
+                      >
+                        Kanuri
+                      </option>
+                      <option
+                        value="ks"
+                      >
+                        Kashmiri
+                      </option>
+                      <option
+                        value="ku"
+                      >
+                        Kurdish
+                      </option>
+                      <option
+                        value="kv"
+                      >
+                        Komi
+                      </option>
+                      <option
+                        value="kw"
+                      >
+                        Cornish
+                      </option>
+                      <option
+                        value="ky"
+                      >
+                        Kyrgyz
+                      </option>
+                      <option
+                        value="la"
+                      >
+                        Latin
+                      </option>
+                      <option
+                        value="lb"
+                      >
+                        Luxembourgish
+                      </option>
+                      <option
+                        value="lg"
+                      >
+                        Ganda
+                      </option>
+                      <option
+                        value="li"
+                      >
+                        Limburgish
+                      </option>
+                      <option
+                        value="ln"
+                      >
+                        Lingala
+                      </option>
+                      <option
+                        value="lo"
+                      >
+                        Lao
+                      </option>
+                      <option
+                        value="lt"
+                      >
+                        Lithuanian
+                      </option>
+                      <option
+                        value="lu"
+                      >
+                        Luba-Katanga
+                      </option>
+                      <option
+                        value="lv"
+                      >
+                        Latvian
+                      </option>
+                      <option
+                        value="mg"
+                      >
+                        Malagasy
+                      </option>
+                      <option
+                        value="mh"
+                      >
+                        Marshallese
+                      </option>
+                      <option
+                        value="mi"
+                      >
+                        Maori
+                      </option>
+                      <option
+                        value="mk"
+                      >
+                        Macedonian
+                      </option>
+                      <option
+                        value="ml"
+                      >
+                        Malayalam
+                      </option>
+                      <option
+                        value="mn"
+                      >
+                        Mongolian
+                      </option>
+                      <option
+                        value="mr"
+                      >
+                        Marathi
+                      </option>
+                      <option
+                        value="ms"
+                      >
+                        Malay
+                      </option>
+                      <option
+                        value="mt"
+                      >
+                        Maltese
+                      </option>
+                      <option
+                        value="my"
+                      >
+                        Burmese
+                      </option>
+                      <option
+                        value="na"
+                      >
+                        Nauru
+                      </option>
+                      <option
+                        value="nb"
+                      >
+                        Bokmål
+                      </option>
+                      <option
+                        value="nd"
+                      >
+                        North Ndebele
+                      </option>
+                      <option
+                        value="ne"
+                      >
+                        Nepali
+                      </option>
+                      <option
+                        value="ng"
+                      >
+                        Ndonga
+                      </option>
+                      <option
+                        value="nl"
+                      >
+                        Dutch
+                      </option>
+                      <option
+                        value="nn"
+                      >
+                        Norwegian Nynorsk
+                      </option>
+                      <option
+                        value="no"
+                      >
+                        Norwegian
+                      </option>
+                      <option
+                        value="nr"
+                      >
+                        South Ndebele
+                      </option>
+                      <option
+                        value="nv"
+                      >
+                        Navajo
+                      </option>
+                      <option
+                        value="ny"
+                      >
+                        Nyanja
+                      </option>
+                      <option
+                        value="oc"
+                      >
+                        Occitan
+                      </option>
+                      <option
+                        value="oj"
+                      >
+                        Ojibwa
+                      </option>
+                      <option
+                        value="om"
+                      >
+                        Oromo
+                      </option>
+                      <option
+                        value="or"
+                      >
+                        Oriya
+                      </option>
+                      <option
+                        value="os"
+                      >
+                        Ossetian
+                      </option>
+                      <option
+                        value="pa"
+                      >
+                        Punjabi
+                      </option>
+                      <option
+                        value="pi"
+                      >
+                        Pali
+                      </option>
+                      <option
+                        value="pl"
+                      >
+                        Polish
+                      </option>
+                      <option
+                        value="ps"
+                      >
+                        Pashto
+                      </option>
+                      <option
+                        value="pt"
+                      >
+                        Portuguese
+                      </option>
+                      <option
+                        value="qu"
+                      >
+                        Quechua
+                      </option>
+                      <option
+                        value="rm"
+                      >
+                        Romansh
+                      </option>
+                      <option
+                        value="rn"
+                      >
+                        Rundi
+                      </option>
+                      <option
+                        value="ro"
+                      >
+                        Romanian
+                      </option>
+                      <option
+                        value="ru"
+                      >
+                        Russian
+                      </option>
+                      <option
+                        value="rw"
+                      >
+                        Kinyarwanda
+                      </option>
+                      <option
+                        value="sa"
+                      >
+                        Sanskrit
+                      </option>
+                      <option
+                        value="sc"
+                      >
+                        Sardinian
+                      </option>
+                      <option
+                        value="sd"
+                      >
+                        Sindhi
+                      </option>
+                      <option
+                        value="se"
+                      >
+                        Northern Sami
+                      </option>
+                      <option
+                        value="sg"
+                      >
+                        Sango
+                      </option>
+                      <option
+                        value="si"
+                      >
+                        Sinhalese
+                      </option>
+                      <option
+                        value="sk"
+                      >
+                        Slovak
+                      </option>
+                      <option
+                        value="sl"
+                      >
+                        Slovenian
+                      </option>
+                      <option
+                        value="sm"
+                      >
+                        Samoan
+                      </option>
+                      <option
+                        value="sn"
+                      >
+                        Shona
+                      </option>
+                      <option
+                        value="so"
+                      >
+                        Somali
+                      </option>
+                      <option
+                        value="sq"
+                      >
+                        Albanian
+                      </option>
+                      <option
+                        value="sr"
+                      >
+                        Serbian
+                      </option>
+                      <option
+                        value="ss"
+                      >
+                        Swati
+                      </option>
+                      <option
+                        value="st"
+                      >
+                        Southern Sotho
+                      </option>
+                      <option
+                        value="su"
+                      >
+                        Sundanese
+                      </option>
+                      <option
+                        value="sv"
+                      >
+                        Swedish
+                      </option>
+                      <option
+                        value="sw"
+                      >
+                        Swahili
+                      </option>
+                      <option
+                        value="ta"
+                      >
+                        Tamil
+                      </option>
+                      <option
+                        value="te"
+                      >
+                        Telugu
+                      </option>
+                      <option
+                        value="tg"
+                      >
+                        Tajik
+                      </option>
+                      <option
+                        value="th"
+                      >
+                        Thai
+                      </option>
+                      <option
+                        value="ti"
+                      >
+                        Tigrinya
+                      </option>
+                      <option
+                        value="tk"
+                      >
+                        Turkmen
+                      </option>
+                      <option
+                        value="tl"
+                      >
+                        Tagalog
+                      </option>
+                      <option
+                        value="tn"
+                      >
+                        Tswana
+                      </option>
+                      <option
+                        value="to"
+                      >
+                        Tonga
+                      </option>
+                      <option
+                        value="tr"
+                      >
+                        Turkish
+                      </option>
+                      <option
+                        value="ts"
+                      >
+                        Tsonga
+                      </option>
+                      <option
+                        value="tt"
+                      >
+                        Tatar
+                      </option>
+                      <option
+                        value="tw"
+                      >
+                        Twi
+                      </option>
+                      <option
+                        value="ty"
+                      >
+                        Tahitian
+                      </option>
+                      <option
+                        value="ug"
+                      >
+                        Uyghur
+                      </option>
+                      <option
+                        value="uk"
+                      >
+                        Ukrainian
+                      </option>
+                      <option
+                        value="ur"
+                      >
+                        Urdu
+                      </option>
+                      <option
+                        value="uz"
+                      >
+                        Uzbek
+                      </option>
+                      <option
+                        value="ve"
+                      >
+                        Venda
+                      </option>
+                      <option
+                        value="vi"
+                      >
+                        Vietnamese
+                      </option>
+                      <option
+                        value="vo"
+                      >
+                        Volapük
+                      </option>
+                      <option
+                        value="wa"
+                      >
+                        Walloon
+                      </option>
+                      <option
+                        value="wo"
+                      >
+                        Wolof
+                      </option>
+                      <option
+                        value="xh"
+                      >
+                        Xhosa
+                      </option>
+                      <option
+                        value="yi"
+                      >
+                        Yiddish
+                      </option>
+                      <option
+                        value="yo"
+                      >
+                        Yoruba
+                      </option>
+                      <option
+                        value="za"
+                      >
+                        Zhuang
+                      </option>
+                      <option
+                        value="zh"
+                      >
+                        Chinese
+                      </option>
+                      <option
+                        value="zu"
+                      >
+                        Zulu
+                      </option>
+                    </select>
+                    <div
+                      class="pgn__form-control-description pgn__form-text pgn__form-text-invalid"
+                      id="languageProficiencies-4"
                     >
-                      <span
-                        className="d-inline-block ml-1 mr-2"
-                        style={
-                          Object {
-                            "width": "1.5rem",
-                          }
-                        }
-                      >
-                        <svg
-                          aria-hidden="true"
-                          className="svg-inline--fa fa-eye fa-w-18 "
-                          data-icon="eye"
-                          data-prefix="far"
-                          focusable="false"
-                          role="img"
-                          style={Object {}}
-                          viewBox="0 0 576 512"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                            fill="currentColor"
-                            style={Object {}}
-                          />
-                        </svg>
-                      </span>
-                      <select
-                        className="d-inline-block form-control"
-                        id="visibilityLanguageProficiencies"
-                        name="visibilityLanguageProficiencies"
-                        onChange={[Function]}
-                        type="select"
-                        value="all_users"
-                      >
-                        <option
-                          value="private"
-                        >
-                          Just me
-                        </option>
-                        <option
-                          value="all_users"
-                        >
-                          Everyone on localhost
-                        </option>
-                      </select>
-                    </span>
+                      <div>
+                        preferred language error
+                      </div>
+                    </div>
                   </div>
                   <div
-                    className="form-group flex-shrink-0 flex-grow-1"
+                    class="d-flex flex-row-reverse flex-wrap justify-content-end align-items-center"
                   >
-                    <button
-                      aria-disabled={false}
-                      aria-live="assertive"
-                      className="pgn__stateful-btn pgn__stateful-btn-state-pending btn btn-primary"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="submit"
+                    <div
+                      class="form-group d-flex flex-wrap"
                     >
+                      <label
+                        class="col-form-label"
+                        for="visibilityLanguageProficiencies"
+                      >
+                        Who can see this:
+                      </label>
                       <span
-                        className="d-flex align-items-center justify-content-center"
+                        class="d-flex align-items-center"
                       >
                         <span
-                          className="pgn__stateful-btn-icon"
+                          class="d-inline-block ml-1 mr-2"
+                          style="width: 1.5rem;"
                         >
-                          <span
-                            className="pgn__icon icon-spin"
+                          <svg
+                            aria-hidden="true"
+                            class="svg-inline--fa fa-eye fa-w-18 "
+                            data-icon="eye"
+                            data-prefix="far"
+                            focusable="false"
+                            role="img"
+                            viewBox="0 0 576 512"
+                            xmlns="http://www.w3.org/2000/svg"
                           >
-                            <svg
-                              aria-hidden={true}
-                              fill="none"
-                              focusable={false}
-                              height={24}
-                              role="img"
-                              viewBox="0 0 24 24"
-                              width={24}
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
-                                fill="currentColor"
-                              />
-                            </svg>
-                          </span>
-                        </span>
-                        <span>
-                          Saving
+                            <path
+                              d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                              fill="currentColor"
+                            />
+                          </svg>
                         </span>
+                        <select
+                          class="d-inline-block form-control"
+                          id="visibilityLanguageProficiencies"
+                          name="visibilityLanguageProficiencies"
+                          type="select"
+                        >
+                          <option
+                            value="private"
+                          >
+                            Just me
+                          </option>
+                          <option
+                            value="all_users"
+                          >
+                            Everyone on localhost
+                          </option>
+                        </select>
                       </span>
-                    </button>
-                    <button
-                      className="btn btn-link"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      Cancel
-                    </button>
-                  </div>
-                </div>
-              </form>
-            </div>
-          </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
-          <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
-          >
-            <div
-              className="editable-item-header mb-2"
-            >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Education
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye-slash fa-w-20 "
-                    data-icon="eye-slash"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 640 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Just me
-                </span>
-              </p>
+                    </div>
+                    <div
+                      class="form-group flex-shrink-0 flex-grow-1"
+                    >
+                      <button
+                        aria-disabled="false"
+                        aria-live="assertive"
+                        class="pgn__stateful-btn pgn__stateful-btn-state-pending btn btn-primary"
+                        type="submit"
+                      >
+                        <span
+                          class="d-flex align-items-center justify-content-center"
+                        >
+                          <span
+                            class="pgn__stateful-btn-icon"
+                          >
+                            <span
+                              class="pgn__icon icon-spin"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                fill="none"
+                                focusable="false"
+                                height="24"
+                                role="img"
+                                viewBox="0 0 24 24"
+                                width="24"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
+                                  fill="currentColor"
+                                />
+                              </svg>
+                            </span>
+                          </span>
+                          <span>
+                            Saving
+                          </span>
+                        </span>
+                      </button>
+                      <button
+                        class="btn btn-link"
+                        type="button"
+                      >
+                        Cancel
+                      </button>
+                    </div>
+                  </div>
+                </form>
+              </div>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Elementary/primary school
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Social Links
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Education
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye-slash fa-w-20 "
+                      data-icon="eye-slash"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 640 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Just me
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Elementary/primary school
               </p>
             </div>
-            <ul
-              className="list-unstyled"
+          </div>
+          <div
+            class="pgn-transition-replace-group position-relative mb-5"
+          >
+            <div
+              style="padding: .1px 0px;"
             >
-              <li
-                className="form-group"
-              >
-                <a
-                  className="font-weight-bold"
-                  href="https://www.twitter.com/ALOHA"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-twitter fa-w-16 mr-2"
-                    data-icon="twitter"
-                    data-prefix="fab"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Twitter
-                </a>
-              </li>
-              <li
-                className="form-group"
+              <div
+                class="editable-item-header mb-2"
               >
-                <a
-                  className="font-weight-bold"
-                  href="https://www.facebook.com/aloha"
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-facebook fa-w-16 mr-2"
-                    data-icon="facebook"
-                    data-prefix="fab"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Facebook
-                </a>
-              </li>
-              <li
-                className="form-group"
-              >
-                <div>
+                  Social Links
                   <button
-                    className="pl-0 text-left btn btn-link"
-                    onClick={[Function]}
-                    onKeyDown={[Function]}
-                    tabIndex={0}
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
                     type="button"
                   >
                     <svg
                       aria-hidden="true"
-                      className="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
-                      data-icon="plus"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
                       data-prefix="fas"
                       focusable="false"
                       role="img"
-                      style={Object {}}
-                      viewBox="0 0 448 512"
+                      viewBox="0 0 512 512"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
                         fill="currentColor"
-                        style={Object {}}
                       />
                     </svg>
-                    Add 
-                    LinkedIn
+                    Edit
                   </button>
-                </div>
-              </li>
-            </ul>
+                </h2>
+                <p
+                  class="mb-0"
+                >
+                  <span
+                    class="ml-auto small text-muted"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <ul
+                class="list-unstyled"
+              >
+                <li
+                  class="form-group"
+                >
+                  <a
+                    class="font-weight-bold"
+                    href="https://www.twitter.com/ALOHA"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-twitter fa-w-16 mr-2"
+                      data-icon="twitter"
+                      data-prefix="fab"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Twitter
+                  </a>
+                </li>
+                <li
+                  class="form-group"
+                >
+                  <a
+                    class="font-weight-bold"
+                    href="https://www.facebook.com/aloha"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-facebook fa-w-16 mr-2"
+                      data-icon="facebook"
+                      data-prefix="fab"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Facebook
+                  </a>
+                </li>
+                <li
+                  class="form-group"
+                >
+                  <div>
+                    <button
+                      class="pl-0 text-left btn btn-link"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
+                        data-icon="plus"
+                        data-prefix="fas"
+                        focusable="false"
+                        role="img"
+                        viewBox="0 0 448 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      Add 
+                      LinkedIn
+                    </button>
+                  </div>
+                </li>
+              </ul>
+            </div>
           </div>
         </div>
-      </div>
-      <div
-        className="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
-      >
         <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
+          class="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
         >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                About Me
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  About Me
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <p
+                class="lead"
+                data-hj-suppress="true"
+              >
+                This is my bio
               </p>
             </div>
-            <p
-              className="lead"
-              data-hj-suppress={true}
-            >
-              This is my bio
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-4"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-4"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                My Certificates
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  My Certificates
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
-              </p>
-            </div>
-            <div
-              className="row align-items-stretch"
-            >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
               <div
-                className="col-12 col-sm-6 d-flex align-items-stretch"
+                class="row align-items-stretch"
               >
                 <div
-                  className="card mb-4 certificate flex-grow-1"
+                  class="col-12 col-sm-6 d-flex align-items-stretch"
                 >
                   <div
-                    className="certificate-type-illustration"
-                    style={
-                      Object {
-                        "backgroundImage": "url(icon/mock/path)",
-                      }
-                    }
-                  />
-                  <div
-                    className="card-body d-flex flex-column"
+                    class="card mb-4 certificate flex-grow-1"
                   >
                     <div
-                      className="card-title"
+                      class="certificate-type-illustration"
+                      style="background-image: url(icon/mock/path);"
+                    />
+                    <div
+                      class="card-body d-flex flex-column"
                     >
+                      <div
+                        class="card-title"
+                      >
+                        <p
+                          class="small mb-0"
+                        >
+                          Verified Certificate
+                        </p>
+                        <h4
+                          class="certificate-title"
+                        >
+                          edX Demonstration Course
+                        </h4>
+                      </div>
                       <p
-                        className="small mb-0"
+                        class="small mb-0"
                       >
-                        Verified Certificate
+                        From
                       </p>
-                      <h4
-                        className="certificate-title"
+                      <p
+                        class="h6 mb-4"
                       >
-                        edX Demonstration Course
-                      </h4>
-                    </div>
-                    <p
-                      className="small mb-0"
-                    >
-                      From
-                    </p>
-                    <p
-                      className="h6 mb-4"
-                    >
-                      edX
-                    </p>
-                    <div
-                      className="flex-grow-1"
-                    />
-                    <p
-                      className="small mb-2"
-                    >
-                      Completed on 
-                      3/4/2019
-                    </p>
-                    <div>
-                      <a
-                        className="pgn__hyperlink default-link standalone-link btn btn-outline-primary"
-                        href="http://www.example.com/"
-                        onClick={[Function]}
-                        rel="noopener noreferrer"
-                        target="_blank"
-                      >
-                        View Certificate
-                        <span
-                          className="pgn__hyperlink__external-icon"
-                          title="Opens in a new tab"
+                        edX
+                      </p>
+                      <div
+                        class="flex-grow-1"
+                      />
+                      <p
+                        class="small mb-2"
+                      >
+                        Completed on 
+                        3/4/2019
+                      </p>
+                      <div>
+                        <a
+                          class="pgn__hyperlink default-link standalone-link btn btn-outline-primary"
+                          href="http://www.example.com/"
+                          rel="noopener noreferrer"
+                          target="_blank"
                         >
+                          View Certificate
                           <span
-                            className="pgn__icon"
-                            style={
-                              Object {
-                                "height": "1em",
-                                "width": "1em",
-                              }
-                            }
+                            class="pgn__hyperlink__external-icon"
+                            title="Opens in a new tab"
                           >
-                            <svg
-                              aria-hidden={true}
-                              fill="none"
-                              focusable={false}
-                              height={24}
-                              role="img"
-                              viewBox="0 0 24 24"
-                              width={24}
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                                fill="currentColor"
-                              />
-                            </svg>
                             <span
-                              className="sr-only"
+                              class="pgn__icon"
+                              style="height: 1em; width: 1em;"
                             >
-                              in a new tab
+                              <svg
+                                aria-hidden="true"
+                                fill="none"
+                                focusable="false"
+                                height="24"
+                                role="img"
+                                viewBox="0 0 24 24"
+                                width="24"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                                  fill="currentColor"
+                                />
+                              </svg>
+                              <span
+                                class="sr-only"
+                              >
+                                in a new tab
+                              </span>
                             </span>
                           </span>
-                        </span>
-                      </a>
+                        </a>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -5644,1527 +5099,1269 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
 `;
 
 exports[`<ProfilePage /> Renders correctly in various states viewing other profile with all fields 1`] = `
-<div
-  className="profile-page"
->
-  <div
-    className="profile-page-bg-banner bg-primary d-md-block p-relative"
-  />
+<div>
   <div
-    className="container-fluid"
+    class="profile-page"
   >
     <div
-      className="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
+    />
+    <div
+      class="container-fluid"
     >
       <div
-        className="col-auto col-md-4 col-lg-3"
+        class="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0"
       >
         <div
-          className="d-flex align-items-center d-md-block"
+          class="col-auto col-md-4 col-lg-3"
         >
           <div
-            className="profile-avatar-wrap position-relative"
+            class="d-flex align-items-center d-md-block"
           >
             <div
-              className="profile-avatar rounded-circle bg-light"
+              class="profile-avatar-wrap position-relative"
             >
-              <IconMock
-                aria-hidden={true}
-                className="text-muted"
-                focusable="false"
-                role="img"
-                viewBox="0 0 24 24"
-              />
+              <div
+                class="profile-avatar rounded-circle bg-light"
+              >
+                <iconmock
+                  aria-hidden="true"
+                  class="text-muted"
+                  focusable="false"
+                  role="img"
+                  viewbox="0 0 24 24"
+                />
+              </div>
+              <form
+                enctype="multipart/form-data"
+              >
+                <input
+                  accept=".jpg, .jpeg, .png"
+                  class="d-none form-control-file"
+                  id="photo-file"
+                  name="file"
+                  type="file"
+                />
+              </form>
             </div>
-            <form
-              encType="multipart/form-data"
-              onSubmit={[Function]}
-            >
-              <input
-                accept=".jpg, .jpeg, .png"
-                className="d-none form-control-file"
-                id="photo-file"
-                name="file"
-                onChange={[Function]}
-                type="file"
-              />
-            </form>
           </div>
         </div>
-      </div>
-      <div
-        className="col"
-      >
         <div
-          className="d-md-none"
+          class="col"
         >
-          <span
-            data-hj-suppress={true}
+          <div
+            class="d-md-none"
           >
-            <h1
-              className="h2 mb-0 font-weight-bold text-truncate"
-            >
-              staff
-            </h1>
-            <p
-              className="mb-0"
-            >
-              Member since 
-              2017
-            </p>
-            <div
-              className="d-flex align-items-center mt-3 mb-2rem"
+            <span
+              data-hj-suppress="true"
             >
-              <span
-                className="pgn__icon icon-visibility-off"
+              <h1
+                class="h2 mb-0 font-weight-bold text-truncate"
               >
-                <svg
-                  aria-hidden={true}
-                  fill="none"
-                  focusable={false}
-                  height={24}
-                  role="img"
-                  viewBox="0 0 24 24"
-                  width={24}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24ZM3.42 2.45 2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l3.43 3.43 1.41-1.41L3.42 2.45ZM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5Zm2.97-5.33a2.97 2.97 0 0 0-2.64-2.64l2.64 2.64Z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
+                staff
+              </h1>
+              <p
+                class="mb-0"
+              >
+                Member since 
+                2017
+              </p>
               <div
-                className="username-description"
+                class="d-flex align-items-center mt-3 mb-2rem"
               >
-                Your profile information is only visible to you. Only your username is visible to others on localhost.
+                <span
+                  class="pgn__icon icon-visibility-off"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    height="24"
+                    role="img"
+                    viewBox="0 0 24 24"
+                    width="24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24ZM3.42 2.45 2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l3.43 3.43 1.41-1.41L3.42 2.45ZM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5Zm2.97-5.33a2.97 2.97 0 0 0-2.64-2.64l2.64 2.64Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <div
+                  class="username-description"
+                >
+                  Your profile information is only visible to you. Only your username is visible to others on localhost.
+                </div>
               </div>
-            </div>
-            <hr
-              className="d-none d-md-block"
-            />
-          </span>
-        </div>
-        <div
-          className="d-none d-md-block float-right"
-        >
-          <a
-            className="pgn__hyperlink default-link standalone-link btn btn-primary"
-            href="http://localhost:18150/records"
-            onClick={[Function]}
-            rel="noopener noreferrer"
-            target="_blank"
+              <hr
+                class="d-none d-md-block"
+              />
+            </span>
+          </div>
+          <div
+            class="d-none d-md-block float-right"
           >
-            View My Records
-            <span
-              className="pgn__hyperlink__external-icon"
-              title="Opens in a new tab"
+            <a
+              class="pgn__hyperlink default-link standalone-link btn btn-primary"
+              href="http://localhost:18150/records"
+              rel="noopener noreferrer"
+              target="_blank"
             >
+              View My Records
               <span
-                className="pgn__icon"
-                style={
-                  Object {
-                    "height": "1em",
-                    "width": "1em",
-                  }
-                }
-              >
-                <svg
-                  aria-hidden={true}
-                  fill="none"
-                  focusable={false}
-                  height={24}
-                  role="img"
-                  viewBox="0 0 24 24"
-                  width={24}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                    fill="currentColor"
-                  />
-                </svg>
+                class="pgn__hyperlink__external-icon"
+                title="Opens in a new tab"
+              >
                 <span
-                  className="sr-only"
+                  class="pgn__icon"
+                  style="height: 1em; width: 1em;"
                 >
-                  in a new tab
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    height="24"
+                    role="img"
+                    viewBox="0 0 24 24"
+                    width="24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    class="sr-only"
+                  >
+                    in a new tab
+                  </span>
                 </span>
               </span>
-            </span>
-          </a>
+            </a>
+          </div>
         </div>
       </div>
-    </div>
-    <div
-      className="row"
-    >
       <div
-        className="col-md-4 col-lg-4"
+        class="row"
       >
         <div
-          className="d-none d-md-block mb-4"
+          class="col-md-4 col-lg-4"
         >
-          <span
-            data-hj-suppress={true}
+          <div
+            class="d-none d-md-block mb-4"
           >
-            <h1
-              className="h2 mb-0 font-weight-bold text-truncate"
-            >
-              staff
-            </h1>
-            <p
-              className="mb-0"
-            >
-              Member since 
-              2017
-            </p>
-            <div
-              className="d-flex align-items-center mt-3 mb-2rem"
+            <span
+              data-hj-suppress="true"
             >
-              <span
-                className="pgn__icon icon-visibility-off"
+              <h1
+                class="h2 mb-0 font-weight-bold text-truncate"
               >
-                <svg
-                  aria-hidden={true}
-                  fill="none"
-                  focusable={false}
-                  height={24}
-                  role="img"
-                  viewBox="0 0 24 24"
-                  width={24}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24ZM3.42 2.45 2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l3.43 3.43 1.41-1.41L3.42 2.45ZM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5Zm2.97-5.33a2.97 2.97 0 0 0-2.64-2.64l2.64 2.64Z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
+                staff
+              </h1>
+              <p
+                class="mb-0"
+              >
+                Member since 
+                2017
+              </p>
               <div
-                className="username-description"
+                class="d-flex align-items-center mt-3 mb-2rem"
               >
-                Your profile information is only visible to you. Only your username is visible to others on localhost.
-              </div>
-            </div>
-            <hr
-              className="d-none d-md-block"
-            />
-          </span>
-        </div>
-        <div
-          className="d-md-none mb-4"
-        >
-          <a
-            className="pgn__hyperlink default-link standalone-link btn btn-primary"
-            href="http://localhost:18150/records"
-            onClick={[Function]}
-            rel="noopener noreferrer"
-            target="_blank"
-          >
-            View My Records
-            <span
-              className="pgn__hyperlink__external-icon"
-              title="Opens in a new tab"
-            >
-              <span
-                className="pgn__icon"
-                style={
-                  Object {
-                    "height": "1em",
-                    "width": "1em",
-                  }
-                }
-              >
-                <svg
-                  aria-hidden={true}
-                  fill="none"
-                  focusable={false}
-                  height={24}
-                  role="img"
-                  viewBox="0 0 24 24"
-                  width={24}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                    fill="currentColor"
-                  />
-                </svg>
                 <span
-                  className="sr-only"
+                  class="pgn__icon icon-visibility-off"
                 >
-                  in a new tab
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    height="24"
+                    role="img"
+                    viewBox="0 0 24 24"
+                    width="24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24ZM3.42 2.45 2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l3.43 3.43 1.41-1.41L3.42 2.45ZM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5Zm2.97-5.33a2.97 2.97 0 0 0-2.64-2.64l2.64 2.64Z"
+                      fill="currentColor"
+                    />
+                  </svg>
                 </span>
-              </span>
+                <div
+                  class="username-description"
+                >
+                  Your profile information is only visible to you. Only your username is visible to others on localhost.
+                </div>
+              </div>
+              <hr
+                class="d-none d-md-block"
+              />
             </span>
-          </a>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
+          </div>
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="d-md-none mb-4"
           >
-            <div
-              className="editable-item-header mb-2"
+            <a
+              class="pgn__hyperlink default-link standalone-link btn btn-primary"
+              href="http://localhost:18150/records"
+              rel="noopener noreferrer"
+              target="_blank"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
+              View My Records
+              <span
+                class="pgn__hyperlink__external-icon"
+                title="Opens in a new tab"
               >
-                Full Name
-              </h2>
-            </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              user
-            </p>
+                <span
+                  class="pgn__icon"
+                  style="height: 1em; width: 1em;"
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    height="24"
+                    role="img"
+                    viewBox="0 0 24 24"
+                    width="24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    class="sr-only"
+                  >
+                    in a new tab
+                  </span>
+                </span>
+              </span>
+            </a>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
+                >
+                  Full Name
+                </h2>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
               >
-                Location
-              </h2>
+                user
+              </p>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            />
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
+              <div
+                class="editable-item-header mb-2"
               >
-                Primary Language Spoken
-              </h2>
+                <h2
+                  class="edit-section-header"
+                >
+                  Location
+                </h2>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              />
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            />
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
+              <div
+                class="editable-item-header mb-2"
               >
-                Education
-              </h2>
+                <h2
+                  class="edit-section-header"
+                >
+                  Primary Language Spoken
+                </h2>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              />
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Other education
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
+                >
+                  Education
+                </h2>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
               >
-                Social Links
-              </h2>
+                Other education
+              </p>
             </div>
-            <ul
-              className="list-unstyled"
-            />
           </div>
-        </div>
-      </div>
-      <div
-        className="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
-      >
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
+              <div
+                class="editable-item-header mb-2"
               >
-                About Me
-              </h2>
+                <h2
+                  class="edit-section-header"
+                >
+                  Social Links
+                </h2>
+              </div>
+              <ul
+                class="list-unstyled"
+              />
             </div>
-            <p
-              className="lead"
-              data-hj-suppress={true}
-            >
-              bio
-            </p>
           </div>
         </div>
         <div
-          className="pgn-transition-replace-group position-relative mb-4"
-          style={
-            Object {
-              "height": null,
-            }
-          }
+          class="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
         >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
+              <div
+                class="editable-item-header mb-2"
               >
-                My Certificates
-              </h2>
+                <h2
+                  class="edit-section-header"
+                >
+                  About Me
+                </h2>
+              </div>
+              <p
+                class="lead"
+                data-hj-suppress="true"
+              >
+                bio
+              </p>
             </div>
-            You don't have any certificates yet.
           </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<ProfilePage /> Renders correctly in various states viewing own profile 1`] = `
-<div
-  className="profile-page"
->
-  <div
-    className="profile-page-bg-banner bg-primary d-md-block p-relative"
-  />
-  <div
-    className="container-fluid"
-  >
-    <div
-      className="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0"
-    >
-      <div
-        className="col-auto col-md-4 col-lg-3"
-      >
-        <div
-          className="d-flex align-items-center d-md-block"
-        >
           <div
-            className="profile-avatar-wrap position-relative"
+            class="pgn-transition-replace-group position-relative mb-4"
           >
             <div
-              className="profile-avatar rounded-circle bg-light"
+              style="padding: .1px 0px;"
             >
               <div
-                className="profile-avatar-menu-container"
+                class="editable-item-header mb-2"
               >
-                <div
-                  className="pgn__dropdown pgn__dropdown-light dropdown"
-                  data-testid="dropdown"
+                <h2
+                  class="edit-section-header"
                 >
-                  <button
-                    aria-expanded={false}
-                    aria-haspopup={true}
-                    className="dropdown-toggle btn btn-primary"
-                    disabled={false}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    Change
-                  </button>
-                </div>
+                  My Certificates
+                </h2>
               </div>
-              <img
-                alt="profile avatar"
-                className="w-100 h-100 d-block rounded-circle overflow-hidden"
-                data-hj-suppress={true}
-                src="http://localhost:18000/media/profile-images/d2a9bdc2ba165dcefc73265c54bf9a20_500.jpg?v=1552495012"
-                style={
-                  Object {
-                    "objectFit": "cover",
-                  }
-                }
-              />
+              You don't have any certificates yet.
             </div>
-            <form
-              encType="multipart/form-data"
-              onSubmit={[Function]}
-            >
-              <input
-                accept=".jpg, .jpeg, .png"
-                className="d-none form-control-file"
-                id="photo-file"
-                name="file"
-                onChange={[Function]}
-                type="file"
-              />
-            </form>
-          </div>
-        </div>
-      </div>
-      <div
-        className="col"
-      >
-        <div
-          className="d-md-none"
-        >
-          <span
-            data-hj-suppress={true}
-          >
-            <h1
-              className="h2 mb-0 font-weight-bold text-truncate"
-            >
-              staff
-            </h1>
-            <p
-              className="mb-0"
-            >
-              Member since 
-              2017
-            </p>
-            <hr
-              className="d-none d-md-block"
-            />
-          </span>
-        </div>
-        <div
-          className="d-none d-md-block float-right"
-        >
-          <a
-            className="pgn__hyperlink default-link standalone-link btn btn-primary"
-            href="http://localhost:18150/records"
-            onClick={[Function]}
-            rel="noopener noreferrer"
-            target="_blank"
-          >
-            View My Records
-            <span
-              className="pgn__hyperlink__external-icon"
-              title="Opens in a new tab"
-            >
-              <span
-                className="pgn__icon"
-                style={
-                  Object {
-                    "height": "1em",
-                    "width": "1em",
-                  }
-                }
-              >
-                <svg
-                  aria-hidden={true}
-                  fill="none"
-                  focusable={false}
-                  height={24}
-                  role="img"
-                  viewBox="0 0 24 24"
-                  width={24}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  className="sr-only"
-                >
-                  in a new tab
-                </span>
-              </span>
-            </span>
-          </a>
+          </div>
         </div>
       </div>
     </div>
+  </div>
+</div>
+`;
+
+exports[`<ProfilePage /> Renders correctly in various states viewing own profile 1`] = `
+<div>
+  <div
+    class="profile-page"
+  >
     <div
-      className="row"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
+    />
+    <div
+      class="container-fluid"
     >
       <div
-        className="col-md-4 col-lg-4"
+        class="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0"
       >
         <div
-          className="d-none d-md-block mb-4"
+          class="col-auto col-md-4 col-lg-3"
         >
-          <span
-            data-hj-suppress={true}
+          <div
+            class="d-flex align-items-center d-md-block"
           >
-            <h1
-              className="h2 mb-0 font-weight-bold text-truncate"
-            >
-              staff
-            </h1>
-            <p
-              className="mb-0"
+            <div
+              class="profile-avatar-wrap position-relative"
             >
-              Member since 
-              2017
-            </p>
-            <hr
-              className="d-none d-md-block"
-            />
-          </span>
+              <div
+                class="profile-avatar rounded-circle bg-light"
+              >
+                <div
+                  class="profile-avatar-menu-container"
+                >
+                  <div
+                    class="pgn__dropdown pgn__dropdown-light dropdown"
+                    data-testid="dropdown"
+                  >
+                    <button
+                      aria-expanded="false"
+                      aria-haspopup="true"
+                      class="dropdown-toggle btn btn-primary"
+                      type="button"
+                    >
+                      Change
+                    </button>
+                  </div>
+                </div>
+                <img
+                  alt="profile avatar"
+                  class="w-100 h-100 d-block rounded-circle overflow-hidden"
+                  data-hj-suppress="true"
+                  src="http://localhost:18000/media/profile-images/d2a9bdc2ba165dcefc73265c54bf9a20_500.jpg?v=1552495012"
+                  style="object-fit: cover;"
+                />
+              </div>
+              <form
+                enctype="multipart/form-data"
+              >
+                <input
+                  accept=".jpg, .jpeg, .png"
+                  class="d-none form-control-file"
+                  id="photo-file"
+                  name="file"
+                  type="file"
+                />
+              </form>
+            </div>
+          </div>
         </div>
         <div
-          className="d-md-none mb-4"
+          class="col"
         >
-          <a
-            className="pgn__hyperlink default-link standalone-link btn btn-primary"
-            href="http://localhost:18150/records"
-            onClick={[Function]}
-            rel="noopener noreferrer"
-            target="_blank"
+          <div
+            class="d-md-none"
           >
-            View My Records
             <span
-              className="pgn__hyperlink__external-icon"
-              title="Opens in a new tab"
+              data-hj-suppress="true"
             >
-              <span
-                className="pgn__icon"
-                style={
-                  Object {
-                    "height": "1em",
-                    "width": "1em",
-                  }
-                }
-              >
-                <svg
-                  aria-hidden={true}
-                  fill="none"
-                  focusable={false}
-                  height={24}
-                  role="img"
-                  viewBox="0 0 24 24"
-                  width={24}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  className="sr-only"
-                >
-                  in a new tab
-                </span>
-              </span>
+              <h1
+                class="h2 mb-0 font-weight-bold text-truncate"
+              >
+                staff
+              </h1>
+              <p
+                class="mb-0"
+              >
+                Member since 
+                2017
+              </p>
+              <hr
+                class="d-none d-md-block"
+              />
             </span>
-          </a>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
+          </div>
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="d-none d-md-block float-right"
           >
-            <div
-              className="editable-item-header mb-2"
+            <a
+              class="pgn__hyperlink default-link standalone-link btn btn-primary"
+              href="http://localhost:18150/records"
+              rel="noopener noreferrer"
+              target="_blank"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Full Name
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
+              View My Records
+              <span
+                class="pgn__hyperlink__external-icon"
+                title="Opens in a new tab"
               >
                 <span
-                  className="ml-auto small text-muted"
+                  class="pgn__icon"
+                  style="height: 1em; width: 1em;"
                 >
                   <svg
                     aria-hidden="true"
-                    className="svg-inline--fa fa-eye-slash fa-w-20 "
-                    data-icon="eye-slash"
-                    data-prefix="far"
+                    fill="none"
                     focusable="false"
+                    height="24"
                     role="img"
-                    style={Object {}}
-                    viewBox="0 0 640 512"
+                    viewBox="0 0 24 24"
+                    width="24"
                     xmlns="http://www.w3.org/2000/svg"
                   >
                     <path
-                      d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                      d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
                       fill="currentColor"
-                      style={Object {}}
                     />
                   </svg>
-                   
-                  Just me
+                  <span
+                    class="sr-only"
+                  >
+                    in a new tab
+                  </span>
                 </span>
-              </p>
-            </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Lemon Seltzer
-            </p>
-            <small
-              className="form-text text-muted"
-            >
-              This is the name that appears in your account and on your certificates.
-            </small>
+              </span>
+            </a>
           </div>
         </div>
+      </div>
+      <div
+        class="row"
+      >
         <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
+          class="col-md-4 col-lg-4"
         >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="d-none d-md-block mb-4"
           >
-            <div
-              className="editable-item-header mb-2"
+            <span
+              data-hj-suppress="true"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Location
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
+              <h1
+                class="h2 mb-0 font-weight-bold text-truncate"
+              >
+                staff
+              </h1>
               <p
-                className="mb-0"
+                class="mb-0"
+              >
+                Member since 
+                2017
+              </p>
+              <hr
+                class="d-none d-md-block"
+              />
+            </span>
+          </div>
+          <div
+            class="d-md-none mb-4"
+          >
+            <a
+              class="pgn__hyperlink default-link standalone-link btn btn-primary"
+              href="http://localhost:18150/records"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              View My Records
+              <span
+                class="pgn__hyperlink__external-icon"
+                title="Opens in a new tab"
               >
                 <span
-                  className="ml-auto small text-muted"
+                  class="pgn__icon"
+                  style="height: 1em; width: 1em;"
                 >
                   <svg
                     aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
+                    fill="none"
                     focusable="false"
+                    height="24"
                     role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
+                    viewBox="0 0 24 24"
+                    width="24"
                     xmlns="http://www.w3.org/2000/svg"
                   >
                     <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                      d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
                       fill="currentColor"
-                      style={Object {}}
                     />
                   </svg>
-                   
-                  Everyone on localhost
+                  <span
+                    class="sr-only"
+                  >
+                    in a new tab
+                  </span>
                 </span>
-              </p>
-            </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Montenegro
-            </p>
+              </span>
+            </a>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Primary Language Spoken
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Full Name
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
+                >
+                  <span
+                    class="ml-auto small text-muted"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye-slash fa-w-20 "
+                      data-icon="eye-slash"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 640 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Just me
+                  </span>
+                </p>
+              </div>
               <p
-                className="mb-0"
+                class="h5"
+                data-hj-suppress="true"
               >
-                <span
-                  className="ml-auto small text-muted"
+                Lemon Seltzer
+              </p>
+              <small
+                class="form-text text-muted"
+              >
+                This is the name that appears in your account and on your certificates.
+              </small>
+            </div>
+          </div>
+          <div
+            class="pgn-transition-replace-group position-relative mb-5"
+          >
+            <div
+              style="padding: .1px 0px;"
+            >
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Location
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
+                >
+                  <span
+                    class="ml-auto small text-muted"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Montenegro
               </p>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Yoruba
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Education
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Primary Language Spoken
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
+                >
+                  <span
+                    class="ml-auto small text-muted"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
               <p
-                className="mb-0"
+                class="h5"
+                data-hj-suppress="true"
               >
-                <span
-                  className="ml-auto small text-muted"
+                Yoruba
+              </p>
+            </div>
+          </div>
+          <div
+            class="pgn-transition-replace-group position-relative mb-5"
+          >
+            <div
+              style="padding: .1px 0px;"
+            >
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
+                >
+                  Education
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye-slash fa-w-20 "
-                    data-icon="eye-slash"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 640 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Just me
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye-slash fa-w-20 "
+                      data-icon="eye-slash"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 640 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Just me
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Elementary/primary school
               </p>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Elementary/primary school
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Social Links
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
+              <div
+                class="editable-item-header mb-2"
               >
-                <span
-                  className="ml-auto small text-muted"
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Social Links
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
-              </p>
-            </div>
-            <ul
-              className="list-unstyled"
-            >
-              <li
-                className="form-group"
-              >
-                <a
-                  className="font-weight-bold"
-                  href="https://www.twitter.com/ALOHA"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-twitter fa-w-16 mr-2"
-                    data-icon="twitter"
-                    data-prefix="fab"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Twitter
-                </a>
-              </li>
-              <li
-                className="form-group"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <ul
+                class="list-unstyled"
               >
-                <a
-                  className="font-weight-bold"
-                  href="https://www.facebook.com/aloha"
+                <li
+                  class="form-group"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-facebook fa-w-16 mr-2"
-                    data-icon="facebook"
-                    data-prefix="fab"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <a
+                    class="font-weight-bold"
+                    href="https://www.twitter.com/ALOHA"
                   >
-                    <path
-                      d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Facebook
-                </a>
-              </li>
-              <li
-                className="form-group"
-              >
-                <div>
-                  <button
-                    className="pl-0 text-left btn btn-link"
-                    onClick={[Function]}
-                    onKeyDown={[Function]}
-                    tabIndex={0}
-                    type="button"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-twitter fa-w-16 mr-2"
+                      data-icon="twitter"
+                      data-prefix="fab"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Twitter
+                  </a>
+                </li>
+                <li
+                  class="form-group"
+                >
+                  <a
+                    class="font-weight-bold"
+                    href="https://www.facebook.com/aloha"
                   >
                     <svg
                       aria-hidden="true"
-                      className="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
-                      data-icon="plus"
-                      data-prefix="fas"
+                      class="svg-inline--fa fa-facebook fa-w-16 mr-2"
+                      data-icon="facebook"
+                      data-prefix="fab"
                       focusable="false"
                       role="img"
-                      style={Object {}}
-                      viewBox="0 0 448 512"
+                      viewBox="0 0 512 512"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                        d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
                         fill="currentColor"
-                        style={Object {}}
                       />
                     </svg>
-                    Add 
-                    LinkedIn
-                  </button>
-                </div>
-              </li>
-            </ul>
+                    Facebook
+                  </a>
+                </li>
+                <li
+                  class="form-group"
+                >
+                  <div>
+                    <button
+                      class="pl-0 text-left btn btn-link"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
+                        data-icon="plus"
+                        data-prefix="fas"
+                        focusable="false"
+                        role="img"
+                        viewBox="0 0 448 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      Add 
+                      LinkedIn
+                    </button>
+                  </div>
+                </li>
+              </ul>
+            </div>
           </div>
         </div>
-      </div>
-      <div
-        className="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
-      >
         <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
+          class="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
         >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                About Me
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  About Me
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <p
+                class="lead"
+                data-hj-suppress="true"
+              >
+                This is my bio
               </p>
             </div>
-            <p
-              className="lead"
-              data-hj-suppress={true}
-            >
-              This is my bio
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-4"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-4"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                My Certificates
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  My Certificates
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
-              </p>
-            </div>
-            <div
-              className="row align-items-stretch"
-            >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
               <div
-                className="col-12 col-sm-6 d-flex align-items-stretch"
+                class="row align-items-stretch"
               >
                 <div
-                  className="card mb-4 certificate flex-grow-1"
+                  class="col-12 col-sm-6 d-flex align-items-stretch"
                 >
                   <div
-                    className="certificate-type-illustration"
-                    style={
-                      Object {
-                        "backgroundImage": "url(icon/mock/path)",
-                      }
-                    }
-                  />
-                  <div
-                    className="card-body d-flex flex-column"
+                    class="card mb-4 certificate flex-grow-1"
                   >
                     <div
-                      className="card-title"
+                      class="certificate-type-illustration"
+                      style="background-image: url(icon/mock/path);"
+                    />
+                    <div
+                      class="card-body d-flex flex-column"
                     >
+                      <div
+                        class="card-title"
+                      >
+                        <p
+                          class="small mb-0"
+                        >
+                          Verified Certificate
+                        </p>
+                        <h4
+                          class="certificate-title"
+                        >
+                          edX Demonstration Course
+                        </h4>
+                      </div>
                       <p
-                        className="small mb-0"
+                        class="small mb-0"
                       >
-                        Verified Certificate
+                        From
                       </p>
-                      <h4
-                        className="certificate-title"
+                      <p
+                        class="h6 mb-4"
                       >
-                        edX Demonstration Course
-                      </h4>
-                    </div>
-                    <p
-                      className="small mb-0"
-                    >
-                      From
-                    </p>
-                    <p
-                      className="h6 mb-4"
-                    >
-                      edX
-                    </p>
-                    <div
-                      className="flex-grow-1"
-                    />
-                    <p
-                      className="small mb-2"
-                    >
-                      Completed on 
-                      3/4/2019
-                    </p>
-                    <div>
-                      <a
-                        className="pgn__hyperlink default-link standalone-link btn btn-outline-primary"
-                        href="http://www.example.com/"
-                        onClick={[Function]}
-                        rel="noopener noreferrer"
-                        target="_blank"
-                      >
-                        View Certificate
-                        <span
-                          className="pgn__hyperlink__external-icon"
-                          title="Opens in a new tab"
+                        edX
+                      </p>
+                      <div
+                        class="flex-grow-1"
+                      />
+                      <p
+                        class="small mb-2"
+                      >
+                        Completed on 
+                        3/4/2019
+                      </p>
+                      <div>
+                        <a
+                          class="pgn__hyperlink default-link standalone-link btn btn-outline-primary"
+                          href="http://www.example.com/"
+                          rel="noopener noreferrer"
+                          target="_blank"
                         >
+                          View Certificate
                           <span
-                            className="pgn__icon"
-                            style={
-                              Object {
-                                "height": "1em",
-                                "width": "1em",
-                              }
-                            }
+                            class="pgn__hyperlink__external-icon"
+                            title="Opens in a new tab"
                           >
-                            <svg
-                              aria-hidden={true}
-                              fill="none"
-                              focusable={false}
-                              height={24}
-                              role="img"
-                              viewBox="0 0 24 24"
-                              width={24}
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                                fill="currentColor"
-                              />
-                            </svg>
                             <span
-                              className="sr-only"
+                              class="pgn__icon"
+                              style="height: 1em; width: 1em;"
                             >
-                              in a new tab
+                              <svg
+                                aria-hidden="true"
+                                fill="none"
+                                focusable="false"
+                                height="24"
+                                role="img"
+                                viewBox="0 0 24 24"
+                                width="24"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                                  fill="currentColor"
+                                />
+                              </svg>
+                              <span
+                                class="sr-only"
+                              >
+                                in a new tab
+                              </span>
                             </span>
                           </span>
-                        </span>
-                      </a>
+                        </a>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -7179,1109 +6376,930 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
 `;
 
 exports[`<ProfilePage /> Renders correctly in various states while saving an edited bio 1`] = `
-<div
-  className="profile-page"
->
-  <div
-    className="profile-page-bg-banner bg-primary d-md-block p-relative"
-  />
+<div>
   <div
-    className="container-fluid"
+    class="profile-page"
   >
     <div
-      className="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
+    />
+    <div
+      class="container-fluid"
     >
       <div
-        className="col-auto col-md-4 col-lg-3"
+        class="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0"
       >
         <div
-          className="d-flex align-items-center d-md-block"
+          class="col-auto col-md-4 col-lg-3"
         >
           <div
-            className="profile-avatar-wrap position-relative"
+            class="d-flex align-items-center d-md-block"
           >
             <div
-              className="profile-avatar rounded-circle bg-light"
+              class="profile-avatar-wrap position-relative"
             >
               <div
-                className="profile-avatar-menu-container"
+                class="profile-avatar rounded-circle bg-light"
               >
                 <div
-                  className="pgn__dropdown pgn__dropdown-light dropdown"
-                  data-testid="dropdown"
+                  class="profile-avatar-menu-container"
                 >
-                  <button
-                    aria-expanded={false}
-                    aria-haspopup={true}
-                    className="dropdown-toggle btn btn-primary"
-                    disabled={false}
-                    onClick={[Function]}
-                    type="button"
+                  <div
+                    class="pgn__dropdown pgn__dropdown-light dropdown"
+                    data-testid="dropdown"
                   >
-                    Change
-                  </button>
+                    <button
+                      aria-expanded="false"
+                      aria-haspopup="true"
+                      class="dropdown-toggle btn btn-primary"
+                      type="button"
+                    >
+                      Change
+                    </button>
+                  </div>
                 </div>
+                <img
+                  alt="profile avatar"
+                  class="w-100 h-100 d-block rounded-circle overflow-hidden"
+                  data-hj-suppress="true"
+                  src="http://localhost:18000/media/profile-images/d2a9bdc2ba165dcefc73265c54bf9a20_500.jpg?v=1552495012"
+                  style="object-fit: cover;"
+                />
               </div>
-              <img
-                alt="profile avatar"
-                className="w-100 h-100 d-block rounded-circle overflow-hidden"
-                data-hj-suppress={true}
-                src="http://localhost:18000/media/profile-images/d2a9bdc2ba165dcefc73265c54bf9a20_500.jpg?v=1552495012"
-                style={
-                  Object {
-                    "objectFit": "cover",
-                  }
-                }
-              />
+              <form
+                enctype="multipart/form-data"
+              >
+                <input
+                  accept=".jpg, .jpeg, .png"
+                  class="d-none form-control-file"
+                  id="photo-file"
+                  name="file"
+                  type="file"
+                />
+              </form>
             </div>
-            <form
-              encType="multipart/form-data"
-              onSubmit={[Function]}
-            >
-              <input
-                accept=".jpg, .jpeg, .png"
-                className="d-none form-control-file"
-                id="photo-file"
-                name="file"
-                onChange={[Function]}
-                type="file"
-              />
-            </form>
           </div>
         </div>
-      </div>
-      <div
-        className="col"
-      >
         <div
-          className="d-md-none"
+          class="col"
         >
-          <span
-            data-hj-suppress={true}
+          <div
+            class="d-md-none"
           >
-            <h1
-              className="h2 mb-0 font-weight-bold text-truncate"
-            >
-              staff
-            </h1>
-            <p
-              className="mb-0"
+            <span
+              data-hj-suppress="true"
             >
-              Member since 
-              2017
-            </p>
-            <hr
-              className="d-none d-md-block"
-            />
-          </span>
-        </div>
-        <div
-          className="d-none d-md-block float-right"
-        >
-          <a
-            className="pgn__hyperlink default-link standalone-link btn btn-primary"
-            href="http://localhost:18150/records"
-            onClick={[Function]}
-            rel="noopener noreferrer"
-            target="_blank"
+              <h1
+                class="h2 mb-0 font-weight-bold text-truncate"
+              >
+                staff
+              </h1>
+              <p
+                class="mb-0"
+              >
+                Member since 
+                2017
+              </p>
+              <hr
+                class="d-none d-md-block"
+              />
+            </span>
+          </div>
+          <div
+            class="d-none d-md-block float-right"
           >
-            View My Records
-            <span
-              className="pgn__hyperlink__external-icon"
-              title="Opens in a new tab"
+            <a
+              class="pgn__hyperlink default-link standalone-link btn btn-primary"
+              href="http://localhost:18150/records"
+              rel="noopener noreferrer"
+              target="_blank"
             >
+              View My Records
               <span
-                className="pgn__icon"
-                style={
-                  Object {
-                    "height": "1em",
-                    "width": "1em",
-                  }
-                }
-              >
-                <svg
-                  aria-hidden={true}
-                  fill="none"
-                  focusable={false}
-                  height={24}
-                  role="img"
-                  viewBox="0 0 24 24"
-                  width={24}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                    fill="currentColor"
-                  />
-                </svg>
+                class="pgn__hyperlink__external-icon"
+                title="Opens in a new tab"
+              >
                 <span
-                  className="sr-only"
+                  class="pgn__icon"
+                  style="height: 1em; width: 1em;"
                 >
-                  in a new tab
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    height="24"
+                    role="img"
+                    viewBox="0 0 24 24"
+                    width="24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    class="sr-only"
+                  >
+                    in a new tab
+                  </span>
                 </span>
               </span>
-            </span>
-          </a>
+            </a>
+          </div>
         </div>
       </div>
-    </div>
-    <div
-      className="row"
-    >
       <div
-        className="col-md-4 col-lg-4"
+        class="row"
       >
         <div
-          className="d-none d-md-block mb-4"
-        >
-          <span
-            data-hj-suppress={true}
-          >
-            <h1
-              className="h2 mb-0 font-weight-bold text-truncate"
-            >
-              staff
-            </h1>
-            <p
-              className="mb-0"
-            >
-              Member since 
-              2017
-            </p>
-            <hr
-              className="d-none d-md-block"
-            />
-          </span>
-        </div>
-        <div
-          className="d-md-none mb-4"
+          class="col-md-4 col-lg-4"
         >
-          <a
-            className="pgn__hyperlink default-link standalone-link btn btn-primary"
-            href="http://localhost:18150/records"
-            onClick={[Function]}
-            rel="noopener noreferrer"
-            target="_blank"
+          <div
+            class="d-none d-md-block mb-4"
           >
-            View My Records
             <span
-              className="pgn__hyperlink__external-icon"
-              title="Opens in a new tab"
+              data-hj-suppress="true"
             >
-              <span
-                className="pgn__icon"
-                style={
-                  Object {
-                    "height": "1em",
-                    "width": "1em",
-                  }
-                }
-              >
-                <svg
-                  aria-hidden={true}
-                  fill="none"
-                  focusable={false}
-                  height={24}
-                  role="img"
-                  viewBox="0 0 24 24"
-                  width={24}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  className="sr-only"
-                >
-                  in a new tab
-                </span>
-              </span>
+              <h1
+                class="h2 mb-0 font-weight-bold text-truncate"
+              >
+                staff
+              </h1>
+              <p
+                class="mb-0"
+              >
+                Member since 
+                2017
+              </p>
+              <hr
+                class="d-none d-md-block"
+              />
             </span>
-          </a>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
+          </div>
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="d-md-none mb-4"
           >
-            <div
-              className="editable-item-header mb-2"
+            <a
+              class="pgn__hyperlink default-link standalone-link btn btn-primary"
+              href="http://localhost:18150/records"
+              rel="noopener noreferrer"
+              target="_blank"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Full Name
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
+              View My Records
+              <span
+                class="pgn__hyperlink__external-icon"
+                title="Opens in a new tab"
               >
                 <span
-                  className="ml-auto small text-muted"
+                  class="pgn__icon"
+                  style="height: 1em; width: 1em;"
                 >
                   <svg
                     aria-hidden="true"
-                    className="svg-inline--fa fa-eye-slash fa-w-20 "
-                    data-icon="eye-slash"
-                    data-prefix="far"
+                    fill="none"
                     focusable="false"
+                    height="24"
                     role="img"
-                    style={Object {}}
-                    viewBox="0 0 640 512"
+                    viewBox="0 0 24 24"
+                    width="24"
                     xmlns="http://www.w3.org/2000/svg"
                   >
                     <path
-                      d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                      d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
                       fill="currentColor"
-                      style={Object {}}
                     />
                   </svg>
-                   
-                  Just me
+                  <span
+                    class="sr-only"
+                  >
+                    in a new tab
+                  </span>
                 </span>
-              </p>
-            </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Lemon Seltzer
-            </p>
-            <small
-              className="form-text text-muted"
-            >
-              This is the name that appears in your account and on your certificates.
-            </small>
+              </span>
+            </a>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Location
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Full Name
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye-slash fa-w-20 "
+                      data-icon="eye-slash"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 640 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Just me
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Lemon Seltzer
               </p>
+              <small
+                class="form-text text-muted"
+              >
+                This is the name that appears in your account and on your certificates.
+              </small>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Montenegro
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Primary Language Spoken
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Location
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Montenegro
               </p>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Yoruba
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Education
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Primary Language Spoken
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye-slash fa-w-20 "
-                    data-icon="eye-slash"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 640 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Just me
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Yoruba
               </p>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Elementary/primary school
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Social Links
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Education
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye-slash fa-w-20 "
+                      data-icon="eye-slash"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 640 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Just me
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Elementary/primary school
               </p>
             </div>
-            <ul
-              className="list-unstyled"
+          </div>
+          <div
+            class="pgn-transition-replace-group position-relative mb-5"
+          >
+            <div
+              style="padding: .1px 0px;"
             >
-              <li
-                className="form-group"
-              >
-                <a
-                  className="font-weight-bold"
-                  href="https://www.twitter.com/ALOHA"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-twitter fa-w-16 mr-2"
-                    data-icon="twitter"
-                    data-prefix="fab"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Twitter
-                </a>
-              </li>
-              <li
-                className="form-group"
+              <div
+                class="editable-item-header mb-2"
               >
-                <a
-                  className="font-weight-bold"
-                  href="https://www.facebook.com/aloha"
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-facebook fa-w-16 mr-2"
-                    data-icon="facebook"
-                    data-prefix="fab"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Facebook
-                </a>
-              </li>
-              <li
-                className="form-group"
-              >
-                <div>
+                  Social Links
                   <button
-                    className="pl-0 text-left btn btn-link"
-                    onClick={[Function]}
-                    onKeyDown={[Function]}
-                    tabIndex={0}
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
                     type="button"
                   >
                     <svg
                       aria-hidden="true"
-                      className="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
-                      data-icon="plus"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
                       data-prefix="fas"
                       focusable="false"
                       role="img"
-                      style={Object {}}
-                      viewBox="0 0 448 512"
+                      viewBox="0 0 512 512"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
                         fill="currentColor"
-                        style={Object {}}
                       />
                     </svg>
-                    Add 
-                    LinkedIn
+                    Edit
                   </button>
-                </div>
-              </li>
-            </ul>
+                </h2>
+                <p
+                  class="mb-0"
+                >
+                  <span
+                    class="ml-auto small text-muted"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <ul
+                class="list-unstyled"
+              >
+                <li
+                  class="form-group"
+                >
+                  <a
+                    class="font-weight-bold"
+                    href="https://www.twitter.com/ALOHA"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-twitter fa-w-16 mr-2"
+                      data-icon="twitter"
+                      data-prefix="fab"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Twitter
+                  </a>
+                </li>
+                <li
+                  class="form-group"
+                >
+                  <a
+                    class="font-weight-bold"
+                    href="https://www.facebook.com/aloha"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-facebook fa-w-16 mr-2"
+                      data-icon="facebook"
+                      data-prefix="fab"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Facebook
+                  </a>
+                </li>
+                <li
+                  class="form-group"
+                >
+                  <div>
+                    <button
+                      class="pl-0 text-left btn btn-link"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
+                        data-icon="plus"
+                        data-prefix="fas"
+                        focusable="false"
+                        role="img"
+                        viewBox="0 0 448 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      Add 
+                      LinkedIn
+                    </button>
+                  </div>
+                </li>
+              </ul>
+            </div>
           </div>
         </div>
-      </div>
-      <div
-        className="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
-      >
         <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
+          class="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
         >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              aria-labelledby="bio-label"
-              role="dialog"
+              style="padding: .1px 0px;"
             >
-              <form
-                onSubmit={[Function]}
+              <div
+                aria-labelledby="bio-label"
+                role="dialog"
               >
-                <div
-                  className="pgn__form-group"
-                >
-                  <label
-                    className="edit-section-header"
-                    htmlFor="bio"
-                  >
-                    About Me
-                  </label>
-                  <textarea
-                    className="form-control"
-                    id="bio"
-                    name="bio"
-                    onChange={[Function]}
-                    value="This is my bio"
-                  />
-                </div>
-                <div
-                  className="d-flex flex-row-reverse flex-wrap justify-content-end align-items-center"
-                >
+                <form>
                   <div
-                    className="form-group d-flex flex-wrap"
+                    class="pgn__form-group"
                   >
                     <label
-                      className="col-form-label"
-                      htmlFor="visibilityBio"
+                      class="edit-section-header"
+                      for="bio"
                     >
-                      Who can see this:
+                      About Me
                     </label>
-                    <span
-                      className="d-flex align-items-center"
+                    <textarea
+                      class="form-control"
+                      id="bio"
+                      name="bio"
                     >
-                      <span
-                        className="d-inline-block ml-1 mr-2"
-                        style={
-                          Object {
-                            "width": "1.5rem",
-                          }
-                        }
-                      >
-                        <svg
-                          aria-hidden="true"
-                          className="svg-inline--fa fa-eye fa-w-18 "
-                          data-icon="eye"
-                          data-prefix="far"
-                          focusable="false"
-                          role="img"
-                          style={Object {}}
-                          viewBox="0 0 576 512"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                            fill="currentColor"
-                            style={Object {}}
-                          />
-                        </svg>
-                      </span>
-                      <select
-                        className="d-inline-block form-control"
-                        id="visibilityBio"
-                        name="visibilityBio"
-                        onChange={[Function]}
-                        type="select"
-                        value="all_users"
-                      >
-                        <option
-                          value="private"
-                        >
-                          Just me
-                        </option>
-                        <option
-                          value="all_users"
-                        >
-                          Everyone on localhost
-                        </option>
-                      </select>
-                    </span>
+                      This is my bio
+                    </textarea>
                   </div>
                   <div
-                    className="form-group flex-shrink-0 flex-grow-1"
+                    class="d-flex flex-row-reverse flex-wrap justify-content-end align-items-center"
                   >
-                    <button
-                      aria-disabled={false}
-                      aria-live="assertive"
-                      className="pgn__stateful-btn pgn__stateful-btn-state-pending btn btn-primary"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="submit"
+                    <div
+                      class="form-group d-flex flex-wrap"
                     >
+                      <label
+                        class="col-form-label"
+                        for="visibilityBio"
+                      >
+                        Who can see this:
+                      </label>
                       <span
-                        className="d-flex align-items-center justify-content-center"
+                        class="d-flex align-items-center"
+                      >
+                        <span
+                          class="d-inline-block ml-1 mr-2"
+                          style="width: 1.5rem;"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="svg-inline--fa fa-eye fa-w-18 "
+                            data-icon="eye"
+                            data-prefix="far"
+                            focusable="false"
+                            role="img"
+                            viewBox="0 0 576 512"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                              fill="currentColor"
+                            />
+                          </svg>
+                        </span>
+                        <select
+                          class="d-inline-block form-control"
+                          id="visibilityBio"
+                          name="visibilityBio"
+                          type="select"
+                        >
+                          <option
+                            value="private"
+                          >
+                            Just me
+                          </option>
+                          <option
+                            value="all_users"
+                          >
+                            Everyone on localhost
+                          </option>
+                        </select>
+                      </span>
+                    </div>
+                    <div
+                      class="form-group flex-shrink-0 flex-grow-1"
+                    >
+                      <button
+                        aria-disabled="false"
+                        aria-live="assertive"
+                        class="pgn__stateful-btn pgn__stateful-btn-state-pending btn btn-primary"
+                        type="submit"
                       >
                         <span
-                          className="pgn__stateful-btn-icon"
+                          class="d-flex align-items-center justify-content-center"
                         >
                           <span
-                            className="pgn__icon icon-spin"
+                            class="pgn__stateful-btn-icon"
                           >
-                            <svg
-                              aria-hidden={true}
-                              fill="none"
-                              focusable={false}
-                              height={24}
-                              role="img"
-                              viewBox="0 0 24 24"
-                              width={24}
-                              xmlns="http://www.w3.org/2000/svg"
+                            <span
+                              class="pgn__icon icon-spin"
                             >
-                              <path
-                                d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
-                                fill="currentColor"
-                              />
-                            </svg>
+                              <svg
+                                aria-hidden="true"
+                                fill="none"
+                                focusable="false"
+                                height="24"
+                                role="img"
+                                viewBox="0 0 24 24"
+                                width="24"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
+                                  fill="currentColor"
+                                />
+                              </svg>
+                            </span>
+                          </span>
+                          <span>
+                            Saving
                           </span>
                         </span>
-                        <span>
-                          Saving
-                        </span>
-                      </span>
-                    </button>
-                    <button
-                      className="btn btn-link"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      Cancel
-                    </button>
+                      </button>
+                      <button
+                        class="btn btn-link"
+                        type="button"
+                      >
+                        Cancel
+                      </button>
+                    </div>
                   </div>
-                </div>
-              </form>
+                </form>
+              </div>
             </div>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-4"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-4"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                My Certificates
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  My Certificates
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
-              </p>
-            </div>
-            <div
-              className="row align-items-stretch"
-            >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
               <div
-                className="col-12 col-sm-6 d-flex align-items-stretch"
+                class="row align-items-stretch"
               >
                 <div
-                  className="card mb-4 certificate flex-grow-1"
+                  class="col-12 col-sm-6 d-flex align-items-stretch"
                 >
                   <div
-                    className="certificate-type-illustration"
-                    style={
-                      Object {
-                        "backgroundImage": "url(icon/mock/path)",
-                      }
-                    }
-                  />
-                  <div
-                    className="card-body d-flex flex-column"
+                    class="card mb-4 certificate flex-grow-1"
                   >
                     <div
-                      className="card-title"
+                      class="certificate-type-illustration"
+                      style="background-image: url(icon/mock/path);"
+                    />
+                    <div
+                      class="card-body d-flex flex-column"
                     >
+                      <div
+                        class="card-title"
+                      >
+                        <p
+                          class="small mb-0"
+                        >
+                          Verified Certificate
+                        </p>
+                        <h4
+                          class="certificate-title"
+                        >
+                          edX Demonstration Course
+                        </h4>
+                      </div>
                       <p
-                        className="small mb-0"
+                        class="small mb-0"
                       >
-                        Verified Certificate
+                        From
                       </p>
-                      <h4
-                        className="certificate-title"
+                      <p
+                        class="h6 mb-4"
                       >
-                        edX Demonstration Course
-                      </h4>
-                    </div>
-                    <p
-                      className="small mb-0"
-                    >
-                      From
-                    </p>
-                    <p
-                      className="h6 mb-4"
-                    >
-                      edX
-                    </p>
-                    <div
-                      className="flex-grow-1"
-                    />
-                    <p
-                      className="small mb-2"
-                    >
-                      Completed on 
-                      3/4/2019
-                    </p>
-                    <div>
-                      <a
-                        className="pgn__hyperlink default-link standalone-link btn btn-outline-primary"
-                        href="http://www.example.com/"
-                        onClick={[Function]}
-                        rel="noopener noreferrer"
-                        target="_blank"
-                      >
-                        View Certificate
-                        <span
-                          className="pgn__hyperlink__external-icon"
-                          title="Opens in a new tab"
+                        edX
+                      </p>
+                      <div
+                        class="flex-grow-1"
+                      />
+                      <p
+                        class="small mb-2"
+                      >
+                        Completed on 
+                        3/4/2019
+                      </p>
+                      <div>
+                        <a
+                          class="pgn__hyperlink default-link standalone-link btn btn-outline-primary"
+                          href="http://www.example.com/"
+                          rel="noopener noreferrer"
+                          target="_blank"
                         >
+                          View Certificate
                           <span
-                            className="pgn__icon"
-                            style={
-                              Object {
-                                "height": "1em",
-                                "width": "1em",
-                              }
-                            }
+                            class="pgn__hyperlink__external-icon"
+                            title="Opens in a new tab"
                           >
-                            <svg
-                              aria-hidden={true}
-                              fill="none"
-                              focusable={false}
-                              height={24}
-                              role="img"
-                              viewBox="0 0 24 24"
-                              width={24}
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                                fill="currentColor"
-                              />
-                            </svg>
                             <span
-                              className="sr-only"
+                              class="pgn__icon"
+                              style="height: 1em; width: 1em;"
                             >
-                              in a new tab
+                              <svg
+                                aria-hidden="true"
+                                fill="none"
+                                focusable="false"
+                                height="24"
+                                role="img"
+                                viewBox="0 0 24 24"
+                                width="24"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                                  fill="currentColor"
+                                />
+                              </svg>
+                              <span
+                                class="sr-only"
+                              >
+                                in a new tab
+                              </span>
                             </span>
                           </span>
-                        </span>
-                      </a>
+                        </a>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -8296,1117 +7314,938 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
 `;
 
 exports[`<ProfilePage /> Renders correctly in various states while saving an edited bio with error 1`] = `
-<div
-  className="profile-page"
->
+<div>
   <div
-    className="profile-page-bg-banner bg-primary d-md-block p-relative"
-  />
-  <div
-    className="container-fluid"
+    class="profile-page"
   >
     <div
-      className="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
+    />
+    <div
+      class="container-fluid"
     >
       <div
-        className="col-auto col-md-4 col-lg-3"
+        class="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0"
       >
         <div
-          className="d-flex align-items-center d-md-block"
+          class="col-auto col-md-4 col-lg-3"
         >
           <div
-            className="profile-avatar-wrap position-relative"
+            class="d-flex align-items-center d-md-block"
           >
             <div
-              className="profile-avatar rounded-circle bg-light"
+              class="profile-avatar-wrap position-relative"
             >
               <div
-                className="profile-avatar-menu-container"
+                class="profile-avatar rounded-circle bg-light"
               >
                 <div
-                  className="pgn__dropdown pgn__dropdown-light dropdown"
-                  data-testid="dropdown"
+                  class="profile-avatar-menu-container"
                 >
-                  <button
-                    aria-expanded={false}
-                    aria-haspopup={true}
-                    className="dropdown-toggle btn btn-primary"
-                    disabled={false}
-                    onClick={[Function]}
-                    type="button"
+                  <div
+                    class="pgn__dropdown pgn__dropdown-light dropdown"
+                    data-testid="dropdown"
                   >
-                    Change
-                  </button>
+                    <button
+                      aria-expanded="false"
+                      aria-haspopup="true"
+                      class="dropdown-toggle btn btn-primary"
+                      type="button"
+                    >
+                      Change
+                    </button>
+                  </div>
                 </div>
+                <img
+                  alt="profile avatar"
+                  class="w-100 h-100 d-block rounded-circle overflow-hidden"
+                  data-hj-suppress="true"
+                  src="http://localhost:18000/media/profile-images/d2a9bdc2ba165dcefc73265c54bf9a20_500.jpg?v=1552495012"
+                  style="object-fit: cover;"
+                />
               </div>
-              <img
-                alt="profile avatar"
-                className="w-100 h-100 d-block rounded-circle overflow-hidden"
-                data-hj-suppress={true}
-                src="http://localhost:18000/media/profile-images/d2a9bdc2ba165dcefc73265c54bf9a20_500.jpg?v=1552495012"
-                style={
-                  Object {
-                    "objectFit": "cover",
-                  }
-                }
-              />
+              <form
+                enctype="multipart/form-data"
+              >
+                <input
+                  accept=".jpg, .jpeg, .png"
+                  class="d-none form-control-file"
+                  id="photo-file"
+                  name="file"
+                  type="file"
+                />
+              </form>
             </div>
-            <form
-              encType="multipart/form-data"
-              onSubmit={[Function]}
-            >
-              <input
-                accept=".jpg, .jpeg, .png"
-                className="d-none form-control-file"
-                id="photo-file"
-                name="file"
-                onChange={[Function]}
-                type="file"
-              />
-            </form>
           </div>
         </div>
-      </div>
-      <div
-        className="col"
-      >
         <div
-          className="d-md-none"
+          class="col"
         >
-          <span
-            data-hj-suppress={true}
+          <div
+            class="d-md-none"
           >
-            <h1
-              className="h2 mb-0 font-weight-bold text-truncate"
-            >
-              staff
-            </h1>
-            <p
-              className="mb-0"
+            <span
+              data-hj-suppress="true"
             >
-              Member since 
-              2017
-            </p>
-            <hr
-              className="d-none d-md-block"
-            />
-          </span>
-        </div>
-        <div
-          className="d-none d-md-block float-right"
-        >
-          <a
-            className="pgn__hyperlink default-link standalone-link btn btn-primary"
-            href="http://localhost:18150/records"
-            onClick={[Function]}
-            rel="noopener noreferrer"
-            target="_blank"
+              <h1
+                class="h2 mb-0 font-weight-bold text-truncate"
+              >
+                staff
+              </h1>
+              <p
+                class="mb-0"
+              >
+                Member since 
+                2017
+              </p>
+              <hr
+                class="d-none d-md-block"
+              />
+            </span>
+          </div>
+          <div
+            class="d-none d-md-block float-right"
           >
-            View My Records
-            <span
-              className="pgn__hyperlink__external-icon"
-              title="Opens in a new tab"
+            <a
+              class="pgn__hyperlink default-link standalone-link btn btn-primary"
+              href="http://localhost:18150/records"
+              rel="noopener noreferrer"
+              target="_blank"
             >
+              View My Records
               <span
-                className="pgn__icon"
-                style={
-                  Object {
-                    "height": "1em",
-                    "width": "1em",
-                  }
-                }
-              >
-                <svg
-                  aria-hidden={true}
-                  fill="none"
-                  focusable={false}
-                  height={24}
-                  role="img"
-                  viewBox="0 0 24 24"
-                  width={24}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                    fill="currentColor"
-                  />
-                </svg>
+                class="pgn__hyperlink__external-icon"
+                title="Opens in a new tab"
+              >
                 <span
-                  className="sr-only"
+                  class="pgn__icon"
+                  style="height: 1em; width: 1em;"
                 >
-                  in a new tab
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    focusable="false"
+                    height="24"
+                    role="img"
+                    viewBox="0 0 24 24"
+                    width="24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    class="sr-only"
+                  >
+                    in a new tab
+                  </span>
                 </span>
               </span>
-            </span>
-          </a>
+            </a>
+          </div>
         </div>
       </div>
-    </div>
-    <div
-      className="row"
-    >
       <div
-        className="col-md-4 col-lg-4"
+        class="row"
       >
         <div
-          className="d-none d-md-block mb-4"
-        >
-          <span
-            data-hj-suppress={true}
-          >
-            <h1
-              className="h2 mb-0 font-weight-bold text-truncate"
-            >
-              staff
-            </h1>
-            <p
-              className="mb-0"
-            >
-              Member since 
-              2017
-            </p>
-            <hr
-              className="d-none d-md-block"
-            />
-          </span>
-        </div>
-        <div
-          className="d-md-none mb-4"
+          class="col-md-4 col-lg-4"
         >
-          <a
-            className="pgn__hyperlink default-link standalone-link btn btn-primary"
-            href="http://localhost:18150/records"
-            onClick={[Function]}
-            rel="noopener noreferrer"
-            target="_blank"
+          <div
+            class="d-none d-md-block mb-4"
           >
-            View My Records
             <span
-              className="pgn__hyperlink__external-icon"
-              title="Opens in a new tab"
+              data-hj-suppress="true"
             >
-              <span
-                className="pgn__icon"
-                style={
-                  Object {
-                    "height": "1em",
-                    "width": "1em",
-                  }
-                }
-              >
-                <svg
-                  aria-hidden={true}
-                  fill="none"
-                  focusable={false}
-                  height={24}
-                  role="img"
-                  viewBox="0 0 24 24"
-                  width={24}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  className="sr-only"
-                >
-                  in a new tab
-                </span>
-              </span>
+              <h1
+                class="h2 mb-0 font-weight-bold text-truncate"
+              >
+                staff
+              </h1>
+              <p
+                class="mb-0"
+              >
+                Member since 
+                2017
+              </p>
+              <hr
+                class="d-none d-md-block"
+              />
             </span>
-          </a>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
+          </div>
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="d-md-none mb-4"
           >
-            <div
-              className="editable-item-header mb-2"
+            <a
+              class="pgn__hyperlink default-link standalone-link btn btn-primary"
+              href="http://localhost:18150/records"
+              rel="noopener noreferrer"
+              target="_blank"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Full Name
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
+              View My Records
+              <span
+                class="pgn__hyperlink__external-icon"
+                title="Opens in a new tab"
               >
                 <span
-                  className="ml-auto small text-muted"
+                  class="pgn__icon"
+                  style="height: 1em; width: 1em;"
                 >
                   <svg
                     aria-hidden="true"
-                    className="svg-inline--fa fa-eye-slash fa-w-20 "
-                    data-icon="eye-slash"
-                    data-prefix="far"
+                    fill="none"
                     focusable="false"
+                    height="24"
                     role="img"
-                    style={Object {}}
-                    viewBox="0 0 640 512"
+                    viewBox="0 0 24 24"
+                    width="24"
                     xmlns="http://www.w3.org/2000/svg"
                   >
                     <path
-                      d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                      d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
                       fill="currentColor"
-                      style={Object {}}
                     />
                   </svg>
-                   
-                  Just me
+                  <span
+                    class="sr-only"
+                  >
+                    in a new tab
+                  </span>
                 </span>
-              </p>
-            </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Lemon Seltzer
-            </p>
-            <small
-              className="form-text text-muted"
-            >
-              This is the name that appears in your account and on your certificates.
-            </small>
+              </span>
+            </a>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Location
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Full Name
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye-slash fa-w-20 "
+                      data-icon="eye-slash"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 640 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Just me
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Lemon Seltzer
               </p>
+              <small
+                class="form-text text-muted"
+              >
+                This is the name that appears in your account and on your certificates.
+              </small>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Montenegro
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Primary Language Spoken
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Location
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Montenegro
               </p>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Yoruba
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Education
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Primary Language Spoken
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye-slash fa-w-20 "
-                    data-icon="eye-slash"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 640 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Just me
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Yoruba
               </p>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Elementary/primary school
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Social Links
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Education
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye-slash fa-w-20 "
+                      data-icon="eye-slash"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 640 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Just me
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Elementary/primary school
               </p>
             </div>
-            <ul
-              className="list-unstyled"
+          </div>
+          <div
+            class="pgn-transition-replace-group position-relative mb-5"
+          >
+            <div
+              style="padding: .1px 0px;"
             >
-              <li
-                className="form-group"
-              >
-                <a
-                  className="font-weight-bold"
-                  href="https://www.twitter.com/ALOHA"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-twitter fa-w-16 mr-2"
-                    data-icon="twitter"
-                    data-prefix="fab"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Twitter
-                </a>
-              </li>
-              <li
-                className="form-group"
+              <div
+                class="editable-item-header mb-2"
               >
-                <a
-                  className="font-weight-bold"
-                  href="https://www.facebook.com/aloha"
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-facebook fa-w-16 mr-2"
-                    data-icon="facebook"
-                    data-prefix="fab"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Facebook
-                </a>
-              </li>
-              <li
-                className="form-group"
-              >
-                <div>
+                  Social Links
                   <button
-                    className="pl-0 text-left btn btn-link"
-                    onClick={[Function]}
-                    onKeyDown={[Function]}
-                    tabIndex={0}
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
                     type="button"
                   >
                     <svg
                       aria-hidden="true"
-                      className="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
-                      data-icon="plus"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
                       data-prefix="fas"
                       focusable="false"
                       role="img"
-                      style={Object {}}
-                      viewBox="0 0 448 512"
+                      viewBox="0 0 512 512"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
                         fill="currentColor"
-                        style={Object {}}
                       />
                     </svg>
-                    Add 
-                    LinkedIn
+                    Edit
                   </button>
-                </div>
-              </li>
-            </ul>
+                </h2>
+                <p
+                  class="mb-0"
+                >
+                  <span
+                    class="ml-auto small text-muted"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <ul
+                class="list-unstyled"
+              >
+                <li
+                  class="form-group"
+                >
+                  <a
+                    class="font-weight-bold"
+                    href="https://www.twitter.com/ALOHA"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-twitter fa-w-16 mr-2"
+                      data-icon="twitter"
+                      data-prefix="fab"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Twitter
+                  </a>
+                </li>
+                <li
+                  class="form-group"
+                >
+                  <a
+                    class="font-weight-bold"
+                    href="https://www.facebook.com/aloha"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-facebook fa-w-16 mr-2"
+                      data-icon="facebook"
+                      data-prefix="fab"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Facebook
+                  </a>
+                </li>
+                <li
+                  class="form-group"
+                >
+                  <div>
+                    <button
+                      class="pl-0 text-left btn btn-link"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
+                        data-icon="plus"
+                        data-prefix="fas"
+                        focusable="false"
+                        role="img"
+                        viewBox="0 0 448 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      Add 
+                      LinkedIn
+                    </button>
+                  </div>
+                </li>
+              </ul>
+            </div>
           </div>
         </div>
-      </div>
-      <div
-        className="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
-      >
         <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
+          class="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
         >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              aria-labelledby="bio-label"
-              role="dialog"
+              style="padding: .1px 0px;"
             >
-              <form
-                onSubmit={[Function]}
+              <div
+                aria-labelledby="bio-label"
+                role="dialog"
               >
-                <div
-                  className="pgn__form-group"
-                >
-                  <label
-                    className="edit-section-header"
-                    htmlFor="bio"
-                  >
-                    About Me
-                  </label>
-                  <textarea
-                    className="form-control"
-                    id="bio"
-                    name="bio"
-                    onChange={[Function]}
-                    value="This is my bio"
-                  />
-                  <div
-                    className="pgn__form-control-description pgn__form-text pgn__form-text-invalid"
-                    id="bio-1"
-                  >
-                    <div>
-                      bio error
-                    </div>
-                  </div>
-                </div>
-                <div
-                  className="d-flex flex-row-reverse flex-wrap justify-content-end align-items-center"
-                >
+                <form>
                   <div
-                    className="form-group d-flex flex-wrap"
+                    class="pgn__form-group"
                   >
                     <label
-                      className="col-form-label"
-                      htmlFor="visibilityBio"
+                      class="edit-section-header"
+                      for="bio"
                     >
-                      Who can see this:
+                      About Me
                     </label>
-                    <span
-                      className="d-flex align-items-center"
+                    <textarea
+                      class="form-control"
+                      id="bio"
+                      name="bio"
                     >
-                      <span
-                        className="d-inline-block ml-1 mr-2"
-                        style={
-                          Object {
-                            "width": "1.5rem",
-                          }
-                        }
-                      >
-                        <svg
-                          aria-hidden="true"
-                          className="svg-inline--fa fa-eye fa-w-18 "
-                          data-icon="eye"
-                          data-prefix="far"
-                          focusable="false"
-                          role="img"
-                          style={Object {}}
-                          viewBox="0 0 576 512"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                            fill="currentColor"
-                            style={Object {}}
-                          />
-                        </svg>
-                      </span>
-                      <select
-                        className="d-inline-block form-control"
-                        id="visibilityBio"
-                        name="visibilityBio"
-                        onChange={[Function]}
-                        type="select"
-                        value="all_users"
-                      >
-                        <option
-                          value="private"
-                        >
-                          Just me
-                        </option>
-                        <option
-                          value="all_users"
-                        >
-                          Everyone on localhost
-                        </option>
-                      </select>
-                    </span>
+                      This is my bio
+                    </textarea>
+                    <div
+                      class="pgn__form-control-description pgn__form-text pgn__form-text-invalid"
+                      id="bio-1"
+                    >
+                      <div>
+                        bio error
+                      </div>
+                    </div>
                   </div>
                   <div
-                    className="form-group flex-shrink-0 flex-grow-1"
+                    class="d-flex flex-row-reverse flex-wrap justify-content-end align-items-center"
                   >
-                    <button
-                      aria-disabled={false}
-                      aria-live="assertive"
-                      className="pgn__stateful-btn pgn__stateful-btn-state-pending btn btn-primary"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="submit"
+                    <div
+                      class="form-group d-flex flex-wrap"
                     >
+                      <label
+                        class="col-form-label"
+                        for="visibilityBio"
+                      >
+                        Who can see this:
+                      </label>
                       <span
-                        className="d-flex align-items-center justify-content-center"
+                        class="d-flex align-items-center"
+                      >
+                        <span
+                          class="d-inline-block ml-1 mr-2"
+                          style="width: 1.5rem;"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="svg-inline--fa fa-eye fa-w-18 "
+                            data-icon="eye"
+                            data-prefix="far"
+                            focusable="false"
+                            role="img"
+                            viewBox="0 0 576 512"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                              fill="currentColor"
+                            />
+                          </svg>
+                        </span>
+                        <select
+                          class="d-inline-block form-control"
+                          id="visibilityBio"
+                          name="visibilityBio"
+                          type="select"
+                        >
+                          <option
+                            value="private"
+                          >
+                            Just me
+                          </option>
+                          <option
+                            value="all_users"
+                          >
+                            Everyone on localhost
+                          </option>
+                        </select>
+                      </span>
+                    </div>
+                    <div
+                      class="form-group flex-shrink-0 flex-grow-1"
+                    >
+                      <button
+                        aria-disabled="false"
+                        aria-live="assertive"
+                        class="pgn__stateful-btn pgn__stateful-btn-state-pending btn btn-primary"
+                        type="submit"
                       >
                         <span
-                          className="pgn__stateful-btn-icon"
+                          class="d-flex align-items-center justify-content-center"
                         >
                           <span
-                            className="pgn__icon icon-spin"
+                            class="pgn__stateful-btn-icon"
                           >
-                            <svg
-                              aria-hidden={true}
-                              fill="none"
-                              focusable={false}
-                              height={24}
-                              role="img"
-                              viewBox="0 0 24 24"
-                              width={24}
-                              xmlns="http://www.w3.org/2000/svg"
+                            <span
+                              class="pgn__icon icon-spin"
                             >
-                              <path
-                                d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
-                                fill="currentColor"
-                              />
-                            </svg>
+                              <svg
+                                aria-hidden="true"
+                                fill="none"
+                                focusable="false"
+                                height="24"
+                                role="img"
+                                viewBox="0 0 24 24"
+                                width="24"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
+                                  fill="currentColor"
+                                />
+                              </svg>
+                            </span>
+                          </span>
+                          <span>
+                            Saving
                           </span>
                         </span>
-                        <span>
-                          Saving
-                        </span>
-                      </span>
-                    </button>
-                    <button
-                      className="btn btn-link"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      Cancel
-                    </button>
+                      </button>
+                      <button
+                        class="btn btn-link"
+                        type="button"
+                      >
+                        Cancel
+                      </button>
+                    </div>
                   </div>
-                </div>
-              </form>
+                </form>
+              </div>
             </div>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-4"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-4"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                My Certificates
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  My Certificates
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
-              </p>
-            </div>
-            <div
-              className="row align-items-stretch"
-            >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
               <div
-                className="col-12 col-sm-6 d-flex align-items-stretch"
+                class="row align-items-stretch"
               >
                 <div
-                  className="card mb-4 certificate flex-grow-1"
+                  class="col-12 col-sm-6 d-flex align-items-stretch"
                 >
                   <div
-                    className="certificate-type-illustration"
-                    style={
-                      Object {
-                        "backgroundImage": "url(icon/mock/path)",
-                      }
-                    }
-                  />
-                  <div
-                    className="card-body d-flex flex-column"
+                    class="card mb-4 certificate flex-grow-1"
                   >
                     <div
-                      className="card-title"
+                      class="certificate-type-illustration"
+                      style="background-image: url(icon/mock/path);"
+                    />
+                    <div
+                      class="card-body d-flex flex-column"
                     >
+                      <div
+                        class="card-title"
+                      >
+                        <p
+                          class="small mb-0"
+                        >
+                          Verified Certificate
+                        </p>
+                        <h4
+                          class="certificate-title"
+                        >
+                          edX Demonstration Course
+                        </h4>
+                      </div>
+                      <p
+                        class="small mb-0"
+                      >
+                        From
+                      </p>
+                      <p
+                        class="h6 mb-4"
+                      >
+                        edX
+                      </p>
+                      <div
+                        class="flex-grow-1"
+                      />
                       <p
-                        className="small mb-0"
+                        class="small mb-2"
                       >
-                        Verified Certificate
+                        Completed on 
+                        3/4/2019
                       </p>
-                      <h4
-                        className="certificate-title"
-                      >
-                        edX Demonstration Course
-                      </h4>
-                    </div>
-                    <p
-                      className="small mb-0"
-                    >
-                      From
-                    </p>
-                    <p
-                      className="h6 mb-4"
-                    >
-                      edX
-                    </p>
-                    <div
-                      className="flex-grow-1"
-                    />
-                    <p
-                      className="small mb-2"
-                    >
-                      Completed on 
-                      3/4/2019
-                    </p>
-                    <div>
-                      <a
-                        className="pgn__hyperlink default-link standalone-link btn btn-outline-primary"
-                        href="http://www.example.com/"
-                        onClick={[Function]}
-                        rel="noopener noreferrer"
-                        target="_blank"
-                      >
-                        View Certificate
-                        <span
-                          className="pgn__hyperlink__external-icon"
-                          title="Opens in a new tab"
+                      <div>
+                        <a
+                          class="pgn__hyperlink default-link standalone-link btn btn-outline-primary"
+                          href="http://www.example.com/"
+                          rel="noopener noreferrer"
+                          target="_blank"
                         >
+                          View Certificate
                           <span
-                            className="pgn__icon"
-                            style={
-                              Object {
-                                "height": "1em",
-                                "width": "1em",
-                              }
-                            }
+                            class="pgn__hyperlink__external-icon"
+                            title="Opens in a new tab"
                           >
-                            <svg
-                              aria-hidden={true}
-                              fill="none"
-                              focusable={false}
-                              height={24}
-                              role="img"
-                              viewBox="0 0 24 24"
-                              width={24}
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                                fill="currentColor"
-                              />
-                            </svg>
                             <span
-                              className="sr-only"
+                              class="pgn__icon"
+                              style="height: 1em; width: 1em;"
                             >
-                              in a new tab
+                              <svg
+                                aria-hidden="true"
+                                fill="none"
+                                focusable="false"
+                                height="24"
+                                role="img"
+                                viewBox="0 0 24 24"
+                                width="24"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                                  fill="currentColor"
+                                />
+                              </svg>
+                              <span
+                                class="sr-only"
+                              >
+                                in a new tab
+                              </span>
                             </span>
                           </span>
-                        </span>
-                      </a>
+                        </a>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -9421,952 +8260,788 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
 `;
 
 exports[`<ProfilePage /> Renders correctly in various states without credentials service 1`] = `
-<div
-  className="profile-page"
->
+<div>
   <div
-    className="profile-page-bg-banner bg-primary d-md-block p-relative"
-  />
-  <div
-    className="container-fluid"
+    class="profile-page"
   >
     <div
-      className="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
+    />
+    <div
+      class="container-fluid"
     >
       <div
-        className="col-auto col-md-4 col-lg-3"
+        class="row align-items-center pt-4 mb-4 pt-md-0 mb-md-0"
       >
         <div
-          className="d-flex align-items-center d-md-block"
+          class="col-auto col-md-4 col-lg-3"
         >
           <div
-            className="profile-avatar-wrap position-relative"
+            class="d-flex align-items-center d-md-block"
           >
             <div
-              className="profile-avatar rounded-circle bg-light"
+              class="profile-avatar-wrap position-relative"
             >
               <div
-                className="profile-avatar-menu-container"
+                class="profile-avatar rounded-circle bg-light"
               >
                 <div
-                  className="pgn__dropdown pgn__dropdown-light dropdown"
-                  data-testid="dropdown"
+                  class="profile-avatar-menu-container"
                 >
-                  <button
-                    aria-expanded={false}
-                    aria-haspopup={true}
-                    className="dropdown-toggle btn btn-primary"
-                    disabled={false}
-                    onClick={[Function]}
-                    type="button"
+                  <div
+                    class="pgn__dropdown pgn__dropdown-light dropdown"
+                    data-testid="dropdown"
                   >
-                    Change
-                  </button>
+                    <button
+                      aria-expanded="false"
+                      aria-haspopup="true"
+                      class="dropdown-toggle btn btn-primary"
+                      type="button"
+                    >
+                      Change
+                    </button>
+                  </div>
                 </div>
+                <img
+                  alt="profile avatar"
+                  class="w-100 h-100 d-block rounded-circle overflow-hidden"
+                  data-hj-suppress="true"
+                  src="http://localhost:18000/media/profile-images/d2a9bdc2ba165dcefc73265c54bf9a20_500.jpg?v=1552495012"
+                  style="object-fit: cover;"
+                />
               </div>
-              <img
-                alt="profile avatar"
-                className="w-100 h-100 d-block rounded-circle overflow-hidden"
-                data-hj-suppress={true}
-                src="http://localhost:18000/media/profile-images/d2a9bdc2ba165dcefc73265c54bf9a20_500.jpg?v=1552495012"
-                style={
-                  Object {
-                    "objectFit": "cover",
-                  }
-                }
-              />
+              <form
+                enctype="multipart/form-data"
+              >
+                <input
+                  accept=".jpg, .jpeg, .png"
+                  class="d-none form-control-file"
+                  id="photo-file"
+                  name="file"
+                  type="file"
+                />
+              </form>
             </div>
-            <form
-              encType="multipart/form-data"
-              onSubmit={[Function]}
-            >
-              <input
-                accept=".jpg, .jpeg, .png"
-                className="d-none form-control-file"
-                id="photo-file"
-                name="file"
-                onChange={[Function]}
-                type="file"
-              />
-            </form>
           </div>
         </div>
-      </div>
-      <div
-        className="col"
-      >
         <div
-          className="d-md-none"
+          class="col"
         >
-          <span
-            data-hj-suppress={true}
+          <div
+            class="d-md-none"
           >
-            <h1
-              className="h2 mb-0 font-weight-bold text-truncate"
-            >
-              staff
-            </h1>
-            <p
-              className="mb-0"
+            <span
+              data-hj-suppress="true"
             >
-              Member since 
-              2017
-            </p>
-            <hr
-              className="d-none d-md-block"
-            />
-          </span>
+              <h1
+                class="h2 mb-0 font-weight-bold text-truncate"
+              >
+                staff
+              </h1>
+              <p
+                class="mb-0"
+              >
+                Member since 
+                2017
+              </p>
+              <hr
+                class="d-none d-md-block"
+              />
+            </span>
+          </div>
+          <div
+            class="d-none d-md-block float-right"
+          />
         </div>
-        <div
-          className="d-none d-md-block float-right"
-        />
       </div>
-    </div>
-    <div
-      className="row"
-    >
       <div
-        className="col-md-4 col-lg-4"
+        class="row"
       >
         <div
-          className="d-none d-md-block mb-4"
+          class="col-md-4 col-lg-4"
         >
-          <span
-            data-hj-suppress={true}
+          <div
+            class="d-none d-md-block mb-4"
           >
-            <h1
-              className="h2 mb-0 font-weight-bold text-truncate"
-            >
-              staff
-            </h1>
-            <p
-              className="mb-0"
+            <span
+              data-hj-suppress="true"
             >
-              Member since 
-              2017
-            </p>
-            <hr
-              className="d-none d-md-block"
-            />
-          </span>
-        </div>
-        <div
-          className="d-md-none mb-4"
-        />
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
+              <h1
+                class="h2 mb-0 font-weight-bold text-truncate"
+              >
+                staff
+              </h1>
+              <p
+                class="mb-0"
+              >
+                Member since 
+                2017
+              </p>
+              <hr
+                class="d-none d-md-block"
+              />
+            </span>
+          </div>
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="d-md-none mb-4"
+          />
+          <div
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Full Name
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Full Name
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye-slash fa-w-20 "
-                    data-icon="eye-slash"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 640 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Just me
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye-slash fa-w-20 "
+                      data-icon="eye-slash"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 640 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Just me
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Lemon Seltzer
               </p>
+              <small
+                class="form-text text-muted"
+              >
+                This is the name that appears in your account and on your certificates.
+              </small>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Lemon Seltzer
-            </p>
-            <small
-              className="form-text text-muted"
-            >
-              This is the name that appears in your account and on your certificates.
-            </small>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Location
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Location
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Montenegro
               </p>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Montenegro
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Primary Language Spoken
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Primary Language Spoken
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Yoruba
               </p>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Yoruba
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Education
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Education
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye-slash fa-w-20 "
-                    data-icon="eye-slash"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 640 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Just me
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye-slash fa-w-20 "
+                      data-icon="eye-slash"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 640 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Just me
+                  </span>
+                </p>
+              </div>
+              <p
+                class="h5"
+                data-hj-suppress="true"
+              >
+                Elementary/primary school
               </p>
             </div>
-            <p
-              className="h5"
-              data-hj-suppress={true}
-            >
-              Elementary/primary school
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                Social Links
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
+              <div
+                class="editable-item-header mb-2"
               >
-                <span
-                  className="ml-auto small text-muted"
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  Social Links
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
-              </p>
-            </div>
-            <ul
-              className="list-unstyled"
-            >
-              <li
-                className="form-group"
-              >
-                <a
-                  className="font-weight-bold"
-                  href="https://www.twitter.com/ALOHA"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-twitter fa-w-16 mr-2"
-                    data-icon="twitter"
-                    data-prefix="fab"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Twitter
-                </a>
-              </li>
-              <li
-                className="form-group"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <ul
+                class="list-unstyled"
               >
-                <a
-                  className="font-weight-bold"
-                  href="https://www.facebook.com/aloha"
+                <li
+                  class="form-group"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-facebook fa-w-16 mr-2"
-                    data-icon="facebook"
-                    data-prefix="fab"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <a
+                    class="font-weight-bold"
+                    href="https://www.twitter.com/ALOHA"
                   >
-                    <path
-                      d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Facebook
-                </a>
-              </li>
-              <li
-                className="form-group"
-              >
-                <div>
-                  <button
-                    className="pl-0 text-left btn btn-link"
-                    onClick={[Function]}
-                    onKeyDown={[Function]}
-                    tabIndex={0}
-                    type="button"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-twitter fa-w-16 mr-2"
+                      data-icon="twitter"
+                      data-prefix="fab"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Twitter
+                  </a>
+                </li>
+                <li
+                  class="form-group"
+                >
+                  <a
+                    class="font-weight-bold"
+                    href="https://www.facebook.com/aloha"
                   >
                     <svg
                       aria-hidden="true"
-                      className="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
-                      data-icon="plus"
-                      data-prefix="fas"
+                      class="svg-inline--fa fa-facebook fa-w-16 mr-2"
+                      data-icon="facebook"
+                      data-prefix="fab"
                       focusable="false"
                       role="img"
-                      style={Object {}}
-                      viewBox="0 0 448 512"
+                      viewBox="0 0 512 512"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
-                        d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                        d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
                         fill="currentColor"
-                        style={Object {}}
                       />
                     </svg>
-                    Add 
-                    LinkedIn
-                  </button>
-                </div>
-              </li>
-            </ul>
+                    Facebook
+                  </a>
+                </li>
+                <li
+                  class="form-group"
+                >
+                  <div>
+                    <button
+                      class="pl-0 text-left btn btn-link"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
+                        data-icon="plus"
+                        data-prefix="fas"
+                        focusable="false"
+                        role="img"
+                        viewBox="0 0 448 512"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                      Add 
+                      LinkedIn
+                    </button>
+                  </div>
+                </li>
+              </ul>
+            </div>
           </div>
         </div>
-      </div>
-      <div
-        className="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
-      >
         <div
-          className="pgn-transition-replace-group position-relative mb-5"
-          style={
-            Object {
-              "height": null,
-            }
-          }
+          class="pt-md-3 col-md-8 col-lg-7 offset-lg-1"
         >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-5"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                About Me
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  About Me
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
+              <p
+                class="lead"
+                data-hj-suppress="true"
+              >
+                This is my bio
               </p>
             </div>
-            <p
-              className="lead"
-              data-hj-suppress={true}
-            >
-              This is my bio
-            </p>
           </div>
-        </div>
-        <div
-          className="pgn-transition-replace-group position-relative mb-4"
-          style={
-            Object {
-              "height": null,
-            }
-          }
-        >
           <div
-            style={
-              Object {
-                "padding": ".1px 0",
-              }
-            }
+            class="pgn-transition-replace-group position-relative mb-4"
           >
             <div
-              className="editable-item-header mb-2"
+              style="padding: .1px 0px;"
             >
-              <h2
-                className="edit-section-header"
-                id={null}
-              >
-                My Certificates
-                <button
-                  className="float-right px-0 btn btn-link btn-sm"
-                  disabled={false}
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "-.35rem",
-                    }
-                  }
-                  type="button"
+              <div
+                class="editable-item-header mb-2"
+              >
+                <h2
+                  class="edit-section-header"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-                    data-icon="pencil-alt"
-                    data-prefix="fas"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 512 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  My Certificates
+                  <button
+                    class="float-right px-0 btn btn-link btn-sm"
+                    style="margin-top: -.35rem;"
+                    type="button"
                   >
-                    <path
-                      d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                  Edit
-                </button>
-              </h2>
-              <p
-                className="mb-0"
-              >
-                <span
-                  className="ml-auto small text-muted"
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+                      data-icon="pencil-alt"
+                      data-prefix="fas"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 512 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    Edit
+                  </button>
+                </h2>
+                <p
+                  class="mb-0"
                 >
-                  <svg
-                    aria-hidden="true"
-                    className="svg-inline--fa fa-eye fa-w-18 "
-                    data-icon="eye"
-                    data-prefix="far"
-                    focusable="false"
-                    role="img"
-                    style={Object {}}
-                    viewBox="0 0 576 512"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="ml-auto small text-muted"
                   >
-                    <path
-                      d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
-                      fill="currentColor"
-                      style={Object {}}
-                    />
-                  </svg>
-                   
-                  Everyone on localhost
-                </span>
-              </p>
-            </div>
-            <div
-              className="row align-items-stretch"
-            >
+                    <svg
+                      aria-hidden="true"
+                      class="svg-inline--fa fa-eye fa-w-18 "
+                      data-icon="eye"
+                      data-prefix="far"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 576 512"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                     
+                    Everyone on localhost
+                  </span>
+                </p>
+              </div>
               <div
-                className="col-12 col-sm-6 d-flex align-items-stretch"
+                class="row align-items-stretch"
               >
                 <div
-                  className="card mb-4 certificate flex-grow-1"
+                  class="col-12 col-sm-6 d-flex align-items-stretch"
                 >
                   <div
-                    className="certificate-type-illustration"
-                    style={
-                      Object {
-                        "backgroundImage": "url(icon/mock/path)",
-                      }
-                    }
-                  />
-                  <div
-                    className="card-body d-flex flex-column"
+                    class="card mb-4 certificate flex-grow-1"
                   >
                     <div
-                      className="card-title"
+                      class="certificate-type-illustration"
+                      style="background-image: url(icon/mock/path);"
+                    />
+                    <div
+                      class="card-body d-flex flex-column"
                     >
+                      <div
+                        class="card-title"
+                      >
+                        <p
+                          class="small mb-0"
+                        >
+                          Verified Certificate
+                        </p>
+                        <h4
+                          class="certificate-title"
+                        >
+                          edX Demonstration Course
+                        </h4>
+                      </div>
                       <p
-                        className="small mb-0"
+                        class="small mb-0"
                       >
-                        Verified Certificate
+                        From
                       </p>
-                      <h4
-                        className="certificate-title"
+                      <p
+                        class="h6 mb-4"
                       >
-                        edX Demonstration Course
-                      </h4>
-                    </div>
-                    <p
-                      className="small mb-0"
-                    >
-                      From
-                    </p>
-                    <p
-                      className="h6 mb-4"
-                    >
-                      edX
-                    </p>
-                    <div
-                      className="flex-grow-1"
-                    />
-                    <p
-                      className="small mb-2"
-                    >
-                      Completed on 
-                      3/4/2019
-                    </p>
-                    <div>
-                      <a
-                        className="pgn__hyperlink default-link standalone-link btn btn-outline-primary"
-                        href="http://www.example.com/"
-                        onClick={[Function]}
-                        rel="noopener noreferrer"
-                        target="_blank"
-                      >
-                        View Certificate
-                        <span
-                          className="pgn__hyperlink__external-icon"
-                          title="Opens in a new tab"
+                        edX
+                      </p>
+                      <div
+                        class="flex-grow-1"
+                      />
+                      <p
+                        class="small mb-2"
+                      >
+                        Completed on 
+                        3/4/2019
+                      </p>
+                      <div>
+                        <a
+                          class="pgn__hyperlink default-link standalone-link btn btn-outline-primary"
+                          href="http://www.example.com/"
+                          rel="noopener noreferrer"
+                          target="_blank"
                         >
+                          View Certificate
                           <span
-                            className="pgn__icon"
-                            style={
-                              Object {
-                                "height": "1em",
-                                "width": "1em",
-                              }
-                            }
+                            class="pgn__hyperlink__external-icon"
+                            title="Opens in a new tab"
                           >
-                            <svg
-                              aria-hidden={true}
-                              fill="none"
-                              focusable={false}
-                              height={24}
-                              role="img"
-                              viewBox="0 0 24 24"
-                              width={24}
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
-                                fill="currentColor"
-                              />
-                            </svg>
                             <span
-                              className="sr-only"
+                              class="pgn__icon"
+                              style="height: 1em; width: 1em;"
                             >
-                              in a new tab
+                              <svg
+                                aria-hidden="true"
+                                fill="none"
+                                focusable="false"
+                                height="24"
+                                role="img"
+                                viewBox="0 0 24 24"
+                                width="24"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M19 19H5V5h7V3H3v18h18v-9h-2v7ZM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7Z"
+                                  fill="currentColor"
+                                />
+                              </svg>
+                              <span
+                                class="sr-only"
+                              >
+                                in a new tab
+                              </span>
                             </span>
                           </span>
-                        </span>
-                      </a>
+                        </a>
+                      </div>
                     </div>
                   </div>
                 </div>
diff --git a/src/profile/forms/LearningGoal.test.jsx b/src/profile/forms/LearningGoal.test.jsx
index 1143aff0b..dcb63b1f1 100644
--- a/src/profile/forms/LearningGoal.test.jsx
+++ b/src/profile/forms/LearningGoal.test.jsx
@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import React, { useMemo } from 'react';
 import { Provider } from 'react-redux';
-import renderer from 'react-test-renderer';
+import { render, screen } from '@testing-library/react';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
 import { configure as configureI18n, IntlProvider } from '@edx/frontend-platform/i18n';
@@ -92,31 +92,25 @@ LearningGoalWrapperWithStore.propTypes = {
 describe('<LearningGoal />', () => {
   describe('renders the current learning goal', () => {
     it('renders "I want to advance my career"', () => {
-      const learningGoalRenderer = renderer.create(
+      render(
         <LearningGoalWrapper
           {...requiredLearningGoalProps}
           formId="learningGoal"
         />,
       );
-
-      const learningGoalInstance = learningGoalRenderer.root;
-
-      expect(learningGoalInstance.findByProps({ className: 'lead' }).children).toEqual(['I want to advance my career']);
+      expect(screen.getByText('I want to advance my career')).toBeTruthy();
     });
 
     it('renders "Something else"', () => {
       requiredLearningGoalProps.learningGoal = 'something_else';
 
-      const learningGoalRenderer = renderer.create(
+      render(
         <LearningGoalWrapper
           {...requiredLearningGoalProps}
           formId="learningGoal"
         />,
       );
-
-      const learningGoalInstance = learningGoalRenderer.root;
-
-      expect(learningGoalInstance.findByProps({ className: 'lead' }).children).toEqual(['Something else']);
+      expect(screen.getByText('Something else')).toBeTruthy();
     });
   });
 });
diff --git a/src/profile/forms/SocialLinks.test.jsx b/src/profile/forms/SocialLinks.test.jsx
index d25eaa74c..0392d063f 100644
--- a/src/profile/forms/SocialLinks.test.jsx
+++ b/src/profile/forms/SocialLinks.test.jsx
@@ -1,8 +1,7 @@
-import { mount } from 'enzyme';
+import { render, fireEvent, screen } from '@testing-library/react';
 import PropTypes from 'prop-types';
 import React, { useMemo } from 'react';
 import { Provider } from 'react-redux';
-import renderer from 'react-test-renderer';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
 import { configure as configureI18n, IntlProvider } from '@edx/frontend-platform/i18n';
@@ -103,7 +102,7 @@ describe('<SocialLinks />', () => {
   ['certificates', 'bio', 'goals', 'socialLinks'].forEach(editMode => (
     it(`calls social links with edit mode ${editMode}`, () => {
       const component = <SocialLinksWrapper {...defaultProps} formId={editMode} />;
-      const tree = renderer.create(component).toJSON();
+      const { container: tree } = render(component);
       expect(tree).toMatchSnapshot();
     })
   ));
@@ -112,47 +111,45 @@ describe('<SocialLinks />', () => {
     const changeHandler = jest.fn();
     const submitHandler = jest.fn();
     const closeHandler = jest.fn();
-    const component = (
+    const { container } = render(
       <SocialLinksWrapper
         {...defaultProps}
         formId="bio"
         changeHandler={changeHandler}
         submitHandler={submitHandler}
         closeHandler={closeHandler}
-      />
+      />,
     );
-    const wrapper = mount(component);
-    const socialLink = wrapper.find(SocialLinks);
+
     const { platform } = defaultProps.socialLinks[0];
-    const inputField = socialLink.find(`#social-${platform}`);
-    inputField.simulate('change', { target: { value: 'test', name: platform } });
+    const inputField = container.querySelector(`#social-${platform}`);
+    fireEvent.change(inputField, { target: { value: 'test', name: platform } });
     expect(changeHandler).toHaveBeenCalledTimes(1);
 
-    expect(socialLink.find('#visibilitySocialLinks select').props().value).toBe('private');
-    const event = { target: { value: 'all_users', name: 'visibilitySocialLinks' } };
-    socialLink.find('#visibilitySocialLinks select').simulate('change', event);
+    const selectElement = container.querySelector('#visibilitySocialLinks');
+    expect(selectElement.value).toBe('private');
+    fireEvent.change(selectElement, { target: { value: 'all_users', name: 'visibilitySocialLinks' } });
     expect(changeHandler).toHaveBeenCalledTimes(2);
 
-    socialLink.find('[aria-labelledby="editing-form"]').simulate('submit');
+    fireEvent.submit(container.querySelector('[aria-labelledby="editing-form"]'));
     expect(submitHandler).toHaveBeenCalledTimes(1);
 
-    socialLink.find('[aria-labelledby="editing-form"]').find('Button .btn-link').simulate('click');
+    fireEvent.click(screen.getByRole('button', { name: 'Cancel' }));
     expect(closeHandler).toHaveBeenCalledTimes(1);
   });
 
   it('calls social links with static', () => {
     const openHandler = jest.fn();
-    const component = (
+    render(
       <SocialLinksWrapper
         {...defaultProps}
         formId="goals"
         openHandler={openHandler}
-      />
+      />,
     );
-    const wrapper = mount(component);
-    const socialLink = wrapper.find(SocialLinks);
+    const addFacebookButton = screen.getByRole('button', { name: 'Add Facebook' });
+    fireEvent.click(addFacebookButton);
 
-    socialLink.find('EmptyContent button').first().simulate('click');
     expect(openHandler).toHaveBeenCalledTimes(1);
   });
 
@@ -160,10 +157,9 @@ describe('<SocialLinks />', () => {
     const newStore = JSON.parse(JSON.stringify(savingEditedBio));
     newStore.profilePage.errors.bio = { userMessage: 'error' };
 
-    const component = <SocialLinksWrapperWithStore store={newStore} />;
-    const wrapper = mount(component);
-    const socialLink = wrapper.find(SocialLinks);
+    const { container } = render(<SocialLinksWrapperWithStore store={newStore} />);
 
-    expect(socialLink.find('.alert-danger').exists()).toBe(true);
+    const alertDanger = container.querySelector('.alert-danger');
+    expect(alertDanger).toBeInTheDocument();
   });
 });
diff --git a/src/profile/forms/__snapshots__/SocialLinks.test.jsx.snap b/src/profile/forms/__snapshots__/SocialLinks.test.jsx.snap
index f0aa6c848..74fb7e2a9 100644
--- a/src/profile/forms/__snapshots__/SocialLinks.test.jsx.snap
+++ b/src/profile/forms/__snapshots__/SocialLinks.test.jsx.snap
@@ -1,586 +1,504 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<SocialLinks /> calls social links with edit mode bio 1`] = `
-<div
-  className="pgn-transition-replace-group position-relative mb-5"
-  style={
-    Object {
-      "height": null,
-    }
-  }
->
+<div>
   <div
-    style={
-      Object {
-        "padding": ".1px 0",
-      }
-    }
+    class="pgn-transition-replace-group position-relative mb-5"
   >
     <div
-      aria-labelledby="social-links-label"
-      role="dialog"
+      style="padding: .1px 0px;"
     >
-      <form
-        aria-labelledby="editing-form"
-        onSubmit={[Function]}
+      <div
+        aria-labelledby="social-links-label"
+        role="dialog"
       >
-        <div
-          className="editable-item-header mb-2"
+        <form
+          aria-labelledby="editing-form"
         >
-          <h2
-            className="edit-section-header"
-            id="social-links-label"
-          >
-            Social Links
-          </h2>
-        </div>
-        <div
-          id="social-error-feedback"
-        />
-        <ul
-          className="list-unstyled"
-        >
-          <li
-            className="form-group"
+          <div
+            class="editable-item-header mb-2"
           >
-            <label
-              htmlFor="social-facebook"
+            <h2
+              class="edit-section-header"
+              id="social-links-label"
             >
-              Facebook
-            </label>
-            <input
-              aria-describedby="social-error-feedback"
-              className="form-control"
-              id="social-facebook"
-              name="facebook"
-              onChange={[Function]}
-              type="text"
-              value="https://www.facebook.com/aloha"
-            />
-          </li>
-          <li
-            className="form-group"
+              Social Links
+            </h2>
+          </div>
+          <div
+            id="social-error-feedback"
+          />
+          <ul
+            class="list-unstyled"
           >
-            <label
-              htmlFor="social-twitter"
+            <li
+              class="form-group"
             >
-              Twitter
-            </label>
-            <input
-              aria-describedby="social-error-feedback"
-              className="form-control"
-              id="social-twitter"
-              name="twitter"
-              onChange={[Function]}
-              type="text"
-              value="https://www.twitter.com/ALOHA"
-            />
-          </li>
-        </ul>
-        <div
-          className="d-flex flex-row-reverse flex-wrap justify-content-end align-items-center"
-        >
+              <label
+                for="social-facebook"
+              >
+                Facebook
+              </label>
+              <input
+                aria-describedby="social-error-feedback"
+                class="form-control"
+                id="social-facebook"
+                name="facebook"
+                type="text"
+                value="https://www.facebook.com/aloha"
+              />
+            </li>
+            <li
+              class="form-group"
+            >
+              <label
+                for="social-twitter"
+              >
+                Twitter
+              </label>
+              <input
+                aria-describedby="social-error-feedback"
+                class="form-control"
+                id="social-twitter"
+                name="twitter"
+                type="text"
+                value="https://www.twitter.com/ALOHA"
+              />
+            </li>
+          </ul>
           <div
-            className="form-group d-flex flex-wrap"
+            class="d-flex flex-row-reverse flex-wrap justify-content-end align-items-center"
           >
-            <label
-              className="col-form-label"
-              htmlFor="visibilitySocialLinks"
-            >
-              Who can see this:
-            </label>
-            <span
-              className="d-flex align-items-center"
+            <div
+              class="form-group d-flex flex-wrap"
             >
-              <span
-                className="d-inline-block ml-1 mr-2"
-                style={
-                  Object {
-                    "width": "1.5rem",
-                  }
-                }
+              <label
+                class="col-form-label"
+                for="visibilitySocialLinks"
               >
-                <svg
-                  aria-hidden="true"
-                  className="svg-inline--fa fa-eye-slash fa-w-20 "
-                  data-icon="eye-slash"
-                  data-prefix="far"
-                  focusable="false"
-                  role="img"
-                  style={Object {}}
-                  viewBox="0 0 640 512"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
-                    fill="currentColor"
-                    style={Object {}}
-                  />
-                </svg>
-              </span>
-              <select
-                className="d-inline-block form-control"
-                id="visibilitySocialLinks"
-                name="visibilitySocialLinks"
-                onChange={[Function]}
-                type="select"
-                value="private"
+                Who can see this:
+              </label>
+              <span
+                class="d-flex align-items-center"
               >
-                <option
-                  value="private"
+                <span
+                  class="d-inline-block ml-1 mr-2"
+                  style="width: 1.5rem;"
                 >
-                  Just me
-                </option>
-                <option
-                  value="all_users"
+                  <svg
+                    aria-hidden="true"
+                    class="svg-inline--fa fa-eye-slash fa-w-20 "
+                    data-icon="eye-slash"
+                    data-prefix="far"
+                    focusable="false"
+                    role="img"
+                    viewBox="0 0 640 512"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                </span>
+                <select
+                  class="d-inline-block form-control"
+                  id="visibilitySocialLinks"
+                  name="visibilitySocialLinks"
+                  type="select"
                 >
-                  Everyone on localhost
-                </option>
-              </select>
-            </span>
-          </div>
-          <div
-            className="form-group flex-shrink-0 flex-grow-1"
-          >
-            <button
-              aria-disabled={false}
-              aria-live="assertive"
-              className="pgn__stateful-btn pgn__stateful-btn-state-pending btn btn-primary"
-              disabled={false}
-              onClick={[Function]}
-              type="submit"
+                  <option
+                    value="private"
+                  >
+                    Just me
+                  </option>
+                  <option
+                    value="all_users"
+                  >
+                    Everyone on localhost
+                  </option>
+                </select>
+              </span>
+            </div>
+            <div
+              class="form-group flex-shrink-0 flex-grow-1"
             >
-              <span
-                className="d-flex align-items-center justify-content-center"
+              <button
+                aria-disabled="false"
+                aria-live="assertive"
+                class="pgn__stateful-btn pgn__stateful-btn-state-pending btn btn-primary"
+                type="submit"
               >
                 <span
-                  className="pgn__stateful-btn-icon"
+                  class="d-flex align-items-center justify-content-center"
                 >
                   <span
-                    className="pgn__icon icon-spin"
+                    class="pgn__stateful-btn-icon"
                   >
-                    <svg
-                      aria-hidden={true}
-                      fill="none"
-                      focusable={false}
-                      height={24}
-                      role="img"
-                      viewBox="0 0 24 24"
-                      width={24}
-                      xmlns="http://www.w3.org/2000/svg"
+                    <span
+                      class="pgn__icon icon-spin"
                     >
-                      <path
-                        d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
-                        fill="currentColor"
-                      />
-                    </svg>
+                      <svg
+                        aria-hidden="true"
+                        fill="none"
+                        focusable="false"
+                        height="24"
+                        role="img"
+                        viewBox="0 0 24 24"
+                        width="24"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M22 12A10 10 0 1 1 6.122 3.91l1.176 1.618A8 8 0 1 0 20 12h2Z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                    </span>
+                  </span>
+                  <span>
+                    Saving
                   </span>
                 </span>
-                <span>
-                  Saving
-                </span>
-              </span>
-            </button>
-            <button
-              className="btn btn-link"
-              disabled={false}
-              onClick={[Function]}
-              type="button"
-            >
-              Cancel
-            </button>
+              </button>
+              <button
+                class="btn btn-link"
+                type="button"
+              >
+                Cancel
+              </button>
+            </div>
           </div>
-        </div>
-      </form>
+        </form>
+      </div>
     </div>
   </div>
 </div>
 `;
 
 exports[`<SocialLinks /> calls social links with edit mode certificates 1`] = `
-<div
-  className="pgn-transition-replace-group position-relative mb-5"
-  style={
-    Object {
-      "height": null,
-    }
-  }
->
+<div>
   <div
-    style={
-      Object {
-        "padding": ".1px 0",
-      }
-    }
+    class="pgn-transition-replace-group position-relative mb-5"
   >
     <div
-      className="editable-item-header mb-2"
+      style="padding: .1px 0px;"
     >
-      <h2
-        className="edit-section-header"
-        id={null}
+      <div
+        class="editable-item-header mb-2"
       >
-        Social Links
-        <button
-          className="float-right px-0 btn btn-link btn-sm"
-          disabled={false}
-          onClick={[Function]}
-          style={
-            Object {
-              "marginTop": "-.35rem",
-            }
-          }
-          type="button"
+        <h2
+          class="edit-section-header"
         >
-          <svg
-            aria-hidden="true"
-            className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-            data-icon="pencil-alt"
-            data-prefix="fas"
-            focusable="false"
-            role="img"
-            style={Object {}}
-            viewBox="0 0 512 512"
-            xmlns="http://www.w3.org/2000/svg"
+          Social Links
+          <button
+            class="float-right px-0 btn btn-link btn-sm"
+            style="margin-top: -.35rem;"
+            type="button"
           >
-            <path
-              d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-              fill="currentColor"
-              style={Object {}}
-            />
-          </svg>
-          Edit
-        </button>
-      </h2>
-      <p
-        className="mb-0"
-      >
-        <span
-          className="ml-auto small text-muted"
+            <svg
+              aria-hidden="true"
+              class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+              data-icon="pencil-alt"
+              data-prefix="fas"
+              focusable="false"
+              role="img"
+              viewBox="0 0 512 512"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
+                fill="currentColor"
+              />
+            </svg>
+            Edit
+          </button>
+        </h2>
+        <p
+          class="mb-0"
         >
-          <svg
-            aria-hidden="true"
-            className="svg-inline--fa fa-eye-slash fa-w-20 "
-            data-icon="eye-slash"
-            data-prefix="far"
-            focusable="false"
-            role="img"
-            style={Object {}}
-            viewBox="0 0 640 512"
-            xmlns="http://www.w3.org/2000/svg"
+          <span
+            class="ml-auto small text-muted"
           >
-            <path
-              d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
-              fill="currentColor"
-              style={Object {}}
-            />
-          </svg>
-           
-          Just me
-        </span>
-      </p>
-    </div>
-    <ul
-      className="list-unstyled"
-    >
-      <li
-        className="form-group"
+            <svg
+              aria-hidden="true"
+              class="svg-inline--fa fa-eye-slash fa-w-20 "
+              data-icon="eye-slash"
+              data-prefix="far"
+              focusable="false"
+              role="img"
+              viewBox="0 0 640 512"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
+                fill="currentColor"
+              />
+            </svg>
+             
+            Just me
+          </span>
+        </p>
+      </div>
+      <ul
+        class="list-unstyled"
       >
-        <a
-          className="font-weight-bold"
-          href="https://www.facebook.com/aloha"
+        <li
+          class="form-group"
         >
-          <svg
-            aria-hidden="true"
-            className="svg-inline--fa fa-facebook fa-w-16 mr-2"
-            data-icon="facebook"
-            data-prefix="fab"
-            focusable="false"
-            role="img"
-            style={Object {}}
-            viewBox="0 0 512 512"
-            xmlns="http://www.w3.org/2000/svg"
+          <a
+            class="font-weight-bold"
+            href="https://www.facebook.com/aloha"
           >
-            <path
-              d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
-              fill="currentColor"
-              style={Object {}}
-            />
-          </svg>
-          Facebook
-        </a>
-      </li>
-      <li
-        className="form-group"
-      >
-        <a
-          className="font-weight-bold"
-          href="https://www.twitter.com/ALOHA"
+            <svg
+              aria-hidden="true"
+              class="svg-inline--fa fa-facebook fa-w-16 mr-2"
+              data-icon="facebook"
+              data-prefix="fab"
+              focusable="false"
+              role="img"
+              viewBox="0 0 512 512"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
+                fill="currentColor"
+              />
+            </svg>
+            Facebook
+          </a>
+        </li>
+        <li
+          class="form-group"
         >
-          <svg
-            aria-hidden="true"
-            className="svg-inline--fa fa-twitter fa-w-16 mr-2"
-            data-icon="twitter"
-            data-prefix="fab"
-            focusable="false"
-            role="img"
-            style={Object {}}
-            viewBox="0 0 512 512"
-            xmlns="http://www.w3.org/2000/svg"
+          <a
+            class="font-weight-bold"
+            href="https://www.twitter.com/ALOHA"
           >
-            <path
-              d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
-              fill="currentColor"
-              style={Object {}}
-            />
-          </svg>
-          Twitter
-        </a>
-      </li>
-    </ul>
+            <svg
+              aria-hidden="true"
+              class="svg-inline--fa fa-twitter fa-w-16 mr-2"
+              data-icon="twitter"
+              data-prefix="fab"
+              focusable="false"
+              role="img"
+              viewBox="0 0 512 512"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
+                fill="currentColor"
+              />
+            </svg>
+            Twitter
+          </a>
+        </li>
+      </ul>
+    </div>
   </div>
 </div>
 `;
 
 exports[`<SocialLinks /> calls social links with edit mode goals 1`] = `
-<div
-  className="pgn-transition-replace-group position-relative mb-5"
-  style={
-    Object {
-      "height": null,
-    }
-  }
->
+<div>
   <div
-    style={
-      Object {
-        "padding": ".1px 0",
-      }
-    }
+    class="pgn-transition-replace-group position-relative mb-5"
   >
     <div
-      className="editable-item-header mb-2"
+      style="padding: .1px 0px;"
     >
-      <h2
-        className="edit-section-header"
-        id={null}
+      <div
+        class="editable-item-header mb-2"
+      >
+        <h2
+          class="edit-section-header"
+        >
+          Social Links
+        </h2>
+      </div>
+      <ul
+        class="list-unstyled"
       >
-        Social Links
-      </h2>
+        <li
+          class="mb-4"
+        >
+          <div>
+            <button
+              class="pl-0 text-left btn btn-link"
+              tabindex="0"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
+                data-icon="plus"
+                data-prefix="fas"
+                focusable="false"
+                role="img"
+                viewBox="0 0 448 512"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                  fill="currentColor"
+                />
+              </svg>
+              Add Facebook
+            </button>
+          </div>
+        </li>
+        <li
+          class="mb-4"
+        >
+          <div>
+            <button
+              class="pl-0 text-left btn btn-link"
+              tabindex="0"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
+                data-icon="plus"
+                data-prefix="fas"
+                focusable="false"
+                role="img"
+                viewBox="0 0 448 512"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                  fill="currentColor"
+                />
+              </svg>
+              Add Twitter
+            </button>
+          </div>
+        </li>
+      </ul>
     </div>
-    <ul
-      className="list-unstyled"
+  </div>
+</div>
+`;
+
+exports[`<SocialLinks /> calls social links with edit mode socialLinks 1`] = `
+<div>
+  <div
+    class="pgn-transition-replace-group position-relative mb-5"
+  >
+    <div
+      style="padding: .1px 0px;"
     >
-      <li
-        className="mb-4"
+      <div
+        class="editable-item-header mb-2"
       >
-        <div>
+        <h2
+          class="edit-section-header"
+        >
+          Social Links
           <button
-            className="pl-0 text-left btn btn-link"
-            onClick={[Function]}
-            onKeyDown={[Function]}
-            tabIndex={0}
+            class="float-right px-0 btn btn-link btn-sm"
+            style="margin-top: -.35rem;"
             type="button"
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
-              data-icon="plus"
+              class="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
+              data-icon="pencil-alt"
               data-prefix="fas"
               focusable="false"
               role="img"
-              style={Object {}}
-              viewBox="0 0 448 512"
+              viewBox="0 0 512 512"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
                 fill="currentColor"
-                style={Object {}}
               />
             </svg>
-            Add Facebook
+            Edit
           </button>
-        </div>
-      </li>
-      <li
-        className="mb-4"
-      >
-        <div>
-          <button
-            className="pl-0 text-left btn btn-link"
-            onClick={[Function]}
-            onKeyDown={[Function]}
-            tabIndex={0}
-            type="button"
+        </h2>
+        <p
+          class="mb-0"
+        >
+          <span
+            class="ml-auto small text-muted"
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-plus fa-w-14 fa-xs mr-2"
-              data-icon="plus"
-              data-prefix="fas"
+              class="svg-inline--fa fa-eye-slash fa-w-20 "
+              data-icon="eye-slash"
+              data-prefix="far"
               focusable="false"
               role="img"
-              style={Object {}}
-              viewBox="0 0 448 512"
+              viewBox="0 0 640 512"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
                 fill="currentColor"
-                style={Object {}}
               />
             </svg>
-            Add Twitter
-          </button>
-        </div>
-      </li>
-    </ul>
-  </div>
-</div>
-`;
-
-exports[`<SocialLinks /> calls social links with edit mode socialLinks 1`] = `
-<div
-  className="pgn-transition-replace-group position-relative mb-5"
-  style={
-    Object {
-      "height": null,
-    }
-  }
->
-  <div
-    style={
-      Object {
-        "padding": ".1px 0",
-      }
-    }
-  >
-    <div
-      className="editable-item-header mb-2"
-    >
-      <h2
-        className="edit-section-header"
-        id={null}
+             
+            Just me
+          </span>
+        </p>
+      </div>
+      <ul
+        class="list-unstyled"
       >
-        Social Links
-        <button
-          className="float-right px-0 btn btn-link btn-sm"
-          disabled={false}
-          onClick={[Function]}
-          style={
-            Object {
-              "marginTop": "-.35rem",
-            }
-          }
-          type="button"
+        <li
+          class="form-group"
         >
-          <svg
-            aria-hidden="true"
-            className="svg-inline--fa fa-pencil-alt fa-w-16 mr-1"
-            data-icon="pencil-alt"
-            data-prefix="fas"
-            focusable="false"
-            role="img"
-            style={Object {}}
-            viewBox="0 0 512 512"
-            xmlns="http://www.w3.org/2000/svg"
+          <a
+            class="font-weight-bold"
+            href="https://www.facebook.com/aloha"
           >
-            <path
-              d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
-              fill="currentColor"
-              style={Object {}}
-            />
-          </svg>
-          Edit
-        </button>
-      </h2>
-      <p
-        className="mb-0"
-      >
-        <span
-          className="ml-auto small text-muted"
+            <svg
+              aria-hidden="true"
+              class="svg-inline--fa fa-facebook fa-w-16 mr-2"
+              data-icon="facebook"
+              data-prefix="fab"
+              focusable="false"
+              role="img"
+              viewBox="0 0 512 512"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
+                fill="currentColor"
+              />
+            </svg>
+            Facebook
+          </a>
+        </li>
+        <li
+          class="form-group"
         >
-          <svg
-            aria-hidden="true"
-            className="svg-inline--fa fa-eye-slash fa-w-20 "
-            data-icon="eye-slash"
-            data-prefix="far"
-            focusable="false"
-            role="img"
-            style={Object {}}
-            viewBox="0 0 640 512"
-            xmlns="http://www.w3.org/2000/svg"
+          <a
+            class="font-weight-bold"
+            href="https://www.twitter.com/ALOHA"
           >
-            <path
-              d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"
-              fill="currentColor"
-              style={Object {}}
-            />
-          </svg>
-           
-          Just me
-        </span>
-      </p>
+            <svg
+              aria-hidden="true"
+              class="svg-inline--fa fa-twitter fa-w-16 mr-2"
+              data-icon="twitter"
+              data-prefix="fab"
+              focusable="false"
+              role="img"
+              viewBox="0 0 512 512"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
+                fill="currentColor"
+              />
+            </svg>
+            Twitter
+          </a>
+        </li>
+      </ul>
     </div>
-    <ul
-      className="list-unstyled"
-    >
-      <li
-        className="form-group"
-      >
-        <a
-          className="font-weight-bold"
-          href="https://www.facebook.com/aloha"
-        >
-          <svg
-            aria-hidden="true"
-            className="svg-inline--fa fa-facebook fa-w-16 mr-2"
-            data-icon="facebook"
-            data-prefix="fab"
-            focusable="false"
-            role="img"
-            style={Object {}}
-            viewBox="0 0 512 512"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
-              fill="currentColor"
-              style={Object {}}
-            />
-          </svg>
-          Facebook
-        </a>
-      </li>
-      <li
-        className="form-group"
-      >
-        <a
-          className="font-weight-bold"
-          href="https://www.twitter.com/ALOHA"
-        >
-          <svg
-            aria-hidden="true"
-            className="svg-inline--fa fa-twitter fa-w-16 mr-2"
-            data-icon="twitter"
-            data-prefix="fab"
-            focusable="false"
-            role="img"
-            style={Object {}}
-            viewBox="0 0 512 512"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
-              fill="currentColor"
-              style={Object {}}
-            />
-          </svg>
-          Twitter
-        </a>
-      </li>
-    </ul>
   </div>
 </div>
 `;
diff --git a/src/setupTest.js b/src/setupTest.js
index c94ae39b1..84cc8b354 100755
--- a/src/setupTest.js
+++ b/src/setupTest.js
@@ -1,7 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import 'core-js/stable';
 import 'regenerator-runtime/runtime';
-
-import Enzyme from 'enzyme';
-import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
-
-Enzyme.configure({ adapter: new Adapter() });
+import '@testing-library/jest-dom';