my-react-app-hakim10
Version:
A lightweight React modal component for displaying content in a modal overlay, with support for fade-in and fade-out animations.
45 lines (41 loc) • 2.69 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="highlight/highlight.pack.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8"> hljs.initHighlightingOnLoad(); </script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
<link rel="stylesheet" href="highlight/github.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Lato:400,400i,900,900i&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fira+Mono:400" rel="stylesheet">
<title>React Modal</title>
<link rel="apple-touch-icon" sizes="57x57" href="https://kylefox.ca/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://kylefox.ca/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://kylefox.ca/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://kylefox.ca/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://kylefox.ca/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://kylefox.ca/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://kylefox.ca/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://kylefox.ca/apple-touch-icon-152x152.png">
<link rel="icon" type="image/png" href="https://kylefox.ca/favicon-196x196.png" sizes="196x196">
<link rel="icon" type="image/png" href="https://kylefox.ca/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="https://kylefox.ca/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="https://kylefox.ca/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="https://kylefox.ca/favicon-32x32.png" sizes="32x32">
<meta name="msapplication-TileColor" content="#f0f0f0">
<meta name="msapplication-TileImage" content="https://kylefox.ca/mstile-144x144.png">
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>