diff --git a/src/app.css b/src/app.css
index 7ffafcd..96ca61e 100644
--- a/src/app.css
+++ b/src/app.css
@@ -32,4 +32,28 @@ h2 {
footer {
border-color: var(--stroke);
+}
+
+.pronoun-list-title span {
+ break-after: always;
+}
+
+.pronoun-list-title span:not(:last-child):after {
+ content: "/";
+}
+
+.table-header {
+ background-color: var(--callout);
+}
+
+.pronoun-example-table > div:not(:last-child) .table-header {
+ @apply border-b;
+ border-color: var(--stroke);
+}
+
+@media (min-width: 1024px) {
+ .pronoun-example-table > div .table-header {
+ @apply border-b;
+ border-color: var(--stroke);
+ }
}
\ No newline at end of file
diff --git a/src/views/individual.handlebars b/src/views/individual.handlebars
index cee9462..af13702 100644
--- a/src/views/individual.handlebars
+++ b/src/views/individual.handlebars
@@ -1 +1,6 @@
-
{{nominative}}/{{accusative}}/{{pronominalPossessive}}/{{predicativePossessive}}/{{reflexive}}
+
+ {{#each lexicon}}{{this.value}}{{/each}}
+
+
+{{> exampleSentences lexicon=lexicon}}
+{{> exampleTable lexicon=lexicon}}
\ No newline at end of file
diff --git a/src/views/partials/exampleSentences.handlebars b/src/views/partials/exampleSentences.handlebars
new file mode 100644
index 0000000..441af4c
--- /dev/null
+++ b/src/views/partials/exampleSentences.handlebars
@@ -0,0 +1,7 @@
+
+ - {{{lexicon.nominative.value}}} went to the park.
+ - I went with {{{lexicon.accusative.value}}}.
+ - {{{lexicon.nominative.value}}} brought {{{lexicon.accusative.value}}} frisbee.
+ - At least I think it was {{{lexicon.predicativePossessive.value}}}.
+ - {{{lexicon.nominative.value}}} threw the frisbee to {{{lexicon.reflexive.value}}}.
+
\ No newline at end of file
diff --git a/src/views/partials/exampleTable.handlebars b/src/views/partials/exampleTable.handlebars
new file mode 100644
index 0000000..f198a2c
--- /dev/null
+++ b/src/views/partials/exampleTable.handlebars
@@ -0,0 +1,8 @@
+
+ {{#each lexicon}}
+
+ {{/each}}
+
\ No newline at end of file