I have created a navbar within a page and I would like to embed forms into the difference sections of the navbar.  Can someone please I am unsure where I need to add the code to embed the multiple forms which can be accessible by clicking the relevant button the navbar?

2. htmlpage Paraplanning_Database()
3. displayname = "Paraplanning Database"
4. content
5. <%{%>    <style>
6. ul {
7.     list-style-type: none;
8.     margin: 0;
9.     padding: 0;
10.     overflow: hidden;
11.     background-color: #696969;
12. }
13. 
    
14. li {
15.     float: left;
16. }
17. 
    
18. li a {
19.     display: block;
20.     color: white;
21.     text-align: center;
22.     padding: 14px 16px;
23.     text-decoration: none;
24. }
25. 
    
26. a:hover:not(.active) {
27.     background-color: #E6E6FA;
28. }
29. 
    
30. .active {
31. background-color:#C58900 ;
32. }
33. </style>
34. 
    
35. 
    
36. 
    
37. <ul>
38.   <li><a class="#DB1" href="">DB2</a></li>
39.   <li><a href="#DB2"</a>DB2</a></li>
40.   <li><a href="#Report1">Report1</a></li>
41.   <li><a href="#Report2">Report1</a></li>
42. </ul>    <div elName='zc-component' formLinkName='Paraplanning' params='zc_Header=true&amp;zc_SuccMsg=Data Added Successfully!&amp;zc_SubmitVal=Submit&amp;zc_ResetVal=Reset'>Loading Form...</div><%}%>