CopyFrom.html

<header id="header">
      <div class="container main-menu">
          <div class="row align-items-center justify-content-between d-flex"> 
            <!--  style="margin-left: -36vh; margin-right: -36vh" -->
            <div id="logo">
              <a href="https://www.wpi.edu/" style="font-size: 24px; font-weight: 600; color: #ddd"><img src="img/logos/WPILogo2.png" width="48px" alt="" title=""> &nbsp;</a><a href="index.html" style="font-size: 24px; font-weight: 600; color: #ddd"><img src="img/logos/LogoWhiteRed.png" width="48px" alt="" title=""> &nbsp;Perception and Autonomous Robotics Group</a>
            </div>
            <nav id="nav-menu-container">
              <ul class="nav-menu">
                <li><a title="Home" href="index.html" style="position: relative; top: -4px"><i style="font-size: 28px" class="fa fa-home"></i></a></li>
                <li class="menu-has-children"><a title="Research" href="research.html">Research</a>
                  <ul>
                    <li><a href="research.html">Research Areas</a></li>
                    <!-- <li><a href="softwares.html">Softwares/Datasets</a></li> -->
                    <li><a href="publications.html">Publications/Softwares/Datasets</a></li>
                    <li><a href="labs.html">Research Labs And Facilities</a></li>
                  </ul>
                </li> 
                <li><a title="Teaching" href="teaching.html">Teaching</a></li>
               <li><a title="Media" href="media.html">Media</a></li>
               <li><a title="Openings" href="openings.html">Openings</a></li>
               <li><a title="Events" href="events.html">Events</a></li>
                </ul>
              </nav><!-- #nav-menu-container -->                  
          </div>
      </div>
      </header>