|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | + <head> |
| 4 | + <meta charset="utf-8" /> |
| 5 | + <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| 7 | + <meta name="theme-color" content="#000000" /> |
| 8 | + <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> |
| 9 | + |
| 10 | + <link |
| 11 | + rel="stylesheet" |
| 12 | + href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" |
| 13 | + /> |
| 14 | + <!-- |
| 15 | + manifest.json provides metadata used when your web app is installed on a |
| 16 | + user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ |
| 17 | + --> |
| 18 | + <link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> |
| 19 | + <!-- |
| 20 | + Notice the use of %PUBLIC_URL% in the tags above. |
| 21 | + It will be replaced with the URL of the `public` folder during the build. |
| 22 | + Only files inside the `public` folder can be referenced from the HTML. |
| 23 | +
|
| 24 | + Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will |
| 25 | + work correctly both with client-side routing and a non-root public URL. |
| 26 | + Learn how to configure a non-root public URL by running `npm run build`. |
| 27 | + --> |
| 28 | + <link rel="preconnect" href="https://fonts.googleapis.com" /> |
| 29 | + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> |
| 30 | + <link |
| 31 | + href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&display=swap" |
| 32 | + rel="stylesheet" |
| 33 | + /> |
| 34 | + <!-- Primary Meta Tags --> |
| 35 | + <title>Animated Buttons</title> |
| 36 | + <meta name="title" content="Animated Buttons" /> |
| 37 | + <meta |
| 38 | + name="description" |
| 39 | + content="This project provides a collection of animated buttons that you can use to enhance your web development projects. The buttons are fully customizable, so you can change their color, size, shape, and animation. Whether you're a beginner or an experienced developer, these buttons will add a touch of interactivity and flair to your websites." |
| 40 | + /> |
| 41 | + |
| 42 | + <!-- Open Graph / Facebook --> |
| 43 | + <meta property="og:type" content="website" /> |
| 44 | + <meta property="og:url" content="https://lets-animate-btns.vercel.app/" /> |
| 45 | + <meta property="og:title" content="Animated Buttons" /> |
| 46 | + <meta |
| 47 | + property="og:description" |
| 48 | + content="This project provides a collection of animated buttons that you can use to enhance your web development projects. The buttons are fully customizable, so you can change their color, size, shape, and animation. Whether you're a beginner or an experienced developer, these buttons will add a touch of interactivity and flair to your websites." |
| 49 | + /> |
| 50 | + <meta property="og:image" content="" /> |
| 51 | + |
| 52 | + <!-- Twitter --> |
| 53 | + <meta property="twitter:card" content="summary_large_image" /> |
| 54 | + <meta |
| 55 | + property="twitter:url" |
| 56 | + content="https://lets-animate-btns.vercel.app/" |
| 57 | + /> |
| 58 | + <meta property="twitter:title" content="Animated Buttons" /> |
| 59 | + <meta |
| 60 | + property="twitter:description" |
| 61 | + content="This project provides a collection of animated buttons that you can use to enhance your web development projects. The buttons are fully customizable, so you can change their color, size, shape, and animation. Whether you're a beginner or an experienced developer, these buttons will add a touch of interactivity and flair to your websites." |
| 62 | + /> |
| 63 | + <meta property="twitter:image" content="" /> |
| 64 | + </head> |
| 65 | + <body> |
| 66 | + <noscript>You need to enable JavaScript to run this app.</noscript> |
| 67 | + <div id="root"></div> |
| 68 | + <!-- |
| 69 | + This HTML file is a template. |
| 70 | + If you open it directly in the browser, you will see an empty page. |
| 71 | +
|
| 72 | + You can add webfonts, meta tags, or analytics to this file. |
| 73 | + The build step will place the bundled scripts into the <body> tag. |
| 74 | +
|
| 75 | + To begin the development, run `npm start` or `yarn start`. |
| 76 | + To create a production bundle, use `npm run build` or `yarn build`. |
| 77 | + --> |
| 78 | + <script |
| 79 | + data-name="BMC-Widget" |
| 80 | + data-cfasync="false" |
| 81 | + src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" |
| 82 | + data-id="omgawande" |
| 83 | + data-description="Support me on Buy me a coffee!" |
| 84 | + data-message="Thank you for your support. I hope you will like this project.🤩" |
| 85 | + data-color="#FEDC02" |
| 86 | + data-position="Right" |
| 87 | + data-x_margin="18" |
| 88 | + data-y_margin="18" |
| 89 | + ></script> |
| 90 | + |
| 91 | + </body> |
| 92 | +</html> |
0 commit comments