|
|
@@ -1,217 +1,234 @@
|
|
|
- <!DOCTYPE html>
|
|
|
- <meta charset="utf-8">
|
|
|
-
|
|
|
- <?php // force Internet Explorer to use the latest rendering engine available ?>
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
-
|
|
|
- <head>
|
|
|
- <!-- Required meta tags -->
|
|
|
- <meta charset="utf-8">
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
-
|
|
|
- <title><?php wp_title(''); ?></title>
|
|
|
-
|
|
|
- <!-- Bootstrap CSS -->
|
|
|
- <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/bootstrap.min.css" >
|
|
|
- <!-- Font -->
|
|
|
- <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/font-awesome.min.css">
|
|
|
- <!-- Slicknav -->
|
|
|
- <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/slicknav.css">
|
|
|
- <!-- Owl carousel -->
|
|
|
- <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/owl.carousel.css">
|
|
|
- <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/owl.theme.css">
|
|
|
- <!-- Animate -->
|
|
|
- <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/animate.css">
|
|
|
- <!-- Main Style -->
|
|
|
- <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/main.css">
|
|
|
- <!-- Extras Style -->
|
|
|
- <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/extras.css">
|
|
|
- <!-- Responsive Style -->
|
|
|
- <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/responsive.css">
|
|
|
-
|
|
|
-
|
|
|
- <?php // icons & favicons (for more: http://www.jonathantneal.com/blog/understand-the-favicon/) ?>
|
|
|
- <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/library/images/apple-touch-icon.png">
|
|
|
- <link rel="icon" href="<?php echo get_template_directory_uri(); ?>/favicon.png">
|
|
|
- <!--[if IE]>
|
|
|
- <link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico">
|
|
|
- <![endif]-->
|
|
|
- <?php // or, set /favicon.ico for IE10 win ?>
|
|
|
- <meta name="msapplication-TileColor" content="#aaa">
|
|
|
- <meta name="msapplication-TileImage" content="<?php echo get_template_directory_uri(); ?>/library/images/win8-tile-icon.png">
|
|
|
- <meta name="theme-color" content="#bbb">
|
|
|
-
|
|
|
- <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
|
|
|
-
|
|
|
- <?php // wordpress head functions ?>
|
|
|
- <?php wp_head(); ?>
|
|
|
- <?php // end of wordpress head ?>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- </head>
|
|
|
- <body <?php body_class(); ?> >
|
|
|
-
|
|
|
- <!-- Header Area wrapper Starts -->
|
|
|
- <header id="header-wrap">
|
|
|
- <!-- Navbar Start -->
|
|
|
- <nav class="navbar navbar-expand-lg fixed-top scrolling-navbar indigo">
|
|
|
- <div class="container">
|
|
|
- <!-- Brand and toggle get grouped for better mobile display -->
|
|
|
- <div class="navbar-header">
|
|
|
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-navbar" aria-controls="main-navbar" aria-expanded="false" aria-label="Toggle navigation">
|
|
|
- <span class="navbar-toggler-icon"></span>
|
|
|
- <span class="icon-menu"></span>
|
|
|
- <span class="icon-menu"></span>
|
|
|
- <span class="icon-menu"></span>
|
|
|
- </button>
|
|
|
- <a href="index.html" class="navbar-brand"><img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt=""></a>
|
|
|
- </div>
|
|
|
- <div class="collapse navbar-collapse" id="main-navbar">
|
|
|
- <ul class="navbar-nav mr-auto w-100 justify-content-end clearfix">
|
|
|
- <li class="nav-item active">
|
|
|
- <a class="nav-link" href="#sliders">
|
|
|
- Home
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li class="nav-item">
|
|
|
- <a class="nav-link" href="#about">
|
|
|
- Geschäftsfelder
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li class="nav-item">
|
|
|
- <a class="nav-link" href="#portfolio">
|
|
|
- Projekte
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li class="nav-item">
|
|
|
- <a class="nav-link" href="#team-section">
|
|
|
- Team
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li class="nav-item">
|
|
|
- <a class="nav-link" href="#baugruppen">
|
|
|
- Baugruppen
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li class="nav-item">
|
|
|
- <a class="nav-link" href="#clients">
|
|
|
- Kunden
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li class="nav-item">
|
|
|
- <a class="nav-link" href="#footer">
|
|
|
- Contact
|
|
|
- </a>
|
|
|
- </li>
|
|
|
-
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- Mobile Menu Start -->
|
|
|
- <ul class="mobile-menu navbar-nav">
|
|
|
- <li>
|
|
|
- <a class="page-scroll" href="#sliders">
|
|
|
- Home
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a class="page-scroll" href="#about">
|
|
|
- Geschäftsfelder
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a class="page-scroll" href="#portfolio">
|
|
|
- Projekte
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a class="page-scroll" href="#team-section">
|
|
|
- Team
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a class="page-scroll" href="#baugruppen">
|
|
|
- Baugruppen
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a class="page-scroll" href="#clients">
|
|
|
- Kunden
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a class="page-scroll" href="#footer">
|
|
|
- Contact
|
|
|
- </a>
|
|
|
- </li>
|
|
|
-
|
|
|
- </ul>
|
|
|
- <!-- Mobile Menu End -->
|
|
|
-
|
|
|
- </nav>
|
|
|
- <!-- Navbar End -->
|
|
|
-
|
|
|
-
|
|
|
- <?php if ( is_front_page() ): ?>
|
|
|
-
|
|
|
- <!-- sliders -->
|
|
|
- <div id="sliders">
|
|
|
- <div class="full-width">
|
|
|
- <!-- light slider -->
|
|
|
- <div id="light-slider" class="carousel slide">
|
|
|
- <div id="carousel-area">
|
|
|
- <div id="carousel-slider" class="carousel slide" data-ride="carousel">
|
|
|
- <ol class="carousel-indicators">
|
|
|
- <li data-target="#carousel-slider" data-slide-to="0" class="active"></li>
|
|
|
- <li data-target="#carousel-slider" data-slide-to="1"></li>
|
|
|
- <li data-target="#carousel-slider" data-slide-to="2"></li>
|
|
|
- </ol>
|
|
|
- <div class="carousel-inner" role="listbox">
|
|
|
- <div class="carousel-item active">
|
|
|
- <img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-1.jpg" alt="">
|
|
|
- <div class="carousel-caption">
|
|
|
- <h3 class="slide-title animated fadeInDown"><span>Helium</span> - Bootstrap 4 UI Kit</h3>
|
|
|
- <h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
|
|
|
- <a href="#" class="btn btn-lg btn-common animated fadeInUp">Get Started</a>
|
|
|
- <a href="#" class="btn btn-lg btn-border animated fadeInUp">Learn More</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="carousel-item">
|
|
|
- <img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-2.jpg" alt="">
|
|
|
- <div class="carousel-caption">
|
|
|
- <h3 class="slide-title animated fadeInDown"><span>Cutting-edge</span> Features</h3>
|
|
|
- <h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
|
|
|
- <a href="#" class="btn btn-lg btn-common animated fadeInUp">Download Now</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="carousel-item">
|
|
|
- <img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-3.jpg" alt="">
|
|
|
- <div class="carousel-caption">
|
|
|
- <h3 class="slide-title animated fadeInDown"><span>100+</span> UI Blocks & Components</h3>
|
|
|
- <h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
|
|
|
- <a href="#" class="btn btn-lg btn-border animated fadeInUp">Get Started</a>
|
|
|
- <a href="#" class="btn btn-lg btn-common animated fadeInUp">Download</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <a class="carousel-control-prev" href="#carousel-slider" role="button" data-slide="prev">
|
|
|
- <i class="fa fa-chevron-left"></i>
|
|
|
- </a>
|
|
|
- <a class="carousel-control-next" href="#carousel-slider" role="button" data-slide="next">
|
|
|
- <i class="fa fa-chevron-right"></i>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- End sliders -->
|
|
|
-
|
|
|
- <?php endif; ?>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- </header>
|
|
|
- <!-- Header Area wrapper End -->
|
|
|
+<!DOCTYPE html>
|
|
|
+<html <?php language_attributes(); ?> class="no-js">
|
|
|
+<head>
|
|
|
+<meta charset="utf-8">
|
|
|
+
|
|
|
+<?php // force Internet Explorer to use the latest rendering engine available?>
|
|
|
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+
|
|
|
+
|
|
|
+ <!-- Required meta tags -->
|
|
|
+
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
+
|
|
|
+ <title><?php wp_title(''); ?></title>
|
|
|
+
|
|
|
+ <!-- Bootstrap CSS -->
|
|
|
+ <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/bootstrap.min.css" >
|
|
|
+ <!-- Font -->
|
|
|
+ <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/font-awesome.min.css">
|
|
|
+ <!-- Slicknav -->
|
|
|
+ <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/slicknav.css">
|
|
|
+ <!-- Owl carousel -->
|
|
|
+ <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/owl.carousel.css">
|
|
|
+ <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/owl.theme.css">
|
|
|
+ <!-- Animate -->
|
|
|
+ <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/animate.css">
|
|
|
+ <!-- Main Style -->
|
|
|
+ <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/main.css">
|
|
|
+ <!-- Extras Style -->
|
|
|
+ <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/extras.css">
|
|
|
+ <!-- Responsive Style -->
|
|
|
+ <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/responsive.css">
|
|
|
+
|
|
|
+
|
|
|
+ <?php // icons & favicons (for more: http://www.jonathantneal.com/blog/understand-the-favicon/)?>
|
|
|
+ <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/library/images/apple-touch-icon.png">
|
|
|
+ <link rel="icon" href="<?php echo get_template_directory_uri(); ?>/favicon.png">
|
|
|
+ <!--[if IE]>
|
|
|
+ <link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico">
|
|
|
+ <![endif]-->
|
|
|
+ <?php // or, set /favicon.ico for IE10 win?>
|
|
|
+ <meta name="msapplication-TileColor" content="#aaa">
|
|
|
+ <meta name="msapplication-TileImage" content="<?php echo get_template_directory_uri(); ?>/library/images/win8-tile-icon.png">
|
|
|
+ <meta name="theme-color" content="#bbb">
|
|
|
+
|
|
|
+ <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
|
|
|
+
|
|
|
+ <?php // wordpress head functions?>
|
|
|
+ <?php wp_head(); ?>
|
|
|
+ <?php // end of wordpress head?>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </head>
|
|
|
+ <body <?php body_class(); ?> >
|
|
|
+
|
|
|
+ <!-- Header Area wrapper Starts -->
|
|
|
+ <header id="header-wrap">
|
|
|
+ <!-- Navbar Start -->
|
|
|
+ <nav class="navbar navbar-expand-lg fixed-top scrolling-navbar indigo">
|
|
|
+ <div class="container">
|
|
|
+ <!-- Brand and toggle get grouped for better mobile display -->
|
|
|
+ <div class="navbar-header">
|
|
|
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-navbar" aria-controls="main-navbar" aria-expanded="false" aria-label="Toggle navigation">
|
|
|
+ <span class="navbar-toggler-icon"></span>
|
|
|
+ <span class="icon-menu"></span>
|
|
|
+ <span class="icon-menu"></span>
|
|
|
+ <span class="icon-menu"></span>
|
|
|
+ </button>
|
|
|
+ <a href="index.html" class="navbar-brand"><img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt=""></a>
|
|
|
+ </div>
|
|
|
+ <div class="collapse navbar-collapse" id="main-navbar">
|
|
|
+ <ul class="navbar-nav mr-auto w-100 justify-content-end clearfix">
|
|
|
+ <li class="nav-item active">
|
|
|
+ <a class="nav-link" href="#sliders">
|
|
|
+ Home
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" href="#about">
|
|
|
+ Geschäftsfelder
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" href="#portfolio">
|
|
|
+ Projekte
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" href="#team-section">
|
|
|
+ Team
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" href="#baugruppen">
|
|
|
+ Baugruppen
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" href="#clients">
|
|
|
+ Kunden
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" href="#footer">
|
|
|
+ Contact
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- Mobile Menu Start -->
|
|
|
+ <ul class="mobile-menu navbar-nav">
|
|
|
+ <li>
|
|
|
+ <a class="page-scroll" href="#sliders">
|
|
|
+ Home
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a class="page-scroll" href="#about">
|
|
|
+ Geschäftsfelder
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a class="page-scroll" href="#portfolio">
|
|
|
+ Projekte
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a class="page-scroll" href="#team-section">
|
|
|
+ Team
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a class="page-scroll" href="#baugruppen">
|
|
|
+ Baugruppen
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a class="page-scroll" href="#clients">
|
|
|
+ Kunden
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a class="page-scroll" href="#footer">
|
|
|
+ Contact
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ <!-- Mobile Menu End -->
|
|
|
+
|
|
|
+ </nav>
|
|
|
+ <!-- Navbar End -->
|
|
|
+
|
|
|
+
|
|
|
+ <?php if (is_front_page()): ?>
|
|
|
+
|
|
|
+ <!-- sliders -->
|
|
|
+ <div id="sliders">
|
|
|
+ <div class="full-width">
|
|
|
+ <!-- light slider -->
|
|
|
+ <div id="light-slider" class="carousel slide">
|
|
|
+ <div id="carousel-area">
|
|
|
+ <div id="carousel-slider" class="carousel slide" data-ride="carousel">
|
|
|
+ <ol class="carousel-indicators">
|
|
|
+ <li data-target="#carousel-slider" data-slide-to="0" class="active"></li>
|
|
|
+ <li data-target="#carousel-slider" data-slide-to="1"></li>
|
|
|
+ <li data-target="#carousel-slider" data-slide-to="2"></li>
|
|
|
+ </ol>
|
|
|
+ <div class="carousel-inner" role="listbox">
|
|
|
+ <div class="carousel-item active">
|
|
|
+ <img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-1.jpg" alt="">
|
|
|
+ <div class="carousel-caption">
|
|
|
+ <h3 class="slide-title animated fadeInDown"><span>Helium</span> - Bootstrap 4 UI Kit</h3>
|
|
|
+ <h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
|
|
|
+ <a href="#" class="btn btn-lg btn-common animated fadeInUp">Get Started</a>
|
|
|
+ <a href="#" class="btn btn-lg btn-border animated fadeInUp">Learn More</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="carousel-item">
|
|
|
+ <img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-2.jpg" alt="">
|
|
|
+ <div class="carousel-caption">
|
|
|
+ <h3 class="slide-title animated fadeInDown"><span>Cutting-edge</span> Features</h3>
|
|
|
+ <h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
|
|
|
+ <a href="#" class="btn btn-lg btn-common animated fadeInUp">Download Now</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="carousel-item">
|
|
|
+ <img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-3.jpg" alt="">
|
|
|
+ <div class="carousel-caption">
|
|
|
+ <h3 class="slide-title animated fadeInDown"><span>100+</span> UI Blocks & Components</h3>
|
|
|
+ <h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
|
|
|
+ <a href="#" class="btn btn-lg btn-border animated fadeInUp">Get Started</a>
|
|
|
+ <a href="#" class="btn btn-lg btn-common animated fadeInUp">Download</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <a class="carousel-control-prev" href="#carousel-slider" role="button" data-slide="prev">
|
|
|
+ <i class="fa fa-chevron-left"></i>
|
|
|
+ </a>
|
|
|
+ <a class="carousel-control-next" href="#carousel-slider" role="button" data-slide="next">
|
|
|
+ <i class="fa fa-chevron-right"></i>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- End sliders -->
|
|
|
+
|
|
|
+ <?php else: ?>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <!-- sliders -->
|
|
|
+ <div id="sliders">
|
|
|
+ <div class="full-width header-fill">
|
|
|
+ <div class="full-width" style="height:150px;">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <?php endif; ?>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </header>
|
|
|
+ <!-- Header Area wrapper End -->
|