<!-- 


,-.----.                                       ___                                         
\    /  \              ,---,                 ,--.'|_                                       
;   :    \           ,---.'|                 |  | :,'                      ,--,  __  ,-.   
|   | .\ :           |   | :                 :  : ' :                    ,'_ /|,' ,'/ /|   
.   : |: |    ,---.  :   : :      ,--.--.  .;__,'  /    ,--.--.     .--. |  | :'  | |' |   
|   |  \ :   /     \ :     |,-.  /       \ |  |   |    /       \  ,'_ /| :  . ||  |   ,'   
|   : .  /  /    /  ||   : '  | .--.  .-. |:__,'| :   .--.  .-. | |  ' | |  . .'  :  /     
;   | |  \ .    ' / ||   |  / :  \__\/: . .  '  : |__  \__\/: . . |  | ' |  | ||  | '      
|   | ;\  \'   ;   /|'   : |: |  ," .--.; |  |  | '.'| ," .--.; | :  | : ;  ; |;  : |      
:   ' | \.''   |  / ||   | '/ : /  /  ,.  |  ;  :    ;/  /  ,.  | '  :  `--'   \  , ;      
:   : :-'  |   :    ||   :    |;  :   .'   \ |  ,   /;  :   .'   \:  ,      .-./---'       
|   |.'     \   \  / /    \  / |  ,     .-./  ---`-' |  ,     .-./ `--`----'               
`---'        `----'  `-'----'   `--`---'              `--`---'                             
   ,---,                                       ___      ___                                
  '  .' \                ,---,               ,--.'|_  ,--.'|_                              
 /  ;    '.            ,---.'|               |  | :,' |  | :,'             __  ,-.         
:  :       \           |   | :               :  : ' : :  : ' :           ,' ,'/ /|         
:  |   /\   \          :   : :      ,---.  .;__,'  /.;__,'  /     ,---.  '  | |' |         
|  :  ' ;.   :         :     |,-.  /     \ |  |   | |  |   |     /     \ |  |   ,'         
|  |  ;/  \   \        |   : '  | /    /  |:__,'| : :__,'| :    /    /  |'  :  /           
'  :  | \  \ ,'        |   |  / :.    ' / |  '  : |__ '  : |__ .    ' / ||  | '            
|  |  '  '--'          '   : |: |'   ;   /|  |  | '.'||  | '.'|'   ;   /|;  : |            
|  :  :                |   | '/ :'   |  / |  ;  :    ;;  :    ;'   |  / ||  , ;            
|  | ,'                |   :    ||   :    |  |  ,   / |  ,   / |   :    | ---'             
`--''                  /    \  /  \   \  /    ---`-'   ---`-'   \   \  /                   
                       `-'----'    `----' ,--,                   `----'                    
                     __  ,-.            ,--.'|    ,---.        ,---,                       
     .---.         ,' ,'/ /|  .--.--.   |  |,    '   ,'\   ,-+-. /  |                      
   /.  ./|  ,---.  '  | |' | /  /    '  `--'_   /   /   | ,--.'|'   |                      
 .-' . ' | /     \ |  |   ,'|  :  /`./  ,' ,'| .   ; ,. :|   |  ,"' |                      
/___/ \: |/    /  |'  :  /  |  :  ;_    '  | | '   | |: :|   | /  | |                      
.   \  ' .    ' / ||  | '    \  \    `. |  | : '   | .; :|   | |  | |                      
 \   \   '   ;   /|;  : |     `----.   \'  : |_|   :    ||   | |  |/                       
  \   \  '   |  / ||  , ;    /  /`--'  /|  | '.'\   \  / |   | |--'                        
   \   \ |   :    | ---'    '--'.     / ;  :    ;`----'  |   |/                            
    '---" \   \  /            `--'---'  |  ,   /         '---'                             
           `----'             ,---,.     ---`-'      ___                                   
            .--.,           ,'  .' |               ,--.'|_                                 
   ,---.  ,--.'  \        ,---.'   |         ,--,  |  | :,'          ,--,  __  ,-.         
  '   ,'\ |  | /\/        |   |   .'       ,'_ /|  :  : ' :        ,'_ /|,' ,'/ /|         
 /   /   |:  : :          :   :  :    .--. |  | :.;__,'  /    .--. |  | :'  | |' | ,---.   
.   ; ,. ::  | |-,        :   |  |-,,'_ /| :  . ||  |   |   ,'_ /| :  . ||  |   ,'/     \  
'   | |: :|  : :/|        |   :  ;/||  ' | |  . .:__,'| :   |  ' | |  . .'  :  / /    /  | 
'   | .; :|  |  .'        |   |   .'|  | ' |  | |  '  : |__ |  | ' |  | ||  | ' .    ' / | 
|   :    |'  : '          '   :  '  :  | : ;  ; |  |  | '.'|:  | : ;  ; |;  : | '   ;   /| 
 \   \  / |  | |          |   |  |  '  :  `--'   \ ;  :    ;'  :  `--'   \  , ; '   |  / | 
  `----'  |  : \          |   :  \  :  ,      .-./ |  ,   / :  ,      .-./---'  |   :    | 
          |  |,'          |   | ,'   `--`----'      ---`-'   `--`----'           \   \  /  
          `--'            `----'                                                  `----'   
                                                                                           
                                                                                                                                                                 
 -->

<!DOCTYPE html>
<html lang="en">


