diff --git a/_posts/2019-08-08-text-and-typography.md b/_posts/2019-08-08-text-and-typography.md
index 6e1f213..cf38af4 100644
--- a/_posts/2019-08-08-text-and-typography.md
+++ b/_posts/2019-08-08-text-and-typography.md
@@ -80,8 +80,11 @@ Moon
 
 ## Prompts
 
-> An example showing the `note` type prompt.
-{: .prompt-note }
+> An example showing the `tip` type prompt.
+{: .prompt-tip }
+
+> An example showing the `info` type prompt.
+{: .prompt-info }
 
 > An example showing the `warning` type prompt.
 {: .prompt-warning }
diff --git a/_posts/2019-08-08-write-a-new-post.md b/_posts/2019-08-08-write-a-new-post.md
index ad76a2b..c52c2f1 100644
--- a/_posts/2019-08-08-write-a-new-post.md
+++ b/_posts/2019-08-08-write-a-new-post.md
@@ -29,7 +29,7 @@ tags: [TAG]     # TAG names should always be lowercase
 ```
 
 > The posts' _layout_ has been set to `post` by default, so there is no need to add the variable _layout_ in the Front Matter block.
-{: .prompt-note }
+{: .prompt-tip }
 
 ### Timezone of Date
 
@@ -249,25 +249,13 @@ pin: true
 
 ## Prompts
 
-There are three types of prompts, `note`, `warning` and `danger`. When writing, add the class `prompt-{type}` to a blockquote:
+There are several types of prompts: `tip`, `info`, `warning`, and `danger`. They can be generated by adding the class `prompt-{type}` to the blockquote. For example, define a prompt of type `info` as follows:
 
-- **Note**
-  ```md
-  > Example line for prompt.
-  {: .prompt-note }
-  ```
-
-- **Warning**
-  ```md
-  > Example line for prompt.
-  {: .prompt-warning }
-  ```
-
-- **Danger**
-  ```md
-  > Example line for prompt.
-  {: .prompt-danger }
-  ```
+```md
+> Example line for prompt.
+{: .prompt-info }
+```
+{: .nolineno }
 
 ## Syntax
 
diff --git a/_posts/2019-08-09-getting-started.md b/_posts/2019-08-09-getting-started.md
index 418abc2..59b6bd3 100644
--- a/_posts/2019-08-09-getting-started.md
+++ b/_posts/2019-08-09-getting-started.md
@@ -37,7 +37,7 @@ $ bash tools/init.sh
 ```
 
 > If you don't want to deploy your site on GitHub Pages, append option `--no-gh` at the end of the above command.
-{: .prompt-note }
+{: .prompt-info }
 
 The above command will:
 
diff --git a/_posts/2019-08-11-customize-the-favicon.md b/_posts/2019-08-11-customize-the-favicon.md
index 49d35c2..d936178 100644
--- a/_posts/2019-08-11-customize-the-favicon.md
+++ b/_posts/2019-08-11-customize-the-favicon.md
@@ -33,6 +33,6 @@ The following table will help you understand the changes to the favicon files:
 | `*.ICO`             | ✓                                 | ✗           |
 
 >  ✓ means keep, ✗ means delete.
-{: .prompt-note }
+{: .prompt-info }
 
 The next time you build the site, the favicon will be replaced with a customized edition.
diff --git a/_posts/2021-01-03-enable-google-pv.md b/_posts/2021-01-03-enable-google-pv.md
index 5af51cf..9545b33 100644
--- a/_posts/2021-01-03-enable-google-pv.md
+++ b/_posts/2021-01-03-enable-google-pv.md
@@ -148,7 +148,7 @@ There is a detailed [tutorial](https://developers.google.com/analytics/solutions
 
     > You can configure a custom domain instead of `https://PROJECT_ID.REGION_ID.r.appspot.com`.
     > But, for the sake of keeping it simple, we will be using the Google provided default URL.
-    {: .prompt-note }
+    {: .prompt-info }
 
 5.  From inside the `src/`{: .filepath} directory, deploy the app
 
diff --git a/_tabs/about.md b/_tabs/about.md
index 8d38156..9f0b95f 100644
--- a/_tabs/about.md
+++ b/_tabs/about.md
@@ -5,4 +5,4 @@ order: 4
 ---
 
 > Add Markdown syntax content to file `_tabs/about.md`{: .filepath } and it will show up on this page.
-{: .prompt-note }
+{: .prompt-tip }