<?php

/*

type: layout

name: Info Block

position: 1

*/

?>

<?php
if (!$classes['padding_top']) {
    $classes['padding_top'] = 'p-t-30';
}
if (!$classes['padding_bottom']) {
    $classes['padding_bottom'] = 'p-b-30';
}

$layout_classes = ' ' . $classes['padding_top'] . ' ' . $classes['padding_bottom'] . ' ';
?>

<section class="section <?php print $layout_classes; ?> edit safe-mode nodrop" field="layout-info-blocks-skin-1-<?php print $params['id'] ?>" rel="module">
    <div class="container">
        <div class="row">
            <div class="col-xl-10 mx-auto">
                <div class="row">
                    <div class="order-2 order-xl-1 text-center text-sm-center text-lg-left col-md-10 mx-auto col-lg-6 m-b-20 d-flex flex-column justify-content-center align-items-center">
                        <div class="allow-drop">
                            <h2 class="m-b-30">Create a beautiful website easily with Microweber</h2>
                            <p>Microweber is an open-source content management system and website builder. It is based on the PHP programming language and the Laravel 5 web application framework, using drag and drop and allowing users to quickly create content, while scheduling and managing multiple
                                displays.</p>

                            <div class="element m-t-50 text-center text-lg-right text-xl-left">
                                <module type="btn" template="bootstrap" button_style="btn-primary" text="Read More"/>
                            </div>
                        </div>
                    </div>

                    <div class="order-1 order-xl-2 text-left text-sm-center text-xl-left col-lg-6 m-b-20">
                        <img src="<?php print template_url(); ?>assets/img/img-3.png" alt=""/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
