realitylab
/
rl-theme


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
							<!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="<?php echo get_home_url(); ?>/#sliders">
									Home
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="<?php echo get_home_url(); ?>/#about">
									Geschäftsfelder
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="<?php echo get_home_url(); ?>/#portfolio">
									Projekte
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="<?php echo get_home_url(); ?>/#team-section">
									Team
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="<?php echo get_home_url(); ?>/#baugruppen">
									Baugruppen
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="<?php echo get_home_url(); ?>/#clients">
									Kunden
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="<?php echo get_home_url(); ?>/#footer">
									Contact
								</a>
							</li>

						</ul>
					</div>
				</div>

				<!-- Mobile Menu Start -->
				<ul class="mobile-menu navbar-nav">
					<li>
						<a class="page-scroll" href="<?php echo get_home_url(); ?>/#sliders">
							Home
						</a>
					</li>
					<li>
						<a class="page-scroll" href="<?php echo get_home_url(); ?>/#about">
							Geschäftsfelder
						</a>
					</li>
					<li>
						<a class="page-scroll" href="<?php echo get_home_url(); ?>/#portfolio">
							Projekte
						</a>
					</li>
					<li>
						<a class="page-scroll" href="<?php echo get_home_url(); ?>/#team-section">
							Team
						</a>
					</li>
					<li>
						<a class="page-scroll" href="<?php echo get_home_url(); ?>/#baugruppen">
							Baugruppen
						</a>
					</li>
					<li>
						<a class="page-scroll" href="<?php echo get_home_url(); ?>/#clients">
							Kunden
						</a>
					</li>
					<li>
						<a class="page-scroll" href="<?php echo get_home_url(); ?>/#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;">
					&nbsp;
				</div>
			</div>
		</div>


			<?php endif; ?>


		</header>
		<!-- Header Area wrapper End -->