{#
/**
 * @file
 * Default 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 in this 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.
 *
 * Navigation:
 * - breadcrumb: The breadcrumb trail for the current page.
 *
 * Page content (in order of occurrence in the default page.html.twig):
 * - title_prefix: Additional output populated by modules, intended to be
 *   displayed in front of the main title tag that appears in the template.
 * - title: The page title, for use in the actual content.
 * - title_suffix: Additional output populated by modules, intended to be
 *   displayed after the main title tag that appears in the template.
 * - messages: Status and error messages. Should be displayed prominently.
 * - tabs: Tabs linking to any sub-pages beneath the current page (e.g., the
 *   view and edit tabs when displaying a node).
 * - action_links: Actions local to the page, such as "Add menu" on the menu
 *   administration interface.
 * - 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.primary_menu: Items for the primary menu region.
 * - page.secondary_menu: Items for the secondary menu region.
 * - page.highlighted: Items for the highlighted content region.
 * - page.help: Dynamic help text, mostly for admin pages.
 * - 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.footer: Items for the footer region.
 *
 * @see template_preprocess_page()
 * @see html.html.twig
 *
 * @ingroup templates
 */
#}

{% set container = theme.settings.fluid_container ? 'container-fluid' : 'container' %}
{# Navbar #}
{% if page.navigation or page.navigation_collapsible %}
  {% block navbar %}
    {%
      set navbar_classes = [
        'navbar',
        theme.settings.navbar_inverse ? 'navbar-inverse' : 'navbar-default',
        theme.settings.navbar_position ? 'navbar-' ~ theme.settings.navbar_position|clean_class : container,
      ]
    %}
  <div class="header-strech">
    <div class="top-toolbar">
      <div class="container">
        <div class="col-md-6 user-navigation-header">{{ page.user_menu }}</div>
        <div class="col-md-6 social-sharing-header">{{ page.social_sharing }}</div>
     </div>
   </div>
    <header{{ navbar_attributes.addClass(navbar_classes) }} id="navbar" role="banner">
      <div class="navbar-header">
        {{ page.navigation }}
        {# .btn-navbar is used as the toggle for collapsed navbar content #}
        {% if page.navigation_collapsible %}
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">{{ 'Toggle navigation'|t }}</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        {% endif %}
      </div>

      {# Navigation (collapsible) #}
      {% if page.navigation_collapsible %}
        <div class="navbar-collapse collapse">
          {{ page.navigation_collapsible }}
        </div>
      {% endif %}
      <div class="row custom-header-block">
       <div class="col-sm-0"></div>
       <div class="col-sm-9 header-subnavigation">{{page.sub_navigation}}</div>
       <div class="col-sm-3 header-search">{{page.search_header}}</div>
      </div>
    </header>
  </div>
  {# Home Page Slider #}
  {% if page.home_slider %}
  <div class="my-slider">
    {{ page.home_slider }}
  </div>
  {% endif %}
  <div class="section welcome-home">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <h1 class="text-center">Welcome to corporate blue theme</h1>
            <h4 class="text-center">The awesome theme from team Zyxware</h4>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="heading-welcome-holder">
              <div class="heading-welcome">
                <h5 class="text-right">. Eorem ipsum dolor sit amet consecter adipsicing elit sed usm dui .</h5>
                <div class="text-right">
                  <p class="text-right">Eorem ipsum dolor sit amet consecter adipsicing elit sed usm dui tempa
                    incididunt ute labore et dolore magna aliqua ut enima minim lora beniap
                    quis nostrual exercitationullamco laboris aliqu sed.
                  Bcea aliqlorem ipsumdolor sit amet lorem ipsum dolor sit amet ullamco
                    laboris nisi ut aliquip ex ea commodo consequat.
                    <em>“ magna aliqua ut enima minim lora beniap
                    quis nostrual exercitationullamco.”</em>
                  </p>
                  <a class ="btn btn-primary" href="#">About us</a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <a href="#"><img src="{{ directory }}/images/welcomeimage.png" class="img-responsive"></a>
          </div>
        </div>
      </div>
    </div>
  {% endblock %}
{% endif %}
    <div class="section ourteamhome">
    <div class="container">
        <div class="row">
          <div class="col-md-12">
            <h1 class="text-center">Our Team</h1>
            <h4 class="text-center">Meet our teams</h4>
          </div>
        </div>
        <div class="row">
          {# Team members block. #}
          {{ page.team_members }}
          <div class="clearfix"></div>
          <br>
          <a class="btn btn-primary center-block" href="{{ 'team-members' }}">View All</a>
        </div>
      </div>
    </div>
    <div class="section showcase_home">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <h1 class="text-center">{{ theme.settings.showcase_title }}</h1>
            <h3 class="text-center">{{ theme.settings.showcase_description }}</h3>
          </div>
        </div>
        <div class="row">
          <div class="col-md-4">
            <a href="{{ theme.settings.showcase_twitter_url }}"><i class="center-block fa fa-5x fa-fw fa-twitter text-primary"></i></a>
            <h1 class="text-center text-primary">{{ theme.settings.showcase_twitter_count }} Tweets</h1>
          </div>
          <div class="col-md-4">
            <a href="{{ theme.settings.showcase_facebook_url }}"><i class="center-block fa fa-5x fa-facebook fa-fw text-primary"></i></a>
            <h1 class="text-center text-primary">{{ theme.settings.showcase_facebook_count }} Likes</h1>
          </div>
          <div class="col-md-4">
            <a href="{{ theme.settings.showcase_linkedin_url }}"><i class="center-block fa fa-5x fa-fw fa-linkedin text-primary"></i></a>
            <h1 class="text-center text-primary">{{ theme.settings.showcase_linkedin_count }} Users</h1>
          </div>
        </div>
      </div>
    </div>
    <div class="section">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-12 hidden">
            <h1 class="text-center">Gallery</h1>
            <p class="text-center lead">A subtitle.</p>
          </div>
        </div>
        <div class="row no-gutter home-gallery">{{ page.showcase_images }}</div>
      </div>
    </div>
  <div class="section our-clients-container">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
           <h1>Our Clients</h1>
           <h4>These are our valuable clients</h4>
            <div class="our-clients">
              <div><a><img src="{{ directory }}/images/clients/cleint1.png" class="img-responsive"></a></div>
              <div><a><img src="{{ directory }}/images/clients/cleint2.png" class="img-responsive"></a></div>
              <div><a><img src="{{ directory }}/images/clients/cleint3.png" class="img-responsive"></a></div>
              <div><a><img src="{{ directory }}/images/clients/cleint4.png" class="img-responsive"></a></div>
              <div><a><img src="{{ directory }}/images/clients/cleint5.png" class="img-responsive"></a></div>
              <div><a><img src="{{ directory }}/images/clients/cleint6.png" class="img-responsive"></a></div>
            </div>
          </div>
        </div>
      </div>
    </div>
{% if page.footer %}
  {% block footer %}
    <div class="footer-container">
      <footer class="footer {{ container }}" role="contentinfo">
         <div class="row">
          <div class="col-md-3">{{ page.footer_first }}</div>
          <div class="col-md-3">{{ page.footer_second }}</div>
          <div class="col-md-3">{{ page.footer_third }}</div>
          <div class="col-md-3">
            <h2>Contact us</h2>
            <ul class="contact">
                <li><p><i class="fa fa-map-marker"></i> <strong>Address:</strong> 1234 Street Name, City Name, United States</p></li>
                <li><p><i class="fa fa-phone"></i> <strong>Phone:</strong> (123) 456-7890</p></li>
                <li><p><i class="fa fa-envelope-o"></i> <strong>Email:</strong> <a href="mailto:mail@example.com">mail@example.com</a></p></li>
            </ul>
          </div>
          <div class="clearfix"></div>
           <div class="col-md-12 footer_copy">{{ page.footer }} <p class="zyx_copy">Designed and devoloped by <a href="http://zyxware.com">Zyxware</a></p></div>
         </div>
      </footer>
    </div>
  {% endblock %}
{% endif %}

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.6";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>