title: Angular 6: Multi Page Application (MPA) is possible?
body: <p>After spending the whole day on Google, my question remains unanswered.</p>
  
  <p>As I am new to creating <strong>Angular</strong> app using version <strong>6.0.4</strong>. my first and simple question is:</p>
  
  <ol>
  <li><p><strong>Is it possible to configure Angular app with multilevel landing pages?</strong> </p>
  
  <p>Example: Without exposing the links on top nav bar of the root page, I need direct links to these pages where the users have their own different menus. like: WordPress/admin panel is different than its website. </p>
  
  <ul>
  <li><code>/home</code> for public view  </li>
  <li><code>/admin</code> for admin section after login</li>
  <li><code>/customer</code>    for customer section after login</li>
  </ul></li>
  </ol>
  
  <p>this is because I found that there is only one <code>app.component.html</code> file where we can include our components using Routing but with static navigation bar on the top.</p>
  
  <ol start="2">
  <li><p><strong>If not:</strong></p>
  
  <p>How to run multiple apps created for all above 3 section can be run under the same <code>url:port</code>?</p></li>
  </ol>