newsplus_lite-8.x-1.x-dev/templates/page.html.twig
templates/page.html.twig
{#
/**
* @file
* News+ Lite's theme implementation to display a single page.
*
* The doctype, html, head and body tags are not in this template. Instead they
* can be found in the html.html.twig template normally located in the
* core/modules/system directory.
*
* Available variables:
*
* General utility variables:
* - base_path: The base URL path of the Drupal installation. Will usually be
* "/" unless you have installed Drupal in a sub-directory.
* - is_front: A flag indicating if the current page is the front page.
* - logged_in: A flag indicating if the user is registered and signed in.
* - is_admin: A flag indicating if the user has permission to access
* administration pages.
*
* Site identity:
* - front_page: The URL of the front page. Use this instead of base_path when
* linking to the front page. This includes the language domain or prefix.
* - logo: The url of the logo image, as defined in theme settings.
* - site_name: The name of the site. This is empty when displaying the site
* name has been disabled in the theme settings.
* - site_slogan: The slogan of the site. This is empty when displaying the site
* slogan has been disabled in theme settings.
* Page content (in order of occurrence in the default page.html.twig):
* - node: Fully loaded node, if there is an automatically-loaded node
* associated with the page and the node ID is the second argument in the
* page's path (e.g. node/12345 and node/12345/revisions, but not
* comment/reply/12345).
*
* Regions:
* - page.header: Items for the header region.
* - page.highlighted: Items for the highlighted region.
* - page.primary_menu: Items for the primary menu region.
* - page.secondary_menu: Items for the secondary menu region.
* - page.featured_top: Items for the featured top region.
* - page.content: The main content of the current page.
* - page.sidebar_first: Items for the first sidebar.
* - page.sidebar_second: Items for the second sidebar.
* - page.featured_bottom_first: Items for the first featured bottom region.
* - page.featured_bottom_second: Items for the second featured bottom region.
* - page.featured_bottom_third: Items for the third featured bottom region.
* - page.footer_first: Items for the first footer column.
* - page.footer_second: Items for the second footer column.
* - page.footer_third: Items for the third footer column.
* - page.footer_fourth: Items for the fourth footer column.
* - page.footer_fifth: Items for the fifth footer column.
* - page.breadcrumb: Items for the breadcrumb region.
*
* @see template_preprocess_page()
* @see bartik_preprocess_page()
* @see html.html.twig
*/
#}
<div id="toTop"><i class="fa fa-play-circle fa-rotate-270"></i></div>
<header class="headers-wrapper">
{% if page.pre_header_left or page.pre_header_right %}
{# #pre-header #}
<div id="pre-header" class="clearfix colored-area {{ colored_area_class }}">
<div class="container">
{# #pre-header-inside #}
<div id="pre-header-inside" class="clearfix">
<div class="row">
{% if page.pre_header_left %}
<div class="{{ pre_header_left_grid_class }}">
{# #pre-header-left #}
<div id="pre-header-left" class="clearfix">
<div class="pre-header-area">
{{ page.pre_header_left }}
</div>
</div>
{# EOF:#pre-header-left #}
</div>
{% endif %}
{% if page.pre_header_right %}
<div class="{{ pre_header_right_grid_class }}">
{# #pre-header-right #}
<div id="pre-header-right" class="clearfix">
<div class="pre-header-area">
{{ page.pre_header_right }}
</div>
</div>
{# EOF:#pre-header-right #}
</div>
{% endif %}
</div>
</div>
{# EOF: #pre-header-inside #}
</div>
</div>
{# EOF: #pre-header #}
{% endif %}
{# #header-top #}
{% if page.header_top_left or page.header_top_right %}
<div id="header-top" role="banner" class="clearfix colored-area {{ colored_area_class }}">
<div class="container">
{# #header-top-inside #}
<div id="header-top-inside" class="clearfix">
<div class="row">
{% if page.header_top_left %}
<div class="{{ header_top_inside_grid_class }}">
{# #header-top-left #}
<div id="header-top-left" class="clearfix">
<div class="header-top-area">
{% if page.header_top_left %}
{{ page.header_top_left }}
{% endif %}
</div>
</div>
{# EOF:#header-top-left #}
</div>
{% endif %}
{% if page.header_top_right %}
<div class="{{ header_top_inside_grid_class }}">
{# #header-top-right #}
<div id="header-top-right" class="clearfix">
<div class="header-top-area">
{{ page.header_top_right }}
</div>
</div>
{# EOF:#header-top-right #}
</div>
{% endif %}
</div>
</div>
{# EOF: #header-top-inside #}
</div>
</div>
{% endif %}
{# EOF: #header-top #}
{# #header #}
{% if page.navigation or page.header %}
<div id="header" class="colored-area {{ colored_area_class }}">
{% if mt_site_name %}
<div class="site-name site-name__header">
<a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ mt_site_name }}</a>
</div>
{% endif %}
<div class="container">
{# #header-inside #}
<div id="header-inside" class="clearfix">
<div class="row">
<div class="header-area">
<div class="{{ header_inside_left_grid_class }}">
{# #header-inside-left #}
<div id="header-inside-left" class="clearfix">
{# #main-navigation #}
<div id="main-navigation" class="clearfix">
<nav role="navigation">
{% if page.navigation %}
{{ page.navigation }}
{% endif %}
</nav>
</div>
{# EOF: #main-navigation #}
</div>
{# EOF:#header-inside-left #}
</div>
{% if page.header %}
<div class="col-md-4">
{# #header-inside-right #}
<div id="header-inside-right" class="clearfix">
{{ page.header }}
</div>
{# EOF:#header-inside-right #}
</div>
{% endif %}
</div>
</div>
</div>
{# EOF: #header-inside #}
</div>
</div>
{% endif %}
{# EOF: #header #}
</header>
{% if page.page_intro %}
{# #page-intro #}
<div id="page-intro" class="clearfix">
<div class="container">
<div class="row">
<div class="col-md-12">
{# #page-intro-inside #}
<div id="page-intro-inside" class="clearfix">
{{ page.page_intro }}
</div>
{# EOF: #page-intro-inside #}
</div>
</div>
</div>
</div>
{# EOF: #page-intro #}
{% endif %}
{# #page #}
<div id="page" class="clearfix">
<div class="container">
{# #page-inside #}
<div id="page-inside">
{% if page.top_content %}
{# #top-content #}
<div id="top-content">
{# #top-content-inside #}
<div id="top-content-inside" class="clearfix">
<div class="row">
<div class="col-md-12">
{{ page.top_content }}
</div>
</div>
</div>
{# EOF:#top-content-inside #}
</div>
{# EOF: #top-content #}
{% endif %}
{# #main-content #}
<div id="main-content">
<div class="row">
{% if page.sidebar_first %}
<aside class="{{ sidebar_first_grid_class }}">
{# #sidebar #}
<section id="sidebar-first" class="sidebar clearfix">
{{ page.sidebar_first }}
</section>
{# EOF:#sidebar #}
</aside>
{% endif %}
<section class="{{ main_grid_class }}">
{% if page.banner %}
{# #banner #}
<div id="banner">
{# #banner-inside #}
<div id="banner-inside" class="clearfix">
{{ page.banner }}
</div>
{# EOF:#banner-inside #}
</div>
{# EOF: #banner #}
{% endif %}
{% if page.highlighted %}
<div id="highlighted">
<div id="highlighted-inside" class="clearfix">
{{ page.highlighted }}
</div>
</div>
{% endif %}
{% if page.promoted %}
{# #promoted #}
<div id="promoted" class="clearfix">
{# #promoted-inside #}
<div id="promoted-inside" class="clearfix">
{{ page.promoted }}
</div>
{# EOF: #promoted-inside #}
</div>
{# EOF: #promoted #}
{% endif %}
{# #main #}
<div id="main" class="clearfix">
{% if page.content %}
{{ page.content }}
{% endif %}
</div>
{# EOF:#main #}
</section>
{% if page.sidebar_second %}
<aside class="{{ sidebar_second_grid_class }}">
{##sidebar#}
<section id="sidebar-second" class="sidebar clearfix">
{{ page.sidebar_second }}
</section>
{# EOF:#sidebar #}
</aside>
{% endif %}
</div>
</div>
{# EOF:#main-content #}
</div>
{# EOF: #page-inside #}
</div>
</div>
{# EOF: #page #}
{% if page.footer_first or page.footer_second or page.footer_third or page.footer_fourth %}
{# #footer #}
<footer id="footer" class="clearfix">
<div class="container">
<div class="row">
{% if page.footer_first %}
<div class="{{ footer_grid_class }}">
<div class="footer-area">
{{ page.footer_first }}
</div>
</div>
{% endif %}
{% if page.footer_second %}
<div class="{{ footer_grid_class }}">
<div class="footer-area">
{{ page.footer_second }}
</div>
</div>
{% endif %}
{% if page.footer_third %}
<div class="{{ footer_grid_class }}">
<div class="footer-area">
{{ page.footer_third }}
</div>
</div>
{% endif %}
{% if page.footer_fourth %}
<div class="{{ footer_grid_class }}">
<div class="footer-area">
{{ page.footer_fourth }}
</div>
</div>
{% endif %}
</div>
</div>
</footer>
{# EOF #footer #}
{% endif %}
{% if page.sub_footer_left or page.footer %}
{# #subfooter #}
<div id="subfooter" class="clearfix">
<div class="container">
{# #subfooter-inside #}
<div id="subfooter-inside" class="clearfix">
<div class="row">
<div class="col-md-4">
{# #subfooter-left #}
{% if page.sub_footer_left %}
<div class="subfooter-area left">
{{ page.sub_footer_left }}
</div>
{% endif %}
{# EOF #subfooter-left #}
</div>
<div class="col-md-8">
{# #subfooter-right #}
{% if page.footer %}
<div class="subfooter-area right">
{{ page.footer }}
</div>
{% endif %}
{# EOF #subfooter-right #}
</div>
</div>
</div>
{# EOF #subfooter-inside #}
</div>
</div>{# EOF #subfooter #}
{% endif %}