<?php
define('_INDEX_', true);
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

include_once(G5_THEME_PATH.'/head.php');
if ($config['cf_1']) include_once(G5_THEME_PATH.'/aside.php');
?>

<!-- CSS for Modern 1-->
<link href="<?php echo G5_THEME_URL ?>/asset/css/index_modern_1.css" rel="stylesheet">

<section class="features-icons bg-light text-center<?php if ($config['cf_1']) echo " mt-3"; ?>">
	<div class="container">
	    <div class="row px-3">
	        <div class="col-lg-4">
	            <div class="mb-5 mb-lg-0 mb-lg-3 feature">
	                <div class="features-icons-icon"><i class="fas fa-desktop text-primary"></i></div>
	                <h3>Fully Responsive</h3>
	                <p class="lead mb-0">Lorem ipsum semper. Dictumst neque fringilla morbi vitae ultricies nec nibh!</p>
	            </div>
	        </div>
	        <div class="col-lg-4">
	            <div class="mb-5 mb-lg-0 mb-lg-3 feature">
	                <div class="features-icons-icon"><i class="fas fa-layer-group m-auto text-primary" data-bs-hover-animate="pulse"></i></div>
	                <h3>Bootstrap 4 Ready</h3>
	                <p class="lead mb-0">Odio! Porta sit ligula erat amet sed lorem blandit ultrices pellentesque!</p>
	            </div>
	        </div>
	        <div class="col-lg-4">
	            <div class="mb-5 mb-lg-0 mb-lg-3 feature">
	                <div class="features-icons-icon"><i class="far fa-check-circle m-auto text-primary" data-bs-hover-animate="pulse"></i></div>
	                <h3>Easy to Use</h3>
	                <p class="lead mb-0">Magna sapien pretium urna venenatis ut et fusce neque eu ipsum nec!</p>
	            </div>
	        </div>
	    </div>
	</div>
</section>

<div class="container">
	    
	<section class="article-list mt-5">	
        <div class="intro">
            <h2 class="text-center">Latest Articles</h2>
            <p class="text-center">Nunc luctus in metus eget fringilla. Aliquam sed justo ligula. Vestibulum nibh erat, pellentesque ut laoreet vitae. </p>
        </div>
        <div class="row articles">
            <div class="col-sm-6 col-md-4 item">
                <a href="#"><img class="img-fluid" src="<?php echo G5_THEME_URL ?>/asset/images/index_modern_1/desk.jpg"></a>
                <h4>Article Title</h4>
                <p class="description">Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam varius finibus est, interdum justo suscipit id.</p>
                <a href="#" class="action"><i class="fa fa-arrow-circle-right fa-lg"></i></a>
            </div>
            <div class="col-sm-6 col-md-4 item">
                <a href="#"><img class="img-fluid" src="<?php echo G5_THEME_URL ?>/asset/images/index_modern_1/building.jpg"></a>
                <h4>Article Title</h4>
                <p class="description">Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam varius finibus est, interdum justo suscipit id.</p>
                <a href="#" class="action"><i class="fa fa-arrow-circle-right fa-lg"></i></a>
            </div>
			<div class="col-sm-6 col-md-4 item">
				<a href="#"><img class="img-fluid" src="<?php echo G5_THEME_URL ?>/asset/images/index_modern_1/loft.jpg"></a>
                <h4>Article Title</h4>
                <p class="description">Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam varius finibus est, interdum justo suscipit id.</p>
                <a href="#" class="action"><i class="fa fa-arrow-circle-right fa-lg"></i></a>
            </div>
		</div>	
	</section>
	
	<hr class="featurette-divider">

	<section class="showcase mt-5 mb-5">
	        <div class="row item">
		        <div class="col-lg-6 order-lg-2 showcase-img" style="background-image:url('<?php echo G5_THEME_URL ?>/asset/images/index_modern_1/bg-showcase-1.jpg')"></div>
	            <div class="col-lg-6 order-lg-1 showcase-text">
	                <h2>Fully Responsive Design</h2>
	                <p>Risus netus. Non id nullam. Dolor eros donec vel et placerat. Ut porta sapien esse wisi augue. Placerat qui maecenas. Et eget malesuada. Tempus velit lobortis. At quis enim sed est arcu. !</p>
	            </div>
	        </div>
	        <div class="row item">
	            <div class="col-lg-6 order-lg-1 showcase-img" style="background-image:url('<?php echo G5_THEME_URL ?>/asset/images/index_modern_1/bg-showcase-2.jpg')"></div>
	            <div class="col-lg-6 order-lg-2 showcase-text">
	                <h2>Updated For Bootstrap 4</h2>
	                <p>Tempor ultrices sed mauris urna velit mauris vulputate interdum sit ac morbi. Dictum urna phasellus. Vitae ac sed mus congue sapien phasellus pede hac. A libero erat libero tellus posuere!</p>
	            </div>
	        </div>
	        <div class="row item">
		        <div class="col-lg-6 order-lg-2 showcase-img" style="background-image:url('<?php echo G5_THEME_URL ?>/asset/images/index_modern_1/bg-showcase-3.jpg')"></div>
	            <div class="col-lg-6 order-lg-1 showcase-text text-end">
	                <h2>Easy to Use & Customize</h2>
	                <p>Aenean nunc ultricies. Ultrices pulvinar eu. Odio justo consectetuer. Tristique mauris convallis mauris turpis aenean eu convallis odio. Purus in natoque. Odio euismod eu. Eu praesent sed pellentesque ut sit. In lorem ut!</p>
	            </div>
	        </div>
	</section>

