diff --git a/assets/css/main.css b/assets/css/main.css
index 89976a7..f47072e 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -79,4 +79,10 @@ a {
 
 .three {
   margin-left: 3rem;
-}
\ No newline at end of file
+}
+
+.contact {
+  gap: 0;
+  display: flex;
+  flex-direction: row;
+}
diff --git a/layouts/_default/home.html b/layouts/_default/home.html
index f036705..28c29fb 100644
--- a/layouts/_default/home.html
+++ b/layouts/_default/home.html
@@ -3,55 +3,62 @@
 <main>
   <div class="one">
     <div class="flex-row">
-      <span>title:</span>
-      <span class="highlight">'{{ .Site.Params.title }}'</span>
+      <span>"title":</span>
+      <span class="highlight">"{{ .Site.Params.title }}"</span>
       ,
     </div>
     <div class="flex-row">
-      <span>body:</span>
-      <span> <span class="highlight">'{{ .Site.Params.body }}'</span>, </span>
+      <span>"body":</span>
+      <span> <span class="highlight">"{{ .Site.Params.body }}"</span>, </span>
     </div>
     <span class="flex-col"
-      >"Q & A": [ {{ range .Site.Params.faq }}
+      >"Q & A":[ {{ range $index, $element := .Site.Params.faq }} {{- if ne
+      $index 0 }}
+      <div class="two">},</div>
+      {{ end }}
       <div class="two">
-        {<br />
+        {
         <div class="three">
-          <span>Q:</span>
-          <span class="highlight">'{{ .question }}'</span>,<br />
-          <span>A:</span>
-          <span class="highlight">'{{ .answer }}'</span>
+          <div>
+            <span>Q:</span
+            ><span class="highlight">"{{ $element.question }}"</span>,
+          </div>
+          <div>
+            <span>A:</span
+            ><span class="highlight">"{{ $element.answer }}"</span>
+          </div>
         </div>
-        <br />}
       </div>
-      {{ end }} ],</span
+      {{- end }} ]</span
     >
-    <span class="flex-col"
-      >contact: {
+    <span class="flex-col">
+      "contact":[ {{ $length := len .Site.Params.contact }} {{ range $index,
+      $element := .Site.Params.contact }}
       <div class="two">
-        {{ range .Site.Params.contact }}
-        <div class="three">
-          <span>"{{ .service }}":</span>
-          <span class="highlight">'{{ .input }}'</span><br />
+        <div class="three contact">
+          <span>"{{ $element.service }}"</span>:
+          <span class="highlight">"{{ $element.input }}"</span>
+          {{ if ne $index (sub $length 1) }},{{ end }}
         </div>
-        {{ end }}
       </div>
-      },
+      {{ end }} ],
     </span>
   </div>
 </main>
 
 <footer class="one">
   <span>
-    license:
-    <a class="highlight" href="https://creativecommons.org/licenses/by-sa/4.0"
-      >'CC BY-SA 4.0'</a
+    "license":<a
+      class="highlight"
+      href="https://creativecommons.org/licenses/by-sa/4.0"
+      >"CC BY-SA 4.0"</a
     >,
   </span>
   <span>
-    "source code": '<a
+    "source code":<a
       class="highlight"
       href="https://git.myco.systems/mycosystems/hugo-maintenance"
-      >'https://git.myco.systems/mycosystems/hugo-maintenance'</a
+      >"https://git.myco.systems/mycosystems/hugo-maintenance"</a
     >
   </span>
 </footer>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 43978b6..49e1d32 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -1,8 +1,23 @@
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width" />
-<meta property="og:title" content="{{ .Site.Params.opengraph.title }}">
-<meta property="og:image" content="{{ .Site.Params.opengraph.image }}">
-<meta property="og:description" content="{{ .Site.Params.opengraph.description | html }}">
-<meta property="og:url" content="{{ .Permalink }}">
+
+<meta property="og:title" content="{{ .Site.Params.opengraph.title }}" />
+<meta property="og:image" content="{{ .Site.Params.opengraph.image }}" />
+<meta
+  property="og:description"
+  content="{{ .Site.Params.opengraph.description | html }}"
+/>
+<meta property="og:url" content="{{ .Permalink }}" />
+
+<meta name="twitter:card" content="summary" />
+<meta name="twitter:title" content="{{ .Site.Params.opengraph.title }}" />
+<meta
+  name="twitter:description"
+  content="{{ .Site.Params.opengraph.description | html }}"
+/>
+<meta name="twitter:image" content="{{ .Site.Params.opengraph.image }}" />
+
+<title>{{ .Site.Params.opengraph.title }}</title>
+
 <link rel="canonical" href="{{ .Permalink }}" itemprop="url" />
 {{ partialCached "head/css.html" . }}