diff --git a/public/index.html b/public/index.html
index aa069f2..1bab65e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,12 +3,18 @@
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="stylesheet" src="/index.css" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="Web site created using create-react-app"
+      content="little lemon capstone project"
     />
+    <meta name="og:title" content="Little Lemon | Chicago" />
+
+    <meta name="og:description" content="A Mediterranean restaurant that sells traditional recipes" />
+    <meta name="og:image" content=""/>
+    <meta name="og:url" content="https://lyokoth.github.io/meta-front-end-capstone/" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
@@ -24,7 +30,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>Little Lemon Capstone</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
