ADD: Some dummy content

Author: howbizarre

src/views/About.vue

@@ -1,3 +1,8 @@
 <template>
-  <div>About</div>
+  <div class="p-5 mb-4 bg-light rounded-3">
+      <div class="container-fluid py-5">
+          <h1 class="display-5 fw-bold">About ternary operator</h1>
+          <p class="col-md-8 fs-4">The conditional (ternary) operator is the only JavaScript operator that takes three operands: a condition followed by a question mark (?), then an expression to execute if the condition is truthy followed by a colon (:), and finally the expression to execute if the condition is falsy. This operator is frequently used as an alternative to an if...else statement.</p>
+      </div>
+  </div>
 </template>

src/views/Contacts.vue

@@ -1,3 +1,9 @@
 <template>
-  <div>Contacts</div>
+  <div class="p-5 mb-4 bg-light rounded-3">
+      <div class="container-fluid py-5">
+          <h1 class="display-5 fw-bold">Contact Picker API</h1>
+          <p class="col-md-8 fs-4">Access to contacts has long been a feature available within native applications. The Contacts Picker API brings that functionality to web applications.</p>
+          <p class="col-md-8 fs-4">Use cases include selecting contacts to message via an email or chat application, selecting a contacts phone number for use with voice over IP (VOIP), or for discovering contacts who have already joined a social platform. User agents can also offer a consistent experience with other applications on a users device.</p>
+      </div>
+  </div>
 </template>