<head>
	<title>Rebataur - A Kubernetes Application Consulting Company  </title>
	
	
	<!-- Meta -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Rebataur - A Kubernetes Application Consulting Company">
	<meta name="author" content="Rebataur at Rebataur Media">
	<link rel="shortcut icon" href="/static/favicon.ico/favicon.ico">


	<!-- https://css-tricks.com/essential-meta-tags-social-media/ -->
	<!--  Essential META Tags -->

	<meta property="og:title" content="Rebataur - A Kubernetes Application Consulting Company">
	<meta property="og:description" content="We provide tools, consulting, training and support in Kubernetes,Java, Spring Boot, Rails, Php, NodeJs, Flask,Django,Multi-Cloud,SaaS,AI/ML,Analytics,APIs,PostgreSQL,ReactJS,ReactNative so that your team can ship fast the features that will wow your customers.">
	<meta property="og:image" content="https://www.rebataur.com/static/assets/images/logo.png">
	<meta property="og:url" content="https://rebataur.com">
	<meta name="twitter:card" content="summary">
	<meta name="twitter:url" content="https://twitter.com/rebataur">
	<meta name="twitter:title" content="Rebataur - A Kubernetes Application Consulting Company">
	<meta name="twitter:description" content="Rebataur - A Kubernetes Application Consulting Company">
	<meta name="twitter:image" content="https://www.rebataur.com/static/assets/images/logo.png">


	<!--  Non-Essential, But Recommended -->

	<meta property="og:site_name" content="Rebataur - A Kubernetes Application Consulting Company">
	<meta name="twitter:image:alt" content="Rebataur - A Kubernetes Application Consulting Company">


	<!-- Google Font -->
	<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&amp;display=swap" rel="stylesheet">


	<link rel="stylesheet" type="text/css" href="/static/assets/fontawesome/css/all.min.css" charset="utf-8">
	<!-- Plugins CSS -->
	<link rel="stylesheet" type="text/css" href="/static/assets/plugins/owlcarousel/dist/assets/owl.carousel.min.css" charset="utf-8">
	<link rel="stylesheet" type="text/css"" href="/static/assets/plugins/owlcarousel/dist/assets/owl.theme.default.min.css" charset="utf-8">

	<link id="theme-style"  rel="stylesheet" type="text/css" href="/static/assets/css/theme.css" charset="utf-8">

	
	<link   <link rel="stylesheet" type="text/css"
		href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.2/styles/atom-one-dark.min.css">
	<!-- Fonts -->
	<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" >
	<!-- Theme CSS -->

	<link  rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Caveat&display=swap">

	<!-- Tilting Slideshow -->
	<!-- <link rel="stylesheet" href="/static/TiltedContentSlideshow/css/normalize.css" />
	<link rel="stylesheet" href="/static/TiltedContentSlideshow/css/component.css" /> -->


	<style>
		img.grayscale {
			/* background-image: url("/static/images/chaos1.jpg") !important; */
			/* background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("/static/images/chaos.jpg"); */
			/* opacity : 0.2  ; */
			filter: grayscale(80%);


			/* background-position-y: -100px; */
			;
		}


		/* http://css-flip-box-3d.firchow.net/ */
		/* https://css3playground.com/3d-flip-cards/ */

		.full-size,
		.flip-box .object,
		.flip-box .front,
		.flip-box .back {
			width: 100%;
			height: 100%;
		}

		.slice,
		.flip-box .front,
		.flip-box .back,
		.flip-box .flank {
			display: block;
			overflow: hidden;
			position: absolute;
		}

		.flip-box {
			top: 12px;
			display: inline-block;
			position: relative;
			z-index: 2;
			width: 170px;
			height: 56px;
			-webkit-perspective: 400px;
			-moz-perspective: 400px;
			-ms-perspective: 400px;
			-o-perspective: 400px;
			perspective: 400px;
		}

		.flip-box .object {
			position: absolute;
			-webkit-transition-property: -webkit-transform;
			-moz-transition-property: -moz-transform;
			-o-transition-property: -o-transform;
			transition-property: transform;
			-webkit-transition-duration: 1s;
			-moz-transition-duration: 1s;
			-o-transition-duration: 1s;
			transition-duration: 1s;
			-webkit-transition-timing-function: ease-in-out;
			-moz-transition-timing-function: ease-in-out;
			-o-transition-timing-function: ease-in-out;
			transition-timing-function: ease-in-out;
			-webkit-transform-style: preserve-3d;
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;
			-o-transform-style: preserve-3d;
			transform-style: preserve-3d;
			-webkit-transform: translateZ(-75px);
			-moz-transform: translateZ(-75px);
			-ms-transform: translateZ(-75px);
			-o-transform: translateZ(-75px);
			transform: translateZ(-75px);
		}

		.flip-box .object:hover,
		.flip-box .object:focus {
			-webkit-transition-property: -webkit-transform;
			-moz-transition-property: -moz-transform;
			-o-transition-property: -o-transform;
			transition-property: transform;
			-webkit-transition-duration: 0.5s;
			-moz-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
			transition-duration: 0.5s;
			-webkit-transition-timing-function: ease-in-out;
			-moz-transition-timing-function: ease-in-out;
			-o-transition-timing-function: ease-in-out;
			transition-timing-function: ease-in-out;
			-webkit-transform: translateZ(-75px) rotateY(180deg);
			-moz-transform: translateZ(-75px) rotateY(180deg);
			-ms-transform: translateZ(-75px) rotateY(180deg);
			-o-transform: translateZ(-75px) rotateY(180deg);
			transform: translateZ(-75px) rotateY(180deg);
		}

		.flip-box .front {
			z-index: 1;
			background-color: white;
			color: black;
			-webkit-transform: rotateY(0deg) translateZ(75px);
			-moz-transform: rotateY(0deg) translateZ(75px);
			-ms-transform: rotateY(0deg) translateZ(75px);
			-o-transform: rotateY(0deg) translateZ(75px);
			transform: rotateY(0deg) translateZ(75px);
		}

		.flip-box .back {
			z-index: 0;
			background-color: white;
			color: black;
			-webkit-transform: rotateY(180deg) translateZ(75px);
			-moz-transform: rotateY(180deg) translateZ(75px);
			-ms-transform: rotateY(180deg) translateZ(75px);
			-o-transform: rotateY(180deg) translateZ(75px);
			transform: rotateY(180deg) translateZ(75px);
		}

		.flip-box .flank {
			width: 170px;
			height: 200px;
			left: 75px;
			background-color: #fdc632;
			-webkit-transform: rotateY(-90deg) translateZ(150px);
			-moz-transform: rotateY(-90deg) translateZ(150px);
			-ms-transform: rotateY(-90deg) translateZ(150px);
			-o-transform: rotateY(-90deg) translateZ(150px);
			transform: rotateY(-90deg) translateZ(150px);
		}

		.flip-box.flip-up .object:hover,
		.flip-box.flip-up .object:focus {
			-webkit-transform: translateZ(-75px) rotateX(180deg);
			-moz-transform: translateZ(-75px) rotateX(180deg);
			-ms-transform: translateZ(-75px) rotateX(180deg);
			-o-transform: translateZ(-75px) rotateX(180deg);
			transform: translateZ(-75px) rotateX(180deg);
		}

		.flip-box.flip-up .back {
			-webkit-transform: rotateX(180deg) translateZ(75px);
			-moz-transform: rotateX(180deg) translateZ(75px);
			-ms-transform: rotateX(180deg) translateZ(75px);
			-o-transform: rotateX(180deg) translateZ(75px);
			transform: rotateX(180deg) translateZ(75px);
		}

		.flip-box.flip-up .flank {
			width: 170px;
			height: 150px;
			left: 0;
			top: -120px;
			-webkit-transform: rotateX(-90deg) translateZ(100px);
			-moz-transform: rotateX(-90deg) translateZ(100px);
			-ms-transform: rotateX(-90deg) translateZ(100px);
			-o-transform: rotateX(-90deg) translateZ(100px);
			transform: rotateX(-90deg) translateZ(100px);
		}

		.flip-box.alternative .front {
			background-color: #931e83;
		}

		.flip-box.alternative .back {
			background-color: #bd27a9;
		}

		.flip-box.alternative .flank {
			background-color: #69155d;
		}

		.no-csstransforms3d .flip-box .object {
			position: relative;
			overflow: hidden;
			-webkit-transform-style: none;
			-moz-transform-style: none;
			-ms-transform-style: none;
			-o-transform-style: none;
			transform-style: none;
		}

		.no-csstransforms3d .flip-box .object .back {
			top: 300px;
			z-index: 0;
			-webkit-transition-property: top;
			-moz-transition-property: top;
			-o-transition-property: top;
			transition-property: top;
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-timing-function: ease-in-out;
			-moz-transition-timing-function: ease-in-out;
			-o-transition-timing-function: ease-in-out;
			transition-timing-function: ease-in-out;
		}

		.no-csstransforms3d .flip-box .object:hover .back {
			top: 0;
			z-index: 1;
		}

		.no-csstransforms3d .flip-box .flank {
			display: none;
		}

		/* Internet Explorer 10 only */
		@media screen and (-ms-high-contrast: active),
		(-ms-high-contrast: none) {
			.object {
				position: relative;
				overflow: hidden;
				transform: none !important;
			}

			.object .back {
				top: 300px;
				z-index: 0;
				-webkit-transition-property: all;
				-moz-transition-property: all;
				-o-transition-property: all;
				transition-property: all;
				-webkit-transition-duration: 0.3s;
				-moz-transition-duration: 0.3s;
				-o-transition-duration: 0.3s;
				transition-duration: 0.3s;
				-webkit-transition-timing-function: ease-in-out;
				-moz-transition-timing-function: ease-in-out;
				-o-transition-timing-function: ease-in-out;
				transition-timing-function: ease-in-out;
			}

			.object:hover .back {
				top: 0;
				z-index: 1;
				transform: rotateY(0deg) translateZ(0);
			}
		}


		/****************************************************************/
		/*
 * Version: 1.0
 * Author: Andre Firchow
 *

 */
		.thumbnail-effect {
			display: block;
			width: 310px;
			height: 210px;
			overflow: hidden;
			position: relative;
			background: cyan;
			-webkit-transition-property: all;
			-moz-transition-property: all;
			-o-transition-property: all;
			transition-property: all;
			-webkit-transition-duration: 0.5s;
			-moz-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
			transition-duration: 0.5s;
			-webkit-transition-timing-function: ease-in-out;
			-moz-transition-timing-function: ease-in-out;
			-o-transition-timing-function: ease-in-out;
			transition-timing-function: ease-in-out;
		}

		.thumbnail-effect span {
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			-webkit-transition-property: all;
			-moz-transition-property: all;
			-o-transition-property: all;
			transition-property: all;
			-webkit-transition-duration: 0.5s;
			-moz-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
			transition-duration: 0.5s;
			-webkit-transition-timing-function: ease-in-out;
			-moz-transition-timing-function: ease-in-out;
			-o-transition-timing-function: ease-in-out;
			transition-timing-function: ease-in-out;
		}

		.thumbnail-effect:hover span {
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			transform: rotate(90deg);
		}

		.thumbnail-effect img {
			position: absolute;
			top: 5px;
			left: 5px;
		}

		.thumbnail-effect .square-1 {
			-webkit-transform-origin: 100% 100%;
			-moz-transform-origin: 100% 100%;
			-ms-transform-origin: 100% 100%;
			-o-transform-origin: 100% 100%;
			transform-origin: 100% 100%;
			background: magenta;
			top: -50%;
			left: -50%;
		}

		.thumbnail-effect .square-2 {
			-webkit-transform-origin: 100% 0%;
			-moz-transform-origin: 100% 0%;
			-ms-transform-origin: 100% 0%;
			-o-transform-origin: 100% 0%;
			transform-origin: 100% 0%;
			background: yellow;
			top: 50%;
			left: -50%;
		}

		.thumbnail-effect .square-3 {
			-webkit-transform-origin: 0% 100%;
			-moz-transform-origin: 0% 100%;
			-ms-transform-origin: 0% 100%;
			-o-transform-origin: 0% 100%;
			transform-origin: 0% 100%;
			background: lime;
			top: -50%;
			left: 50%;
		}

		.thumbnail-effect.perspective-x {
			-webkit-transform: perspective(1000px) rotateX(30deg);
			-moz-transform: perspective(1000px) rotateX(30deg);
			-ms-transform: perspective(1000px) rotateX(30deg);
			-o-transform: perspective(1000px) rotateX(30deg);
			transform: perspective(1000px) rotateX(30deg);
			-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 5px 10px;
			-moz-box-shadow: rgba(0, 0, 0, 0.8) 0 5px 10px;
			box-shadow: rgba(0, 0, 0, 0.8) 0 5px 10px;
		}

		.thumbnail-effect.perspective-x:hover {
			-webkit-transform: perspective(600px) rotateX(0deg);
			-moz-transform: perspective(600px) rotateX(0deg);
			-ms-transform: perspective(600px) rotateX(0deg);
			-o-transform: perspective(600px) rotateX(0deg);
			transform: perspective(600px) rotateX(0deg);
			-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px;
			-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px;
			box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px;
		}

		.thumbnail-effect.perspective-y {
			-webkit-transform: perspective(1000px) rotateY(30deg);
			-moz-transform: perspective(1000px) rotateY(30deg);
			-ms-transform: perspective(1000px) rotateY(30deg);
			-o-transform: perspective(1000px) rotateY(30deg);
			transform: perspective(1000px) rotateY(30deg);
			-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 5px 10px;
			-moz-box-shadow: rgba(0, 0, 0, 0.8) 0 5px 10px;
			box-shadow: rgba(0, 0, 0, 0.8) 0 5px 10px;
		}

		.thumbnail-effect.perspective-y:hover {
			-webkit-transform: perspective(600px) rotateY(0deg);
			-moz-transform: perspective(600px) rotateY(0deg);
			-ms-transform: perspective(600px) rotateY(0deg);
			-o-transform: perspective(600px) rotateY(0deg);
			transform: perspective(600px) rotateY(0deg);
			-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px;
			-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px;
			box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px;
		}

		.thumbnail-effect.color-alternate-1 {
			background: blue;
		}

		.thumbnail-effect.color-alternate-1 .square-1 {
			background: orange;
		}

		.thumbnail-effect.color-alternate-1 .square-2 {
			background: green;
		}

		.thumbnail-effect.color-alternate-1 .square-3 {
			background: red;
		}

		.thumbnail-effect.color-alternate-2 {
			background: #cccccc;
		}

		.thumbnail-effect.color-alternate-2 .square-1 {
			background: #999999;
		}

		.thumbnail-effect.color-alternate-2 .square-2 {
			background: white;
		}

		.thumbnail-effect.color-alternate-2 .square-3 {
			background: #666666;
		}


		@media(min-width:900px) {
			.thumbnail-effect {
				width: 700px;
				height: 410px;
			}
		}

		#loading_gif {
			position: absolute;
			width: 100%;
			height: 100%;
			background: url("/static/assets/images/loader.gif") no-repeat center center;
		}
	</style>
	
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WC6QVT6DV9"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-WC6QVT6DV9');
</script>
</head>

