<!-- 


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

 <!DOCTYPE html>
 <html lang="en">
 
 
 <head>
   <title>Rebataur - Your Full Stack Kubernetes Enabler  </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="Accelerate your DevSecOps & Kubernetes Journey">
   <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 - Accelerate your DevSecOps ,Kubernetes & Product Engineering Journey">
   <meta property="og:description" content="Rebataur - Accelerate your DevSecOps ,Kubernetes & Product Engineering Journey">
   <meta property="og:image" content="https://www.rebataur.com/static/assets/images/R_CIRCUIT_BLACK.JPG">
   <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 - Accelerate your DevSecOps ,Kubernetes & Product Engineering Journey">
   <meta name="twitter:description" content="Rebataur - Accelerate your DevSecOps ,Kubernetes & Product Engineering Journey">
   <meta name="twitter:image" content="https://www.rebataur.com/static/assets/images/R_CIRCUIT_BLACK.JPG">
 
 
   <!--  Non-Essential, But Recommended -->
 
   <meta property="og:site_name" content="Rebataur - Accelerate your DevSecOps ,Kubernetes & Product Engineering  ">
   <meta name="twitter:image:alt" content="Rebataur - Accelerate your DevSecOps ,Kubernetes & Product Engineering  ">
 
 
   <!-- Google Font -->
   <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&amp;display=swap" rel="stylesheet">
 
 
   <link rel="stylesheet" href="/static/assets/fontawesome/css/all.min.css">
   <!-- Plugins CSS -->
   <link rel="stylesheet" href="/static/assets/plugins/owlcarousel/dist/assets/owl.carousel.min.css">
   <link rel="stylesheet" href="/static/assets/plugins/owlcarousel/dist/assets/owl.theme.default.min.css">
 
   <link id="theme-style" rel="stylesheet" href="/static/assets/css/theme.css">
 
   
   <link rel="stylesheet"
     href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.2/styles/atom-one-dark.min.css">
   <!-- Fonts -->
   <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
   <!-- Theme CSS -->
 
   <link href="https://fonts.googleapis.com/css?family=Caveat&display=swap" rel="stylesheet">
 
   <!-- 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>
   
 
 </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/R_CIRCUIT_BLACK.JPG" 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;">Your <div class="full-stack-twist">"Full Stack"</div> Kubernetes Enabler</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-->
 
 
    <div class="page-header theme-bg-dark py-5 text-center position-relative">
	    <div class="theme-bg-shapes-right"></div>
	    <div class="theme-bg-shapes-left"></div>
	    <div class="container">
		    <h1 class="page-heading single-col-max mx-auto"  style="font-family: 'Caveat', cursive;">Login to access your account</h1>
		    <!-- <div class="page-intro single-col-max mx-auto">No credit card information required</div> -->
		    
	    </div>
    </div><!--//page-header-->
    
	<div class="page-content py-5">
	
		<section class="contact-form-section mb-5">
			<div class="container" >
			    <form method="post" action="/accounts/login/" class="contact-form p-5 col-lg-9 mx-lg-auto theme-bg-light shadow">
					<input type="hidden" name="csrfmiddlewaretoken" value="jfAG5DxmSo5MMfHWqHp9e4fF5UImDrVZCBkTs8gX7zd3h2JcbUEAyiho7OX60osd">
					<h3 class="text-center">Login</h3>
					
					
					<div class="form-group form-primary">
					  <input class="form-control" id="id_username" maxlength="30" name="username"
						type="text" value="" placeholder="username" />
					  <span class="form-bar"></span>
					  <!-- <label class="float-label">Username</label> -->
					</div>
	  
	  
					<div class="form-group form-primary">
					  <input class="form-control" id="id_password" maxlength="30" name="password"
						type="password" value="" placeholder="password" />
					  <span class="form-bar"></span>
					  <!-- <label class="float-label">Password</label> -->
					</div>
	  
	  
					<div class="row m-t-25 text-left">
						<div class="col-12">
						  <!-- <div class="checkbox-fade fade-in-primary">
							<label>
							  <input type="checkbox" value="">
							  <span class="cr"><i class="cr-icon icofont icofont-ui-check txt-primary"></i></span>
							  <span class="text-inverse">Remember me</span>
							</label>
						  </div> -->
						 
						</div>
					  </div>
					  <div class="row m-t-30">
						<div class="col-md-12">
		
						  <input type="hidden" name="next" value="/purchase/DTCOURSE-L1" />
		
		
						  <button type="submit"
							class="btn btn-primary btn-md btn-block waves-effect text-center m-b-20">LOGIN</button>
						</div>
					  </div>
					  <div class="forgot-phone text-right float-right">
						<a href="/accounts/password_reset" class="text-right f-w-600"> Forgot Password?</a>
					  </div>
					  <p class="text-inverse text-left"><a href="/signup"> <b>Register
							here </b></a></p>
					</div>
		        </form>
		    </div><!--//container-->
		</section><!--//contact-form-section-->
		
	</div><!--//page-content-->   
    
    
   <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="jfAG5DxmSo5MMfHWqHp9e4fF5UImDrVZCBkTs8gX7zd3h2JcbUEAyiho7OX60osd" 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="jfAG5DxmSo5MMfHWqHp9e4fF5UImDrVZCBkTs8gX7zd3h2JcbUEAyiho7OX60osd">
           <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>
   <script type="text/javascript" src="/static/assets/js/intercooler.min.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>
     // $(window).ready(function () {
     // 	$("#loading_gif").hide();
     // });
 
   </script>
 
 
 </body>
 
 </html>