diff --git a/src/components/About.js b/src/components/About.js
index eefb906..b54a44f 100644
--- a/src/components/About.js
+++ b/src/components/About.js
@@ -1,7 +1,7 @@
import React, { Component } from "react";
import "bootstrap/dist/css/bootstrap.css";
import { Grid, Row, Col } from "react-bootstrap";
-import "./about.css";
+import "../css/about.css";
import AmanTahilianiPortfolio from "../media/AmanTahilianiPortfolio.png";
import { Button } from "bootstrap";
import resume from "../media/Aman_Tahiliani_Resume_June24.pdf";
diff --git a/src/components/Experience.js b/src/components/Experience.js
index 5154c87..bd29188 100644
--- a/src/components/Experience.js
+++ b/src/components/Experience.js
@@ -1,13 +1,13 @@
import React, { Component } from "react";
import "bootstrap/dist/css/bootstrap.css";
// import { Row, Col} from "react-bootstrap";
-import "./experience.css";
+import "../css/experience.css";
import ExperienceCard from "./experienceCard";
-import experienceData from "./experience.json"
-import InnovaccerLogo from "../media/innovaccerLogo.png";
-import Medsupervision from "../media/logo.png"
-import GeorgiaTech from "../media/GeorgiaTech.png"
-import Rimidi from "../media/rimidi.png"
+import experienceData from "../data/experience.json"
+import InnovaccerLogo from "../media/logos/companies/innovaccerLogo.png";
+import Medsupervision from "../media/logos/companies/logo.png"
+import GeorgiaTech from "../media/logos/companies/GeorgiaTech.png"
+import Rimidi from "../media/logos/companies/rimidi.png"
const logos = {Innovaccer:InnovaccerLogo,Medsupervision:Medsupervision,"Georgia Tech":GeorgiaTech,Rimidi:Rimidi}
diff --git a/src/components/Header.js b/src/components/Header.js
index 26cc482..57da09a 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -1,7 +1,7 @@
import React, { Component } from "react";
import "bootstrap/dist/css/bootstrap.css";
import { Row, Col } from "react-bootstrap";
-import "./header.css";
+import "../css/header.css";
class Header extends Component {
render() {
@@ -32,10 +32,16 @@ class Header extends Component {
Experience
- Devtools
+ Devtools
- Contact Me!
+
+ Contact Me!
+
diff --git a/src/components/Publication.js b/src/components/Publication.js
index 518102f..42adff4 100644
--- a/src/components/Publication.js
+++ b/src/components/Publication.js
@@ -1,7 +1,7 @@
import React, { Component } from "react";
import "bootstrap/dist/css/bootstrap.css";
import { Row, Col, TabContainer } from "react-bootstrap";
-import "./publication.css";
+import "../css/publication.css";
class Publication extends Component {
render() {
diff --git a/src/components/contact.js b/src/components/contact.js
index 8650257..dbb03eb 100644
--- a/src/components/contact.js
+++ b/src/components/contact.js
@@ -1,7 +1,7 @@
import React, { Component, useState } from "react";
import "bootstrap/dist/css/bootstrap.css";
// import { Row, Col, TabContainer } from "react-bootstrap";
-import "./contact.css";
+import "../css/contact.css";
function Contact () {
diff --git a/src/components/devtools.js b/src/components/devtools.js
index 571c670..68f9062 100644
--- a/src/components/devtools.js
+++ b/src/components/devtools.js
@@ -1,10 +1,10 @@
import React, { Component } from "react";
-import PythonLogo from "../media/python-logo.png"
-import JavaLogo from "../media/java-logo.png"
-import CplusLogo from "../media/c++.png"
-import JavaScriptLogo from "../media/JavaScript.webp"
-import './devtools.css'
-import Languages from "./programmingLaguages.json"
+import PythonLogo from "../media/logos/languages/python-logo.png"
+import JavaLogo from "../media/logos/languages/java-logo.png"
+import CplusLogo from "../media/logos/languages/c++.png"
+import JavaScriptLogo from "../media/logos/languages/JavaScript.webp"
+import '../css/devtools.css'
+import Languages from "../data/programmingLaguages.json"
const logos = {
"Python":PythonLogo,
diff --git a/src/components/experienceCard.js b/src/components/experienceCard.js
index d7caf6b..f44d3fa 100644
--- a/src/components/experienceCard.js
+++ b/src/components/experienceCard.js
@@ -1,7 +1,7 @@
import React, { Component } from "react";
import "bootstrap/dist/css/bootstrap.css";
import { Row, Col, TabContainer } from "react-bootstrap";
-import "./experience.css";
+import "../css/experience.css";
class ExperienceCard extends Component {
render() {
diff --git a/src/components/publicationSlider.js b/src/components/publicationSlider.js
index 82fe035..4732e65 100644
--- a/src/components/publicationSlider.js
+++ b/src/components/publicationSlider.js
@@ -1,6 +1,6 @@
import React, { Component } from "react";
import Slider from "react-slick";
-import publicationData from "./publications.json"
+import publicationData from "../data/publications.json"
import Publication from "./Publication";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
diff --git a/src/components/about.css b/src/css/about.css
similarity index 100%
rename from src/components/about.css
rename to src/css/about.css
diff --git a/src/components/contact.css b/src/css/contact.css
similarity index 100%
rename from src/components/contact.css
rename to src/css/contact.css
diff --git a/src/components/devtools.css b/src/css/devtools.css
similarity index 100%
rename from src/components/devtools.css
rename to src/css/devtools.css
diff --git a/src/components/experience.css b/src/css/experience.css
similarity index 100%
rename from src/components/experience.css
rename to src/css/experience.css
diff --git a/src/components/header.css b/src/css/header.css
similarity index 100%
rename from src/components/header.css
rename to src/css/header.css
diff --git a/src/components/publication.css b/src/css/publication.css
similarity index 100%
rename from src/components/publication.css
rename to src/css/publication.css
diff --git a/src/components/experience.json b/src/data/experience.json
similarity index 100%
rename from src/components/experience.json
rename to src/data/experience.json
diff --git a/src/components/programmingLaguages.json b/src/data/programmingLaguages.json
similarity index 100%
rename from src/components/programmingLaguages.json
rename to src/data/programmingLaguages.json
diff --git a/src/components/publications.json b/src/data/publications.json
similarity index 100%
rename from src/components/publications.json
rename to src/data/publications.json
diff --git a/src/media/GeorgiaTech.png b/src/media/logos/companies/GeorgiaTech.png
similarity index 100%
rename from src/media/GeorgiaTech.png
rename to src/media/logos/companies/GeorgiaTech.png
diff --git a/src/media/innovaccerLogo.png b/src/media/logos/companies/innovaccerLogo.png
similarity index 100%
rename from src/media/innovaccerLogo.png
rename to src/media/logos/companies/innovaccerLogo.png
diff --git a/src/media/logo.png b/src/media/logos/companies/logo.png
similarity index 100%
rename from src/media/logo.png
rename to src/media/logos/companies/logo.png
diff --git a/src/media/rimidi.png b/src/media/logos/companies/rimidi.png
similarity index 100%
rename from src/media/rimidi.png
rename to src/media/logos/companies/rimidi.png
diff --git a/src/media/JavaScript.webp b/src/media/logos/languages/JavaScript.webp
similarity index 100%
rename from src/media/JavaScript.webp
rename to src/media/logos/languages/JavaScript.webp
diff --git a/src/media/c++.png b/src/media/logos/languages/c++.png
similarity index 100%
rename from src/media/c++.png
rename to src/media/logos/languages/c++.png
diff --git a/src/media/java-logo.png b/src/media/logos/languages/java-logo.png
similarity index 100%
rename from src/media/java-logo.png
rename to src/media/logos/languages/java-logo.png
diff --git a/src/media/python-logo.png b/src/media/logos/languages/python-logo.png
similarity index 100%
rename from src/media/python-logo.png
rename to src/media/logos/languages/python-logo.png
diff --git a/src/views/Portfolio.js b/src/views/Portfolio.js
new file mode 100644
index 0000000..ed193b4
--- /dev/null
+++ b/src/views/Portfolio.js
@@ -0,0 +1,2 @@
+import React from 'react';
+import "./App.css";