<body>
	<!-- <div id="loading_gif"></div> -->	
	<header class="header fixed-top">
		<div class="branding">
			<div class="container-fluid position-relative">
				<nav class="navbar navbar-expand-lg">
					<div class="site-logo"><a class="navbar-brand" href="/">
							<!-- <img
								style="height:40px;width:40px;" class="logo-icon mr-2"
								src="/static/assets/images/rebataur_logo_black_bg.png" alt="logo"> -->

							
							<img style="height:40px;width:40px;border-radius: 50px;" class="logo-icon mr-2"
								src="/static/assets/images/logo.png" alt="logo">
							<span class="logo-text" style="font-family: 'Livvic', sans-serif;">Rebataur<span
									class="text-alt"></span></span></a></div>

					<div style="display:block;font-family: 'Caveat', cursive;">A  <div class="full-stack-twist"><u>"Kubernetes & Application"</u></div> Consulting Company</div>

					<button class="navbar-toggler collapsed" type="button" data-toggle="collapse"
						data-target="#navigation" aria-controls="navigation" aria-expanded="false"
						aria-label="Toggle navigation">
						<span> </span>
						<span> </span>
						<span> </span>
					</button>

					<div class="collapse navbar-collapse" id="navigation">
						<ul class="social-list list-inline mt-3 mt-lg-0 mb-lg-0 d-flex ml-lg-5 mr-lg-5">
							<li class="list-inline-item"><a href="https://github.com/rebataur" target="_blank"><i
										class="fab fa-github fa-fw"></i></a></li>
							<li class="list-inline-item"><a href="https://twitter.com/rebataur" target="_blank"><i
										class="fab fa-twitter fa-fw"></i></a></li>
							<li class="list-inline-item"><a href="https://www.linkedin.com/company/rebataur.com"
									target="_blank"><i class="fab fa-linkedin fa-fw"></i></a></li>

							<!-- <li class="list-inline-item"><a href="#"><i class="fab fa-product-hunt fa-fw"></i></a></li> -->
						</ul>
						<!--//social-list-->
						<ul class="navbar-nav ml-lg-auto">


							<li class="nav-item dropdown mr-lg-4">
								<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
									data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
									Offerings
								</a>
								<div class="dropdown-menu dropdown-menu-right rounded shadow menu-animate slideIn"
									aria-labelledby="navbarDropdown">

									<div class="dropdown-divider m-0"></div>
									<a class="dropdown-item has-icon" href="/projects"><span
											class="theme-icon-holder mr-2"><i
												class="fas fa-box fa-fw"></i></span>Projects</a>

									<a class="dropdown-item has-icon" href="/tools"><span
											class="theme-icon-holder mr-2"><i
												class="fas fa-arrow-down fa-fw"></i></span>Tools</a>
									<a class="dropdown-item has-icon" href="/offerings"><span
											class="theme-icon-holder mr-2"><i
												class="fas fa-cogs fa-fw"></i></span>Services</a>
									<!-- <a class="dropdown-item has-icon" href="docs-page.html#section-5"><span class="theme-icon-holder mr-2"><i class="fas fa-tools fa-fw"></i></span>Utilities</a>
						            <a class="dropdown-item has-icon" href="docs-page.html#section-6"><span class="theme-icon-holder mr-2"><i class="fas fa-laptop-code fa-fw"></i></span>Web</a>
						            <a class="dropdown-item has-icon" href="docs-page.html#section-7"><span class="theme-icon-holder mr-2"><i class="fas fa-tablet-alt fa-fw"></i></span>Mobile</a>
						            <a class="dropdown-item has-icon" href="docs-page.html#section-8"><span class="theme-icon-holder mr-2"><i class="fas fa-book-reader fa-fw"></i></span>Resources</a>
						            <a class="dropdown-item has-icon" href="docs-page.html#section-9"><span class="theme-icon-holder mr-2"><i class="fas fa-lightbulb fa-fw"></i></span>FAQs</a> -->
								</div>
							</li>

							<li class="nav-item mr-lg-4">
								<a class="nav-link" href="/blogs/">Blogs</a>
							</li>
							<li class="nav-item mr-lg-4">
								<a class="nav-link" href="/jobs">Jobs</a>
							</li>
							<li class="nav-item mr-lg-4">
								<a class="nav-link" href="/about">About</a>
							</li>
							<li class="nav-item mr-lg-4">
								<a class="nav-link" href="/contact">Contact</a>
							</li>
							
							<li class="nav-item mr-lg-4">
								<a class="nav-link" href="/accounts/login">Login</a>
							</li>
							
							<li class="nav-item mr-lg-4">
								<a class="nav-link" href="/contact"></a>
							</li>
							
							
						</ul>
					</div>
				</nav>

			</div>
			<!--//container-->
		</div>
		<!--//branding-->
	</header>
	<!--//header-->


