<?php 
/**
 * Template name: front-page-template
 */
?>

<!-- Templatka wyglądu własnej pojedynczej strony-->


<!--Pobranie nagłówka-->
<?php get_header(); ?>
<!-- sekcja 1 -->
<div class="container-fluid">
	<div class="row bg-sec-1">
		<div class="container">
			<div class="row">
				<div class="col-xs-10 col-xs-offset-1  col-md-5">
					<div class="row sec-1-title">
						<?php $key="fp_section1-title"; echo get_post_meta($post->ID, $key, true); ?>
					</div>
					<div class="row sec-1-subtitle">
						<?php $key="fp_section1-subtitle"; echo get_post_meta($post->ID, $key, true); ?>
					</div>
					<div class="row mobile-center">
						<a class="sec-1-button" href="<?php 
						if( is_user_logged_in()) {echo esc_url( home_url( '/lekcje' ) );} else {echo esc_url( home_url( '/skilltest-lekcje' ) ); }?>">Lekcje</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- sekcja 2 -->
<div class="container-fluid">
	<div class="row bg-sec-2">
		<div class="col-md-12 bg1-sec-2 bg2-sec-2">
			<div class="row sec2-title">
				<?php $key="fp_section2-title"; echo get_post_meta($post->ID, $key, true); ?>
			</div>
			<div class="row sec2-subtitle">
				
					<?php $key="fp_section2-subtitle"; echo get_post_meta($post->ID, $key, true); ?>
			
			</div>
			<div class="row">
				<img class="img-responsive picenter" src="<?php echo get_template_directory_uri();?>/assets/images/desktop.png">
			</div>
			<div class="row sec-2-cen">
				<a class="sec-2-button" href="<?php 
						if( is_user_logged_in()) {echo esc_url( home_url( '/lekcje' ) );} else {echo esc_url( home_url( '/skilltest-lekcje' ) ); }?>"> Lekcje</a>
			</div>
		</div>
	</div>
</div>
<!-- sekcja 3 -->
<div class="container-fluid">
	<div class="container">
		<div class="row sec-3-title">
			<?php $key="fp_section3-title"; echo get_post_meta($post->ID, $key, true); ?>
		</div>
		<div class="row sec-3-subtitle">
			<?php $key="fp_section3-subtitle"; echo get_post_meta($post->ID, $key, true); ?>
		</div>
		<div class="row sec-3-space">
			<div class="hidden-xs hidden-sm col-md-1 col-md-offset-2 sec-3-number ">
				1
			</div>
			<div class="col-md-4">
				<div class="row sec-3-con-title">
					<?php $key="fp_section3-content1"; echo get_post_meta($post->ID, $key, true); ?>
				</div>
				<div class="row sec-3-con-subtitle">
					<?php $key="fp_section3-content2"; echo get_post_meta($post->ID, $key, true); ?> 
				</div>
			</div>
			<div class="col-md-4 sec-3-sprite1">

			</div>
		</div>
			<div class="row sec-3-space">
				<div class="hidden-xs hidden-sm  col-md-1 col-md-offset-2 sec-3-number">
					2
				</div>
				<div class="col-md-4">
					<div class="row sec-3-con-title">
						<?php $key="fp_section3-content3"; echo get_post_meta($post->ID, $key, true); ?> 
					</div>
					<div class="row sec-3-con-subtitle">
						<?php $key="fp_section3-content4"; echo get_post_meta($post->ID, $key, true); ?> 
					</div>
				</div>
				<div class="col-md-4 sec-3-sprite2">

				</div>
		</div>
		<div class="row sec-3-space2">
				<div class="hidden-xs hidden-sm  col-md-1 col-md-offset-2 sec-3-number">
					3
				</div>
				<div class="col-md-4">
					<div class="row sec-3-con-title">
						<?php $key="fp_section3-content5"; echo get_post_meta($post->ID, $key, true); ?> 
					</div>
					<div class="row sec-3-con-subtitle">
						<?php $key="fp_section3-content6"; echo get_post_meta($post->ID, $key, true); ?>
					</div>
				</div>
				<div class="col-md-4 sec-3-sprite3">

				</div>
		</div>
		<div class="row sec-3-cen">
			<?php  if (!is_user_logged_in()) { ?><a class="sec-3-button" href="<?php echo get_home_url()?>/rejestracja">Utwórz darmowe konto</a><?php }?>
		</div>
	</div>
</div>
<!-- sekcja 4 -->
<div class="container-fluid sec-4-bg">
	<div class="container">
		<div class="row">
			<div class="col-md-6 col-md-offset-6 sec-4-col ">
				<div class="row sec-4-quote">
					<?php $key="fp_section4-content1"; echo get_post_meta($post->ID, $key, true); ?>
				</div>
				<div class="row sec-4-author">
					Monika
				</div>
			</div>
		</div>
	</div>
</div>
<!-- sekcja 5 -->
<div class="container-fluid sec5-bg">
	<div class="container">
		<div class="row sec-5-title ">
			<?php $key="fp_section5-title"; echo get_post_meta($post->ID, $key, true); ?>
		</div>
		<div class="row sec-5-subtitle">
			<?php $key="fp_section5-subtitle"; echo get_post_meta($post->ID, $key, true); ?>
		</div>
		<div class="row">
			<div class="col-md-4 sec-5-div">
				<div class="row picenter sec-5-sprite1">
				</div>
				<div class="row sec-5-div-title">
					<?php $key="fp_section5-content1"; echo get_post_meta($post->ID, $key, true); ?>
				</div>
			</div>
		
			<div class="col-md-4 sec-5-div">
				<div class="row picenter sec-5-sprite2">
				</div>
				<div class="row sec-5-div-title">
					<?php $key="fp_section5-content2"; echo get_post_meta($post->ID, $key, true); ?>
				</div>
			</div>
		
			<div class="col-md-4 sec-5-div">
				<div class="row picenter sec-5-sprite3">
				</div>
				<div class="row sec-5-div-title">
					<?php $key="fp_section5-content3"; echo get_post_meta($post->ID, $key, true); ?>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- section 6 -->?
<div class="container-fluid">
	<div class="container">
		<div class="row">
			<div class="col-md-6 col-md-offset-3 marg-front">
				<div class="row sec-5-title2">
					<?php $key="fp_section6-title"; echo get_post_meta($post->ID, $key, true); ?>
				</div>
				<div class="row sec-5-subtitle2">
					<?php $key="fp_section6-subtitle"; echo get_post_meta($post->ID, $key, true); ?>
				</div>
				<div class="row sec-5-cen">
					<a class="sec-5-button" href="<?php echo esc_url( home_url( '/blog' ) )?>">Blog</a>
				</div>
			</div>
		</div>
	</div>
</div>
<?php get_footer(); ?>