Merge branch 'main' of https://github.com/alishbannoor2/alishbanoor

README.md

@@ -1 +1,68 @@
+<h1 align="left">Portfolio Website</h1>
 
+###
+
+<div align="center">
+  <img height="600" src="https://github.com/alishbannoor2/alishbanoor/blob/d9205c4b523274a75272ee39aefd24d726236e88/Images/readme2.png"  />
+</div>
+
+###
+
+<p align="center">This project is a dynamic and highly responsive personal portfolio website developed. It effectively showcases my skills, experience, projects and personal narrative, providing an engaging platform for potential visitors to learn more about me. The design focuses on user-friendliness and visual appeal, ensuring a great experience for visitors on any device.</p>
+
+###
+
+<h1 align="left">Built With</h1>
+
+###
+
+<p align="left">My Portfolio https://www.alishbanoor.online/ which features some of my github projects as well as my technical skills.<br><br>This project is built using these technologies.<br><br>▪ React.js<br>▪ Node.js<br>▪ Express.js<br>▪ CSS3<br>▪ VsCode<br>▪ Vercel</p>
+
+###
+
+<div align="center">
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/css3/css3-original.svg" height="45" alt="css3 logo"  />
+  <img width="15" />
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/vscode/vscode-original.svg" height="45" alt="vscode logo"  />
+  <img width="15" />
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg" height="45" alt="react logo"  />
+  <img width="15" />
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg" height="45" alt="nodejs logo"  />
+  <img width="15" />
+  <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/express/express-original.svg" height="45" alt="express logo"  />
+</div>
+
+###
+
+<h1 align="left">Features</h1>
+
+###
+
+<p align="left">📖 Multi-Page Layout<br><br>🎨 Styled with React-Bootstrap and CSS with easy to customize colors<br><br>📱 Fully Responsive</p>
+
+###
+
+# Getting Started
+
+Clone down this repository. You will need `node.js` and `git` installed globally on your machine.
+
+# Installation & Setup
+
+1. Installation:
+
+```bash
+  npm install
+```
+<br>2. In the project directory, you can run:
+
+```bash
+npm start
+```
+<br>Runs the app in the development mode.<br>Open http://localhost:3000 to view it in the browser. The page will reload if you make edits.</p>
+
+###
+
+# Usage Instructions
+
+Open the project folder and Navigate to `/src/components/`. <br/>
+You will find all the components used and you can edit your information accordingly.

public/index.html

@@ -15,15 +15,16 @@
   <meta itemprop="name" content="Alishba | Noor">
   <meta itemprop="description" content="Personal website build with React.js">
   <meta itemprop="image"
-    content="https://github.com/alishbannoor2/alishbanoor/blob/cc46140e69dd15c346fa7d428c6b64e7b939e29e/Images/readme1.png">
+        content="https://raw.githubusercontent.com/alishbannoor2/alishbanoor/main/Images/readme1.png">
 
-  <!-- Facebook Meta Tags -->
+  <!-- Facebook Meta Tags      content="https://github.com/alishbannoor2/alishbanoor/blob/cc46140e69dd15c346fa7d428c6b64e7b939e29e/Images/readme1.png">
+ -->
   <meta property="og:url" content="https://alishbanoor.vercel.app">
   <meta property="og:type" content="website">
   <meta property="og:title" content="Alishba | Noor">
   <meta property="og:description" content="Personal website build with React.js">
   <meta property="og:image"
-    content="https://github.com/alishbannoor2/alishbanoor/blob/cc46140e69dd15c346fa7d428c6b64e7b939e29e/Images/readme1.png">
+    content="https://raw.githubusercontent.com/alishbannoor2/alishbanoor/main/Images/readme1.png">
 
   <!-- Instagram Meta Tags -->
   <meta property="og:url" content="https://www.instagram.com/alishba.nnoor">