<style>
	@media screen and (max-width: 600px) {
		.hide_on_mobile {
			visibility: hidden;
			clear: both;
			float: left;
			margin: 10px auto 5px 20px;
			width: 28%;
			display: none;
		}
	}

	.show_on_mobile {
		display: none;
	}

	@media screen and (max-width: 500px) {
		.show_on_mobile {
			display: block;
		}
	}

	/* ol.slides > li > div{
		border:1px solid black;
	}
	ol.slides > li > div[:first-child]{
		margin-right:10px;
		border:1px solid black;
	} */
	ul.list-unstyled {
		width: 90%;
	}
</style>

<section class="hero-section py-3 py-md-5 show_on_mobile">
	<div class="container">
		<div class="row">
			<div class="col-12 col-lg-6 pt-3 mb-5 mb-lg-0">
				<!-- Mobile SITE -->
				<center>
				<h1 class="site-headline font-weight-bold mb-3">We are full-stack
					<div class="full-stack-twist" style="font-family: 'Caveat', cursive;"><u>
						<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/39/Kubernetes_logo_without_workmark.svg/926px-Kubernetes_logo_without_workmark.svg.png"
							height="auto" width=60 />Kubernetes</u>

				</div>
				<br>
			&
				<br>
				<div class="full-stack-twist-blue" style="font-family: 'Caveat', cursive;"><u>
						<img src="https://d33wubrfki0l68.cloudfront.net/53bfe94ccf2b458dd87509be951adc77a6c7d477/64f19/assets/img/skills/web-skill.png"
							height="auto" width=60 />Application</u></div> Consulting Company
					<div class="flip-box flip-up">
						<div class="object">
							<div class="front">
								<div class="flip-content">
									Startups
								</div>
							</div>
							<div class="back">
								<div class="flip-content">
									Companies
								</div>
							</div>
							<div class="flank">
								<center>
									<h1 style="vertical-align: middle;font-size: 2em;color:white">&</h1>
								</center>
							</div>
						</div>
					</div>
				</h1>
			</center>
				<!-- <h1 class="site-headline font-weight-bold mb-3"  style="font-family: 'Caveat', cursive;">Products & Solutions</h1> -->
				<div class="site-tagline mb-4">We provide tools, consulting, training and support in <span
						id="typewriter-mobile" class="text-primary font-weight-bold"></span> so
					that your team can ship fast the features that will wow your customers.

				</div>
				<div class="cta-btns mb-lg-3">
					<a class="btn btn-primary mb-3" href="/projects">Projects<i
							class="fas fa-arrow-alt-circle-right ml-2"></i></a>

					<a class="btn btn-primary mb-3" href="/tools">Tools<i
							class="fas fa-arrow-alt-circle-right ml-2"></i></a>

					<a class="btn btn-primary mb-3" href="/offerings">Services<i
							class="fas fa-arrow-alt-circle-right ml-2"></i></a>

				</div>
				<div class="alert alert-success" role="alert">
					Check out our opensource tool <a class="btn btn-success" style="display: inline-block;"
						href="/tools">fsKube</a>
				</div>
			</div>
			<div class="col-12 col-lg-6 text-center" data-tilt>
				<img class="hero-figure mx-auto" src="/static/assets/images/promo-figure-alt.svg" alt="">
				<!-- <iframe width="100%" height="315" src="https://www.youtube.com/embed/eYunNPJmq0k" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->

			</div>

			<form class="signup-form form-inline pt-3" method="POST" ic-post-to="/notify/">
				<input type="hidden" name="csrfmiddlewaretoken" value="2P6g0DbOqyUnjfH1yRCv7B1OvcDZH7F7ZyyW1GqId2zUmGJbJ98M07kczdmnHb2t">
				<div class="form-group">
					<label class="sr-only" for="semail">Email address</label>
					<input type="email" id="semail" name="email" class="form-control mr-md-1 semail"
						placeholder="Enter email" required="true" type="email">
					<input type="name" id="name" name="name" hidden value="lead_request_demo">
					<input type="message" id="message" name="message" hidden value="lead_request_demo">
				</div>
				<button type="submit" class="btn btn-primary">Request Demo</button>
			</form>

		</div>
		<!--//row-->
	</div>

