diff --git a/website/core/button.js b/website/core/button.js
new file mode 100644
index 0000000..597088d
--- /dev/null
+++ b/website/core/button.js
@@ -0,0 +1,19 @@
+const React = require('react');
+
+class Button extends React.Component {
+  render() {
+    return (
+      <div className="pluginWrapper buttonWrapper">
+        <a className="button" href={this.props.href} target={this.props.target}>
+          {this.props.children}
+        </a>
+      </div>
+    );
+  }
+}
+
+Button.defaultProps = {
+  target: '_self',
+};
+
+module.exports = Button;
diff --git a/website/core/homeSplash.js b/website/core/homeSplash.js
new file mode 100644
index 0000000..6230bc8
--- /dev/null
+++ b/website/core/homeSplash.js
@@ -0,0 +1,56 @@
+const React = require('react');
+const Button = require('./button');
+const utils = require('./utils');
+
+const siteConfig = require(process.cwd() + '/siteConfig.js');
+
+const SplashContainer = props => (
+  <div className="homeContainer">
+    <div className="homeSplashFade">
+      <div className="wrapper homeWrapper">{props.children}</div>
+    </div>
+  </div>
+);
+
+const Logo = props => (
+  <div className="logo">
+    <img src={props.img_src} />
+  </div>
+);
+
+const ProjectTitle = () => (
+  <h2 className="projectTitle">
+    {siteConfig.title}
+    <small>{siteConfig.tagline}</small>
+  </h2>
+);
+
+const PromoSection = props => (
+  <div className="section promoSection">
+    <div className="promoRow">
+      <div className="pluginRowBlock">{props.children}</div>
+    </div>
+  </div>
+);
+
+class HomeSplash extends React.Component {
+  render() {
+    let language = this.props.language || '';
+
+    return (
+      <SplashContainer>
+        <Logo img_src={utils.imgUrl('logo/pure-color-square.svg')} />
+        <div className="inner">
+          <ProjectTitle />
+          <PromoSection>
+            <Button href={utils.docUrl('getting-started.html', language)}>Try It Out</Button>
+            <Button href='./storybook/index.html'>Live Demo</Button>
+            <Button href={utils.docUrl('table-props.html', language)}>Docs</Button>
+          </PromoSection>
+        </div>
+      </SplashContainer>
+    );
+  }
+}
+
+module.exports = HomeSplash;
diff --git a/website/core/utils/index.js b/website/core/utils/index.js
new file mode 100644
index 0000000..a1b35f6
--- /dev/null
+++ b/website/core/utils/index.js
@@ -0,0 +1,19 @@
+const siteConfig = require(process.cwd() + '/siteConfig.js');
+
+const imgUrl = (img) => {
+  return siteConfig.baseUrl + 'img/' + img;
+}
+
+const docUrl = (doc, language) => {
+  return siteConfig.baseUrl + 'docs/' + (language ? language + '/' : '') + doc;
+}
+
+const pageUrl = (page, language) => {
+  return siteConfig.baseUrl + (language ? language + '/' : '') + page;
+}
+
+module.exports = {
+  imgUrl,
+  docUrl,
+  pageUrl
+}
diff --git a/website/i18n/en.json b/website/i18n/en.json
index 5009b49..a81f821 100644
--- a/website/i18n/en.json
+++ b/website/i18n/en.json
@@ -52,6 +52,7 @@
     "API": "API",
     "Help": "Help",
     "Blog": "Blog",
+    "GitHub": "GitHub",
     "Basic Usage": "Basic Usage",
     "Remote Table": "Remote Table",
     "Table Toolkits": "Table Toolkits",
diff --git a/website/pages/en/index.js b/website/pages/en/index.js
index d17369b..0827159 100755
--- a/website/pages/en/index.js
+++ b/website/pages/en/index.js
@@ -7,116 +7,48 @@
 
 const React = require('react');
 
+// Built-in library
 const CompLibrary = require('../../core/CompLibrary.js');
-const MarkdownBlock = CompLibrary.MarkdownBlock; /* Used to read markdown */
 const Container = CompLibrary.Container;
 const GridBlock = CompLibrary.GridBlock;
 
