Gecko [ nrupathungauniversityblr.ac.in ]

Name	Size	Permission
.well-known	[ DIR ]	drwxr-xr-x
UNICLARE_files	[ DIR ]	drwxr-xr-x
css	[ DIR ]	drwxr-xr-x
font	[ DIR ]	drwxr-xr-x
images	[ DIR ]	drwxr-xr-x
js	[ DIR ]	drwxr-xr-x
old_code	[ DIR ]	drwxr-xr-x
script	[ DIR ]	drwxr-xr-x
.DS_Store	6 KB	-rwxr-xr-x
abm.html	29.86 KB	-rwxr-xr-x
app.html	27.33 KB	-rwxr-xr-x
cm.html	29.68 KB	-rwxr-xr-x
dm.html	29.96 KB	-rwxr-xr-x
eec.html	29.11 KB	-rwxr-xr-x
ems.html	37.1 KB	-rwxr-xr-x
index.html	45.49 KB	-rwxr-xr-x
sod.html	29.43 KB	-rwxr-xr-x
vm.html	29.6 KB	-rwxr-xr-x

Code Editor : ems.html

<!DOCTYPE html>
<html lang="en-us">
  <head>
    <title>Examination Managment System</title>
    <meta
      name="description"
      content="Swaragh technology provides Online Marketing, SEO services in Bangalore at

affordable prices. Get Search Engine Optimization quote to increase traffic for your website

today."
    />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <meta name="msvalidate.01" content="E27F42051A1141AAB3369FA30F6FB448" />
    
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=UA-47358574-1"
    ></script>
    <link rel="stylesheet" href="css/style.css" />
    <script>
      window.dataLayer = window.dataLayer || [];

function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

gtag("config", "UA-47358574-1");
    </script>
    <script type="text/javascript"></script>
    <style type="text/css">
      #innerbannerbg {
        height: 152px;
      }
      @media screen and (max-width: 767px) {
        #innerbannerbg {
          display: none;
        }
        #container {
          margin-top: 136px;
        }
      }
      #content p {
        padding: 5px 20px;
      }
      .zoom {
        transition: transform 1s;
        padding: 7px;
      }

.zoom:hover {
        -ms-transform: scale(1.5); /* IE 9 */
        -webkit-transform: scale(1.5); /* Safari 3-8 */
        transform: scale(1.03);
      }
      /* #loader {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        width: 120px;
        height: 120px;
        margin: -76px 0 0 -76px;
        border: 16px solid red;
        border-radius: 50%;
        border-top: 16px solid #183883;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
      }

@-webkit-keyframes spin {
        0% {
          -webkit-transform: rotate(0deg);
        }
        100% {
          -webkit-transform: rotate(360deg);
        }
      }

@keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }

/* Add animation to "page content" */
      .animate-bottom {
        position: relative;
        -webkit-animation-name: animatebottom;
        -webkit-animation-duration: 1s;
        animation-name: animatebottom;
        animation-duration: 1s;
      }

@-webkit-keyframes animatebottom {
        from {
          bottom: -100px;
          opacity: 0;
        }
        to {
          bottom: 0px;
          opacity: 1;
        }
      }

@keyframes animatebottom {
        from {
          bottom: -100px;
          opacity: 0;
        }
        to {
          bottom: 0;
          opacity: 1;
        }
      }

#myDiv {
        display: none;
        text-align: center;
      } */

.cards-list {
  z-index: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.card {
  margin: 5px auto;
  width: 400px;
  height: 80px;
  border-radius: 30px;
box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
  cursor: pointer;
  transition: 0.4s;
}

.card .card_image {
  width: inherit;
  height: inherit;
  border-radius: 40px;
}

.card .card_image img {
  width: inherit;
  height: inherit;
  border-radius: 20px;
  object-fit: cover;
}

.card .card_title {
  text-align: center;
  border-radius: 0px 0px 40px 40px;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 30px;
  margin-top: -60px;
  height: 40px;
}

.card:hover {
  transform: scale(0.9, 0.9);
  box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25), 
    -5px -5px 30px 15px rgba(0,0,0,0.22);
}

