index.html

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" crossorigin="anonymous" referrerpolicy="no-referrer" />    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
    <link rel="shortcut icon" href="images/logo.png" type="image/x-icon">



    <title>Sumida International Educational Consultancy</title>
  </head>
  <!-- data-bs-spy="scroll" data-bs-target="#navBar" -->
  <body >
    <button onclick="topFunction()" id="myBtn" title="Go to top" class="rounded-circle"><img src="images/up-arrow.png" alt="" class="shadow  bg-body rounded-circle" width="50" height="50" ></button>
  

  <!-- nav section -->
   <div class="container top-header ribbon  ">
      <div class="row">
          <div class="col-md-12  ">
              <div class="whole d-flex  align-items-center  justify-content-end">
              <img src="images/phone.png" alt="email" width="16" height="16">&nbsp; <span>+977 9849132084</span> 
              &nbsp;  &nbsp;<img src="images/open-mail.png" alt="contact" width="16" height="16"> <span>sumidainternational@gmail.com</span>
             
                
          </div>
  
          </div>
  
      </div>
   </div>
  
  
<section id="navBar" class="sticky-top bg-white ">
    <nav class="navbar  shadow-sm p-3 bg-body  navbar-expand-lg navbar-light " >
      <div class="container">
        <a class="navbar-brand" href="#"> <img src="images/logo.png" alt="" width="50px" height="50px"> </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav m-auto mb-2 mb-lg-0">
            <li class="nav-item " >
              <a class="nav-link" href="#">Home</a>
            </li>
            <li class="nav-item " >
              <a class="nav-link"  href="about.html">About Us</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Abroad Study
              </a>
              <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                <li><a class="dropdown-item" href="japan.html">Japan</a></li>
               

              </ul>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" >Courses</a>
              <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                <li><a class="dropdown-item" href="course.html">NAT</a></li>
                <li><hr class="dropdown-divider"></li>
                <li><a class="dropdown-item" href="course.html">JLTP</a></li>
                <li><hr class="dropdown-divider"></li>
                <li><a class="dropdown-item" href="course.html">JLCT</a></li>
                
              </ul>

            </li>
            <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle " href="services.html" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Services</a>
            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
              <li><a class="dropdown-item" href="services.html">Migration and Visa</a></li>
              <li><hr class="dropdown-divider"></li>
              <li><a class="dropdown-item" href="services.html">Educational Counseling</a></li>
              <li><hr class="dropdown-divider"></li>
              <li><a class="dropdown-item" href="services.html">Educational Loan</a></li>
              
            </ul>
 
            </li>
          </ul>
          <form class="d-flex shadow    rounded" action="contact.html">
            <a href="contact.html">
            <button type="button" class="btn btn-outline-success ">CONTACT US</button></a>
          </form>
        </div>
      </div>
    </nav>
  </section>
<!--end  nav section -->






<!-- carousel section -->
<section>
  <div id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel">
    <div class="carousel-indicators">
      <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
      <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1" aria-label="Slide 2"></button>
      <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2" aria-label="Slide 3"></button>
    </div>
    <div class="carousel-inner">
      <div class="carousel-item active" data-bs-interval="1000">
        <img src="images/Study in japan main page.png" class="d-block w-100 img-fluid" alt="..." >
        <div class="carousel-caption d-none d-md-block">
         
         
        </div>
      </div>
    
      
         <div class="carousel-item">
            <img src="images/Our Courses.png" class="d-block w-100 img-fluid" alt="...">
            <div class="carousel-caption d-none d-md-block">
             

            </div>
          </div>

          <div class="carousel-item">
            <img src="images/Our Services Sumida.png" class="d-block w-100 img-fluid" alt="...">
            <div class="carousel-caption d-none d-md-block">
             

            </div>
          </div>

          
          

   
    </div>
  </div>
      
      
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Next</span>
    </button>
  </div>
</section>
<!-- end of carousel section -->


