Update index.md

codemikemike · web-flow · commit f0fe26852470 · 2025-03-22T11:37:52.000+01:00
added code block code and html5 and css3 for fun
diff --git a/index.md b/index.md
@@ -3,6 +3,72 @@
 Welcome to my GitHub-powered Markdown adventure! 👋  
 Let’s learn and level up, one step at a time. 😎
 
+___
+
+## 🔢 JavaScript Code Testing
+
+Here’s a test snippet in JavaScript:
+
+```javascript
+var myVar = "Hello, world!";
+console.log(myVar);
+```
+
+
+## 🧑‍💻 Bonus: Code Snippets in Different Languages
+
+### 💻 C# Example
+
+```csharp
+using System;
+
+class Program
+{
+    static void Main()
+    {
+        Console.WriteLine("Hello from C#!");
+    }
+}
+```
+
+---
+
+### 🧠 Rule of Thumb with code block
+
+Always:
+- Start a code block with: ```` ```language ````
+- End it with: ```` ``` ````
+
+You're doing awesome — let me know if you want to try a table or checklist next!
+
+
+---
+## HTML5 & CSS3
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>Hello HTML</title>
+</head>
+<body>
+  <h1>Welcome to My Page</h1>
+  <p>This is a paragraph.</p>
+</body>
+</html>
+
+body {
+  background-color: #f0f0f0;
+  font-family: Arial, sans-serif;
+  color: #333;
+}
+
+h1 {
+  color: #0077cc;
+  text-align: center;
+}
+
+
 ---
 
 ## ✏️ Step 1: Headers
@@ -12,12 +78,41 @@ It helps me make my content look clean, structured, and professional — all usi
 
 ---
 
-### 📌 What I’ve Done So Far
+### 📋 Step 2: My Markdown Checklist
+
+- [x] Learn how to write headers  
+- [x] Add a cool image with alt text  
+- [x] Create a code block  
+- [x] Format with bold and *italic*  
+- [x] Try a checklist ✅  
+- [x] Add a table  
+- [x] Practice links and `inline code`
+
+---
+
+### 📊 Step 3: My Learning Progress Table
+
+| Topic           | Status    | Notes                    |
+|------------------|-----------|---------------------------|
+| Headers          | ✅ Done    | Using `#`, `##`, etc.     |
+| Images           | ✅ Done    | Used alt text too!        |
+| Code Blocks      | ✅ Done    | JavaScript block removed  |
+| Checklists       | ✅ Done    | Super useful              |
+| Tables           | ✅ Done    | This one right here 👇    |
+| Links            | ✅ Done    | Check below               |
+| Inline Code      | ✅ Done    | Like `console.log()`      |
+
+---
+
+### 🌐 Step 4: Useful Link
+
+Here’s a link to [GitHub's Markdown Guide](https://guides.github.com/features/mastering-markdown/) for more tips and tricks.
+
+---
+
+### 🔤 Step 5: Inline Code Example
 
-- ✅ Learned about headers
-- 🔜 Bullet points
-- 🔜 Formatting styles
-- 🔜 Tables and more
+Sometimes you just need to show a command like `git status` or `npm install` right in the middle of a sentence — that's where `inline code` comes in handy!
 
 ---
 
@@ -29,17 +124,17 @@ Here's a cool GitHub mascot just for fun:
 
 ---
 
-## 🌟 Next Up
+## 🌟 What’s Next?
 
-Stay tuned! I’ll be learning about:
+Stay tuned! I’ll be exploring:
 
-- Bold and italic text
-- Code blocks
-- Links and images
-- Tables
-- Checklists
+- More advanced Markdown tricks  
+- README formatting like a pro  
+- GitHub Actions  
+- Jekyll pages or GitHub Pages
 
 ---
 
-_Thanks for stopping by — follow along as I build this Markdown journey!_ ✨
+_Thanks for stopping by — follow along as I build this Markdown journey!_ ✨  
+_Created with ❤️ and `Markdown` magic by Codemikemike._
 