-const siteConfig = require(process.cwd() + '/siteConfig.js');
-
-function imgUrl(img) {
-  return siteConfig.baseUrl + 'img/' + img;
-}
-
-function docUrl(doc, language) {
-  return siteConfig.baseUrl + 'docs/' + (language ? language + '/' : '') + doc;
-}
-
-function pageUrl(page, language) {
-  return siteConfig.baseUrl + (language ? language + '/' : '') + page;
-}
-
-class Button extends React.Component {
-  render() {
-    return (
-      <div className="pluginWrapper buttonWrapper">
-        <a className="button" href={this.props.href} target={this.props.target}>
-          {this.props.children}
-        </a>
-      </div>
-    );
-  }
-}
-
-Button.defaultProps = {
-  target: '_self',
-};
-
-const SplashContainer = props => (
-  <div className="homeContainer">
-    <div className="homeSplashFade">
-      <div className="wrapper homeWrapper">{props.children}</div>
-    </div>
-  </div>
-);
-
-const Logo = props => (
-  <div className="projectLogo">
-    <img src={props.img_src} />
-  </div>
-);
-
-const ProjectTitle = props => (
-  <h2 className="projectTitle">
-    {siteConfig.title}
-    <small>{siteConfig.tagline}</small>
-  </h2>
-);
-
-const PromoSection = props => (
-  <div className="section promoSection">
-    <div className="promoRow">
-      <div className="pluginRowBlock">{props.children}</div>
-    </div>
-  </div>
-);
-
-class HomeSplash extends React.Component {
-  render() {
-    let language = this.props.language || '';
-    return (
-      <SplashContainer>
-        {/* <Logo img_src={imgUrl('docusaurus.svg')} /> */}
-        <div className="inner">
-          <ProjectTitle />
-          <PromoSection>
-            <Button href={docUrl('getting-started.html', language)}>Try It Out</Button>
-            <Button href='./storybook/index.html'>Live Demo</Button>
-            <Button href={docUrl('table-props.html', language)}>Docs</Button>
-          </PromoSection>
-        </div>
-      </SplashContainer>
-    );
-  }
-}
+// Customized component and utils
+const HomeSplash = require(process.cwd() + '/core/homeSplash.js');
+const utils = require(process.cwd() + '/core/utils');
+const imgUrl = utils.imgUrl;
 
 const Block = props => (
   <Container
     padding={['bottom', 'top']}
     id={props.id}
-    background={props.background}>
-    <GridBlock align={ props.align || 'center' } contents={props.children} layout={props.layout} />
+  >
+    <GridBlock
+      align={ props.align || 'center' }
+      layout={props.layout}
+      className={props.className}
+      contents={props.children}
+    />
   </Container>
 );
 