<!-- about us section -->
<section class="mt-5">

  <div class="container shadow-lg p-3 mb-5 bg-body  section-broder-radius">
    <div class="row">
      <div>
        <h4 class="head text-center pt-4">About Us</h4>
      </div>
      <div class="col-md-5">
        <img src="images/Study in Japan.png" alt="" class=" img-fluid aboutsection-img-border" >

      </div>
      <div class="col-md-7 ">
        <div class="section-title justify-content-center">
        <h2 class="mt-5 ">
          <span> Welcome to </span>
          <span>Sumida Educational International Consultancy</span>
        </h2>
        </div>
        <div class="mt-4">
          <p class="">
            Embark on a transformative educational journey with Sumida Educational International Consultancy, your trusted partner for abroad study counseling with a specific focus on Japan. At Sumida, we understand that pursuing higher education in a foreign country is a significant decision, and we are committed to providing you with comprehensive support and guidance throughout the entire process. Our team of experienced and knowledgeable consultants is dedicated to assisting ambitious students like you in achieving their academic goals in Japan. We believe in the power of education to transform lives, and our mission is to facilitate a seamless transition to Japanese universities, ensuring that you receive a world-class education.
               
          </p>
        </div>

        <div class="text-center" style="position: relative; right: 250px; top: 20px;"> 
         <a href="about.html"> <button class="learnmore">Learn More</button> </a>
        </div>

      </div>

    </div>

  </div>
</section>
<!--End of  about us section -->


<!-- Our services section -->
<section class="mt-1" >
  
  <div class="back">
    <h4 class="head text-center pt-4">Our Services</h4>

  </div>


 
  <div class="container" style="position: relative; bottom: 60px;">
    <div class="">
      <div id="carousel" class="owl-carousel">
       
       
        <div class="services ">
          <div class="card overflow-hidden" style="width: 18rem;">
            <div class="serviceimg">
            <img src="images/VISA & MIGRATION.png" class="card-img-top" alt="...">
          </div>
            <div class="card-body">
              <h5 class="card-title text-center">MIGRATION AND VISA</h5>
              <p class="card-text text-justify">Processing regarding the student visa for Japan involves several steps, and it's important to follow the procedures outlined by the Japanese immigration authorities.</p>
              <a href="#" class="btn btn-primary d-block">Read More</a>
            </div>
          </div>
    
        </div>
     
    <div class="services ">
      <div class="card overflow-hidden" style="width: 18rem;">
        <div class="serviceimg overflow-hidden" style="width: auto; height: auto;">
        <img src="images/Counseling.png" class="card-img-top overflow-hidden" alt="...">
      </div>
        <div class="card-body">
          <h5 class="card-title text-center">COUNSELING</h5>
          <p class="card-text text-justify">At here, we understand that choosing to study abroad is a significant decision that involves not only academic considerations but also personal aspirations.</p>
          <a href="#" class="btn btn-primary d-block">Read More</a>
        </div>
      </div>
    </div>
    
    <div class="services ">
      <div class="card overflow-hidden" style="width: 18rem;">
        <div class="serviceimg">
        <img src="images/JLPT.png" class="card-img-top" alt="...">
      </div>
        <div class="card-body">
          <h5 class="card-title text-center">JLPT
          </h5>
          <p class="card-text text-justify">The Japanese Language Proficiency Test is a standardized test to evaluate and certify the Japanese language proficiency of non-native speakers. </p>
          <a href="#" class="btn btn-primary d-block">Read More</a>
        </div>
      </div>
    </div>
    <div class="services ">
      <div class="card overflow-hidden" style="width: 18rem;">
        <div class="serviceimg">
        <img src="images/NAT at Sumida (1).png" class="card-img-top" alt="...">
      </div>
        <div class="card-body">
          <h5 class="card-title text-center">NAT
          </h5>
          <p class="card-text text-justify">The japanese language NAT- test is an examination to determine the japanese language ability of students who are not the native japanese speakers.</p>
          <a href="#" class="btn btn-primary d-block">Read More</a>
        </div>
      </div>
    </div>
   
    
   </div>
   </div>
  </div>
</section>
<!-- End of Our services section -->



