Updated index.html to add OG Meta Tags

vaibhav111tandon · Sep 7, 2024 · 921765e · 921765e
1 parent 880227c
commit 921765e
Showing 1 changed file with 27 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -3,6 +3,32 @@
 
 <head>
 
+  <title>VOV.CSS | Cross-Browser CSS Animation Library: Small, Useful Effects</title>
+
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+
+  <meta name="description" content="A class based CSS animation library for small but useful cross-browser animations. With a wide range of effects like fade, zoom, wheel, and more, you can easily create stunning animations that work seamlessly across different browsers.">
+
+  <!-- Facebook Meta Tags -->
+  <meta property="og:url" content="https://vaibhav111tandon.github.io/vov.css/">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="VOV.CSS | Cross-Browser CSS Animation Library: Small, Useful Effects">
+  <meta property="og:description" content="A class based CSS animation library for small but useful cross-browser animations. With a wide range of effects like fade, zoom, wheel, and more, you can easily create stunning animations that work seamlessly across different browsers.">
+  <meta property="og:image" content="https://raw.githubusercontent.com/vaibhav111tandon/vov.css/master/logo.png">
+
+  <!-- Twitter Meta Tags -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta property="twitter:domain" content="vaibhav111tandon.github.io">
+  <meta property="twitter:url" content="https://vaibhav111tandon.github.io/vov.css/">
+  <meta name="twitter:title" content="VOV.CSS | Cross-Browser CSS Animation Library: Small, Useful Effects">
+  <meta name="twitter:description" content="A class based CSS animation library for small but useful cross-browser animations. With a wide range of effects like fade, zoom, wheel, and more, you can easily create stunning animations that work seamlessly across different browsers.">
+  <meta name="twitter:image" content="https://raw.githubusercontent.com/vaibhav111tandon/vov.css/master/logo.png">
+
+  <link rel="stylesheet" href="./styles.css" />
+  <link href="./vov.min.css" rel="stylesheet" type="text/css" />
+
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-4M89G78RD3"></script>
   <script>
     window.dataLayer = window.dataLayer || [];
@@ -11,14 +37,6 @@
 
     gtag('config', 'G-4M89G78RD3');
   </script>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-  <meta name=”description”
-    content="A class based CSS library for small but useful animations. Animations include fade, zoom, wheel, shake, swivel, blur, roll, slide.">
-  <title>VOV.CSS</title>
-  <link rel="stylesheet" href="./styles.css" />
-  <link href="./vov.min.css" rel="stylesheet" type="text/css" />
 </head>
 
 <body>
@@ -142,4 +160,4 @@
 
 </body>
 
-</html>
+</html>