.title-white {
  color: white;
}

.title-black {
  color: black;
}

@media all and (max-width: 500px) {
  .card-list {
    /* On small screens, we are no longer using row direction but column */
    flex-direction: column;
  }
}

/*
.card {
  margin: 30px auto;
  width: 300px;
  height: 300px;
  border-radius: 40px;
  background-image: url('https://i.redd.it/b3esnz5ra34y.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-repeat: no-repeat;
box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
  transition: 0.4s;
}
*/

</style>
  </head>

</div>
          
          <div id="nav">
            <ul
              class="mega-menu toplinks"
              style="
                margin-bottom: 3px;
                float: right;
                font-weight: 600;
                font-size: 17px;
                font-family: Montserrat, Sans-serif;
              "
            >
              <li class="">
                <a href="index.html" title="Home">Home</a>
              </li>
              <li class="">
                <a href="index.html" title="About Logisys">About Us</a>
              </li>
              <li><a href="index.html" title="Products">Products</a></li>

<li><a href="#footerbg" title="Contact Us">Contact Us</a></li>
            </ul>
            <div id="resp_nav">
              <div id="navbtn"></div>
              <div id="respul">
                <ul id="rnav">
                  <li>
                    <a href="index.html" title="Home">Home</a>
                  </li>
                  <li>
                    <div>
                      <a href="index.html" title="About Us">About Us</a>
                    </div>
                  </li>

<li><a href="index.html" title="Products">Products</a></li>

<li>
                    <a href="#footerbg" title="Contact Us">Contact Us</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>

<section
        id="about"
        class="wow fadeInUp"
        style="visibility: visible; animation-name: fadeInUp; "
      >
        <div class="container">
          <div class="section-header">
            <h2 style="font-size: xx-large; padding-bottom: 20px;">Examination Managment System</h2>
            <p style="padding-bottom: 20px">
              Highly parameterised, supports all type of examinations such as
              annual, semester, multi-mode. Can easily be installed at all type
              of universities such as affiliation based university, campus based
              PG only universities, Deemed to be universities, Private
              universities, autonomous colleges, etc.
            </p>
          </div>
          <div class="row" style="padding-bottom: 10px">
            <div class="col-lg-6 about-img">
              
                <img
                  class="zoom"
                  src="images/em2.png"
                  alt=""
                  style="width: 100%; border-radius: 20px; height: 300px; border: 0.5px solid;"
                />
              
            </div>

<div class="col-lg-6 content">
              
              <p>
                &#9673; Inter-disciplinary subjects which is the current trend in
                university system.
              </p>
              <p>&#9673; Multiple valuations of answer script</p>
              <p>&#9673; Conventional valuation as well as Digital Valuation</p>
              <p>
                &#9673; Marks of theory papers is captured at the source of
                valuation thus ensuring &nbsp;&nbsp;&nbsp;&nbsp;accuracy and efficiency of the system
              </p>
              <p>&#9673; Roomwise printing of Invigilator's dairy</p>
              <p>
                &#9673; On the day of examination, colleges upload examination
                statistics such as &nbsp;&nbsp;&nbsp;&nbsp;number of students present / absent /
                malpractice (unfair means), etc. By &nbsp;&nbsp;&nbsp;&nbsp;this information, university /
                institution can plan for the valuation with great &nbsp;&nbsp;&nbsp;&nbsp;ease
              </p>
              <p>
                &#9673; All marks from colleges are captured through web portal
              </p>
              <p>
                &#9673; Practical batch preparation and subsequent marks entry is
                web enabled
              </p>
              <p>
                &#9673; Students can pay examination fee online and can download
                the &nbsp;&nbsp;&nbsp;&nbsp;examination hall ticket / admit card by themselves
              </p>
           
          </div>

</div>

