Skip to content

Commit ac50647

Browse files
codemikemikecodemikemike
authored
Merge pull request #1 from codemikemike/start-markdown
Start markdown and now merging it
2 parents 84325af + f7f43fd commit ac50647

File tree

1 file changed

+143
-0
lines changed

1 file changed

+143
-0
lines changed

‎index.md

Lines changed: 143 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,143 @@
1+
# 🚀 Codemikemike Markdown Learning Journey
2+
3+
Welcome to my GitHub-powered Markdown adventure! 👋
4+
Let’s learn and level up, one step at a time. 😎
5+
6+
- [x] Turn on GitHub Pages
7+
- [ ] Outline my portfolio
8+
- [x] Introduce myself to the world
9+
___
10+
11+
## 🔢 JavaScript Code Testing
12+
13+
Here’s a test snippet in JavaScript:
14+
15+
```javascript
16+
var myVar = "Hello, world!";
17+
console.log(myVar);
18+
```
19+
20+
21+
## 🧑‍💻 Bonus: Code Snippets in Different Languages
22+
23+
### 💻 C# Example
24+
25+
```csharp
26+
using System;
27+
28+
class Program
29+
{
30+
static void Main()
31+
{
32+
Console.WriteLine("Hello from C#!");
33+
}
34+
}
35+
```
36+
37+
---
38+
39+
### 🧠 Rule of Thumb with code block
40+
41+
Always:
42+
- Start a code block with: ```` ```language ````
43+
- End it with: ```` ``` ````
44+
45+
You're doing awesome — let me know if you want to try a table or checklist next!
46+
47+
48+
---
49+
## HTML5 & CSS3
50+
51+
<!DOCTYPE html>
52+
<html lang="en">
53+
<head>
54+
<meta charset="UTF-8" />
55+
<title>Hello HTML</title>
56+
</head>
57+
<body>
58+
<h1>Welcome to My Page</h1>
59+
<p>This is a paragraph.</p>
60+
</body>
61+
</html>
62+
63+
body {
64+
background-color: #f0f0f0;
65+
font-family: Arial, sans-serif;
66+
color: #333;
67+
}
68+
69+
h1 {
70+
color: #0077cc;
71+
text-align: center;
72+
}
73+
74+
75+
---
76+
77+
## ✏️ Step 1: Headers
78+
79+
I'm learning how to use **Markdown** on GitHub!
80+
It helps me make my content look clean, structured, and professional — all using plain text.
81+
82+
---
83+
84+
### 📋 Step 2: My Markdown Checklist
85+
86+
- [x] Learn how to write headers
87+
- [x] Add a cool image with alt text
88+
- [x] Create a code block
89+
- [x] Format with bold and *italic*
90+
- [x] Try a checklist ✅
91+
- [x] Add a table
92+
- [x] Practice links and `inline code`
93+
94+
---
95+
96+
### 📊 Step 3: My Learning Progress Table
97+
98+
| Topic | Status | Notes |
99+
|------------------|-----------|---------------------------|
100+
| Headers | ✅ Done | Using `#`, `##`, etc. |
101+
| Images | ✅ Done | Used alt text too! |
102+
| Code Blocks | ✅ Done | JavaScript block removed |
103+
| Checklists | ✅ Done | Super useful |
104+
| Tables | ✅ Done | This one right here 👇 |
105+
| Links | ✅ Done | Check below |
106+
| Inline Code | ✅ Done | Like `console.log()` |
107+
108+
---
109+
110+
### 🌐 Step 4: Useful Link
111+
112+
Here’s a link to [GitHub's Markdown Guide](https://guides.github.com/features/mastering-markdown/) for more tips and tricks.
113+
114+
---
115+
116+
### 🔤 Step 5: Inline Code Example
117+
118+
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!
119+
120+
---
121+
122+
### 🖼️ Meet the Yaktocat
123+
124+
Here's a cool GitHub mascot just for fun:
125+
126+
![Cool GitHub mascot Yaktocat](https://octodex.github.com/images/yaktocat.png)
127+
128+
---
129+
130+
## 🌟 What’s Next?
131+
132+
Stay tuned! I’ll be exploring:
133+
134+
- More advanced Markdown tricks
135+
- README formatting like a pro
136+
- GitHub Actions
137+
- Jekyll pages or GitHub Pages
138+
139+
---
140+
141+
_Thanks for stopping by — follow along as I build this Markdown journey!_ ✨
142+
_Created with ❤️ and `Markdown` magic by Codemikemike._
143+

0 commit comments

Comments
 (0)