App.js 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. import React from "react";
  2. import Navigation from "./Navigation";
  3. import logo from "./assets/JRElogo.png";
  4. import GoogleFontLoader from "react-google-font-loader";
  5. import jean from "./assets/jean_poise.jpg";
  6. import "./App.css";
  7. function App() {
  8. return (
  9. <div className="App">
  10. <GoogleFontLoader
  11. fonts={[
  12. {
  13. font: "Roboto",
  14. weights: [300, 400, 500, 700]
  15. }
  16. ]}
  17. />
  18. <Navigation />
  19. <header className="App-header">
  20. <img src={logo} className="App-logo" alt="logo" />
  21. <a
  22. className="App-link"
  23. href="http://jre.logicp.ca"
  24. target="_blank"
  25. rel="noopener noreferrer"
  26. >
  27. Evolve your mind
  28. </a>
  29. <body>
  30. <div id="main-container">
  31. <img src={jean} className="band-member-pic" alt="Jean Bergeron" />
  32. <h4 className="band-text">Jean in top form</h4>
  33. </div>
  34. </body>
  35. </header>
  36. </div>
  37. );
  38. }
  39. export default App;
  40. class JREMenu extends React.Component {
  41. constructor(props) {
  42. super(props);
  43. }
  44. }