<!-- Study in your dream land section -->
<section class=" container-fluid bg-white">
  <div class="container">

  
  
  <div class="pt-4">
    <h4 class="head text-center mb-4">Study in your City</h4>
  </div>

  
    <div class="row"> 
      
      

      <div class="col-md-4 dreamdest ">
        <div class="shadow-lg p-2 mb-5 bg-body rounded">
        <img src="images/STUDY IN TOKYO.png" alt="" class="img-fluid ">

        <h4 class="subhead">Study in Tokyo</h4>

      </div>
    </div>


      <div class="col-md-4 dreamdest ">
        <div class="shadow-lg p-2 mb-5 bg-body rounded">
        <img src="images/STUDY IN OSAKA.png" alt="" class="img-fluid">
        <h4 class="subhead">Study in Osaka</h4>

      </div>
    </div>

     
      <div class="col-md-4 dreamdest ">
        <div class="shadow-lg p-2 mb-5 bg-body rounded">
        <img src="images/STUDY IN KYOTO.png" alt="" class="img-fluid">
        <h4 class="subhead">Study in Kyoto</h4>

      </div>
        </div>
      </div>



      <div class="row">
      <div class="col-md-4 dreamdest">
        <div class="shadow-lg p-2 mb-5 bg-body rounded">
        <img src="images/STUDY IN SENDAI.png" alt="" class="img-fluid">
        <h4 class="subhead">Study in Sendai</h4>
      </div>
    </div>

      <div class="col-md-4  dreamdest ">
        <div class="shadow-lg p-2 mb-5 bg-body rounded">
        <img src="images/STUDY IN NAGOYA.png" alt="" class="img-fluid">
        <h4 class="subhead">Study in Nagoya</h4>
      </div>
    </div>

    
      <div class="col-md-4 dreamdest">
        <div class="shadow-lg p-2 mb-5 bg-body rounded">
        <img src="images/STUDY IN FUKUOKA.png" alt="" class="img-fluid">
        <h4 class="subhead">Study in Fukuoka</h4>

      </div>
    </div>
    </div>
    </div>

    </div>
</section>
<!-- End of Study in your dream land section -->


<!-- our expert section starts -->
  <!-- Team Start -->
  <div class="container-xxl py-5">
    <div class="container py-5 px-lg-5">
        <div class="wow fadeInUp" data-wow-delay="0.1s">
           
            <h1 class="text-center mb-5">Our Team Members</h1>
        </div>
        <div class="row g-4">
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                <div class="team-item bg-light rounded">
                    <div class="text-center border-bottom p-4">
                        <img class="img-fluid rounded-circle mb-4" src="images/Gyatraifull.jpg" alt="">
                        <h5>Gyatri Adhikari Bhattarai</h5>
                        <span>CEO/ Director
                        </span>
                    </div>
                    <div class="d-flex justify-content-center p-4">
                        <a class="btn btn-square mx-1" href="https://www.facebook.com/gayatri.bhattarai.568?mibextid=PlNXYD" target="_blank"><i class="fab fa-facebook-f"></i></a>
                       
                        <a class="btn btn-square mx-1" href="#" target="_blank"><i class="fab fa-instagram"></i></a>
                        <a class="btn btn-square mx-1" href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
                <div class="team-item bg-light rounded">
                    <div class="text-center border-bottom p-4">
                        <img class="img-fluid rounded-circle mb-4" src="images/Ramu Pa.jpg" alt="">
                        <h5>Raju Phuyal</h5>
                        <span>CEO / Director</span>
                    </div>
                    <div class="d-flex justify-content-center p-4">
                        <a class="btn btn-square mx-1" href="https://www.facebook.com/aayush.phuyal.3?mibextid=PlNXYD" target="_blank"><i class="fab fa-facebook-f"></i></a>
                       
                        <a class="btn btn-square mx-1" href="#" target="_blank"><i class="fab fa-instagram"></i></a>
                        <a class="btn btn-square mx-1" href=""><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
                <div class="team-item bg-light rounded">
                    <div class="text-center border-bottom p-4">
                        <img class="img-fluid rounded-circle mb-4" src="images/Raman pokheral.jpg" alt="">
                        <h5>Raman Pokhrel</h5>
                        <span>Course Instructor</span>
                    </div>
                    <div class="d-flex justify-content-center p-4">
                        <a class="btn btn-square mx-1" href="" target="_blank"><i class="fab fa-facebook-f"></i></a>
                        
                        <a class="btn btn-square mx-1" href="#" target="_blank"><i class="fab fa-instagram"></i></a>
                        <a class="btn btn-square mx-1" href="#"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 
