|
@@ -0,0 +1,88 @@
|
|
|
+import React from "react";
|
|
|
+import "./App.css";
|
|
|
+import Wrapper from "./Wrapper";
|
|
|
+import Header from "./Header";
|
|
|
+import Sidebar from "./Sidebar";
|
|
|
+import Sidebar2 from "./Sidebar2";
|
|
|
+import Content from "./Content";
|
|
|
+import Footer from "./Footer";
|
|
|
+
|
|
|
+export default function App() {
|
|
|
+ return (
|
|
|
+ <Wrapper>
|
|
|
+ <Header className="header" text="This is the header text." />
|
|
|
+ <div className="main">
|
|
|
+ <Sidebar className="sidebar" text="This is the sidebar text." />
|
|
|
+ <Content
|
|
|
+ className="content"
|
|
|
+ text={
|
|
|
+ <>
|
|
|
+ Content <br /> More content than we had before so this column is
|
|
|
+ now quite tall. Lorem ipsum dolor sit amet consectetur adipisicing
|
|
|
+ elit. In nulla laborum dignissimos voluptates officia. Sed aperiam
|
|
|
+ quis voluptates. Culpa consequuntur exercitationem dignissimos sed
|
|
|
+ amet rem ab dicta totam veniam cupiditate impedit maxime, labore
|
|
|
+ fugit doloribus perspiciatis quis recusandae vero quidem quisquam
|
|
|
+ minima neque nisi tenetur minus enim! Adipisci doloribus expedita
|
|
|
+ alias assumenda natus illo accusamus blanditiis fugit culpa ipsum
|
|
|
+ nesciunt, cumque sit omnis a, sequi possimus pariatur ad
|
|
|
+ laudantium et eaque iure dolorum porro! Totam sed, dicta eaque
|
|
|
+ nobis, sunt voluptate voluptatibus illum hic deserunt et eligendi
|
|
|
+ natus ut delectus minus nostrum obcaecati exercitationem saepe
|
|
|
+ beatae iusto assumenda, consectetur repellendus consequuntur fuga
|
|
|
+ quasi! Quam neque veniam aliquam voluptates, quidem perferendis
|
|
|
+ laudantium officia libero impedit deserunt optio error? Esse earum
|
|
|
+ iure quam rerum at sit, illo quod quae illum odit, vel quibusdam
|
|
|
+ obcaecati repellat ipsum modi ratione dolore magnam deserunt
|
|
|
+ tenetur dolor debitis eum. Laudantium sunt natus itaque molestiae
|
|
|
+ ducimus sit deserunt perspiciatis optio ad nam debitis, in
|
|
|
+ voluptatibus, quia soluta quis repellat omnis. Magnam dolorum
|
|
|
+ consequatur laboriosam nihil eligendi aperiam nesciunt officia
|
|
|
+ voluptate fuga veniam obcaecati ipsam, dolor voluptatem saepe aut.
|
|
|
+ Commodi, atque fugit error modi consectetur, maxime cupiditate
|
|
|
+ dolor esse repellendus voluptates, libero quo recusandae eligendi?
|
|
|
+ A, enim quibusdam? Debitis repellendus est aut voluptatem voluptas
|
|
|
+ officia qui illo praesentium illum facere neque porro modi,
|
|
|
+ nesciunt dolorem obcaecati perspiciatis iure expedita quas! Eos
|
|
|
+ officia corporis, animi repellat quaerat nisi commodi error ex
|
|
|
+ recusandae dicta, soluta maiores dignissimos fugit non nihil quod
|
|
|
+ eaque quas aperiam expedita? Ex laboriosam dolorum voluptates
|
|
|
+ porro, iusto asperiores fugiat, temporibus blanditiis
|
|
|
+ necessitatibus dicta odit recusandae iure illum repudiandae
|
|
|
+ incidunt autem ratione architecto optio fugit ipsam expedita natus
|
|
|
+ itaque! Sit obcaecati magni rem nobis animi, quibusdam delectus
|
|
|
+ illum facilis officiis nisi modi corporis quis exercitationem,
|
|
|
+ porro error facere iure omnis et cumque perspiciatis asperiores
|
|
|
+ corrupti! Quasi non excepturi numquam perferendis, iste
|
|
|
+ repudiandae fugit! Quod, numquam odio! Harum beatae eaque fuga
|
|
|
+ dolor labore id ipsam nulla vero, quo eius, perferendis qui vitae
|
|
|
+ explicabo corporis reprehenderit ad delectus. Harum rerum,
|
|
|
+ blanditiis excepturi est quisquam quis alias odio cumque et quas
|
|
|
+ architecto ratione perferendis, labore animi distinctio nulla
|
|
|
+ ipsam, sint libero maiores quam ipsum nisi quae. Debitis tempore,
|
|
|
+ blanditiis repudiandae illo soluta sunt vitae ad error ex nihil.
|
|
|
+ Praesentium, delectus iure voluptas esse unde totam nulla illo
|
|
|
+ doloremque commodi mollitia corporis facere, omnis qui, sapiente
|
|
|
+ quis maxime exercitationem architecto ad aperiam. Voluptates nemo
|
|
|
+ sit neque atque molestias doloribus vero illum quod, ratione iusto
|
|
|
+ non fugit, esse nisi. Quis repellendus laudantium molestias
|
|
|
+ dolores mollitia dolorem doloremque vel, alias quod iusto earum
|
|
|
+ temporibus a labore illum cupiditate repudiandae maxime, voluptate
|
|
|
+ debitis, ipsam necessitatibus veniam totam recusandae possimus.
|
|
|
+ Ipsa laudantium nemo hic maxime omnis sed quibusdam, delectus
|
|
|
+ cupiditate non ad incidunt officiis ducimus eos cumque accusantium
|
|
|
+ laborum modi corrupti dolorem debitis consequuntur quo iste. Sint
|
|
|
+ iure inventore exercitationem ipsum minus explicabo, consequatur
|
|
|
+ neque in necessitatibus impedit adipisci debitis officia
|
|
|
+ voluptatem perspiciatis dolores assumenda labore molestiae eum
|
|
|
+ fugiat! Voluptates dignissimos, molestiae, adipisci odio delectus
|
|
|
+ cum aliquam harum, nesciunt minima ipsa vel suscipit quos hic!
|
|
|
+ </>
|
|
|
+ }
|
|
|
+ />
|
|
|
+ <Sidebar2 className="sidebar2" text="This is the sidebar2 text." />
|
|
|
+ </div>
|
|
|
+ <Footer className="footer" text="This is the footer text." />
|
|
|
+ </Wrapper>
|
|
|
+ );
|
|
|
+}
|