standard-page.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <style>
  2. body {
  3. background-color: #fff;
  4. }
  5. </style>
  6. <div class="nav dark" anvil-drop-redirect=".header">
  7. <div class="title" anvil-slot-repeat="title-top"></div>
  8. <div class="title placeholder anvil-designer-only" anvil-if-slot-empty="title-top" anvil-drop-slot="title-top">Title here</div>
  9. <div class="nav-right" anvil-drop-redirect=".nav-elt">
  10. <div anvil-slot-repeat="nav-right" class="nav-elt">
  11. <div anvil-drop-here class="drop-here"></div>
  12. </div>
  13. <div class="nav-elt placeholder anvil-designer-only" anvil-drop-slot="nav-right">
  14. <i class="glyphicon glyphicon-plus"></i>
  15. </div>
  16. </div>
  17. </div>
  18. <div class="header" anvil-drop-redirect=".header .placeholder, .nav .placeholder, .nav .drop-here">
  19. <div anvil-slot-repeat="hero"></div>
  20. <div anvil-if-slot-empty="hero" anvil-designer-only anvil-drop-slot="hero" class="placeholder">Heading here</div>
  21. </div>
  22. <div class="body" anvil-slot-repeat="default" anvil-drop-container>
  23. </div>
  24. <div class="body anvil-designer-only" anvil-if-slot-empty="default" anvil-drop-slot="default">
  25. <center class="anvil-designer-only instructions placeholder">
  26. <i class="fa fa-info-circle"></i> Add
  27. a <img src="https://anvil.works/template-assets/column-panel-icon.png" style="height: 30px; margin-right: -7px; margin-top: -5px"> ColumnPanel component here.
  28. </center>
  29. </div>
  30. <div anvil-drop-default anvil-drop-redirect=".body .placeholder, .body[anvil-drop-container]">
  31. </div>