-const Features = props => (
-  <Block layout="fourColumn">
+const Features = () => (
+  <Block layout="threeColumn" className="feature-block">
     {[
       {
         content: 'Sortable, Row Selection, Cell Editor, Row Expand, Column Filter Pagination etc.',
-        // image: imgUrl('docusaurus.svg'),
+        image: imgUrl('icon/bulb.svg'),
         imageAlign: 'top',
         title: 'Rich Functionality',
       },
       {
         content: 'Configurable and customizable table',
-        // image: imgUrl('docusaurus.svg'),
+        image: imgUrl('icon/tool.svg'),
         imageAlign: 'top',
         title: 'Customization',
       },
       {
         content: 'Satisfy for Redux/Mobx or any other state management tool.',
-        // image: imgUrl('docusaurus.svg'),
+        image: imgUrl('icon/store.svg'),
         imageAlign: 'top',
         title: 'Remote',
       },
@@ -124,20 +56,11 @@ const Features = props => (
   </Block>
 );
 
-// const FeatureCallout = props => (
-//   <div
-//     className="productShowcaseSection paddingBottom"
-//     style={{textAlign: 'center'}}>
-//     <h2>Feature Callout</h2>
-//     <MarkdownBlock>These are features of this project</MarkdownBlock>
-//   </div>
-// );
-
-const LearnHow = props => (
-  <Block background="light" align="left">
+const LearnHow = () => (
+  <Block align="left">
     {[
       {
-        content: 'Intuitive to use. <br/>Compatitable for Bootstrap 3 and 4. <br/>Better than legacy react-bootstrap-table2!!<br/>',
+        content: 'Intuitive to use. <br/>Compatible for Bootstrap 3 and 4. <br/>Better than legacy react-bootstrap-table!!<br/>',
         image: imgUrl('react-bootstrap-table2-sample.png'),
         imageAlign: 'right',
         title: 'react-bootstrap-table2',
@@ -146,62 +69,6 @@ const LearnHow = props => (
   </Block>
 );
 
-const TryOut = props => (
-  <Block id="try">
-    {[
-      {
-        content: 'Talk about trying this out',
-        image: imgUrl('docusaurus.svg'),
-        imageAlign: 'left',
-        title: 'Try it Out',
-      },
-    ]}
-  </Block>
-);
-
-const Description = props => (
-  <Block background="dark">
-    {[
-      {
-        content: 'This is another description of how this project is useful',
-        image: imgUrl('docusaurus.svg'),
-        imageAlign: 'right',
-        title: 'Description',
-      },
-    ]}
-  </Block>
-);
-
-const Showcase = props => {
-  if ((siteConfig.users || []).length === 0) {
-    return null;
-  }
-  const showcase = siteConfig.users
-    .filter(user => {
-      return user.pinned;
-    })
-    .map((user, i) => {
-      return (
-        <a href={user.infoLink} key={i}>
-          <img src={user.image} title={user.caption} />
-        </a>
-      );
-    });
-
-  return (
-    <div className="productShowcaseSection paddingBottom">
-      <h2>{"Who's Using This?"}</h2>
-      <p>This project is used by all these people</p>
-      <div className="logos">{showcase}</div>
-      <div className="more-users">
-        <a className="button" href={pageUrl('users.html', props.language)}>
-          More {siteConfig.title} Users
-        </a>
-      </div>
-    </div>
-  );
-};
-
 class Index extends React.Component {
   render() {
     let language = this.props.language || '';
@@ -211,11 +78,7 @@ class Index extends React.Component {
         <HomeSplash language={language} />
         <div className="mainContainer">
           <Features />
-          {/* <FeatureCallout /> */}
           <LearnHow />
-          {/* <TryOut />
-          <Description />
-          <Showcase language={language} /> */}
         </div>
       </div>
     );
diff --git a/website/siteConfig.js b/website/siteConfig.js
index cdaf997..8c99917 100644
--- a/website/siteConfig.js
+++ b/website/siteConfig.js
@@ -4,46 +4,49 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+const ORGANIZATION_NAME = 'react-bootstrap-table';
+const PROJECT_NAME = 'react-bootstrap-table2';
+const PRIMARY_COLOR = '#1976d2';
+const SECONDARY_COLOR = '#1769aa';
 
 /* List of projects/orgs using your project for the users page */
 const users = [
   {
     caption: '',
-    // image: '/react-bootstrap-table2/img/docusaurus.svg',
+    image: '/react-bootstrap-table2/img/logo/pure-color-square.svg',
     infoLink: 'https://github.com/react-bootstrap-table/react-bootstrap-table2',
     pinned: true,
   },
 ];
 
 const siteConfig = {
-  title: 'react-bootstrap-table2' /* title for your website */,
+  title: PROJECT_NAME /* title for your website */,
   tagline: 'Next Generation of react-bootstrap-table',
   url: 'https://react-bootstrap-table.github.io' /* your website url */,
   baseUrl: '/react-bootstrap-table2/' /* base url for your project */,
-  projectName: 'react-bootstrap-table2',
+  projectName: PROJECT_NAME,
   headerLinks: [
     {doc: 'about', label: 'Docs'},
     {doc: 'table-props', label: 'API'},
     {page: 'help', label: 'Help'},
     {blog: true, label: 'Blog'},
+    {href: 'https://github.com/react-bootstrap-table/react-bootstrap-table2', label: 'GitHub' },
   ],
   users,
   /* path to images for header/footer */
-  // headerIcon: 'img/docusaurus.svg',
-  // footerIcon: 'img/docusaurus.svg',
-  // favicon: 'img/favicon.png',
+  headerIcon: 'img/logo/hybrid-white-large.svg',
+  favicon: 'img/favicon.ico',
+  disableHeaderTitle: true,
+
   /* colors for website */
   colors: {
-    primaryColor: '#294E80',
-    secondaryColor: '#3CA7F2',
+    primaryColor: PRIMARY_COLOR,
+    secondaryColor: SECONDARY_COLOR,
   },
   // This copyright info is used in /core/Footer.js and blog rss/atom feeds.
-  copyright:
-    'Copyright © ' +
-    new Date().getFullYear() +
-    ' react-bootstrap-table2',
-  organizationName: 'react-bootstrap-table', // or set an env variable ORGANIZATION_NAME
-  projectName: 'react-bootstrap-table2', // or set an env variable PROJECT_NAME
+  copyright: `Copyright © ${new Date().getFullYear()} ${PROJECT_NAME}`,
+  organizationName: ORGANIZATION_NAME,
+  projectName: PROJECT_NAME,
   highlight: {
     // Highlight.js theme to use for syntax highlighting in code blocks
     theme: 'default',
diff --git a/website/static/css/custom.css b/website/static/css/custom.css
index 220c1dd..f964b2b 100644
--- a/website/static/css/custom.css
+++ b/website/static/css/custom.css
@@ -13,4 +13,39 @@
 }
 
 @media only screen and (min-width: 1500px) {
-}
\ No newline at end of file
+}
+
+/* Footer */
+footer.nav-footer {
+  background-color: #202020;
+}
+
+/* Home */
+.logo {
+  display: flex;
+  justify-content: center;
+}
+
+.logo img {
+  height: 100%;
+  max-height: 250px;
+  margin-bottom: 0px;
+}
+
+.homeContainer .homeWrapper .projectLogo {
+  justify-content: flex-start;
+}
+
+.feature-block .blockImage img {
+  width: 48px;
+}
+
+.buttonWrapper a.button {
+  border-radius: 24px;
+  min-width: 64px;
+}
+
+/* Navigation */
+.navGroup ul {
+  background-color: #f9f9f9;
+}
diff --git a/website/static/img/favicon.ico b/website/static/img/favicon.ico
new file mode 100644
index 0000000..8fc5cec
Binary files /dev/null and b/website/static/img/favicon.ico differ
diff --git a/website/static/img/icon/bulb.svg b/website/static/img/icon/bulb.svg
new file mode 100644
index 0000000..3861a54
--- /dev/null
+++ b/website/static/img/icon/bulb.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M3.55 18.54l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8zM11 22.45h2V19.5h-2v2.95zM4 10.5H1v2h3v-2zm11-4.19V1.5H9v4.81C7.21 7.35 6 9.28 6 11.5c0 3.31 2.69 6 6 6s6-2.69 6-6c0-2.22-1.21-4.15-3-5.19zm5 4.19v2h3v-2h-3zm-2.76 7.66l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4z"/>
+</svg>
diff --git a/website/static/img/icon/store.svg b/website/static/img/icon/store.svg
new file mode 100644
index 0000000..cecd62e
--- /dev/null
+++ b/website/static/img/icon/store.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z"/>
+</svg>
diff --git a/website/static/img/icon/tool.svg b/website/static/img/icon/tool.svg
new file mode 100644
index 0000000..1ee2297
--- /dev/null
+++ b/website/static/img/icon/tool.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path clip-rule="evenodd" fill="none" d="M0 0h24v24H0z"/>
+    <path d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"/>
+</svg>
diff --git a/website/static/img/logo/hybrid-white-large.svg b/website/static/img/logo/hybrid-white-large.svg
new file mode 100644
index 0000000..e63f010
--- /dev/null
+++ b/website/static/img/logo/hybrid-white-large.svg
@@ -0,0 +1 @@
+<svg id="layer_1" data-name="layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 366 72"><defs><style>.cls-1{fill:#fff;}</style></defs><title>logo color</title><polygon class="cls-1" points="8.09 59 8.09 64.35 34.56 51.13 34.56 43.88 29.78 41.5 29.78 48.17 8.09 59"/><polygon class="cls-1" points="8.09 20.87 8.09 47.98 12.87 45.59 12.87 23.83 29.78 15.39 29.78 23.02 18.39 28.71 18.39 31.9 34.56 39.97 34.56 34.62 25.91 30.3 34.56 25.98 34.56 7.65 8.09 20.87"/><path class="cls-1" d="M55.68,32a8.46,8.46,0,0,0-1.53-.13,3.45,3.45,0,0,0-3.48,2V45.25H46.92V28.53H50.5l.1,1.87a4.21,4.21,0,0,1,3.77-2.18,3.64,3.64,0,0,1,1.33.21Z"/><path class="cls-1" d="M65.45,45.56a7.74,7.74,0,0,1-5.79-2.25,8.15,8.15,0,0,1-2.22-6v-.46a10.13,10.13,0,0,1,1-4.48,7.45,7.45,0,0,1,2.72-3.07A7.16,7.16,0,0,1,65,28.22a6.54,6.54,0,0,1,5.28,2.18,9.21,9.21,0,0,1,1.86,6.16v1.52H61.23a5,5,0,0,0,1.38,3.28,4.17,4.17,0,0,0,3,1.2,5.1,5.1,0,0,0,4.21-2.08l2,1.93a6.72,6.72,0,0,1-2.68,2.32A8.28,8.28,0,0,1,65.45,45.56ZM65,31.23a3.17,3.17,0,0,0-2.5,1.08,5.61,5.61,0,0,0-1.21,3h7.15v-.28a4.51,4.51,0,0,0-1-2.85A3.12,3.12,0,0,0,65,31.23Z"/><path class="cls-1" d="M85.38,45.25A5.87,5.87,0,0,1,85,43.69a5.84,5.84,0,0,1-4.39,1.87,5.93,5.93,0,0,1-4.12-1.44,4.58,4.58,0,0,1-1.59-3.55,4.76,4.76,0,0,1,2-4.11A9.64,9.64,0,0,1,82.52,35h2.3V33.94a2.94,2.94,0,0,0-.72-2.08,2.89,2.89,0,0,0-2.21-.78,3.32,3.32,0,0,0-2.11.64A2,2,0,0,0,79,33.35H75.21a4.17,4.17,0,0,1,.91-2.58A6.16,6.16,0,0,1,78.6,28.9a8.61,8.61,0,0,1,3.5-.68,7.06,7.06,0,0,1,4.69,1.47,5.29,5.29,0,0,1,1.79,4.15v7.55a8.61,8.61,0,0,0,.63,3.6v.26Zm-4.13-2.7a4.32,4.32,0,0,0,2.1-.54,3.63,3.63,0,0,0,1.47-1.46V37.4h-2a5.5,5.5,0,0,0-3.14.73,2.35,2.35,0,0,0-1,2,2.21,2.21,0,0,0,.72,1.73A2.82,2.82,0,0,0,81.25,42.55Z"/><path class="cls-1" d="M99.7,42.56a3.39,3.39,0,0,0,2.34-.82,2.77,2.77,0,0,0,1-2h3.54a5.48,5.48,0,0,1-1,2.91,6.29,6.29,0,0,1-2.47,2.14,7.3,7.3,0,0,1-3.37.79,7.16,7.16,0,0,1-5.57-2.27A9,9,0,0,1,92.13,37v-.38a8.87,8.87,0,0,1,2-6.12,7.05,7.05,0,0,1,5.56-2.29A6.9,6.9,0,0,1,104.6,30a6.21,6.21,0,0,1,2,4.56H103a3.45,3.45,0,0,0-1-2.36,3.18,3.18,0,0,0-2.35-.93,3.31,3.31,0,0,0-2.81,1.32,6.74,6.74,0,0,0-1,4v.61a6.84,6.84,0,0,0,1,4.06A3.29,3.29,0,0,0,99.7,42.56Z"/><path class="cls-1" d="M114.43,24.46v4.07h2.95v2.78h-2.95v9.34a2,2,0,0,0,.38,1.38,1.76,1.76,0,0,0,1.35.42,5.92,5.92,0,0,0,1.31-.15v2.91a9.49,9.49,0,0,1-2.47.35q-4.34,0-4.33-4.78V31.31h-2.75V28.53h2.75V24.46Z"/><path class="cls-1" d="M127.85,37.2h-8.11v-3h8.11Z"/><path class="cls-1" d="M146,37.06a10.05,10.05,0,0,1-1.74,6.2,5.67,5.67,0,0,1-4.78,2.3,5.44,5.44,0,0,1-4.58-2.12l-.19,1.81h-3.4V21.51H135v8.62a5.45,5.45,0,0,1,4.37-1.91,5.7,5.7,0,0,1,4.81,2.27A10.16,10.16,0,0,1,146,36.84Zm-3.76-.33a7.1,7.1,0,0,0-1-4.08,3.2,3.2,0,0,0-2.78-1.36A3.48,3.48,0,0,0,135,33.43v6.89a3.52,3.52,0,0,0,3.46,2.18,3.17,3.17,0,0,0,2.72-1.31,6.89,6.89,0,0,0,1-4Z"/><path class="cls-1" d="M148.71,36.73a9.83,9.83,0,0,1,1-4.42,7,7,0,0,1,2.74-3,7.65,7.65,0,0,1,4.05-1.06A7.29,7.29,0,0,1,162,30.4a8.63,8.63,0,0,1,2.28,5.78v.88a10,10,0,0,1-.95,4.42,7,7,0,0,1-2.72,3,7.68,7.68,0,0,1-4.09,1.07,7.24,7.24,0,0,1-5.67-2.36,9,9,0,0,1-2.12-6.28Zm3.76.33a6.73,6.73,0,0,0,1.06,4,3.73,3.73,0,0,0,5.93,0,7.43,7.43,0,0,0,1.06-4.35,6.63,6.63,0,0,0-1.09-4,3.5,3.5,0,0,0-3-1.48,3.45,3.45,0,0,0-2.92,1.46A7.33,7.33,0,0,0,152.47,37.06Z"/><path class="cls-1" d="M167.05,36.73a10,10,0,0,1,1-4.42,7.09,7.09,0,0,1,2.74-3,7.7,7.7,0,0,1,4.05-1.06,7.29,7.29,0,0,1,5.5,2.18,8.63,8.63,0,0,1,2.28,5.78v.88a9.86,9.86,0,0,1-.95,4.42,7,7,0,0,1-2.72,3,7.68,7.68,0,0,1-4.09,1.07,7.21,7.21,0,0,1-5.66-2.36,9,9,0,0,1-2.13-6.28Zm3.76.33a6.73,6.73,0,0,0,1.06,4,3.46,3.46,0,0,0,3,1.46,3.41,3.41,0,0,0,3-1.48,7.43,7.43,0,0,0,1.06-4.35,6.63,6.63,0,0,0-1.09-4,3.68,3.68,0,0,0-5.88,0A7.33,7.33,0,0,0,170.81,37.06Z"/><path class="cls-1" d="M195.47,40.71a1.7,1.7,0,0,0-.82-1.53,9,9,0,0,0-2.75-.93,14.37,14.37,0,0,1-3.2-1q-2.8-1.36-2.81-3.94a4.46,4.46,0,0,1,1.82-3.62,7.21,7.21,0,0,1,4.64-1.45,7.5,7.5,0,0,1,4.85,1.48A4.7,4.7,0,0,1,199,33.55h-3.75a2.31,2.31,0,0,0-.81-1.8,3.05,3.05,0,0,0-2.13-.72,3.35,3.35,0,0,0-2,.57,1.8,1.8,0,0,0-.78,1.53,1.52,1.52,0,0,0,.73,1.35,9.79,9.79,0,0,0,2.94,1,14.1,14.1,0,0,1,3.47,1.16,5,5,0,0,1,1.87,1.62,4.18,4.18,0,0,1,.61,2.29,4.37,4.37,0,0,1-1.87,3.65,7.93,7.93,0,0,1-4.9,1.4,8.75,8.75,0,0,1-3.67-.74,6.13,6.13,0,0,1-2.5-2,4.83,4.83,0,0,1-.9-2.8H189A2.66,2.66,0,0,0,190,42a3.91,3.91,0,0,0,2.46.72,3.79,3.79,0,0,0,2.26-.57A1.71,1.71,0,0,0,195.47,40.71Z"/><path class="cls-1" d="M207.46,24.46v4.07h2.95v2.78h-2.95v9.34a2.07,2.07,0,0,0,.38,1.38,1.76,1.76,0,0,0,1.35.42,6,6,0,0,0,1.32-.15v2.91a9.57,9.57,0,0,1-2.48.35c-2.88,0-4.33-1.59-4.33-4.78V31.31H201V28.53h2.75V24.46Z"/><path class="cls-1" d="M222.36,32a8.62,8.62,0,0,0-1.53-.13,3.44,3.44,0,0,0-3.48,2V45.25h-3.76V28.53h3.59l.09,1.87A4.22,4.22,0,0,1,221,28.22a3.6,3.6,0,0,1,1.33.21Z"/><path class="cls-1" d="M234.58,45.25a5.8,5.8,0,0,1-.44-1.56,6.31,6.31,0,0,1-8.5.43,4.58,4.58,0,0,1-1.59-3.55,4.76,4.76,0,0,1,2-4.11A9.62,9.62,0,0,1,231.72,35H234V33.94a2.63,2.63,0,0,0-2.94-2.86,3.31,3.31,0,0,0-2.1.64,2,2,0,0,0-.82,1.63H224.4a4.18,4.18,0,0,1,.92-2.58,6,6,0,0,1,2.48-1.87,8.57,8.57,0,0,1,3.5-.68A7,7,0,0,1,236,29.69a5.26,5.26,0,0,1,1.8,4.15v7.55a8.61,8.61,0,0,0,.63,3.6v.26Zm-4.13-2.7a4.26,4.26,0,0,0,2.09-.54A3.59,3.59,0,0,0,234,40.55V37.4h-2a5.46,5.46,0,0,0-3.13.73,2.35,2.35,0,0,0-1.05,2,2.24,2.24,0,0,0,.71,1.73A2.84,2.84,0,0,0,230.45,42.55Z"/><path class="cls-1" d="M256.68,37.06a9.92,9.92,0,0,1-1.77,6.19,6.11,6.11,0,0,1-9.13.5v7.93H242V28.53h3.46l.16,1.7a5.51,5.51,0,0,1,4.5-2,5.7,5.7,0,0,1,4.8,2.28,10.22,10.22,0,0,1,1.74,6.33Zm-3.75-.33a7,7,0,0,0-1-4,3.25,3.25,0,0,0-2.85-1.47,3.47,3.47,0,0,0-3.31,1.9v7.42a3.49,3.49,0,0,0,3.34,2,3.23,3.23,0,0,0,2.8-1.44A7.68,7.68,0,0,0,252.93,36.73Z"/><path class="cls-1" d="M267.46,37.2h-8.12v-3h8.12Z"/><path class="cls-1" d="M275.58,24.46v4.07h2.95v2.78h-2.95v9.34A2.07,2.07,0,0,0,276,42a1.76,1.76,0,0,0,1.35.42,6,6,0,0,0,1.32-.15v2.91a9.57,9.57,0,0,1-2.48.35q-4.32,0-4.32-4.78V31.31h-2.76V28.53h2.76V24.46Z"/><path class="cls-1" d="M291.71,45.25a5.87,5.87,0,0,1-.43-1.56,6.31,6.31,0,0,1-8.5.43,4.58,4.58,0,0,1-1.59-3.55,4.78,4.78,0,0,1,2-4.11A9.67,9.67,0,0,1,288.85,35h2.31V33.94a2.63,2.63,0,0,0-2.94-2.86,3.27,3.27,0,0,0-2.1.64,2,2,0,0,0-.82,1.63h-3.76a4.23,4.23,0,0,1,.91-2.58,6.16,6.16,0,0,1,2.48-1.87,8.65,8.65,0,0,1,3.51-.68,7,7,0,0,1,4.68,1.47,5.25,5.25,0,0,1,1.79,4.15v7.55a8.6,8.6,0,0,0,.64,3.6v.26Zm-4.12-2.7a4.26,4.26,0,0,0,2.09-.54,3.59,3.59,0,0,0,1.48-1.46V37.4h-2a5.5,5.5,0,0,0-3.14.73,2.35,2.35,0,0,0-1.05,2,2.21,2.21,0,0,0,.72,1.73A2.83,2.83,0,0,0,287.59,42.55Z"/><path class="cls-1" d="M313.84,37.06a10.05,10.05,0,0,1-1.74,6.2,5.66,5.66,0,0,1-4.78,2.3,5.45,5.45,0,0,1-4.58-2.12l-.18,1.81h-3.4V21.51h3.75v8.62a5.47,5.47,0,0,1,4.38-1.91,5.73,5.73,0,0,1,4.81,2.27,10.22,10.22,0,0,1,1.74,6.35Zm-3.75-.33a7.1,7.1,0,0,0-1-4.08,3.21,3.21,0,0,0-2.78-1.36,3.49,3.49,0,0,0-3.44,2.14v6.89a3.54,3.54,0,0,0,3.47,2.18,3.19,3.19,0,0,0,2.72-1.31,6.89,6.89,0,0,0,1-4Z"/><path class="cls-1" d="M321.3,45.25h-3.75V21.51h3.75Z"/><path class="cls-1" d="M333.07,45.56a7.74,7.74,0,0,1-5.78-2.25,8.15,8.15,0,0,1-2.22-6v-.46a10.13,10.13,0,0,1,1-4.48,7.45,7.45,0,0,1,2.72-3.07,7.16,7.16,0,0,1,3.89-1.09,6.54,6.54,0,0,1,5.28,2.18,9.21,9.21,0,0,1,1.86,6.16v1.52H328.85a5.08,5.08,0,0,0,1.39,3.28,4.15,4.15,0,0,0,3.05,1.2,5.1,5.1,0,0,0,4.21-2.08l2,1.93a6.72,6.72,0,0,1-2.68,2.32A8.29,8.29,0,0,1,333.07,45.56Zm-.44-14.33a3.17,3.17,0,0,0-2.5,1.08,5.61,5.61,0,0,0-1.21,3h7.15v-.28a4.51,4.51,0,0,0-1-2.85A3.12,3.12,0,0,0,332.63,31.23Z"/><path class="cls-1" d="M357.91,45.25H342.78V42.67l7.49-8.18a17.47,17.47,0,0,0,2.31-3,4.88,4.88,0,0,0,.69-2.43,3.7,3.7,0,0,0-.9-2.6,3.14,3.14,0,0,0-2.44-1,3.63,3.63,0,0,0-2.83,1.11,4.38,4.38,0,0,0-1,3.05h-3.76a7.34,7.34,0,0,1,.94-3.71A6.38,6.38,0,0,1,346,23.35a8.5,8.5,0,0,1,4-.92,7.63,7.63,0,0,1,5.18,1.65A5.73,5.73,0,0,1,357,28.63a7.81,7.81,0,0,1-.95,3.54A20,20,0,0,1,353,36.36l-5.5,5.89h10.45Z"/></svg>
\ No newline at end of file
diff --git a/website/static/img/logo/pure-color-square.svg b/website/static/img/logo/pure-color-square.svg
new file mode 100644
index 0000000..bc897b9
--- /dev/null
+++ b/website/static/img/logo/pure-color-square.svg
@@ -0,0 +1 @@
+<svg id="layer_1" data-name="layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72"><defs><style>.cls-1{fill:#059ae6;}.cls-2{fill:#0058b7;}</style></defs><title>logo square</title><polygon class="cls-1" points="22.76 59 22.76 64.35 49.24 51.13 49.24 43.88 44.45 41.5 44.45 48.17 22.76 59"/><polygon class="cls-2" points="22.76 20.87 22.76 47.98 27.55 45.59 27.55 23.83 44.45 15.39 44.45 23.02 33.06 28.71 33.06 31.9 49.24 39.97 49.24 34.62 40.58 30.3 49.24 25.98 49.24 7.65 22.76 20.87"/></svg>
\ No newline at end of file