From 4d9b76efb2263c2df11d3232b3b5a378cdf59688 Mon Sep 17 00:00:00 2001
From: Sat Naing <satnaingdev@gmail.com>
Date: Sun, 11 Sep 2022 23:14:57 +0630
Subject: [PATCH] Add about page

---
 src/pages/about.md | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 src/pages/about.md

diff --git a/src/pages/about.md b/src/pages/about.md
new file mode 100644
index 0000000..6fffffd
--- /dev/null
+++ b/src/pages/about.md
@@ -0,0 +1,33 @@
+---
+layout: ../layouts/AboutLayout.astro
+title: "About"
+---
+
+Hi, I’m a theme for Astro, an example of how you can use this starter to create a personal blog. If you want to know more about how you can customise me, add more posts, and make it your own, click on one of the social links which will take you to my repo.
+
+<div>
+  <img src="/assets/dev.svg" class="sm:w-1/2 mx-auto" alt="eiffel tower">
+</div>
+
+Now I'm going to show you an example of an unordered list to make sure that looks good, too:
+
+- So here is the first item in this list.
+- In this example we're keeping the items short.
+- Later, we'll use longer, more complex list items.
+
+I think most people are going to use [highlight.js](https://highlightjs.org/) or [Prism](https://prismjs.com/) or something if they want to style their code blocks but it wouldn't hurt to make them look _okay_ out of the box, even with no syntax highlighting.
+
+Here's what a default `tailwind.config.js` file looks like at the time of writing:
+
+```js
+module.exports = {
+  purge: [],
+  theme: {
+    extend: {},
+  },
+  variants: {},
+  plugins: [],
+};
+```
+
+Hopefully that looks good enough to you.