</div>

<?php
$modern = "";
if ($config['cf_1'] ) { // aside를 사용하는 경우에만 실행
	$modern = "1"; ?>
				</div> <!-- End of col-lg-9 -->
	    </div> <!-- End of row -->
	</div> <!-- End of Container -->
<?php } ?> 

<section class="testimonials bg-light text-center py-5">
    <div class="container">
        <h2 class="mb-5">What people are saying...</h2>
        <div class="row">
            <div class="col-lg-4">
                <div class="mx-auto testimonial-item mb-5 mb-lg-0"><img class="rounded-circle img-fluid mb-3" src="<?php echo G5_THEME_URL ?>/asset/images/index_modern_1/testimonials-1.jpg">
                    <h5>Margaret E.</h5>
                    <p class="font-weight-light mb-0">"Quis tempor mauris. Etiam sit dui!"</p>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="mx-auto testimonial-item mb-5 mb-lg-0"><img class="rounded-circle img-fluid mb-3" src="<?php echo G5_THEME_URL ?>/asset/images/index_modern_1/testimonials-2.jpg">
                    <h5>Fred S.</h5>
                    <p class="font-weight-light mb-0">" Ut consequat pede. Libero adipiscing pellentesque."</p>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="mx-auto testimonial-item mb-5 mb-lg-0"><img class="rounded-circle img-fluid mb-3" src="<?php echo G5_THEME_URL ?>/asset/images/index_modern_1/testimonials-3.jpg">
                    <h5>Sarah W.</h5>
                    <p class="font-weight-light mb-0">" Eget velit sem. Quam suscipit urna. Neque enim le!"</p>
                </div>
            </div>
        </div>
	</div>
</section>

<section class="call-to-action text-white text-center" style="background:url('<?php echo G5_THEME_URL ?>/asset/images/index_modern_1/bg-masthead.jpg') no-repeat center center;background-size:cover;">
    <div class="overlay"></div>
    <div class="row">
        <div class="col-xl-9 mx-auto">
            <h2 class="mb-4">Ready to get started? Sign up now!</h2>
        </div>
        <div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
            <form>
                <div class="form-row ml-2">
                    <div class="col-12 col-md-9 mb-2 mb-md-0"><input class="form-control form-control-sm" type="email" placeholder="Enter your email..."></div>
                    <div class="col-12 col-md-3"><button class="btn btn-danger btn-block btn-lg" type="submit">Sign up!</button></div>
                </div>
            </form>
        </div>
    </div>
</section>	
						
<!--Owl Carousel -->
<script src="<?php echo G5_THEME_URL ?>/asset/js/owl.carousel.min.js"></script>
     
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>
