<h2>Introduction</h2>
<p>This tutorial teaches you Git and GitHub from scratch. You'll learn version control, branching, commits, pull requests, and collaborative workflows with real projects and examples.</p>

<h3>Why Git & GitHub?</h3>
<ul>
  <li>Track changes to your code</li>
  <li>Collaborate with other developers</li>
  <li>Manage project versions and releases</li>
  <li>Integrate with CI/CD pipelines</li>
</ul>

<h3>Step 1: Install Git</h3>
<pre><code>{`# For Windows: Download from https://git-scm.com/

For macOS:

brew install git

For Linux (Ubuntu/Debian):

sudo apt-get install git `}</code></pre>

<h3>Step 2: Configure Git</h3>
<pre><code>{`

git config --global user.name "Your Name" git config --global user.email "youremail@example.com" `}</code></pre>

<h3>Step 3: Initialize a Repository</h3>
<pre><code>{`

mkdir my-project cd my-project git init `}</code></pre>

<h3>Step 4: Basic Git Commands</h3>
<ul>
  <li><code>git status</code> – Check current repository status</li>
  <li><code>git add .</code> – Stage changes</li>
  <li><code>git commit -m "Initial commit"</code> – Commit changes</li>
  <li><code>git log</code> – View commit history</li>
</ul>

<h3>Step 5: Git Branching</h3>
<pre><code>{`

git branch feature-branch git checkout feature-branch git merge main `}</code></pre>

<h3>Step 6: Connect to GitHub</h3>
<ol>
  <li>Create a new repository on <a href="https://github.com" target="_blank">GitHub</a></li>
  <li>Connect local repo to GitHub:</li>
</ol>
<pre><code>{`

git remote add origin https://github.com/username/repo.git git push -u origin main `}</code></pre>

<h3>Step 7: Pull Requests & Collaboration</h3>
<ul>
  <li>Fork a repository and clone it locally</li>
  <li>Create a branch, make changes, commit</li>
  <li>Push branch and create a Pull Request (PR) on GitHub</li>
  <li>Review and merge PRs with teammates</li>
</ul>

<h3>Step 8: Advanced Tips</h3>
<ul>
  <li>Use <code>.gitignore</code> to exclude files</li>
  <li>Revert changes with <code>git revert</code></li>
  <li>Use tags for releases: <code>git tag v1.0.0</code></li>
  <li>Integrate GitHub Actions for CI/CD</li>
</ul>

<h3>Conclusion</h3>
<p>By completing this guide, you will confidently use Git and GitHub to manage projects, collaborate with teams, and maintain version control like a professional developer.</p>

<h3>Extras</h3>
<ul>
  <li>Code snippets included for all commands</li>
  <li>Step-by-step screenshots (to be added)</li>
  <li>Optional live demo repository example: <a href="https://github.com/username/demo-project" target="_blank">Demo Project</a></li>
</ul>