You are here

layout-2columns.twig in Open Social 8.8

<div class="browser-window">
  <div class="top-bar">
    <div class="circles">
      <div class="circle" id="close-circle"></div>
      <div class="circle" id="minimize-circle"></div>
      <div class="circle" id="maximize-circle"></div>
    </div>
  </div>
  <div class="content">
    <div class="row container layout--with-two-columns">
      <div class="region--content" style="padding: 20px; background-color:#4DB6AC; min-height: 400px">
        <p>Page title</p>
        <p>Main content</p>
        <p class="flat-text-header"></p>
        <p class="flat-text"></p>
        <p class="flat-text"></p>
        <p class="flat-text"></p>
        <p class="flat-text"></p>
      </div>
      <div class="region--sidebar-first" style="padding: 20px; background-color:#ec407a; min-height: 400px">
        <p>Sidebar first</p>
        <p class="flat-text small"></p>
        <p class="flat-text"></p>
        <p class="flat-text"></p>
      </div>
    </div>

  </div>
</div>

File

themes/socialbase/components/05-templates/layout/layout-2columns.twig
View source
  1. <div class="browser-window">
  2. <div class="top-bar">
  3. <div class="circles">
  4. <div class="circle" id="close-circle"></div>
  5. <div class="circle" id="minimize-circle"></div>
  6. <div class="circle" id="maximize-circle"></div>
  7. </div>
  8. </div>
  9. <div class="content">
  10. <div class="row container layout--with-two-columns">
  11. <div class="region--content" style="padding: 20px; background-color:#4DB6AC; min-height: 400px">
  12. <p>Page title</p>
  13. <p>Main content</p>
  14. <p class="flat-text-header"></p>
  15. <p class="flat-text"></p>
  16. <p class="flat-text"></p>
  17. <p class="flat-text"></p>
  18. <p class="flat-text"></p>
  19. </div>
  20. <div class="region--sidebar-first" style="padding: 20px; background-color:#ec407a; min-height: 400px">
  21. <p>Sidebar first</p>
  22. <p class="flat-text small"></p>
  23. <p class="flat-text"></p>
  24. <p class="flat-text"></p>
  25. </div>
  26. </div>
  27. </div>
  28. </div>