<div class="row" style="padding-top: 50px;">
          <div class="col-lg-6 about-img">
           
              <p>
                &#9673; Results are computed and hosted on internet within 30
                minutes from the &nbsp;&nbsp;&nbsp;&nbsp;time of completion of valuation.
              </p>
              <p>
                &#9673; Students can view / download the marks statement from the
                web.
              </p>
              <p>
                &#9673; Question paper indent generation with dispatching schedule
              </p>
              <p>&#9673; Despatching of blank answer books to colleges</p>
              <p>
                &#9673; Room preparation for examination including Register
                Number/ Roll Number &nbsp;&nbsp;&nbsp;&nbsp;allotment
              </p>
              <p>
                &#9673; Students can apply for other services such as Revaluation
                / Retotalling / &nbsp;&nbsp;&nbsp;&nbsp;copy of answer book, etc. online by paying
                prescribed fee
              </p>
              <p>
                &#9673; Students can apply for duplicate marks card / Degree other
                documents &nbsp;&nbsp;&nbsp;&nbsp;online including
              </p>
              <p>
                &#9673; Appointment / work order to teachers and other members can
                be sent &nbsp;&nbsp;&nbsp;&nbsp;electronically. All the bills get generated automatically
                on completion of &nbsp;&nbsp;&nbsp;&nbsp;stipulated work. The bill thus generated also
                gets transferred to finance &nbsp;&nbsp;&nbsp;&nbsp;section for payment automatically.
              </p>
            
            </div>
            <div class="col-lg-6 content">
             
                <img
                class="zoom"
                src="images/Sc.png"
                alt=""
                style="width: 100%; border-radius: 20px; border: 0.5px solid; height: 300px; "
              />
            
          </div>

</div>
      </section>

<div class="row">
        <div class="col-6 col-md-4"><div class="card 1" style="background: #183882;">
          <div class="card_image"> 
            
          </div>
          <div class="card_title title-white">
            <p style="color:white; font-size: 20px;">Secure Online Delivery of Question Papers</p>
          </div>
        </div></div>
        <div class="col-6 col-md-4"> <div class="card 2" style="background: #183882;">
          <div class="card_image">
            
            </div>
          <div class="card_title title-white">
            <p style="color:white; font-size: 20px;">Answer Book Managment (after exam)</p>
          </div>
        </div></div>
        <div class="col-6 col-md-4"><div class="card 2" style="background: #183882;">
          <div class="card_image">
            
            </div>
          <div class="card_title title-white">
            <p style="color:white; font-size: 20px;">Valuation Managment System (after exam)</p>
          </div>
        </div></div>
      </div>

<div class="row">
        <div class="col-6 col-md-4"><div class="card 1" style="background: #183882;">
          <div class="card_image"> 
            
          </div>
          <div class="card_title title-white">
            <p style="color:white; font-size: 20px;">Entrance Examination / Councelling</p>
          </div>
        </div></div>
        <div class="col-6 col-md-4"> <div class="card 2" style="background: #183882;">
          <div class="card_image">
            
            </div>
          <div class="card_title title-white">
            <p style="color:white; font-size: 20px;">Certificate Managment System</p>
          </div>
        </div></div>
        <div class="col-6 col-md-4"><div class="card 2" style="background: #183882;">
          <div class="card_image">
            
            </div>
          <div class="card_title title-white">
            <p style="color:white; font-size: 20px;">Database and Managment System</p>
          </div>
        </div></div>
      </div>

<br>