</section>


<style>
	div.full-stack-twist {
		color: darkseagreen;
		font-style: italic;
		transform: rotate(-3deg);
		display: inline-block;

	}

	div.full-stack-twist-blue {
		color: darkblue;
		font-style: italic;
		transform: rotate(-3deg);
		display: inline-block;

	}
</style>

<section class="hero-section py-3 py-md-5 hide_on_mobile">
	<div class="container">
		<div class="row">
			<div class="col-12 col-lg-6 pt-3 mb-5 mb-lg-0">
				<!-- FUll SITE -->
				<h1 class="site-headline font-weight-bold mb-3">We are full-stack
					<div class="full-stack-twist-blue" style="font-family: 'Caveat', cursive;"><u>
							<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/39/Kubernetes_logo_without_workmark.svg/926px-Kubernetes_logo_without_workmark.svg.png"
								height="auto" width=60 />Kubernetes</u>

					</div>
					&
					<div class="full-stack-twist" style="font-family: 'Caveat', cursive;"><u>
							<img src="https://d33wubrfki0l68.cloudfront.net/53bfe94ccf2b458dd87509be951adc77a6c7d477/64f19/assets/img/skills/web-skill.png"
								height="auto" width=60 />Application</u></div> Consulting Company
				</h1>
				<div class="site-tagline mb-4">We provide tools, consulting, training and support in <span
						id="typewriter" class="text-primary font-weight-bold"></span> so
					that your team can ship fast the features that will wow your customers.

				</div>
			</div>
			<div class="col-12 col-lg-6 text-center">
				<img class="hero-figure mx-auto" src="static/assets/images/promo-figure-alt.svg" alt="">
				<!-- <iframe width="100%" height="100%" src="https://www.youtube.com/embed/eYunNPJmq0k" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->
			</div>
			<div class="alert alert-success" role="alert">
				Check out our opensource tool <a class="btn btn-success" href="/tools">fsKube</a>
			</div>
		</div>
		<div class="row">


			<div class="cta-btns mb-lg-3">
				<form class="signup-form form-inline pt-3" method="POST" ic-post-to="/notify/">
					<input type="hidden" name="csrfmiddlewaretoken" value="2P6g0DbOqyUnjfH1yRCv7B1OvcDZH7F7ZyyW1GqId2zUmGJbJ98M07kczdmnHb2t">
					<div class="form-group">
						<label class="sr-only" for="semail">Email address</label>
						<input type="email" id="semail" name="email" class="form-control mr-md-1 semail"
							placeholder="Enter email" required="true" type="email">
						<input type="name" id="name" name="name" hidden value="lead_request_demo">
						<input type="message" id="message" name="message" hidden value="lead_request_demo">
					</div>
					<button type="submit" class="btn btn-primary">Contact Us</button>
				</form>

			</div>
		</div>
	</div><!-- /container -->

</section>


