page.html.twig in Zircon Profile 8.0
Same filename in this branch
Same filename and directory in other branches
<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>
3 theme calls to page.html.twig
- ElementInfoManagerTest::providerTestGetInfoElementPlugin in core/
tests/ Drupal/ Tests/ Core/ Render/ ElementInfoManagerTest.php - Provides tests data for testGetInfoElementPlugin().
- ElementInfoManagerTest::testGetInfoElementPlugin in core/
tests/ Drupal/ Tests/ Core/ Render/ ElementInfoManagerTest.php - Tests the getInfo() method when render element plugins are used.
- Page::getInfo in core/
lib/ Drupal/ Core/ Render/ Element/ Page.php - Returns the element properties for this element.
File
themes/zircon/templates/page.html.twigView source
- <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>