{"size": 1903, "ext": "js", "max_stars_repo_path": "client/src/views/Home/Content.js", "max_stars_repo_name": "montooboss1999/Secure_Evoting_DAPP", "max_stars_repo_stars_event_min_datetime": "2021-09-21T18:25:26.000Z", "max_stars_repo_stars_event_max_datetime": "2021-09-21T18:25:26.000Z", "max_issues_repo_path": "client/src/views/Home/Content.js", "max_issues_repo_name": "montooboss1999/Secure_Evoting_DAPP", "max_issues_repo_issues_event_min_datetime": "2021-11-19T17:31:58.000Z", "max_issues_repo_issues_event_max_datetime": "2021-11-19T17:31:58.000Z", "max_forks_repo_path": "client/src/views/Home/Content.js", "max_forks_repo_name": "montooboss1999/Secure_Evoting_DAPP", "max_forks_repo_forks_event_min_datetime": "2021-11-19T17:59:04.000Z", "max_forks_repo_forks_event_max_datetime": "2021-11-19T17:59:04.000Z"}
{"max_stars_count": 1, "max_issues_count": 1, "max_forks_count": 1, "avg_line_length": 26.8028169014, "max_line_length": 91, "alphanum_fraction": 0.4866001051}
import React from "react";

import { Box, makeStyles, Button, Typography } from "@material-ui/core";
import styles from "assets/jss/material-kit-react/views/componentsSections/basicsStyle.js";

const useStyles = makeStyles(styles);
export function Content() {
  return (
    <Box
      display="flex"
      justifyContent="space-between"
      position="relative"
      px={40}
    >
      <Box mt={25}>
        <Typography
          variant="h2"
          style={{
            color: "black",
            fontSize: "5em",
            fontFamily: "Roboto",
            marginBottom: 40,
          }}
        >
          <b>A Secure Decentralized E-Voting System</b>
        </Typography>
        <Typography
          variant="body1"
          style={{
            color: "black",
            fontSize: "2em",
            fontFamily: "Roboto",
            marginBottom: 40,
          }}
        >
          Use this system to host Local Area Elections where you can create a
          ballot, whitelist your voters and choose to see live results or to
          display results after the elections are over.
        </Typography>
        <Button variant="contained" onClick={(e) => console.log(1)}>
          Learn More
        </Button>
        <Box mt={25}>
          <Typography
            variant="h2"
            style={{
              color: "black",
              fontSize: "3em",
              fontFamily: "Roboto",
              marginBottom: 40,
            }}
          >
            <b>How does this Digital Voting works ?</b>
          </Typography>
          <Typography
            variant="body1"
            style={{
              color: "black",
              fontSize: "2em",
              fontFamily: "Roboto",
              marginBottom: 40,
            }}
          >
            <ul>Sign in using google</ul>
          </Typography>
        </Box>
      </Box>
    </Box>
  );
}
