<!DOCTYPE html>
<html <?php language_attributes(); ?>>
  <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <title><?php wp_title(); ?></title>
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />

    <?php wp_head(); ?>

    <link href='https://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
  </head>
  <body>
    <div id="top"></div><?php
    if(is_front_page()) {?>
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
          <li data-target="#carousel-example-generic" data-slide-to="1"></li>
          <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
          <div class="carousel-item active">
            <img src="http://www.architekturmachtschule.de/wp-content/uploads/2016/12/TdAKuJ_2012_Slider01.jpg" alt="First slide">
          </div>
          <div class="carousel-item">
            <img src="http://www.architekturmachtschule.de/wp-content/uploads/2016/12/lehrerfortbildung_a.jpg" alt="Second slide">
          </div>
          <div class="carousel-item">
            <img src="http://www.architekturmachtschule.de/wp-content/uploads/2016/12/teaser.png" alt="Third slide">
          </div>
        </div>
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
          <span class="icon-prev" aria-hidden="true"><i class="fa fa-chevron-left" aria-hidden="true"></i></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
          <span class="icon-next" aria-hidden="true"><i class="fa fa-chevron-right" aria-hidden="true"></i></span>
          <span class="sr-only">Next</span>
        </a>
      </div><!--/carousel--><?php
    } ?>

    <nav id="nav" class="navbar navbar-light bg-faded fixedsticky">
      <div class="container">
        <div class="clearfix">
          <button class="navbar-toggler pull-sm-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#ams-topnav" aria-controls="bd-main-nav" aria-expanded="false" aria-label="Toggle navigation">
            ☰
          </button>
          <a class="navbar-brand hidden-lg-up" href="/">
            <?php bloginfo('name'); ?>
          </a>
        </div>

        <?php
          wp_nav_menu( array(
            'menu'              => 'primary',
            'theme_location'    => 'primary',
            'depth'             => 2,
            'container'         => 'div',
            'container_class'   => 'collapse navbar-toggleable-md',
            'container_id'      => 'ams-topnav',
            'menu_class'        => 'nav navbar-nav',
            'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
            'walker'            => new wp_bootstrap_navwalker())
          );
        ?>
      </div>
    </nav>
