From 94426cda7248cb4fa8aec51ebe9d26dda0572424 Mon Sep 17 00:00:00 2001
From: kallyan <singhakallyan@gmail.com>
Date: Thu, 1 Oct 2020 14:52:57 +0530
Subject: [PATCH] added style into typed.js

---
 _includes/header.html      | 30 ++++++++++++++++++++++++++++++
 stylesheets/stylesheet.css | 12 +++++++++++-
 2 files changed, 41 insertions(+), 1 deletion(-)
diff --git a/_includes/header.html b/_includes/header.html
index 05dffb7..9c278f8 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,4 +1,17 @@
 <body>
+    <style>
+    .txt h1
+        {
+            text-align: center;
+            font-size: 27px;
+            font-family:'Lucida Grande', 'Calibri',;
+                color:white;
+        }
+        .type 
+        {
+            color: #00b7ea;
+        }
+    </style>
 <div class="main-container">
     {% include google_analytics.html %}
     <!-- OLW banner and GitHub badge -->
@@ -9,6 +22,23 @@ <h1 id="project_title"><a href="/"><img src="/images/openlivewriter-purpleheader
             {% if page.subtitle %}
             <h2 id="project_tagline">{{ page.subtitle }}</h2>
             {% endif %}
+            <div class="txt">
+                <h1>Write and Post your Blog into :<span class="type"></span></h1>
+            </div>
+            <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
+            <script>
+                var typed2 = new Typed('.type', {
+    strings: ['Wordpress',
+              'Blogger',
+              'SharePoint',
+               'Typed and more'],
+    typeSpeed: 100,
+    backSpeed: 200,
+    fadeOut: true,
+    loop: true
+  });
+    
+            </script>
         </header>
     </div>
     <!-- Tabbed navigation bar -->
diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css
index 7c10a95..86ebd46 100644
--- a/stylesheets/stylesheet.css
+++ b/stylesheets/stylesheet.css
@@ -291,7 +291,17 @@ Full-Width Styles
 #header_wrap .inner {
   padding: 20px 0px 0px 0px;
 }
-
+.txt h1
+        {
+            text-align: center;
+            font-size: 25px;
+            font-family:'Lucida Grande', 'Calibri',;
+                color:white;
+        }
+        .type 
+        {
+            color: #00b7ea;
+        }
 #project_title {
   margin: 0;
   color: #fff;
