diff --git a/src/pages/about.astro b/src/pages/about.astro
index 18fc2c0..2106db5 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -1,5 +1,28 @@
 ---
+const pageTitle = "About Me"
 
+const identity = {
+  firstName: "Ruidy",
+  age: 30,
+  occupation: "Software Developer",
+  location: "Germany",
+  interests: ["Astro", "Web Development", "Learning in Public"],
+}
+
+const skills = [
+  "HTML",
+  "CSS",
+  "JavaScript",
+  "React",
+  "TypeScript",
+  "Node.js",
+  "Git",
+  "Astro",
+]
+
+const happy = true
+const finished = true
+const goal = 3
 ---
 
 <html lang="en">
@@ -8,16 +31,48 @@
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
-		<title>Astro</title>
+    <title>{pageTitle}</title>
+<style>
+      h1 {
+        color: purple;
+        font-size: 4rem;
+      }
+      .skill {
+    color: green;
+    font-weight: bold;
+  }
+    </style>
 	</head>
 	<body>
     <a href="/">Home</a>
     <a href="/about">About</a>
     <a href="/blog">Blog</a>
 
-		<h1>About me</h1>
+    <h1>{pageTitle}</h1>
     <h2>... and my new website!</h2>
     <p>I'm a web developer and I'm learning Astro.</p>
     <p>This is my first website!</p>
+
+    <h2>A few things about me:</h2>
+    <ul>
+      <li> I'm {identity.firstName}. </li>
+      <li>I'm {identity.age} years old.</li>
+      
+      <li>I'm a {identity.occupation} in {identity.location}.</li>
+      <li>I'm interested in {identity.interests.join(", ")}.</li>
+      </ul>
+
+      <p> My skills are:</p>
+      <ul>
+        {skills.map((skill) => (
+          <li class="skill">{skill}</li>
+        ))}
+      </ul>
+
+      {happy && <p>I am happy to be learning Astro!</p>}
+
+      {finished && <p>I finished this tutorial!</p>}
+
+      {goal === 3 ? <p>My goal is to finish in 3 days.</p> : <p>My goal is not 3 days.</p>}
 	</body>
 </html>
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index f294ac6..24d2b51 100644
--- a/src/pages/blog.astro
+++ b/src/pages/blog.astro
@@ -1,4 +1,5 @@
 ---
+const pageTitle = "Blog posts"
 
 ---
 
@@ -8,7 +9,7 @@
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
-		<title>Astro</title>
+		<title>{pageTitle}</title>
 	</head>
 	<body>
     <a href="/">Home</a>
@@ -17,7 +18,7 @@
     
     
 
-		<h1>Blog posts</h1>
+		<h1>{pageTitle}</h1>
     <p>This is a list of my blog posts.</p>
 
     <ul>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 161db13..4a53d99 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,5 @@
 ---
-
+const pageTitle = "Orbital Orbit"
 ---
 
 <html lang="en">
@@ -8,13 +8,13 @@
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
-		<title>Astro</title>
+		<title>{pageTitle}</title>
 	</head>
 	<body>
     <a href="/">Home</a>
     <a href="/about">About</a>
     <a href="/blog">Blog</a>
 
-		<h1>Orbital Orbit</h1>
+		<h1>{pageTitle}</h1>
 	</body>
 </html>