<section>
<div class="container-fluid bg-white">
  <div class="container ">


    <div >
      <h4 class="head text-center pt-4">Our Experts</h4>
  
    </div>

 
  
   <div class="mb-4">
    <ul class="nav nav-pills mb-3 justify-content-center" id="pills-tab" role="tablist">
    </ul>
  </div>
    <div style="
    margin-bottom: 30px;"class="tab-content mt-1" id="pills-tabContent">
      <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
        <div class="row">
          <div style="
          margin-bottom: 30px;" class="col-md-4 d-flex  justify-content-center text-center">
          <div class="card" style="width: 20rem;">
            <img class="card-img-top" src="images/Gyatrai.jpg" alt="Card image cap">
            <div class="card-body">
              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
            </div>
          </div>
          </div>
          <div style="
          margin-bottom: 30px;" class="col-md-4 d-flex justify-content-center text-center">
          <div class="card" style="width: 20rem;">
            <img class="card-img-top" src="images/Raman pokheral.jpg" alt="Card image cap">
            <div class="card-body">
              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
            </div>
          </div>
        </div>
          <div style="
          margin-bottom: 30px;"  class="col-md-4 d-flex justify-content-center text-center">
          <div class="card" style="width: 20rem;">
            <img class="card-img-top" src="images/IELTS-Exam-Pattern.jpg" alt="Card image cap">
            <div class="card-body">
              <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
            </div>
          </div>
        </div>
          
          

        </div>
      </div>

  </div>
</div>

</div>
</section>  -->
<!-- our expert section ends





footer part start -->
<footer style="  background-color: aliceblue;" id="footer-part">
  <div class="footer-top pt-4 pb-5 index-footer">
    <div class="container">
      <div class="row" style="position: relative; top: 40px;">
        <div class="col-lg-3 col-md-6 " style="position: relative; right: 40px; bottom: 40px;">
          <a href="">
            <img src="images/logo.png" alt="" width="70" height="71" class="rounded-circle">
          </a>
          <p>Founded in 2078 BS, Sumida International Educational Consultancy is renowned for its exceptional career guidance, visa assistance, and top-notch facilities. Positive reviews attest to its excellence, and with classes like NAT, JLPT, and JLCT, Sumida is a trusted solution for students aiming to study in Japan, particularly for visa-related queries.</p>

        </div>
        <div class="col-lg-2 col-md-6 col-sm-6 list-item ">
          <h3 class="mb-3 ">Service</h3>
          <div>
            <a>
              <a href="#" <li >Migration & Visa</li> </a> <br>
              <a href="#" <li >Education Counseling</li> </a> <br>
              <a href="#" <li >Educational Loan</li> </a> 

          </div>

        </div>
        <div class="col-lg-2 col-md-6 col-sm-6 list-item">
          <h3 class="mb-3">Quick Links</h3>
          <div>
            <a href="#" <li>Home</li> </a> <br>
            <a href="#" <li>About US</li> </a> <br>
            <a href="#" <li>Abroad Study</li> </a><br>
            <a href="#" <li>Courses</li> </a> <br>
            <a href="#" <li>Service</li> </a>
          </div>

        </div>
        <div class="col-lg-2 col-md-6 col-sm-6 list-item ">
          <h3 class="mb-3">Courses</h3>
          <div >
            <a>
              <a href="#"<li>NAT</li> </a><br>
              <a href="#"<li>JLPT</li> </a><br>
              <a href="#"<li>JLCT</li> </a>
          </div>

        </div>
        <div class="col-lg-3 col-md-6  list-item">
          <h3 class="mb-3">Our Social Media</h3>
         
          <ul class="d-flex mt-1 ">
            <li>
              <a href="https://www.facebook.com/sumidainternational?mibextid=PlNXYD"  class="p-2"><img src="images/facebook.png" alt="" height="24px" width="24px"></a>
            </li>
            <li>
              <a href=""  class="p-2"><img src="images/instagram.png" alt="" height="24px" width="24px"></a>
            </li>
            <li>
              <a href=""  class="p-2"><img src="images/twitter.png" alt="" height="24px" width="24px"></a>
            </li>
           
          </ul>

          <h4>join a Newsletter</h4>
       
          

            <form >
              <div class="form-group newsletter shadow-sm p-4 mb-5 bg-body rounded p-3 d-flex">
                
                <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                <button class="search rounded"><img src="images/right-arrow (1).png" alt="" width="14px" height="14px"></button>
            
                
              </div>

            </div>

          </div>

        </div>

      </div>

    </div>


  </div>
  <div class="footer-copyright pt-1 pb-2">
    <div class="container">
      <div class="row">
        <div class="col-md-12 pt-2">
          <p class="text-center text-white">&copy Copyright 2023. Designed and managed by: <a style="color: white;" href="https://project0rbit.com/" >Antarikshya</a> </p>


        </div>

      </div>

    </div>

  </div>


</footer>
<!-- footer part ends -->








 

    

    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

    <!-- Box Shadow To Sticky Navigation On Scroll -->
    <script src="script.js"></script>
    <script src="owlcarousel.js"></script>
    <script src="app.js"></script>
    
   
  </body>
</html>