lalitmee

<div className="css-grid">
      <div className="vertical">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1474445065/ballyhoo/WALK-IN/11.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Home Delivery</div>
        </div>
      </div>
      <div className="horizontal">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1457670910/ballyhoo/PUBS/6.jpg" />
        <div className="overlay-holder">

lalitmee

/* CSS Grid layout */

.css-grid {
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 10px;
    grid-auto-rows: 150px;
    grid-auto-flow: dense;
}

lalitmee

import React from "react";
import { PropTypes } from "prop-types";
import { Link } from "react-router-dom";
import { connect } from "react-redux";

import { Segment } from "semantic-ui-react";

import "semantic-ui-css/semantic.min.css";
import image from "../../../../img/dashboard.png";
import paragraph from "../../../../img/paragraph.png";

lalitmee

import React from "react";
import PropTypes from "prop-types";
import { Container, Header, Dropdown, Button, Icon } from "semantic-ui-react";
import { connect } from "react-redux";

class HomePageHeading extends React.Component {
  constructor(props) {
    super(props);

    this.state = {

lalitmee

import React, { Component } from "react";
import { Link, Redirect } from "react-router-dom";
import SweetAlert from "sweetalert2-react";
import { connect } from "react-redux";
import { Card, Form, Button, Divider } from "semantic-ui-react";

import "../../../../css/style.css";
import HomePageHeader from "../Headers/HomePageHeader";
import MainFooter from "../Footers/MainFooter";

lalitmee

import React, { Component } from "react";
import { Link, Redirect } from "react-router-dom";
import SweetAlert from "sweetalert2-react";
import { connect } from "react-redux";
import { Card, Form, Button, Divider } from "semantic-ui-react";

import "../../../../css/style.css";
import HomePageHeader from "../Headers/HomePageHeader";
import MainFooter from "../Footers/MainFooter";

lalitmee

import React from "react";
import { render } from "react-dom";
import { BrowserRouter, hashHistory } from "react-router-dom";

import Routes from "./routes";


const el = document.getElementById("app");

render(

lalitmee

import React, { Component } from "react";
import { connect } from "react-redux";
import SweetAlert from "sweetalert2-react";
import { Segment, Header, Form, Icon, Button, Menu } from "semantic-ui-react";
import DatePicker from "react-datepicker";
import moment from "moment";
import { Link, Redirect } from "react-router-dom";

import "react-datepicker/dist/react-datepicker.css";
import HomePageHeader from "../Headers/HomePageHeader";

lalitmee

import React from "react";
import { connect } from "react-redux";
import {
  Container,
  Header,
  Modal,
  Dropdown,
  Icon,
  Button
} from "semantic-ui-react";

lalitmee

import React, { Component } from "react";
import { Container, Header, Segment } from "semantic-ui-react";
import { withRouter } from "react-router-dom";
import { GithubLoginButton } from "react-social-login-buttons";

export class MainPage extends Component {
	constructor(props) {
		super(props);
		this.state = {
			user: ""