95 lines
3.0 KiB
PHP
95 lines
3.0 KiB
PHP
|
<?php
|
||
|
/*
|
||
|
Template Name: Front
|
||
|
*/
|
||
|
get_header(); ?>
|
||
|
|
||
|
<header class="front-hero" role="banner">
|
||
|
<div class="marketing">
|
||
|
<div class="tagline">
|
||
|
<h1><?php bloginfo( 'name' ); ?></h1>
|
||
|
<h4 class="subheader"><?php bloginfo( 'description' ); ?></h4>
|
||
|
<a role="button" class="download large button sites-button hide-for-small-only" href="https://github.com/olefredrik/foundationpress">Download FoundationPress</a>
|
||
|
</div>
|
||
|
|
||
|
<div class="watch">
|
||
|
<span id="stargazers"><a href="https://github.com/olefredrik/foundationpress">1.5k stargazers</a></span>
|
||
|
<span id="twitter"><a href="https://twitter.com/olefredrik">@olefredrik</a></span>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
</header>
|
||
|
|
||
|
<?php do_action( 'foundationpress_before_content' ); ?>
|
||
|
<?php while ( have_posts() ) : the_post(); ?>
|
||
|
<section class="intro" role="main">
|
||
|
<div class="fp-intro">
|
||
|
|
||
|
<div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
|
||
|
<?php do_action( 'foundationpress_page_before_entry_content' ); ?>
|
||
|
<div class="entry-content">
|
||
|
<?php the_content(); ?>
|
||
|
</div>
|
||
|
<footer>
|
||
|
<?php
|
||
|
wp_link_pages(
|
||
|
array(
|
||
|
'before' => '<nav id="page-nav"><p>' . __( 'Pages:', 'foundationpress' ),
|
||
|
'after' => '</p></nav>',
|
||
|
)
|
||
|
);
|
||
|
?>
|
||
|
<p><?php the_tags(); ?></p>
|
||
|
</footer>
|
||
|
</div>
|
||
|
|
||
|
</div>
|
||
|
|
||
|
</section>
|
||
|
<?php endwhile; ?>
|
||
|
|
||
|
<div class="section-divider">
|
||
|
<hr />
|
||
|
</div>
|
||
|
|
||
|
|
||
|
<section class="benefits">
|
||
|
<header>
|
||
|
<h2>Build Foundation based sites, powered by WordPress</h2>
|
||
|
<h4>Foundation is the professional choice for designers, developers and teams. <br /> WordPress is by far, <a href="http://trends.builtwith.com/cms">the world's most popular CMS</a> (currently powering 38% of the web).</h4>
|
||
|
</header>
|
||
|
|
||
|
<div class="semantic">
|
||
|
<img src="<?php echo get_stylesheet_directory_uri(); ?>/dist/assets/images/demo/semantic.svg" alt="semantic">
|
||
|
<h3>Semantic</h3>
|
||
|
<p>Everything is semantic. You can have the cleanest markup without sacrificing the utility and speed of Foundation.</p>
|
||
|
</div>
|
||
|
|
||
|
<div class="responsive">
|
||
|
<img src="<?php echo get_stylesheet_directory_uri(); ?>/dist/assets/images/demo/responsive.svg" alt="responsive">
|
||
|
<h3>Responsive</h3>
|
||
|
<p>You can build for small devices first. Then, as devices get larger and larger, layer in more complexity for a complete responsive design.</p>
|
||
|
|
||
|
</div>
|
||
|
|
||
|
<div class="customizable">
|
||
|
<img src="<?php echo get_stylesheet_directory_uri(); ?>/dist/assets/images/demo/customizable.svg" alt="customizable">
|
||
|
<h3>Customizable</h3>
|
||
|
<p>You can customize your build to include or remove certain elements, as well as define the size of columns, colors, font size and more.</p>
|
||
|
|
||
|
</div>
|
||
|
|
||
|
<div class="professional">
|
||
|
<img src="<?php echo get_stylesheet_directory_uri(); ?>/dist/assets/images/demo/professional.svg" alt="professional">
|
||
|
<h3>Professional</h3>
|
||
|
<p>Millions of designers and developers depend on Foundation. We have business support, training and consulting to help grow your product or service.</p>
|
||
|
</div>
|
||
|
|
||
|
<div class="why-foundation">
|
||
|
<a href="/kitchen-sink">See what's in Foundation out of the box →</a>
|
||
|
</div>
|
||
|
|
||
|
</section>
|
||
|
|
||
|
<?php get_footer();
|