Untitled

 avatar
unknown
plain_text
4 years ago
1.0 kB
41
Indexable
// Imports

function Websites() {
  const [website] = useState([
    {
      name: "CodePen",
      link: "https://codepen.io",
    },
    {
      name: "CodeSandbox",
      link: "https://codesandbox.io/",
    },
    {
      name: "GitHub",
      link: "https://github.com",
    },
  ]);

  return (
    <>
      <h1>Home</h1>
      <div className="container">
        <ul className="flex cards">
          {website.map((website, index) => (
            <li key={index}>
              <h2>{website.name}</h2>
              <div className="space"></div>
              <img src={website.image} />
              <div className="space"></div>
              <div className="btn">
                <button
                  onClick={() => (window.location.href = website[0].link)}
                >
                  Go
                </button>
              </div>
            </li>
          ))}
        </ul>
      </div>
    </>
  );
}

export default Websites;
Editor is loading...