@tikpage/reactjs-popup/docs/src/components/Cover/index.jsx

React Popup Component - Modals,Tooltips and Menus — All in one

import React from 'react';

const Cover = () => (
  <div className="cover">
    <h1 className="title">Reactjs-Popup</h1>
    <p className="description">
      React Popup Component - Modals,Tooltips and Menus —  All in one
    </p>
    <p
      style={{
        fontSize: '50px',
      }}>
      🎀
    </p>
    <div className="badges">
      <a href="https://travis-ci.org/yjose/reactjs-popup">
        <img
          src="https://img.shields.io/travis/yjose/reactjs-popup.svg?style=flat-square"
          alt="travis"
        />
      </a>
      <a href="https://www.npmjs.com/package/reactjs-popup">
        <img
          src="https://img.shields.io/npm/v/reactjs-popup.svg?style=flat-square"
          alt="npm"
        />
      </a>
      <a href="http://www.npmtrends.com/reactjs-popup">
        <img
          src="https://img.shields.io/npm/dt/reactjs-popup.svg?style=flat-square"
          alt="npm trends"
        />
      </a>
      <a href="https://github.com/yjose/reactjs-popup/blob/master/LICENSE">
        <img
          src=" https://img.shields.io/npm/l/reactjs-popup.svg?style=flat-square"
          alt="github"
        />
      </a>
      <br />
      <a href="https://github.com/yjose/reactjs-popup/graphs/contributors">
        <img
          src="https://img.shields.io/badge/all_contributors-16-orange.svg?style=flat-square"
          alt="github contributors"
        />
      </a>
      <a href="http://makeapullrequest.com">
        <img
          src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square"
          alt="pull requests are welcome"
        />
      </a>
      <a href="https://github.com/yjose/reactjs-popup/blob/master/CODE_OF_CONDUCT.md">
        <img
          src="https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square"
          alt="code of conduct"
        />
      </a>
      <br />
      <a href="https://github.com/yjose/reactjs-popup/watchers">
        <img
          src="https://img.shields.io/github/watchers/yjose/reactjs-popup.svg?style=social"
          alt="watchers"
        />
      </a>
      <a href="https://github.com/yjose/reactjs-popup/stargazers">
        <img
          src="https://img.shields.io/github/stars/yjose/reactjs-popup.svg?style=social"
          alt="github stars"
        />
      </a>
      <a href="https://twitter.com/intent/tweet?text=Check%20out%20reactjs-popup%20by%20%40ElaziziYoussouf%20https%3A%2F%2Fgithub.com%2Fyjose%2Freactjs-popup%20%F0%9F%91%8D">
        <img
          src="https://img.shields.io/twitter/url/https/github.com/yjose/reactjs-popup.svg?style=social"
          alt="tweet"
        />
      </a>
    </div>
  </div>
);

export default Cover;