@extends('layouts.FrontLayout')
@section('content')

<style>
img.bullet {
    width: 15px;
}
</style>
    <!-- Content wrapper -->
    <div class="content-wrapper">
        <!-- Content -->
        <section class="apply-domain-content m-4 ">

                <div class="container-fluid">
                    <div class="apply-domain-inner">
                        <div class="row">
    <div class="col-12">
    <span class="mx-md-2 d-inline-block"></span>
    <div class="float-right d-flex">
    <span class="mt-2 mx-2 text-white"><a href="https://intileotech.info/new-portal/resources/views/screen-reader-access.html" class="font-weight-bold" target="_blank"><span class="text-white">Screen Reader Access</span></a></span>
    <span class="mt-2 mx-2 text-white"><a href="https://intileotech.info/new-portal/public/" class="font-weight-bold" target="_blank"><span class="text-white">Skip to Main Content »</span></a></span>
   
    
    <div id="google_translate_element"></div>
    
    <script type="text/javascript">
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({ pageLanguage: 'en', includedLanguages: "hi,en" }, 'google_translate_element');
            var $googleDiv = $("#google_translate_element .skiptranslate");
            var $googleDivChild = $("#google_translate_element .skiptranslate div");
            $googleDivChild.next().remove();
            $googleDiv.contents().filter(function(){
                return this.nodeType === 3 && $.trim(this.nodeValue) !== '';
            }).remove();
         }
    </script>
    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>  
    <span>
          <button id="decreasetext" class="p-2"><span style="color:#fff;font-weight:bold">A-</span></button>
          <button id="resettext"><span style="color:#fff;font-weight:bold">A</span></button>
          <button id="increasetext" class="p-2"><span style="color:#fff;font-weight:bold">A+</span></button>
    </span>
    <span class="mt-2">
    <a href="ERNET_HelpFile.pdf" class="font-weight-bold" target="_blank"><span class="text-white">Help</span></a>
        </span>
    <span class="mx-md-2 mt-2">
        
        <button onclick="lightMode()" class="light">A</button>
        <button onclick="darkMode()" class="dark">A</button>
        <button onclick="lightMode()" class="light">A</button>
        <button onclick="lightMode()" class="light">A</button>
       <script>
            function darkMode() {
                let element = document.body;
                let content = document.getElementById("DarkModetext");
                element.className = "dark-mode";
               
            }
            function lightMode() {
                let element = document.body;
                let content = document.getElementById("DarkModetext");
                element.className = "light-mode";
                
            }
        </script>
        </span>
    </div>
    </div>
    </div>
                    </div>
                </div>
        </section>
        <!-- / Content -->
        <!-- Modal -->
        <!-- Content wrapper -->
        @endsection
        @section("js")
@endsection