<?php 
/* Titan page template
 * Template Name: Landing page
 * Description: Landing page
 */
?>
<!DOCTYPE html>
<html <?php language_attributes();?>>
<head>
<meta http-equiv="content-type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title>
Titan Wordpress Magazine Theme
</title>
<!-- keywords description author -->
<meta name="keywords" content="<?php bloginfo( 'keywords' ); ?>" />
<meta name="description" content="<?php bloginfo( 'description' ); ?>" />
<!--apple icon-->
<link rel="apple-touch-icon" href="<?php echo get_option('t1t_apple_touch_icon'); ?>"/>
<!--favicon-->
<link rel="shortcut icon" href="<?php echo get_option('t1t_favicon'); ?>" />
<!--stylesheet-->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
<!--viewport-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--charset-->
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<!--rss-comments-->
<link rel="alternate" type="application/rss+xml" href="<?php bloginfo('comments_rss2_url') ?>"/>
<!--rss-->
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<!--atom-->
<link rel="alternate" type="application/atom+xml" title="Atom" href="<?php bloginfo('atom_url'); ?>" />
<!--pingback-->
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<!--Facebook Open Graph-->
<!--FB page title-->
<meta property="og:title" content="<?php if (! function_exists('bp_is_active') ) {if (is_single() || is_page()) {echo get_the_title();} else {bloginfo('name');}}else {if (is_single() || is_page() && !is_buddypress()) {echo get_the_title();} elseif(is_buddypress()){wp_title();} else {bloginfo('name');}} ?>" />
<!--FB description-->
<meta property="og:description" content="<?php if (is_single() || is_page()) {echo substr(strip_tags($post->post_content), 0, 200); echo '...';} else {bloginfo('description');} ?>"/>
<!--FB url-->
<meta property="og:url" content="<?php if ( is_home() || is_front_page() ){echo home_url();} else{the_permalink();} ?>"/>
<!--FB image-->
<meta property="og:image" content="<?php if (is_single() || is_page()) {$fbthumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'slider-three'); echo $fbthumb[0];} elseif ( is_page_template( 'alternative homepage.php' )||is_home()) {echo get_option('t1t_facebook_default');} else {echo get_option('t1t_facebook_default');}?>" />
<!--FB type-->
<meta property="og:type" content="<?php if (is_single() || is_page()) { echo "article"; } else { echo "website";} ?>"/>
<!--FB site name-->
<meta property="og:site_name" content="<?php bloginfo('name'); ?>"/>
<style type="text/css">
.landing{background:#ed4331;}
.ladning-wrap{width:70%;margin: 0 auto;padding:0 15%;}
.ladning-logo{margin: 150px auto 0;max-width:303px; -webkit-animation: fade-in-up 1s ease both; animation: fade-in-up 1s ease both;-moz-animation:fade-in-up 1s ease both;}
.ladning-cross{text-align: center;  margin: 30px 21%;  width: 58%; -webkit-animation: fade-in-up 1s ease both; animation: fade-in-up 1s ease both;-moz-animation:fade-in-up 1s ease both;-webkit-animation-delay: .2s;animation-delay: .2s; -moz-animation-delay: .2s;}
.landing-demos{margin: 0 auto;  text-align: center;  width: 100%;}
.landing-demos li{ max-width: 286px;  display: inline-block;  width: 26%;  margin: 0 1.5%; -webkit-animation: fade-in-up 1s ease both; animation: fade-in-up 1s ease both;-moz-animation:fade-in-up 1s ease both;-webkit-animation-delay: .6s;animation-delay: .6s; -moz-animation-delay: .6s;vertical-align:top;}
.landing-demo-text{margin-top:10px;text-transform:uppercase;letter-spacing:3px;font-weight:400;font-size:14px;color:#9e3125;-moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; }
.landing-demos li:hover .landing-demo-text{color:#FFF;}

@media screen and (max-width: 600px){
.ladning-logo{margin: 30px auto 0;}
.ladning-cross{display:none;}
.landing-demos li{max-width:auto;width:100%;margin-top:30px;}
}
</style>
<?php wp_head(); ?>
</head>
<body class="landing">
<div class="ladning-wrap">
	<div class="ladning-logo">
	<img src="http://stepfox.studio/titan2/wp-content/uploads/sites/26/2015/04/landing-logo.png" alt="Landing Logo" draggable="false">
	</div>
	<div class="ladning-cross">
	<img src="http://stepfox.studio/titan2/wp-content/uploads/sites/26/2015/04/landing-linii.png" alt="Landing cross" draggable="false">
	</div>
	<ul class="landing-demos">
		<li>
			<a href="http://stepfox.studio/titan2/" title="urban mag demo">
			<img src="http://stepfox.studio/titan2/wp-content/uploads/sites/26/2015/04/landing-laptop1.png" alt="Demo1" draggable="false">
			<div class="landing-demo-text">
			urban mag demo
			</div>
			</a>
		</li>
		<li>
		<a href="http://stepfox.studio/titan/" title="magazine demo">
		<img src="http://stepfox.studio/titan2/wp-content/uploads/sites/26/2015/04/landing-laptop2.png" alt="Demo2" draggable="false">
			<div class="landing-demo-text">
			magazine demo
			</div>
		</a>
		</li>
		<li>
		<a href="http://stepfox.studio/titan1/" title="blog style demo">
		<img src="http://stepfox.studio/titan2/wp-content/uploads/sites/26/2015/04/landing-laptop3.png" alt="Demo3" draggable="false">
			<div class="landing-demo-text">
			blog style demo
			</div>
		</a>
		</li>
	</ul>
</div>
<?php echo get_option('t1t_tracking'); ?>
</body>
</html>