From 921765e6693d1f3bf4c5eca96f7a56f8bb068950 Mon Sep 17 00:00:00 2001
From: Vaibhav Tandon <vaibhav.tandongcet@gmail.com>
Date: Sat, 7 Sep 2024 14:34:48 +0530
Subject: [PATCH] Updated index.html to add OG Meta Tags

---
 index.html | 36 +++++++++++++++++++++++++++---------
 1 file changed, 27 insertions(+), 9 deletions(-)
diff --git a/index.html b/index.html
index 1cdf808..2a8af74 100644
--- 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>
\ No newline at end of file
+</html>
