diff --git a/src/App.css b/src/App.css
diff --git a/src/App.js b/src/App.js
diff --git a/src/Components/Gallery.js b/src/Components/Gallery.js
@@ -1,28 +1,27 @@
 import React, { Component } from 'react';
 import confusedgallery from './images/confused gallery cover.jpg';
-import Slider from './Slider.js'
 class Gallery extends Component {
 
   render(){
     return(
       <div className="gallery">
             <figure className="gallery-item">
-              < a href="/look/confusedlookbook">< img className="thumbnail" src={confusedgallery}/></a>
+              < a href="/look/confusedlookbook">< img className="thumbnail" src={confusedgallery} alt="404"/></a>
             </figure>
             <figure className="gallery-item">
-              <img className="thumbnail" src={confusedgallery}/>
+              <img className="thumbnail" src={confusedgallery} alt="404"/>
             </figure>
             <figure className="gallery-item">
-              <img className="thumbnail" src={confusedgallery}/>
+              <img className="thumbnail" src={confusedgallery} alt="404"/>
             </figure>
             <figure className="gallery-item">
-              <img className="thumbnail" src={confusedgallery}/>
+              <img className="thumbnail" src={confusedgallery} alt="404"/>
             </figure>
             <figure className="gallery-item">
-              <img className="thumbnail" src={confusedgallery}/>
+              <img className="thumbnail" src={confusedgallery} alt="404"/>
             </figure>
             <figure className="gallery-item">
-              <img className="thumbnail" src={confusedgallery}/>
+              <img className="thumbnail" src={confusedgallery} alt="404"/>
             </figure>
           </div>
           )

diff --git a/src/Components/LeftArrow.js b/src/Components/LeftArrow.js
diff --git a/src/Components/Project.js b/src/Components/Project.js
diff --git a/src/Components/RightArrow.js b/src/Components/RightArrow.js
diff --git a/src/Components/Slide1.js b/src/Components/Slide1.js
diff --git a/src/Components/Slide10.js b/src/Components/Slide10.js
diff --git a/src/Components/Slide11.js b/src/Components/Slide11.js
diff --git a/src/Components/Slide12.js b/src/Components/Slide12.js
diff --git a/src/Components/Slide2.js b/src/Components/Slide2.js
diff --git a/src/Components/Slide3.js b/src/Components/Slide3.js
diff --git a/src/Components/Slide4.js b/src/Components/Slide4.js
diff --git a/src/Components/Slide5.js b/src/Components/Slide5.js
diff --git a/src/Components/Slide6.js b/src/Components/Slide6.js
diff --git a/src/Components/Slide7.js b/src/Components/Slide7.js
diff --git a/src/Components/Slide8.js b/src/Components/Slide8.js
diff --git a/src/Components/Slide9.js b/src/Components/Slide9.js
diff --git a/src/Components/Slider.js b/src/Components/Slider.js
diff --git a/src/Components/SliderApp.js b/src/Components/SliderApp.js
@@ -1,13 +1,13 @@
 import React, { Component } from 'react'
-import Slider from './Slider'
+import Slider from './Sliders/Slider'
 
-require('./sliderstyle.scss')
+require('./Sliders/sliderstyle.scss')
 
 export default class SliderApp extends Component {
   render() {
     return (
       <div className="app">
-        <Slider />
+        <Slider/>
       </div>
     )
   }

diff --git a/src/Components/comingsoon.js b/src/Components/comingsoon.js
@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import countdown from './countdown crop and cut.mp4'
+import countdown from './images/countdown crop and cut.mp4'
 
 
 

diff --git a/src/Components/confused gallery cover.jpg b/src/Components/confused gallery cover.jpg
diff --git a/src/Components/countdown crop and cut.mp4 b/src/Components/countdown crop and cut.mp4
diff --git a/src/Components/sliderstyle.scss b/src/Components/sliderstyle.scss
diff --git a/src/Quarter Pipe.jpg b/src/Quarter Pipe.jpg
diff --git a/src/index.css b/src/index.css
diff --git a/src/index.js b/src/index.js
@@ -1,24 +1,26 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import {BrowserRouter, Route} from 'react-router-dom';
-import './index.css';
-import App from './App';
+import './css/index.css';
+import Intro from './Intro';
 import NavButtons from './Components/NavButtons'
 import Gallery from './Components/Gallery'
 import SliderApp from './Components/SliderApp'
 import Comingsoon from './Components/comingsoon'
 import Contactinfo from './Components/Contactinfo'
+import  ProductPage from './Components/ProductPage'
 
 ReactDOM.render(
 
   <BrowserRouter>
   <div>
     <Route path ="/" component= {NavButtons} />
-    <Route exact path ="/" component= {App} />
-    <Route exact path ="/home" component ={App}/>
+    <Route exact path ="/" component= {Intro} />
+    <Route exact path ="/home" component ={Intro}/>
     <Route exact path= "/look" component = {Gallery} />
     <Route exact path= "/look/confusedlookbook" component = {SliderApp} />
     <Route exact path= "/obtain" component = {Comingsoon} />
+    <Route exact path = "/shop" component = {ProductPage}/>
     <Route exact path= "/contact" component = {Contactinfo} />
   </div>
   </BrowserRouter> ,document.getElementById('root'));
diff --git a/src/logo pic.jpg b/src/logo pic.jpg
diff --git a/src/logo.svg b/src/logo.svg
diff --git a/src/rtp1 (2).jpg b/src/rtp1 (2).jpg
diff --git a/src/rtp1.jpg b/src/rtp1.jpg