<section class="benefits-section theme-bg-light py-5">
	<div class="container">
		<h3 class="mb-2 text-center font-weight-bold section-title">Accelerate Time to Market</h3>
		<div class="mb-5 text-center section-intro">With our strong technical expertise in AWS, Kubernetes and
			DevSecOps & Full Stack Development</div>
		<div class="row">
			<div class="item col-12 col-md-6 col-lg-3">
				<div class="item-inner rounded">
					<div class="icon-holder text-center mx-auto mb-3">
						<i class="fas fa-shapes"></i>
					</div>
					<!--//icon-holder-->
					<h5 class="mb-3">Tech Stack</h5>
					<div>We bring deep technical expertise and know how, delivering end to end solutions, we go above
						and beyond what you require to provide your team with seamless setup so that they can be highly
						productive.</div>
					<!-- <div class="mt-2"><a href="features.html">Learn more &rarr;</a></div> -->
				</div>
				<!--//item-inner-->
			</div>
			<!--//item-->

			<div class="item col-12 col-md-6 col-lg-3">
				<div class="item-inner rounded">
					<div class="icon-holder text-center mx-auto mb-3">
						<i class="fas fa-angle-double-right"></i>
					</div>
					<!--//icon-holder-->
					<h5 class="mb-3">Lightening Fast</h5>
					<div>With our emphasis on automation and Infrastructure as Code(IaC) we can setup your entire
						Kubernetes cluster on AWS with integrated DevSecOps pipeline with all the best practices baked
						in.</div>
					<!-- <div class="mt-2"><a href="features.html">Learn more &rarr;</a></div> -->
				</div>
				<!--//item-inner-->
			</div>
			<!--//item-->

			<div class="item col-12 col-md-6 col-lg-3">
				<div class="item-inner rounded">
					<div class="icon-holder text-center mx-auto mb-3">
						<i class="fas fa-wrench"></i>
					</div>
					<!--//icon-holder-->
					<h5 class="mb-3">Extendable</h5>
					<div>All our services are based on best of breed opensource technology. They can be customized,
						modified or enhanced to further suit your need. Everything is in your cloud, under your control
						and fully documented.</div>
					<!-- <div class="mt-2"><a href="features.html">Learn more &rarr;</a></div> -->
				</div>
				<!--//item-inner-->
			</div>
			<!--//item-->

			<div class="item col-12 col-md-6 col-lg-3">
				<div class="item-inner rounded">
					<div class="icon-holder text-center mx-auto mb-3">
						<i class="fas fa-book"></i>
					</div>
					<!--//icon-holder-->
					<h5 class="mb-3">Fully Documented</h5>
					<div>We provide full documentation of all our services, easy to follow steps, so that your team can
						be highly productive. We also provide best practices, architectural and technology proposals to
						assist in decision making.</div>
					<!-- <div class="mt-2"><a href="docs.html">View docs &rarr;</a></div> -->
				</div>
				<!--//item-inner-->
			</div>
			<!--//item-->

		</div>
		<!--//row-->
		<div class="pt-3 text-center">
			<a class="btn btn-light" href="/offerings">View Offerings<i
					class="fas fa-arrow-alt-circle-right ml-2"></i></a>
		</div>
	</div>

</section>
<!--//benefits-section-->

<section class="how-section py-5">
	<div class="container">
		<h3 class="mb-2 text-center font-weight-bold section-title">How Does It Work</h3>
		<div class="mb-5 text-center section-intro">You're only a few simple steps away</div>

		<div class="row">
			<div class="item col-12 col-md-4">
				<div class="icon-holder">
					<img src="/static/assets/images/streamline-free/monitor-loading-progress.svg" alt="">
					<div class="arrow-holder d-none d-lg-inline-block"></div>
				</div>
				<!--//icon-holder-->
				<div class="desc p-3">
					<h5><span class="step-count mr-2">1</span>Enable</h5>
					<p>With our deep expertise in Kubernetes, DevSecOps and several frameworks, we bring in years of
						expertise and proven methodologies in tools that you can use to completely automate all of your
						Kubernetes infrastructure along with entire components and DevSecOps pipeline within minutes.
					</p>
				</div>
				<!--//desc-->
			</div>
			<!--//item-->
			<div class="item col-12 col-md-4">
				<div class="icon-holder">
					<img src="/static/assets/images/streamline-free/monitor-window.svg" alt="">
					<div class="arrow-holder d-none d-lg-inline-block"></div>
				</div>
				<!--//icon-holder-->
				<div class="desc p-3">
					<h5><span class="step-count mr-2">2</span>Deploy</h5>
					<p>We bring in our tools such as "fsKube" to rapidly enable you on Kubernetes with all the necessary
						tools and technologies, your favorite framework templates, and complete automated hands free
						DevSecOps, so that your team can get a headstart in building your product.
					</p>
				</div>
				<!--//desc-->
			</div>
			<!--//item-->
			<div class="item col-12 col-md-4">
				<div class="icon-holder">
					<img src="/static/assets/images/streamline-free/monitor-cash-credit-card.svg" alt="">
				</div>
				<!--//icon-holder-->
				<div class="desc p-3">
					<h5><span class="step-count mr-2">3</span>Launch</h5>
					<p>WYou would have a production system with DevSecOps within few initial
						sprints. Launch would be just you opening to your customer. We have your complete DevSecOps
						lifecycle covered, with blue/green rollout and rollback if things go wrong, with periodic backup
						and restore capabilites.</p>
				</div>
				<!--//desc-->
			</div>
			<!--//item-->
		</div>
		<!--//row-->
	</div>
	<!--//container-->
</section>
<!--//how-section-->

