Index.html

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="CSS/Index.css">
<Title>This Repo pushed by Git Bash using SSH key</title>
<meta charset="UTF-8">
</head>
<body>
<header>
<nav>
<ul class="navbar">
<li><a href="#">Home</a></li>
<li><a href="Images.html#">Images</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
</header>
<h1>This repo was pushed using Git Bash through SSH Key</h1>
<p> This repository was uploaded to GitHub using Git command, and also the HTML and CSS files was edited using only nano editor 
though Git Bash (You may see the code not organized as it could using VS Code)</br>
</br>
I will push the repository befor and after some modifications</p>

<h2>The Commands that I used</h2>
<h3>Commands to start and prepare the Repo</h3>
<table>
<tr>
<th>Command</th>
<th>What do</th>
<th>Note</th>
</tr>
<tr>
<td>git init</td>
<td>Start and create your Git repo</td>
<td>This is the firt and must applied command</td>
</tr>
<tr>
<td>git add . (or) git add TheFileName.itsExtension</td>
<td>Add files and folders to your local Git repo to be commit later</td>
<td>The "." after the "Git add" defin the whole files and folder, but if we mentioned a file or folder in specific instead of 
typing "." it will add the specific file or folder.</td>
</tr>
<tr>
<td> git status</td>
<td>To know the status of our Git repo</td>
<td>Sometimes its usful to know what the next step to do</td>
</tr>
<tr>
<td>git commit -m "some message"</td>
<td>to record a written message about the changes</td>
<td>some times we can use "git commit -am" instead of git commit -m</td>
</tr>
</table>
<h3>Command to create SSH key and upload the repo to github</h3>
<ol>
<li>git remote add origin url-of-the-github-repo</li>
<li>eval $(ssh-agent -s)</li>
<li>ssh-keygen</li>
<li>ssh-add the-name-and-source-of-the-ssh-key-file</li>
<li>git push -u origin master<li>
</ol>
</br>
<p>To see a rRepository which uploaded without using ssh key please <strong><a 
href="https://github.com/RabieTAWIL/gitFirstlesson">click here</a></strong></p>
</br>
<q>What the important know is the idea not the appearance</q>
<footer>All Rights reserved to LifeSpring</footer>
</body>
</html>