<!-- <div class="container">
        <div class="row">
          <div class="col-sm">
            <p>
              &#9673; Inter-disciplinary subjects which is the current trend in
              university system.
            </p>
            <p>&#9673; Multiple valuations of answer script</p>
            <p>&#9673; Conventional valuation as well as Digital Valuation</p>
            <p>
              &#9673; Marks of theory papers is captured at the source of
              valuation thus ensuring accuracy and efficiency of the system
            </p>
            <p>&#9673; Roomwise printing of Invigilator's dairy</p>
            <p>
              &#9673; On the day of examination, colleges upload examination
              statistics such as number of students present / absent /
              malpractice (unfair means), etc. By this information, university /
              institution can plan for the valuation with great ease
            </p>
          </div>
          <div class="col-sm">
            <p>
              &#9673; All marks from colleges are captured through web portal
            </p>
            <p>
              &#9673; Practical batch preparation and subsequent marks entry is
              web enabled
            </p>
            <p>
              &#9673; Students can pay examination fee online and can download
              the examination hall ticket / admit card by themselves
            </p>
            <p>
              &#9673; Results are computed and hosted on internet within 30
              minutes from the time of completion of valuation.
            </p>
            <p>
              &#9673; Students can view / download the marks statement from the
              web.
            </p>
          </div>
          <div class="col-sm">
            <p>
              &#9673; Question paper indent generation with dispatching schedule
            </p>
            <p>&#9673; Despatching of blank answer books to colleges</p>
            <p>
              &#9673; Room preparation for examination including Register
              Number/ Roll Number allotment
            </p>
            <p>
              &#9673; Students can apply for other services such as Revaluation
              / Retotalling / copy of answer book, etc. online by paying
              prescribed fee
            </p>
            <p>
              &#9673; Students can apply for duplicate marks card / Degree other
              documents online including
            </p>
            <p>
              &#9673; Appointment / work order to teachers and other members can
              be sent electronically. All the bills get generated automatically
              on completion of stipulated work. The bill thus generated also
              gets transferred to finance section for payment automatically.
            </p>
          </div>
        </div>
      </div>

<div data-aos="fade-up">
        <div id="rightbox">
          <div id="topbg" style="padding: 10px">
            <div class="headerbox">
              <a
                href=""
                title="Database and Managment System"
                style="font-size: 13px; font-weight: 700"
                >Products&nbsp;</a
              >
            </div>
            <ul class="rightlinks">
              <li>
                <a href="ems.html" title="Examination Managment System">
                  Examination Managment System &#9654;</a
                >
              </li>
              <li>
                <a href="sod.html" title="Teacher's database">
                  Secured online delivery &#9654;</a
                >
              </li>
              <li>
                <a href="abm.html" title="Meeting Management System (MMS)">
                  Answer book management &#9654;</a
                >
              </li>
              <li>
                <a href="vm.html" title="Ph.D Management System (PMS)">
                  Valuation management (after exam) &#9654;</a
                >
              </li>
              <li>
                <a href="eec.html" title="Visitors Monitoring System (VMS)">
                  Entrance Examination / Councelling &#9654;</a
                >
              </li>
              <li>
                <a href="cm.html" title="Student's Grievances System">
                  Certificate Management &#9654;</a
                >
              </li>
            </ul>
          </div>
        </div>
      </div>

<div id="container">
        <div id="content" style="padding: 10px">
          <div id="leftbox">
    
            <div style="clear: both"></div>
            <h2 id="cb">Salient features of EMS</h2>
            <img
              class="imganimation"
              style="float: right; margin: 0 0 0 10px"
              alt=""
              src="./images/ems.PNG"
              width="146"
              height="113"
            />
            <p>
              &#9673; Highly parameterised, supports all type of examinations
              such as annual, semester, multi-mode. Can easily be installed at
              all type of universities such as affiliation based university,
              campus based PG only universities, Deemed to be universities,
              Private universities, autonomous colleges, etc.
            </p>
            <p>&#9673; Courses are based on marks / grade / credits</p>
            <p>
              &#9673; Software can be implemented in least possible time and if
              there is a need, it can also be customized as per the needs of the
              clients.
            </p>
            <p>
              &#9673; Upto 26 examinations in each course / degree. Each exam
              supports upto 10000 subjects and each subject can have 36 sub
              elements thus making the software highly versatile
            </p>
            <p>
              &#9673; Inter-disciplinary subjects which is the current trend in
              university system.
            </p>
            <p>&#9673; Multiple valuations of answer script</p>
            <p>&#9673; Conventional valuation as well as Digital Valuation</p>
            <p>
              &#9673; Marks of theory papers is captured at the source of
              valuation thus ensuring accuracy and efficiency of the system
            </p>
            <p>
              &#9673; All marks from colleges are captured through web portal
            </p>
            <p>
              &#9673; Practical batch preparation and subsequent marks entry is
              web enabled
            </p>
            <p>
              &#9673; Students can pay examination fee online and can download
              the examination hall ticket / admit card by themselves
            </p>
            <p>
              &#9673; Question paper indent generation with dispatching schedule
            </p>
            <p>&#9673; Despatching of blank answer books to colleges</p>
            <p>
              &#9673; Room preparation for examination including Register
              Number/ Roll Number allotment
            </p>
            <p>&#9673; Roomwise printing of Invigilator's dairy</p>
            <p>
              &#9673; On the day of examination, colleges upload examination
              statistics such as number of students present / absent /
              malpractice (unfair means), etc. By this information, university /
              institution can plan for the valuation with great ease
            </p>
            <p>
              &#9673; Results are computed and hosted on internet within 30
              minutes from the time of completion of valuation.
            </p>
            <p>
              &#9673; Students can view / download the marks statement from the
              web.
            </p>
            <p>
              &#9673; Students can apply for other services such as Revaluation
              / Retotalling / copy of answer book, etc. online by paying
              prescribed fee
            </p>
            <p>
              &#9673; Students can apply for duplicate marks card / Degree other
              documents online including
            </p>
            <p>
              &#9673; Appointment / work order to teachers and other members can
              be sent electronically. All the bills get generated automatically
              on completion of stipulated work. The bill thus generated also
              gets transferred to finance section for payment automatically.
            </p>
          </div>