<section class="features-section py-5">
	<div class="container">
		<div class="row">
			<div class="col-12 col-md-5 order-md-1">
				<div class="nav flex-column" id="features-tabs" role="tablist" aria-orientation="vertical">
					<a class="nav-link active rounded" id="tab-1" data-toggle="pill" href="#tab-content-1" role="tab"
						aria-controls="tab-1" aria-selected="true">
						<span class="tab-heading"><span class="tab-icon mr-2"> <i
									class="fas fa-lightbulb"></i></span>Understand & Ideate</span>
						<span class="tab-heading-desc">We try and understand your vision, your ideas and the outcomes
							you expect from us.</span>
					</a>
					<a class="nav-link rounded" id="tab-2" data-toggle="pill" href="#tab-content-2" role="tab"
						aria-controls="tab-2" aria-selected="false">
						<span class="tab-heading"><span class="tab-icon mr-2"><i
									class="fab fa-codepen"></i></span>Define & Refine</span>
						<span class="tab-heading-desc">We define what would be a minimal infrastructure for you start
							your development and iteratively evolve the architecture along with you.</span>
					</a>
					<a class="nav-link rounded" id="tab-3" data-toggle="pill" href="#tab-content-3" role="tab"
						aria-controls="tab-3" aria-selected="false">
						<span class="tab-heading"><span class="tab-icon mr-2"><i class="fas fa-code"></i></span>Deploy
							& Iterate</span>
						<span class="tab-heading-desc">We iteratively deploy using Agile/Scrum methodology using our
							automation tools, continously taking feedback and adapting.</span>
					</a>
					<a class="nav-link rounded" id="tab-4" data-toggle="pill" href="#tab-content-4" role="tab"
						aria-controls="tab-4" aria-selected="false">
						<span class="tab-heading"><span class="tab-icon mr-2"><i class="fas fa-rocket"></i></span>Launch
							& Test</span>
						<span class="tab-heading-desc">We do exhaustive testing, prepare production with SSL
							certificates, data backup, scalability configuration and recovery options before
							launching.</span>
					</a>
					<a class="nav-link rounded" id="tab-5" data-toggle="pill" href="#tab-content-5" role="tab"
						aria-controls="tab-5" aria-selected="false">
						<span class="tab-heading"><span class="tab-icon mr-2"><i
									class="fas fa-exchange-alt"></i></span>Support & Change</span>
						<span class="tab-heading-desc">We provide you post-launch support, helping you with continous
							updates, bug fixes, new features.</span>
					</a>
				</div>
				<!--//nav-->
			</div>
			<!--//col-3-->
			<div class="col-12 col-md-7 order-md-0">
				<div class="tab-content" id="features-content">

					<div class="tab-pane fade show active" id="tab-content-1" role="tabpanel" aria-labelledby="tab-1">

						<figure class="figure mx-auto">
							<img class="figure-img img-fluid rounded shadow-lg grayscale"
								src="/static/assets/images/fotontheme/ideate.jpg" alt="">

							<figcaption class="figure-caption caption shadow-lg theme-bg-dark text-white mx-auto mt-3">
								<i class="fas fa-info-circle mr-2"></i>Essential to get the vision, idea and the market
								right.</a>
							</figcaption>
						</figure>
					</div>
					<!--//tab-pane-->

					<div class="tab-pane fade" id="tab-content-2" role="tabpanel" aria-labelledby="tab-2">
						<figure class="figure mx-auto">
							<img class="figure-img img-fluid rounded shadow-lg grayscale"
								src="/static/assets/images/fotontheme/design.jpg" alt="">

							<figcaption class="figure-caption caption shadow-lg theme-bg-dark text-white mx-auto mt-3">
								<i class="fas fa-info-circle mr-2"></i>Capture the core essential of the
								Product/Solution to launch and see adoption.
							</figcaption>
						</figure>
					</div>
					<!--//tab-pane-->

					<div class="tab-pane fade" id="tab-content-3" role="tabpanel" aria-labelledby="tab-3">
						<figure class="figure mx-auto">
							<img class="figure-img img-fluid rounded shadow-lg grayscale"
								src="/static/assets/images/fotontheme/develop.jpg" alt="">
							<figcaption class="figure-caption caption shadow-lg theme-bg-dark text-white mx-auto mt-3">
								<i class="fas fa-info-circle mr-2"></i>Start on a solid ground, Continously evolve your
								architecture, empower your teams to focus on your customer and business logic.
							</figcaption>
						</figure>
					</div>
					<!--//tab-pane-->

					<div class="tab-pane fade text-center" id="tab-content-4" role="tabpanel" aria-labelledby="tab-4">
						<figure class="figure mx-auto">
							<img class="figure-img img-fluid rounded shadow-lg grayscale"
								src="/static/assets/images/fotontheme/launch.jpg" alt="">
							<figcaption class="figure-caption caption shadow-lg theme-bg-dark text-white mx-auto mt-3">
								<i class="fas fa-info-circle mr-2"></i>Launch fast, test the product market fit, iterate
								or pivot fast.
							</figcaption>
						</figure>
					</div>
					<!--//tab-pane-->
					<div class="tab-pane fade text-center" id="tab-content-5" role="tabpanel" aria-labelledby="tab-5">
						<figure class="figure mx-auto">
							<img class="figure-img img-fluid rounded shadow-lg grayscale"
								src="/static/assets/images/fotontheme/support.jpg" alt="">
							<figcaption class="figure-caption caption shadow-lg theme-bg-dark text-white mt-3"><i
									class="fas fa-info-circle mr-2"></i>Continous Monitoring, Support, Patches, Bug
								Fixes and Enhancements.</figcaption>
						</figure>
					</div>
					<!--//tab-pane-->
				</div>
				<!--//tab-content-->
			</div>
			<!--//col-9-->
		</div>
		<!--//row-->
</section>
<!--//features-section-->
<div class="container">
	<hr>
</div>


<div class="container">
	<hr>
</div>
<section class="integration-section text-center py-5">
	<div class="container">
		<h3 class="mb-2">Seamless Integrations</h3>
		<div class="section-intro mb-3">We can help integrate with everything that your business needs to, to serve your
			customers</div>
		<div class="integration-list row justify-content-center py-5">
			<div class="item col-4 col-md-3 col-lg-2 mb-3 mb-lg-5 top-line-lg"><img class="shadow rounded-circle"
					src="/static/assets/images/logos/slack.svg" alt=""></div>
			<div class="item col-4 col-md-3 col-lg-2 mb-3 mb-lg-5 bottom-line-lg"><img class="shadow rounded-circle"
					src="/static/assets/images/logos/jira.svg" alt=""></div>
			<div class="item col-4 col-md-3 col-lg-2 mb-3 mb-lg-5 top-line-lg"><img class="shadow rounded-circle"
					src="/static/assets/images/logos/trello.svg" alt=""></div>
			<div class="item col-4 col-md-3 col-lg-2 mb-3 mb-lg-5 bottom-line-lg"><img class="shadow rounded-circle"
					src="/static/assets/images/logos/aws.svg" alt=""></div>
			<div class="item col-4 col-md-3 col-lg-2 mb-3 mb-lg-5 top-line-lg"><img class="shadow rounded-circle"
					src="/static/assets/images/logos/bootstrap.svg" alt=""></div>
			<div class="item col-4 col-md-3 col-lg-2 mb-3 mb-lg-5"><img class="shadow rounded-circle"
					src="/static/assets/images/logos/wordpress.svg" alt=""></div>
			<div class="item col-4 col-md-3 col-lg-2 mb-3 mb-lg-5 top-line-lg"><img class="shadow rounded-circle"
					src="/static/assets/images/logos/shopify.svg" alt=""></div>
			<div class="item col-4 col-md-3 col-lg-2 mb-3 mb-lg-5 bottom-line-lg"><img class="shadow rounded-circle"
					src="/static/assets/images/logos/ionic.svg" alt=""></div>
			<div class="item col-4 col-md-3 col-lg-2 mb-3 mb-lg-5 top-line-lg"><img class="shadow rounded-circle"
					src="/static/assets/images/logos/paypal.svg" alt=""></div>
			<div class="item col-4 col-md-3 col-lg-2 mb-3 mb-lg-5 bottom-line-lg"><img class="shadow rounded-circle"
					src="/static/assets/images/logos/stripe.svg" alt=""></div>
			<div class="item col-4 col-md-3 col-lg-2 mb-3 mb-lg-5"><img class="shadow rounded-circle"
					src="/static/assets/images/logos/apple-pay.svg" alt=""></div>
		</div>
		<!--//row-->

