Having problems with menu and submenus

the menu item people and its sub menus do not work properly anyone can help
<div class=“site-wrap”>

&lt;div class="site-mobile-menu"&gt;
  &lt;div class="site-mobile-menu-header"&gt;
    &lt;div class="site-mobile-menu-close mt-3"&gt;
      &lt;span class="icon-close2 js-menu-toggle"&gt;&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="site-mobile-menu-body"&gt;&lt;/div&gt;
&lt;/div&gt;




&lt;header class="site-navbar py-3 border-bottom" role="banner"&gt;

  &lt;div class="container-fluid"&gt;
    &lt;div class="row align-items-center"&gt;
      
      &lt;div class="col-6 col-xl-2" data-aos="fade-down"&gt;
        &lt;H1 class="mb-0"&gt;<A href="index.html">&lt;font face="agnes-xbold" size="7"&gt;&lt;span style="font-family: 'Vladimir Script'; font-weight: normal; font-style: normal; text-decoration: none; font-size: 36pt;"&gt;Sehrbrock 

Photography</span></span></span></font></H1>
</DIV>
<DIV class=“col-10 col-md-8 d-none d-xl-block” data-aos=“fade-down”><NAV class=“site-navigation position-relative text-right text-lg-center”
role=“navigation”>
<UL class=“site-menu js-clone-nav mx-auto d-none d-lg-block”>
<LI class=“active”>Home
<LI class=“has-children”>Gallery

<UL class=“dropdown”>

  • Nature

  • <li class=“has-children”>
  • People

  • Pet Portraits

  • Design

  • Wild Life

  • Sports

  • Storms

  • <LI class=“has-children”>
    <UL class=“dropdown”>


  • Services
  • About
  • Contact
  • </nav> </div>