text: import Meta from "../components/Meta";
  import Footer from "../components/Footer";
  import PropTypes from "prop-types";
  import { withStyles } from "@material-ui/core/styles";
  import { withRouter } from "next/router";
  const styles = {
    card: {
      minHeight: 400,
      padding: 10,
      textAlign: "justify"
    },
    media: {
      height: 480
    }
  };
  const Index = props => {
    const { classes } = props;
    return (
      <>
        <Meta />
        <div className="container">
          <h2>GNOSIOMANIA</h2>
          <div className="row">
            <div className="col-md-6 col-xs-12">
              <div className="card">
                <div className="card-content">
                  <h2>Gnosiomania Quizzing</h2>
                  <div className="img">
                    <img src="/static/img/gnosis/gnosiomania.jpeg" alt="" />
                  </div>
  
                  <p>
                    Where knowledge seeks the deliberate conduct of putting your
                    best foot forward, there comes quizzing as a platform where
                    one quenches his thirst. With this, MNNIT Allahabad is proud
                    to host one of the{" "}
                    <b>'Biggest Knowledge-cum-Quizzing Festival'</b> -
                    Gnosiomania. With an impressive track record of fourteen years
                    filled with exuberating performances, glib onstage repartees,
                    and endless frolic, Gnosiomania dignifies the quest for
                    knowledge, the quizzer's craving for intellectual superiority
                    and the holistic development as an individual that students at
                    MNNIT Allahabad are known for. Every edition of Gnosiomania
                    has proven to be a grand celebration of human ingenuity and a
                    veritable exhibition of talent. <br />
                    <br />
                    With an impressive list of past quizmasters, Gnosis MNNIT Quiz
                    Club looks to take the legacy forward with the 15th edition of
                    Gnosiomania that will be held on 28th and 29th September 2018.
                    5 quizzes in all, we will be kicking things off with the India
                    and General Quizzes in collaboration with whysoQrious on the
                    28th hosted by one of the most renowned quizmasters of the
                    country , Mr. Adittya Nath Mubayi. Then on the 29th we have
                    the Business, MELA and Sports Quizzes hosted by another
                    extremely popular and seasoned quizmaster, Mr. Abhra Das
                    <br />
                    <br />
                    And of course not to forget , there's prize money worth{" "}
                    <b>Rs. 50000/-</b> at stake.
                    <ul>
                      <li>Venue: MNNIT Allahabad</li>
                      <li>
                        Online REGISTRATION &nbsp;&nbsp;
                        <b>
                          <a
                            href="https://www.thecollegefever.com/events/avishkar-2k18"
                            target="_blank"
                          >
                            CLICK HERE
                          </a>
                        </b>
                      </li>
                      <li>Teams of Maximum Three</li>
                      <li>Teams from same college</li>
                      <li>
                        Open to all students of UG and PG Courses, under 25 years
                        of age.
                      </li>
                      <li>
                        On campus registration fee ₹300 and accomodation ₹100. For
                        any queries, contact us at any of the mentioned mobile
                        numbers.
                      </li>
                    </ul>
                  </p>
                  <div className="img">
                    <img src="/static/img/gnosis/quiz1.jpg" alt="" />
                  </div>
                  <div className="img">
                    <img src="/static/img/gnosis/quiz2.jpg" alt="" />
                  </div>
                </div>
              </div>
            </div>
            <div className="col-md-6 col-xs-12">
              <div className="card">
                <div className="card-content">
                  <h2>GnoTalks</h2>
                  <p>
                    With the stage being graced by eminent personalities each
                    year, gnoTalks has been enriching the experience that Avishkar
                    brings forth since its inception. gnoTalks presents a panel of
                    illustrious people who have paved their way to glory,
                    exemplifying the notion of inspiration. It showcases unique
                    performances and talks, making the event one of its kind. This
                    year, we are going to take forward the legacy.
                  </p>
                  <div>
                    <h2>Speakers</h2>
                    <div className="img">
                      <img src="/static/img/gnosis/speaker1.jpeg" alt="" />
                    </div>
  
                    <p>
                      Does magic exist? Our speaker has given newer dimensions to
                      this question. Not a magician but a psychological
                      illusionist, Karan Singh Magic is going to bowl the audience
                      over with his keen mind-reading abilities. Just with the
                      help of a few simple questions, he would be into one's
                      brain.
                    </p>
                  </div>
  
                  <br />
                  <div>
                    <div className="img">
                      <img src="/static/img/gnosis/speaker2.jpg" alt="" />
                    </div>
  
                    <p>
                      A Ramnath Goenka awardee, our speaker is the righteous
                      example to show how media is indeed a pillar of our
                      democracy. J. Gopikrishnan, an investigative journalist, has
                      uncovered the mystery behind the 2G, National Herald and
                      Aircel-Maxis cases.
                    </p>
                  </div>
                  <br />
                  <div>
                    <div className="img">
                      <img src="/static/img/gnosis/speaker3.jpeg" alt="" />
                    </div>
  
                    <p>
                      There is a great chance that the songs that we hum merrily
                      or melancholically are his creation. With the Guinness world
                      record for writing the most number of songs, Sameer has
                      contributed a lot in shaping the music industry. His efforts
                      have been acknowledged with three filmfare awards.
                    </p>
                  </div>
                  <br />
                  <div>
                    <div className="img">
                      <img src="/static/img/gnosis/speaker4.jpg" alt="" />
                    </div>
  
                    <p>
                      We always ponder over how we can do our bit for the society
                      that we live in. The Robin Hood Army has turned this noble
                      thought to reality. Driving away hunger from the society in
                      a sustainable manner, this organization is making full use
                      of the abilities of the younger force of our nation.
                    </p>
                  </div>
                  <br />
                  <div>
                    <div className="img">
                      <img src="/static/img/gnosis/speaker5.jpg" alt="" />
                    </div>
  
                    <p>
                      The evening of 27th of September will be filled by the
                      laughter of MNNITians when R.Subramanian, the winner of
                      ‘YouTube comedy hunt 2015’, will amuse everyone with his wit
                      and side splitting humour. His gags with AIB and Kumar Varun
                      are wide known. His life perfectly depicts the self
                      satisfaction that passion brings with itself.
                    </p>
                  </div>
                  <div>
                    <div className="img">
                      <img src="/static/img/gnosis/speaker6.jpg" alt="" />
                    </div>
  
                    <p>
                      Famous worldwide for scoring one of the fastest
                      international goals, our speaker is an Arjuna award winner
                      and the torch bearer of Indian football, I. M. Vijayan.
                      Known for his extraordinary volleys,lightning-fast pace and
                      swift movement on the pitch,his illustrious career is an
                      inspiration for all.
                    </p>
                  </div>
                  <br />
                </div>
              </div>
            </div>
          </div>
        </div>
        <Footer />
        <style jsx>
          {`
            .container {
              padding: 10px;
            }
            .card {
              padding: 10px;
              min-height: 400px;
              text-align: justify;
              overflow: hidden;
              box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),
                0px 1px 1px 0px rgba(0, 0, 0, 0.14),
                0px 2px 1px -1px rgba(0, 0, 0, 0.12);
              border-radius: 4px;
              background-color: #fff;
              display: block;
            }
            .card-content {
              padding-bottom: 24px;
              padding-left: 24px;
              padding-right: 24px;
              padding-top: 16px;
              display: block;
            }
            a {
              text-decoration: none;
            }
            h2 {
              color: rgba(0, 0, 0, 0.87);
              font-size: 1.5rem;
              font-weight: 400;
              font-family: "Roboto", "Helvetica", "Arial", sans-serif;
              line-height: 1.35417em;
            }
            .update {
              text-align: center;
              transition-duration: 0.3s;
              -webkit-transition-property: -webkit-transform;
              transition-property: transform;
              -webkit-transform: translateZ(0);
              -ms-transform: translateZ(0);
              transform: translateZ(0);
              -webkit-transform: translateY(-6px);
              -ms-transform: translateY(-6px);
              transform: translateY(-6px);
              -webkit-animation-name: hover;
              animation-name: hover;
              -webkit-animation-duration: 1.5s;
              animation-duration: 1.5s;
              -webkit-animation-delay: 0.3s;
              animation-delay: 0.3s;
              -webkit-animation-timing-function: linear;
              animation-timing-function: linear;
              -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
              -webkit-animation-direction: alternate;
              animation-direction: alternate;
            }
            @keyframes hover {
              50% {
                -webkit-transform: translateY(-3px);
                -ms-transform: translateY(-3px);
                transform: translateY(-3px);
              }
  
              100% {
                -webkit-transform: translateY(-6px);
                -ms-transform: translateY(-6px);
                transform: translateY(-6px);
              }
            }
            .img img {
              width: 100%;
              margin-left: 50%;
              margin-top: 20px;
              margin-right: 0;
              transform: translateX(-50%);
            }
            .container > h2 {
              text-align: center;
            }
            @media (max-width: 700px) {
              .container {
                margin-top: 50px;
                overflow-x: hidden;
              }
              .container > h2 {
                text-align: center;
              }
            }
          `}
        </style>
      </>
    );
  };
  Index.propTypes = {
    classes: PropTypes.object.isRequired
  };
  export default withStyles(styles)(withRouter(Index));
  