littlemisswhoever

Theme: Viper - Dropdown Menu Page (by iniziare)

Sep 15th, 2019
304
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.47 KB | None | 0 0
  1. <!-- COPY/PASTE THIS TO MAKE ANOTHER PAGE AND RENAME 'PAGE01' -->
  2.  
  3.  
  4. <!-- PAGE01 -->
  5.  
  6.  
  7. <div id="Page01" class="page" style="display:none;">
  8. <div id="tabcontent" style="overflow:hidden!important;">
  9.  
  10.  
  11. <div class="npheader">
  12. <img src="https://static.tumblr.com/gjexvml/Xzcpxvuvk/exampleheader.png">
  13. </div class="npheader">
  14.  
  15.  
  16. <div class="npnavi">
  17. <ul id="tabs">
  18.  
  19. <div class="dropdown">
  20. <button onclick="myFunction()" class="dropbtn">
  21.  
  22. (re) Click for Navigation
  23.  
  24. </button>
  25.  
  26.  
  27.  
  28.  
  29.  
  30. <div id="myDropdown" class="dropdown-content">
  31.  
  32. <li style="text-align:left;" autofocus>Tab01</li>
  33. <li style="text-align:right;">Tab02</li>
  34.  
  35. <li style="min-width:537px; margin-bottom:-4px!important;pointer-events:none;"></li>
  36. </div id="myDropdown" class="dropdown-content">
  37. </div class="dropdown">
  38.  
  39.  
  40.  
  41. </ul id="tabs">
  42. </div class="npnavi">
  43.  
  44.  
  45. <!-- TAB01 -->
  46.  
  47. <ul id="tab">
  48. <li class="active">
  49.  
  50.  
  51. <div class="npcontent">
  52.  
  53.  
  54. <h4>Page01 Header</h4>
  55.  
  56. Etiam non posuere mi, et sollicitudin nulla. Donec id pulvinar tellus. Donec at tellus nec odio suscipit malesuada vitae at ipsum. Phasellus velit massa, euismod at fermentum eu, vestibulum ac felis. Proin malesuada tortor quis tellus egestas pulvinar. Curabitur posuere neque non purus tempus, quis volutpat nisi malesuada. Etiam feugiat mi nec sapien finibus cursus. Phasellus bibendum est sem. Cras hendrerit tincidunt ex. Duis diam dolor, molestie eget pulvinar sit amet, egestas vitae turpis. Aenean lacinia ultrices porttitor. Praesent tellus ligula, ornare eget efficitur id, scelerisque ut lorem. Morbi venenatis, lectus a porta pretium, dolor diam dictum urna, at sagittis dui enim eu mi. Phasellus tempus nulla eu lacus facilisis pretium. Donec quis libero nec dolor vestibulum fermentum. Sed aliquet euismod nibh et lobortis.
  57.  
  58. <p>Nullam pretium, ligula nec facilisis ullamcorper, tellus massa mollis tellus, eu dictum mi sem sit amet risus. Cras metus neque, porta quis consectetur ut, rutrum vel mauris. Nullam dapibus massa nec nulla consequat, et commodo risus pretium. In hac habitasse platea dictumst. Ut faucibus at neque in sagittis. Nam sit amet leo est. Ut a sem cursus, dignissim ligula et, rhoncus est. Aliquam hendrerit, eros quis efficitur luctus, eros tellus volutpat elit, non auctor sapien risus tempus libero. In gravida nisi justo, a condimentum sem porttitor non. Donec pharetra ut lorem vitae consectetur. Nulla fringilla massa a risus euismod euismod. Aliquam pellentesque massa sit amet nisi eleifend, eget sagittis augue consequat. Sed volutpat, lorem quis rhoncus ultrices, est elit ornare arcu, ut vulputate neque odio ut enim. Mauris sed hendrerit tortor. Nunc ut blandit purus. Duis viverra, lorem pharetra egestas aliquam, est mi aliquet turpis, sed auctor ex dolor finibus tortor.
  59.  
  60.  
  61. </div class="npcontent">
  62.  
  63. </li>
  64. <li>
  65.  
  66. <div class="npcontent">
  67.  
  68.  
  69. <h4>Page01 Header</h4>
  70.  
  71. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed nulla vel eros luctus sodales. Phasellus et posuere eros, in condimentum lorem. Nulla in dignissim magna, sed maximus tortor. Morbi molestie condimentum ultricies. Phasellus pellentesque elit sed ante lacinia, vel ultrices tellus luctus. Etiam sem ipsum, efficitur varius varius ac, blandit ut nunc. Fusce dapibus nisi enim, id semper orci finibus id. Curabitur semper mollis tristique. Vestibulum laoreet enim ac consequat maximus. Donec varius dui at nunc volutpat, sed hendrerit ex lobortis. Nunc pretium pretium dui et feugiat.
  72.  
  73. <p>Sed condimentum ante tortor, in dictum tellus rhoncus eu. Morbi semper orci gravida odio ultricies faucibus. Phasellus imperdiet porttitor est, sit amet fringilla sapien consectetur eu. Nunc in purus sit amet risus accumsan sagittis sed non lorem. Duis iaculis suscipit metus, et congue sem iaculis quis. Vestibulum dictum, metus sed fringilla sodales, tellus massa varius felis, id tristique sem nibh in justo. Vivamus non urna felis. Vestibulum posuere neque nulla, id rhoncus mauris semper quis. Proin eu vestibulum purus, sed feugiat urna. Proin maximus, nulla et ornare viverra, nulla turpis rhoncus nibh, a egestas turpis turpis quis risus. Ut consequat luctus elementum. Donec vel maximus erat. Vestibulum luctus lectus non odio ornare pulvinar. Nam non tortor sed odio posuere lacinia. Proin vestibulum facilisis ipsum, ac vulputate odio molestie nec.
  74.  
  75.  
  76. </div class="npcontent">
  77.  
  78. </li>
  79. </ul>
  80.  
  81.  
  82. </div id="tabcontent" style="overflow:hidden!important;">
  83. </div id="Page01" class="page">
  84.  
  85.  
  86. <!-- COPY/PASTE THIS TO MAKE ANOTHER PAGE AND RENAME 'PAGE01' -->
Add Comment
Please, Sign In to add comment