@{
    ViewData["Title"] = "FlashView";
    Layout = "~/Views/Shared/_NothingLayout.cshtml";
}

@using LotteryWebAppNatcash.Languages
@using LotteryWebApp.Controllers;
@using LotteryWebApp.Common;

<style>

</style>

<div class="container">
    <!--<div class="take-input">
       <input type="text" placeholder="Write any text" />
      <a href="javascript:void(0);">Enter Text</a>
    </div>-->
    <div class="animate seven">
        <span>W</span><span>e</span><span>l</span><span>c</span><span>o</span><span>m</span><span>e</span><br>
        <span>B</span><span>y</span><span>e</span><span>n</span><span>v</span><span>i</span><span>n</span><span>i</span>
        @*<a class="repeat" href="javascript:void(0);">Repeat Animation</a>*@
    </div>

    @*    <div class="animate one">
        <span>c</span><span>s</span><span>s</span><span>3</span> &nbsp;
        <span>a</span><span>n</span><span>i</span><span>m</span><span>a</span><span>t</span><span>i</span><span>o</span><span>n</span><span>s</span>

        <a class="repeat" href="javascript:void(0);">Repeat Animation</a>
        </div>

        <div class="animate two">
        <span>c</span><span>s</span><span>s</span><span>3</span> &nbsp;
        <span>a</span><span>n</span><span>i</span><span>m</span><span>a</span><span>t</span><span>i</span><span>o</span><span>n</span><span>s</span>

        <a class="repeat" href="javascript:void(0);">Repeat Animation</a>
        </div>

        <div class="animate three">
        <span>c</span><span>s</span><span>s</span><span>3</span> &nbsp;
        <span>a</span><span>n</span><span>i</span><span>m</span><span>a</span><span>t</span><span>i</span><span>o</span><span>n</span><span>s</span>

        <a class="repeat" href="javascript:void(0);">Repeat Animation</a>
        </div>

        <div class="animate four">
        <span>c</span><span>s</span><span>s</span><span>3</span> &nbsp;
        <span>a</span><span>n</span><span>i</span><span>m</span><span>a</span><span>t</span><span>i</span><span>o</span><span>n</span><span>s</span>

        <a class="repeat" href="javascript:void(0);">Repeat Animation</a>
        </div>

        <div class="animate five">
        <span>c</span><span>s</span><span>s</span><span>3</span> &nbsp;
        <span>a</span><span>n</span><span>i</span><span>m</span><span>a</span><span>t</span><span>i</span><span>o</span><span>n</span><span>s</span>

        <a class="repeat" href="javascript:void(0);">Repeat Animation</a>
        </div>

        <div class="animate six">
        <span>c</span><span>s</span><span>s</span><span>3</span> &nbsp;
        <span>a</span><span>n</span><span>i</span><span>m</span><span>a</span><span>t</span><span>i</span><span>o</span><span>n</span><span>s</span>

        <a class="repeat" href="javascript:void(0);">Repeat Animation</a>
        </div>*@
</div>


<div style="position:relative;">

    @*    <div class="flash-1 logo-1 flash-header-img-ellipse-2">
        <img src="~/img/Ellipse 65.png" />
        </div>

        <div class="flash-2 logo-1 flash-header-img-ellipse-3">
        <img src="~/img/Ellipse 66.png" style="    width: 100%;"/>
        </div>

        <div class="flash-3 logo-1 flash-header-img-ellipse-1">
        <img src="~/img/Ellipse 64.png" />
        </div>*@



    <div class="flash-header-img-ellipse-4">
        <img src="~/img/Forgot Password_ (1).png" />
    </div>

    <div class="flash-logo">
        <img src="~/img/Logo_500.png" style="height: 480px;" />
    </div>

    @*    <div class="flash-slogan">
        <img src="~/img/Your dream, Our mission.png" />
        </div>*@

</div>

@*<div class="ocean">
    <div class="wave"></div>
    <div class="wave"></div>
    </div>*@

<script>
    var delayInMilliseconds = 2000; //1 second
    let subDomain = $("#subDomain").val();

    setTimeout(function() {
        //your code to be executed after 5 second
        window.location.href = subDomain + '/Account/Login';
    }, delayInMilliseconds);

    /* This code is not required for the animation. This is only needed for the repeatation */

    $(function(){
      $('.repeat').click(function(){
          var classes =  $(this).parent().attr('class');
            $(this).parent().attr('class', 'animate');
            var indicator = $(this);
            setTimeout(function(){
              $(indicator).parent().addClass(classes);
            }, 20);
        });
    });
</script>