diff options
Diffstat (limited to 'pages/index.js')
| -rw-r--r-- | pages/index.js | 171 |
1 files changed, 88 insertions, 83 deletions
diff --git a/pages/index.js b/pages/index.js index f77723e..96430de 100644 --- a/pages/index.js +++ b/pages/index.js @@ -17,89 +17,94 @@ */ -import Layout from '../components/Layout'; +import Layout from "../components/Layout"; const Index = () => ( - <Layout> - <div> - <div className="jumbotron special-color bounceIn white-text"> - <h2 className="display-4">Hello! Welcome to Alee Productions.</h2> - <p className="lead">We are a very small productions company.</p> - <div className="my-4"> - <p>If you want to know more about us click the button down below.</p> - </div> - <a className="btn btn-green btn-lg animsition-link" href="/about" role="button">Learn more</a> - </div> - <div className="container"> - {/* Jumbotron */} - <div className="container"> - {/* Carousel Wrapper*/} - <div id="carousel-product" className="carousel slide carousel-slide" data-ride="carousel"> - {/* Indicators*/} - <ol className="carousel-indicators"> - <li data-target="#carousel-product" data-slide-to="0" className="active"></li> - <li data-target="#carousel-product" data-slide-to="1"></li> - <li data-target="#carousel-product" data-slide-to="2"></li> - </ol> - {/* Indicators */} - {/* Slides */} - <div className="carousel-inner" role="listbox"> - <div className="carousel-item active"> - <div className="view"> - <img className="d-block w-100" src="/assets/img/carousel/unicity.png" - alt="First slide"/> - <div className="mask rgba-black-light"></div> - </div> - <div className="carousel-caption"> - <h3 className="h3-responsive">Unicity</h3> - <p>A Sims clone written in Unity3D.</p> - <a className="btn btn-green btn-lg" href="https://github.com/aleeproductions/Unicity/blob/master/README.md" role="button">Learn More</a> - </div> - </div> - <div className="carousel-item"> - {/* Mask color */} - <div className="view"> - <img className="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(6).jpg" - alt="Second slide"/> - <div className="mask rgba-black-light"></div> - </div> - <div className="carousel-caption"> - <h3 className="h3-responsive">QuantumNet</h3> - <p>A computer "hacking" game made in C#.</p> - <a className="btn btn-green btn-lg" href="https://github.com/aleeproductions/QuantumNet/blob/master/README.md" role="button">Learn More</a> - </div> - </div> - <div className="carousel-item"> - {/* Mask color */} - <div className="view"> - <img className="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(9).jpg" - alt="Third slide"/> - <div className="mask rgba-black-light"></div> - </div> - <div className="carousel-caption"> - <h3 className="h3-responsive">Slight mask</h3> - <p>Third text</p> - <a className="btn btn-green btn-lg" href="#" role="button">Learn More</a> - </div> - </div> - {/* /.Slides */} - {/* Controls */} - <a className="carousel-control-prev" href="#carousel-product" role="button" data-slide="prev"> - <span className="carousel-control-prev-icon" aria-hidden="true"></span> - <span className="sr-only">Previous</span> - </a> - <a className="carousel-control-next" href="#carousel-product" role="button" data-slide="next"> - <span className="carousel-control-next-icon" aria-hidden="true"></span> - <span className="sr-only">Next</span> - </a> - {/* /.Controls */} - </div> - {/* /.Carousel Wrapper */} - </div> - </div> - </div> - </div> - </Layout> - ) - + <Layout> + <div className="jumbotron special-color bounceIn white-text"> + <h2 className="display-4">Hello! Welcome to Alee Productions.</h2> + <p className="lead">We are a very small productions company.</p> + <div className="my-4"> + </div> + <a className="btn btn-green btn-lg animsition-link" href="/about" role="button">More about us</a> + </div> + <div className="container"> + {/* Jumbotron */} + <div className="container"> + {/* Carousel Wrapper*/} + <div id="carousel-product" className="carousel slide carousel-slide" data-ride="carousel"> + {/* Indicators*/} + <ol className="carousel-indicators"> + <li data-target="#carousel-product" data-slide-to="0" className="active"/> + <li data-target="#carousel-product" data-slide-to="1"/> + <li data-target="#carousel-product" data-slide-to="2"/> + </ol> + {/* Indicators */} + {/* Slides */} + <div className="carousel-inner" role="listbox"> + <div className="carousel-item active"> + <div className="view"> + <img className="d-block w-100" src="/assets/img/carousel/unicity.png" + alt="First slide"/> + <div className="mask rgba-black-light"/> + </div> + <div className="carousel-caption"> + <h3 className="h3-responsive">Unicity</h3> + <p>A Sims clone written in Unity3D.</p> + <a className="btn btn-green btn-lg" + href="https://github.com/aleeproductions/Unicity/blob/master/README.md" + role="button">Learn More</a> + </div> + </div> + <div className="carousel-item"> + {/* Mask color */} + <div className="view"> + <img className="d-block w-100" + src="https://mdbootstrap.com/img/Photos/Slides/img%20(6).jpg" + alt="Second slide"/> + <div className="mask rgba-black-light"/> + </div> + <div className="carousel-caption"> + <h3 className="h3-responsive">QuantumNet</h3> + <p>A computer "hacking" game made in C#.</p> + <a className="btn btn-green btn-lg" + href="https://github.com/aleeproductions/QuantumNet/blob/master/README.md" + role="button">Learn More</a> + </div> + </div> + <div className="carousel-item"> + {/* Mask color */} + <div className="view"> + <img className="d-block w-100" + src="https://mdbootstrap.com/img/Photos/Slides/img%20(9).jpg" + alt="Third slide"/> + <div className="mask rgba-black-light"/> + </div> + <div className="carousel-caption"> + <h3 className="h3-responsive">Slight mask</h3> + <p>Third text</p> + <a className="btn btn-green btn-lg" href="#" role="button">Learn More</a> + </div> + </div> + {/* /.Slides */} + {/* Controls */} + <a className="carousel-control-prev" href="#carousel-product" role="button" + data-slide="prev"> + <span className="carousel-control-prev-icon" aria-hidden="true"/> + <span className="sr-only">Previous</span> + </a> + <a className="carousel-control-next" href="#carousel-product" role="button" + data-slide="next"> + <span className="carousel-control-next-icon" aria-hidden="true"/> + <span className="sr-only">Next</span> + </a> + {/* /.Controls */} + </div> + {/* /.Carousel Wrapper */} + </div> + </div> + </div> + </Layout> +); + export default Index;
\ No newline at end of file |