</section>
<!--//intergration-section-->


	<section class="cta-section text-center py-5 theme-bg-dark position-relative">
		<div class="theme-bg-shapes-right"></div>
		<div class="theme-bg-shapes-left"></div>
		<div class="container">
			<h3 class="mb-2 text-white mb-3">Get Started in No Time with Kubernetes, DevSecOps and Full Stack Development</h3>
			<div class="section-intro text-white mb-3 single-col-max mx-auto">Rebataur makes it super easy to get your
				Kubernetes cluster up and working with all the necessary tools and technology and a fully functioning DevSecOps pipeline.
				All under your control.
			</div>
			<div class="pt-3 text-center">
				<a class="btn btn-light" href="/contact">Get
					Started<i class="fas fa-arrow-alt-circle-right ml-2"></i></a>
			</div>
		</div>
	</section>


	<footer class="footer">
		<div class="container py-5 mb-3">
			<div class="row">
				<div class="footer-col col-6 col-lg-3">
					<h4 class="col-heading">Projects</h4>
					<ul class="list-unstyled">
						<li><a href="/projects#EdTech">EdTech</a></li>
						<li><a href="/projects#SmartAssetMaintenance">Smart Asset Maintenance</a>
						</li>
						<li><a href="/projects#StockAdvisor">Stock Advisor</a></li>

					</ul>
				</div>
				<!--//footer-col-->
				<div class="footer-col col-6 col-lg-3">
					<h4 class="col-heading">Tools</h4>
					<ul class="list-unstyled">
						<li><a href="/tools">Product & Project Management Tool</a></li>
					</ul>
				</div>
				<!--//footer-col-->
				<div class="footer-col col-6 col-lg-3">
					<h4 class="col-heading">Services</h4>
					<ul class="list-unstyled">
						<li><a href="/offerings">Open Tech Stack</a></li>
					</ul>
				</div>
				<!--//footer-col-->
				<div class="footer-col col-6 col-lg-3">
					<h4 class="col-heading">Rebataur</h4>
					<ul class="list-unstyled">
						<li><a href="/about">About Us</a></li>
						<li><a href="/contact">Contact Us</a></li>
						<li><a href="/legal">Privacy</a></li>
						<li><a href="/legal">Terms of Services</a></li>
						<li><a href="/forgetme">Forget Me(Delete All Data)</a></li>
						<li><a href="/unsubscribe">Unsubscribe</a></li>
					</ul>
					<input name="csrfmiddlewaretoken" type="hidden" value="2P6g0DbOqyUnjfH1yRCv7B1OvcDZH7F7ZyyW1GqId2zUmGJbJ98M07kczdmnHb2t" id="csrf"
						ic-global-include="#csrf">

				</div>
				<!--//footer-col-->
			</div>
			<!--//row-->
		</div>
		<!--//container-->
		<div class="container">
			<hr>
		</div>
		<div class="newsletter-section py-5">
			<div class="container text-center">
				<h4 class="mb-2">Join Our Newsletter</h4>
				<div class="section-intro mb-2">Sign up to receive latest updates, features, and news!</div>
				<form class="signup-form form-inline justify-content-center pt-3" method="POST"
					ic-post-to="/notify/">
					<input type="hidden" name="csrfmiddlewaretoken" value="2P6g0DbOqyUnjfH1yRCv7B1OvcDZH7F7ZyyW1GqId2zUmGJbJ98M07kczdmnHb2t">
					<div class="form-group">
						<label class="sr-only" for="semail">Email address</label>
						<input type="email" id="semail" name="email" class="form-control mr-md-1 semail"
							placeholder="Enter email">
						<input type="name" id="name" name="name" hidden value="subscribe_newsletters">
						<input type="message" id="message" name="message" hidden value="send user newsletters">
					</div>
					<button type="submit" class="btn btn-primary">Sign Up</button>
				</form>
			</div>
		</div>
		<!--//newsletter-section-->

	</footer>

	<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/highlight.min.js"></script>
	
	<!-- Javascript -->
	<script src="/static/assets/plugins/jquery-3.4.1.min.js"></script>
	<script src="/static/assets/plugins/popper.min.js"></script>
	<script src="/static/assets/plugins/bootstrap/js/bootstrap.min.js"></script>

	<!-- Page Specific JS -->
	<script src="/static/assets/js/highlight-custom.js"></script>
	<script src="/static/assets/plugins/typewriterjs/dist/core.js"></script>
	<script src="/static/assets/js/typewriter-custom.js"></script>
	<!-- <script src="/static/assets/plugins/owlcarousel/dist/owl.carousel.min.js"></script> -->
	<!-- <script src="/static/assets/js/owlcarousel-custom.js"></script> -->
	<script src="/static/assets/js/blog.js"></script>
	<!-- FontAwesome JS-->
	<script defer src="/static/assets/fontawesome/js/all.min.js"></script>
	<!-- <script src="/static/assets/js/tilt.jquery.min.js"></script> -->


	<!-- Tilted Slideshow NOT REQUIRED FOR NOW-->
	<!-- <script src="/static/TiltedContentSlideshow/js/modernizr.custom.js"></script> -->
	<!-- <script src="/static/TiltedContentSlideshow/js/classie.js"></script>
	<script src="/static/TiltedContentSlideshow/js/tiltSlider.js"></script> -->
	<!-- <script>
		$(document).ready(function () {
			new TiltSlider(document.getElementById('slideshow'));
		});

	</script> -->
	

	<script type="text/javascript" src="/static/assets/js/intercooler.min.js"></script>


	<script>
		var count = 0 ;
		$(window).ready(function () {
			$("#cmessage").keydown(function(e){				
				count++;
			});
		});

		function vform(){
			if(count < 50){
				return false;
			}
			$("#contact-form").append(`<input  type="hidden" id="sub" value="sub" name="sub">`);
			return true;
		}
	</script>


</body>

</html>