<div class="clear"></div>
    <div id="footerbg">
      <div id="contactus">
        <div id="contactusbox">
          <div class="header-scroll ani-content-foot"></div>
          <div class="contactusbox-left fl">
            <p>Connect Us for Updates</p>
            <ul>
              <li>
                <a href="" target="_blank" title="Facebook"
                  ><span id="fb"></span>
                  <p class="social">Facebook</p></a
                >
              </li>
              <li>
                <a href="" target="_blank" title="Linkedin"
                  ><span id="linkedin"></span>
                  <p class="social">Linkedin</p></a
                >
              </li>
            </ul>
          </div>
          
        </div>
      </div>

<div id="footermenu">
        <ul class="footerlinks">
          <li><a href="index.html" title="Home">Home</a></li>
          <li><a href="index.html" title="About Logisys">About Us</a></li>
          <li><a href="index.html" title="Products">Products</a></li>
          <li><a href="#footerbg" title="Contact Us">Contact Us</a></li>
        </ul>
      </div>

<div id="testibox">
        <div id="locatebox" style="float: none">
          <div id="mapbox">
            <a href="locate-us" title="Locate Us">Locate Us</a>
            <div id="googleMap">
              <a href="locate-us" title="Locate Us"
                ><iframe
                  width="252"
                  height="150"
                  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d31110.032435644556!2d77.5499315799681!3d12.923522795444086!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae150e6e3ac7db%3A0xbca2c76f047c2b09!2sLogisys!5e0!3m2!1sen!2sus!4v1578458795197!5m2!1sen!2sus"
                  frameborder="0"
                  style="border: 0"
                  allowfullscreen=""
                ></iframe>
              </a>
            </div>
          </div>
          <div id="mapinfobox">
            <h3>Get In Touch</h3>
            <p
              style="
                color: #09bafe;
                text-shadow: 1px -1px 1px #000000;
                font-size: 21px;
              "
              itemprop="name"
            >
              Logisys
            </p>
            <p
              itemprop="address"
              itemscope="itemscope"
              itemtype="http://schema.org/PostalAddress"
            >
              <span itemprop="streetAddress"
                >No. 2549, Anugraha, <br />
                17th Main, 28th Cross, <br />Banashankari 2nd Stage,</span
              >
              <br /><span itemprop="addressLocality">Bengaluru</span> -
              <span itemprop="postalCode">560 070,</span> Karnataka, India.<br />
              <span id="ftr-mobi"></span
                ><span itemprop="telephone" class="foot-cl"
                  ><a href="tel:9845532688">+91 9845532688</a></span
                >
            </p>
          </div>
        </div>

<div style="clear: both"></div>
      </div>
      <div id="copyryt" style="border-top: 1px solid #525252">
        <p style="float: left">
          Copyright © 2013-2021.
          <a href="" style="color: #fff">Logisys</a> All Rights Reserved.
        </p>
        <div style="clear: both"></div>
      </div>
      <div style="clear: both"></div>

