Merge pull request #183 from calibreapp/valid-markup

🐛 Fix invalid markup in example website

Author: robmorieson

website/pages/chatwoot.tsx

@@ -21,9 +21,8 @@ const Page: NextPage = () => (
             </a>
             .
           </p>
-          <p>
-            View other demos: <ExampleLinks />
-          </p>
+          <p>View other demos:</p>
+          <ExampleLinks />
         </div>
       </div>
       <Chatwoot />

website/pages/drift.tsx

@@ -18,9 +18,8 @@ const Page: NextPage = () => (
             </a>
             .
           </p>
-          <p>
-            View other demos: <ExampleLinks />
-          </p>
+          <p>View other demos:</p>
+          <ExampleLinks />
         </div>
       </div>
       <Drift icon="A" color="#0176ff" />

website/pages/helpscout.tsx

@@ -21,9 +21,8 @@ const Page: NextPage = () => (
             </a>
             .
           </p>
-          <p>
-            View other demos: <ExampleLinks />
-          </p>
+          <p>View other demos:</p>
+          <ExampleLinks />
         </div>
       </div>
       <HelpScout color="#527ceb" />

website/pages/index.tsx

@@ -25,9 +25,8 @@ const Page: NextPage = () => (
             Built by the team at Calibre <span>→</span>
           </a>
         </p>
-        <p>
-          View demos: <ExampleLinks />
-        </p>
+        <p>View demos:</p>
+        <ExampleLinks />
       </div>
     </div>
   </Layout>

website/pages/intercom.tsx

@@ -18,9 +18,8 @@ const Page: NextPage = () => (
             </a>
             .
           </p>
-          <p>
-            View other demos: <ExampleLinks />
-          </p>
+          <p>View other demos:</p>
+          <ExampleLinks />
         </div>
       </div>
       <Intercom color="#333333" />

website/pages/messenger.tsx

@@ -19,9 +19,8 @@ const Page: NextPage = () => (
             </a>
             .
           </p>
-          <p>
-            View other demos: <ExampleLinks />
-          </p>
+          <p>View other demos:</p>
+          <ExampleLinks />
         </div>
       </div>
       <Messenger

website/pages/userlike.tsx

@@ -21,9 +21,8 @@ const Page: NextPage = () => (
             </a>
             .
           </p>
-          <p>
-            View other demos: <ExampleLinks />
-          </p>
+          <p>View other demos:</p>
+          <ExampleLinks />
         </div>
       </div>
       <Userlike vOffset="47px" hOffset="49px" />