You are here

page.html.twig in Zircon Profile 8.0

<div class="page">
<a name="Top" id="Top"></a>
<header id="header" class="header" role="header">
  <div class="container">
    {% if logo %}
      <a id="logo" href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home">
        <img src="{{ logo }}" alt="{{ 'Home'|t }}"/>
      </a>
    {% endif %}

    {% if site_name or site_slogan %}
      <div class="name-and-slogan">

        {# Use h1 when the content title is empty #}
        {% if title %}
          <strong class="site-name">
            <a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
          </strong>
        {% else %}
          <h1 class="site-name">
            <a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
          </h1>
        {% endif %}

        {% if site_slogan %}
          <div class="site-slogan">{{ site_slogan }}</div>
        {% endif %}
      </div>
   {% endif %}
   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-menu-inner">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>

    {{ page.header }}
    
  </div>
</header>

  {% if main_menu or secondary_menu %}
    <nav id="navigation" class="navigation" role="navigation">
      <div class="container">
        {{ main_menu }}
        {{ secondary_menu }}
      </div>
    </nav>
  {% endif %}

  {% if page.main_menu %}
    <nav id="main-menu" class="navbar navbar-default" role="navigation">	
  		  <div class="collapse navbar-collapse" id="main-menu-inner">
          <div class="container">
            {{ page.main_menu }}						
          </div>
        </div>
    </nav>
  {% endif %}

  {% if page.slideshow %}
    <section id="slideshow" class="slideshow">
      <div class="container">
        {{ page.slideshow }}
      </div>
    </section>
  {% endif %}

  {% if page.featured %}
    <section id="featured" class="featured">
      <div class="container">
        {{ page.featured }}
      </div>
    </section>
  {% endif %}

  {% if messages %}
    <section id="messages" class="messages">
      <div class="container">
        {{ messages }}
      </div>
    </section>
  {% endif %}

  {% if page.help %}
    <section id="help" class="help">
      <div class="container">
        {{ page.help }}
      </div>
    </section>
  {% endif %}    

  <section id="main" class="main" role="main">
    <a id="main-content"></a>
    <div class="container">
      <div class="row">
        
        {% if page.sidebar_first %}
          <aside class="sidebar-first sidebar col-lg-3 col-md-3 col-sm-12 col-xs-12" role="complementary">
            {{ page.sidebar_first }}
          </aside>
        {% endif %}
		
        <div class="content col-lg-{{ page.main_content_width }} col-md-{{ page.main_content_width }} col-sm-12 col-xs-12">
          {{ page.highlighted }}

          {{ title_prefix }}
          {% if title %}
            <h1>{{ title }}</h1>
          {% endif %}
          {{ title_suffix }}

          {{ tabs }}

          {% if action_links %}
            <nav class="action-links">{{ action_links }}</nav>
          {% endif %}

          {{ page.content }}

          <!--{{ feed_icons }}-->
        </div>

        {% if page.sidebar_second %}
          <aside class="sidebar-second sidebar col-lg-3 col-md-3 col-sm-12 col-xs-12" role="complementary">
            {{ page.sidebar_second }}
          </aside>
        {% endif %}
      </div>
    </div>
  </section>

  {% if page.panel_first_1 %}
    <section id="panel_first" class="panel_first">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            {{ page.panel_first_1 }}
          </div>
        </div>
      </div>
    </section>
  {% endif %}
    
  {% if page.panel_second_1 or page.panel_second_2 or page.panel_second_3 or page.panel_second_4 %}
    <section id="panel_second" class="panel_second">
      <div class="container">
        <div class="row">
          <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            {{ page.panel_second_1 }}
          </div>
          <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            {{ page.panel_second_2 }}
          </div>
          <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            {{ page.panel_second_3 }}
          </div>
          <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            {{ page.panel_second_4 }}
          </div>
        </div>
      </div>
    </section>
  {% endif %}
  
  {% if breadcrumb %}
    <section id="breadcrumb" class="breadcrumb">
      <div class="container">
        {{ breadcrumb }}
      </div>
    </section>
  {% endif %}
  <a href="#Top" class="btn-btt" title="Back to Top" style="display: block;"></a>          

  {% if page.footer %}
    <footer id="footer" class="footer" role="contentinfo">
      <div class="container">
        {{ page.footer }}
      </div>
    </footer>
  {% endif %}

</div>

File

themes/zircon/templates/page.html.twig
View source
  1. <div class="page">
  2. <a name="Top" id="Top"></a>
  3. <header id="header" class="header" role="header">
  4. <div class="container">
  5. {% if logo %}
  6. <a id="logo" href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home">
  7. <img src="{{ logo }}" alt="{{ 'Home'|t }}"/>
  8. </a>
  9. {% endif %}
  10. {% if site_name or site_slogan %}
  11. <div class="name-and-slogan">
  12. {# Use h1 when the content title is empty #}
  13. {% if title %}
  14. <strong class="site-name">
  15. <a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
  16. </strong>
  17. {% else %}
  18. <h1 class="site-name">
  19. <a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
  20. </h1>
  21. {% endif %}
  22. {% if site_slogan %}
  23. <div class="site-slogan">{{ site_slogan }}</div>
  24. {% endif %}
  25. </div>
  26. {% endif %}
  27. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-menu-inner">
  28. <span class="sr-only">Toggle navigation</span>
  29. <span class="icon-bar"></span>
  30. <span class="icon-bar"></span>
  31. <span class="icon-bar"></span>
  32. </button>
  33. {{ page.header }}
  34. </div>
  35. </header>
  36. {% if main_menu or secondary_menu %}
  37. <nav id="navigation" class="navigation" role="navigation">
  38. <div class="container">
  39. {{ main_menu }}
  40. {{ secondary_menu }}
  41. </div>
  42. </nav>
  43. {% endif %}
  44. {% if page.main_menu %}
  45. <nav id="main-menu" class="navbar navbar-default" role="navigation">
  46. <div class="collapse navbar-collapse" id="main-menu-inner">
  47. <div class="container">
  48. {{ page.main_menu }}
  49. </div>
  50. </div>
  51. </nav>
  52. {% endif %}
  53. {% if page.slideshow %}
  54. <section id="slideshow" class="slideshow">
  55. <div class="container">
  56. {{ page.slideshow }}
  57. </div>
  58. </section>
  59. {% endif %}
  60. {% if page.featured %}
  61. <section id="featured" class="featured">
  62. <div class="container">
  63. {{ page.featured }}
  64. </div>
  65. </section>
  66. {% endif %}
  67. {% if messages %}
  68. <section id="messages" class="messages">
  69. <div class="container">
  70. {{ messages }}
  71. </div>
  72. </section>
  73. {% endif %}
  74. {% if page.help %}
  75. <section id="help" class="help">
  76. <div class="container">
  77. {{ page.help }}
  78. </div>
  79. </section>
  80. {% endif %}
  81. <section id="main" class="main" role="main">
  82. <a id="main-content"></a>
  83. <div class="container">
  84. <div class="row">
  85. {% if page.sidebar_first %}
  86. <aside class="sidebar-first sidebar col-lg-3 col-md-3 col-sm-12 col-xs-12" role="complementary">
  87. {{ page.sidebar_first }}
  88. </aside>
  89. {% endif %}
  90. <div class="content col-lg-{{ page.main_content_width }} col-md-{{ page.main_content_width }} col-sm-12 col-xs-12">
  91. {{ page.highlighted }}
  92. {{ title_prefix }}
  93. {% if title %}
  94. <h1>{{ title }}</h1>
  95. {% endif %}
  96. {{ title_suffix }}
  97. {{ tabs }}
  98. {% if action_links %}
  99. <nav class="action-links">{{ action_links }}</nav>
  100. {% endif %}
  101. {{ page.content }}
  102. <!--{{ feed_icons }}-->
  103. </div>
  104. {% if page.sidebar_second %}
  105. <aside class="sidebar-second sidebar col-lg-3 col-md-3 col-sm-12 col-xs-12" role="complementary">
  106. {{ page.sidebar_second }}
  107. </aside>
  108. {% endif %}
  109. </div>
  110. </div>
  111. </section>
  112. {% if page.panel_first_1 %}
  113. <section id="panel_first" class="panel_first">
  114. <div class="container">
  115. <div class="row">
  116. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  117. {{ page.panel_first_1 }}
  118. </div>
  119. </div>
  120. </div>
  121. </section>
  122. {% endif %}
  123. {% if page.panel_second_1 or page.panel_second_2 or page.panel_second_3 or page.panel_second_4 %}
  124. <section id="panel_second" class="panel_second">
  125. <div class="container">
  126. <div class="row">
  127. <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
  128. {{ page.panel_second_1 }}
  129. </div>
  130. <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
  131. {{ page.panel_second_2 }}
  132. </div>
  133. <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
  134. {{ page.panel_second_3 }}
  135. </div>
  136. <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
  137. {{ page.panel_second_4 }}
  138. </div>
  139. </div>
  140. </div>
  141. </section>
  142. {% endif %}
  143. {% if breadcrumb %}
  144. <section id="breadcrumb" class="breadcrumb">
  145. <div class="container">
  146. {{ breadcrumb }}
  147. </div>
  148. </section>
  149. {% endif %}
  150. <a href="#Top" class="btn-btt" title="Back to Top" style="display: block;"></a>
  151. {% if page.footer %}
  152. <footer id="footer" class="footer" role="contentinfo">
  153. <div class="container">
  154. {{ page.footer }}
  155. </div>
  156. </footer>
  157. {% endif %}
  158. </div>