<p id="back-top" style="display: none">
        <a href="#top"><span></span></a>
      </p>
      <script
        type="text/javascript"
        src="js/common-slider.js"
        defer=""
      ></script>
      <script type="text/javascript" src="script/common.js" defer=""></script>
      <script type="text/javascript" defer="">
        var a = Math.ceil(Math.random() * 10);
        var b = Math.ceil(Math.random() * 10);
        var c = a + b;

function DrawBotBoot() {
          $('textarea[name="comment"]')
            .closest("td")
            .append("What is " + a + " + " + b + "? ");
          $('textarea[name="comment"]')
            .closest("td")
            .append(
              "<input id='BotBootInput' type='text' name='captch' maxlength='2' size='2' class='inputcss' style='width:25px;'/>"
            );
        }

/* document.onkeyup=function(e){
        if(e.which == 17)
        isCtrl=false;
      }
      document.onkeydown=function(e){
        (e.which == 17) && (isCtrl=true);
        if(((e.which == 85) || (e.which == 83) || (e.which == 67)) && (isCtrl == true)){
          isCtrl=false;
          return false;
        }
        if(e.which == 123){
          return false;
        }
      } */
          var isNS = navigator.appName == "Netscape" ? 1 : 0;
          if (navigator.appName == "Netscape")
            document.captureEvents(Event.MOUSEDOWN || Event.MOUSEUP);

function mischandler() {
            return false;
          }

function mousehandler(e) {
            var myevent = isNS ? e : event;
            var eventbutton = isNS ? myevent.which : myevent.button;
            if (eventbutton == 2 || eventbutton == 3) return false;
          }
          // document.oncontextmenu = mischandler;
          // document.onmousedown = mousehandler;
          // document.onmouseup = mousehandler;

$("#tipue_search_button").live("click", function () {
            if ($("#tipue_search_input").is(":visible") == true) {
              $("#tipue_search_input").hide("fast");
              var search_key = $.trim($("#tipue_search_input").val());
              if (search_key != "") {
                window.location.href = "search.shtml?q=" + search_key;
              }
            } else {
              $("#tipue_search_input").show("fast");
            }
          });
          $("#tipue_search_input").live("keypress", function (e) {
            var search_key = $.trim($("#tipue_search_input").val());
            if (e.which == 13 && search_key != "") {
              window.location.href = "search.shtml?q=" + search_key;
            }
          });
        });
        $(function () {
          $("#navbtn").click(function () {
            $("#respul").slideToggle("200", "swing", function () {});
          });
          $("#nav").click(function (e) {
            e.stopPropagation();
          });
          $("html").click(function () {
            $("#respul").slideUp("fast");
          });
        });
        $("#back-top").hide();
        $(function () {
          $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
              $("#back-top").fadeIn();
            } else {
              $("#back-top").fadeOut();
            }
          });
          $("#back-top a").click(function () {
            $("body,html").animate(
              {
                scrollTop: 0,
              },
              800
            );
            return false;
          });
        });

function downloadJSAtOnload() {
          var element = document.createElement("script");
          element.src = "js/defer.js";
          document.body.appendChild(element);
        }
        if (window.addEventListener)
          window.addEventListener("load", downloadJSAtOnload, false);
        else if (window.attachEvent)
          window.attachEvent("onload", downloadJSAtOnload);
        else window.onload = downloadJSAtOnload;

/*---------------header-scroll--------------*/
        var lastScrollTop = 0;
        $(window).scroll(function (event) {
          var st = $(this).scrollTop();
          if (st > lastScrollTop || st < 20) {
            // downscroll code
            $("#headerbg").removeClass("sticky");
          } else {
            // upscroll code
            $("#headerbg").addClass("sticky");
          }
          lastScrollTop = st;
        });
      </script>
    </div>
    <script>
      var myVar;

function myFunction() {
        myVar = setTimeout(showPage, 3000);
      }

function showPage() {
        document.getElementById("loader").style.display = "none";
        document.getElementById("myDiv").style.display = "block";
      }
    </script>
    <script>
      AOS.init();
    </script>
  </body>
</html>

${this.title}

Code Editor : ems.html