<input id="tab1" type="radio" name="tabs" checked>
<label for="tab1">Magento 2</label>
<input id="tab2" type="radio" name="tabs">
<label for="tab2">Magento 1</label>
<section id="content1">
    <div class="demo-list a-center">
        <h3 class="section-heading" >Layouts</h3>

        <div class="block-demo a-center" style="margin-bottom: 25px;">
            <div class="item">
                <div class="title-wrapper" >
                    <a class="theme-title" href="https://migrate.argentotheme.com/default/" target="_blank">
                        <h4>One column</h4>
                    </a>
                </div>
                <a href="https://migrate.argentotheme.com/default/" target="_blank">
                    <img class="demo-thmb progress" alt="One column layout" src="{{media url="wysiwyg/firechekout-demo/single-column-layout.png"}}" />
                </a>
            </div>
            <div class="item">
                <div class="title-wrapper" >
                    <a class="theme-title" href="https://migrate.argentotheme.com/twocolumns/" target="_blank">
                        <h4>Two column</h4>
                    </a>
                </div>
                <a href="https://migrate.argentotheme.com/twocolumns/" target="_blank">
                    <img class="demo-thmb progress" alt="Two column layout" src="{{media url="wysiwyg/firechekout-demo/two-columns.png"}}" />
                </a>
            </div>
            <div class="item">
                <div class="title-wrapper" >
                    <a class="theme-title" href="https://migrate.argentotheme.com/twocolumnsalternative/" target="_blank">
                        <h4>Two column alternative</h4>
                    </a>
                </div>
                <a href="https://migrate.argentotheme.com/twocolumnsalternative/" target="_blank">
                    <img class="demo-thmb progress" alt="Two column layout alternative" src="{{media url="wysiwyg/firechekout-demo/two-columns-alternative.png"}}" />
                </a>
            </div>
            <div class="item">
                <div class="title-wrapper" >
                    <a class="theme-title" href="https://migrate.argentotheme.com/threecolumns/" target="_blank">
                        <h4>Three column</h4>
                    </a>
                </div>
                <a href="https://migrate.argentotheme.com/threecolumns/" target="_blank">
                    <img class="demo-thmb progress" alt="Three column layout" src="{{media url="wysiwyg/firechekout-demo/three-columns.png"}}" />
                </a>
            </div>
            <div class="item">
                <div class="title-wrapper" >
                    <a class="theme-title" href="http://migrate.argentotheme.com/multistepwizard/" target="_blank">
                        <h4>1 Column (Multistep Wizard)</h4>
                    </a>
                </div>
                <a href="http://migrate.argentotheme.com/multistepwizard/" target="_blank">
                    <img  class="demo-thmb progress" alt="1 Column (Multistep Wizard)" src="{{media url="wysiwyg/firechekout-demo/1-column-wizard-layout.png"}}" alt="" />
                </a>
            </div>
        </div>

        <h3 class="section-heading" >Themes</h3>

        <div class="block-demo firecheckout-themes a-center" style="margin-bottom: 25px;">
            <div class="item theme-default">
                <div class="title-wrapper" >
                    <a class="theme-title" href="https://migrate.argentotheme.com/theme_default/" target="_blank">
                        <h4>Default Theme</h4>
                    </a>
                </div>
                <a href="https://migrate.argentotheme.com/theme_default/" target="_blank">
                    <img class="demo-thmb progress" alt="Default Theme" src="{{media url="wysiwyg/firechekout-demo/theme-default-thmb.png"}}" />
                </a>
            </div>
            <div class="item theme-round">
                <div class="title-wrapper" >
                    <a class="theme-title" href="https://migrate.argentotheme.com/theme_round/" target="_blank">
                        <h4>Round Theme</h4>
                    </a>
                </div>
                <a href="https://migrate.argentotheme.com/theme_round/" target="_blank">
                    <img class="demo-thmb progress" alt="Round Theme" src="{{media url="wysiwyg/firechekout-demo/theme-round-thmb.png"}}" />
                </a>
            </div>
            <div class="item theme-light">
                <div class="title-wrapper" >
                    <a class="theme-title" href="https://migrate.argentotheme.com/theme_light/" target="_blank">
                        <h4>Light Theme</h4>
                    </a>
                </div>
                <a href="https://migrate.argentotheme.com/theme_light/" target="_blank">
                    <img class="demo-thmb progress" alt="Light Theme" src="{{media url="wysiwyg/firechekout-demo/theme-light-thmb.png"}}" />
                </a>
            </div>
            <div class="item theme-dark">
                <div class="title-wrapper" >
                    <a class="theme-title" href="https://migrate.argentotheme.com/theme_midnight/" target="_blank">
                        <h4>Midnight Theme</h4>
                    </a>
                </div>
                <a href="https://migrate.argentotheme.com/theme_midnight/" target="_blank">
                    <img class="demo-thmb progress" alt="Midnight Theme" src="{{media url="wysiwyg/firechekout-demo/theme-midnight-thmb.png"}}" />
                </a>
            </div>
        </div>

    </div>
</section>
<section id="content2">
    <div class="demo-list a-center">
        <div class="block-demo a-center" style="margin-bottom: 25px;">
            <div class="item">
                <div class="title-wrapper" >
                    <a class="theme-title" href="http://demo.templates-master.com/extension02/onecolumn/" target="_blank">
                        <h4>1 column layout</h4>
                    </a>
                </div>
                <a href="http://demo.templates-master.com/extension02/onecolumn/" target="_blank">
                    <img class="demo-thmb progress" alt="1 column layout" src="{{media url="wysiwyg/firechekout-demo/m1-one-column.png"}}" />
                </a>
            </div>
            <div class="item">
                <div class="title-wrapper" >
                    <a class="theme-title" href="http://demo.templates-master.com/extension02/default/" target="_blank">
                        <h4>2 columns layout</h4>
                    </a>
                </div>
                <a href="http://demo.templates-master.com/extension02/default/" target="_blank">
                    <img class="demo-thmb progress" alt="2 columns layout" src="{{media url="wysiwyg/firechekout-demo/m1-two-columns.png"}}" />
                </a>
            </div>
            <div class="item break-line">
                <div class="title-wrapper" >
                    <a class="theme-title" href="http://demo.templates-master.com/extension02/default_sticky/" target="_blank">
                        <h4>2 columns smart layout</h4>
                    </a>
                </div>
                <a href="http://demo.templates-master.com/extension02/default_sticky/" target="_blank">
                    <img class="demo-thmb progress" alt="2 columns smart layout" src="{{media url="wysiwyg/firechekout-demo/m1-two-columns.png"}}" />
                </a>
            </div>
            <div class="item">
                <div class="title-wrapper" >
                    <a class="theme-title" href="http://demo.templates-master.com/extension02/default_wide/" target="_blank">
                        <h4>2 columns wide layout alternative</h4>
                    </a>
                </div>
                <a href="http://demo.templates-master.com/extension02/default_wide/" target="_blank">
                    <img class="demo-thmb progress" alt="2 columns wide layout alternative" src="{{media url="wysiwyg/firechekout-demo/m1-two-columns-wide.png"}}" />
                </a>
            </div>
            <div class="item">
                <div class="title-wrapper" >
                    <a class="theme-title" href="http://demo.templates-master.com/extension02/expanded/" target="_blank">
                        <h4>Expanded layout</h4>
                    </a>
                </div>
                <a href="http://demo.templates-master.com/extension02/expanded/" target="_blank">
                    <img class="demo-thmb progress" alt="Expanded layout" src="{{media url="wysiwyg/firechekout-demo/m1-one-column-expanded.png"}}" />
                </a>
            </div>
                 <div class="item">
                <div class="title-wrapper" >
                    <a class="theme-title" href="http://demo.templates-master.com/extension02/threecolumns/" target="_blank">
                        <h4>3 columns</h4>
                    </a>
                </div>
                <a href="http://demo.templates-master.com/extension02/threecolumns/" target="_blank">
                    <img class="demo-thmb progress" alt="3 columns layout" src="{{media url="wysiwyg/firechekout-demo/m1-three-columns.png"}}" />
                </a>
            </div>
        </div>
    </div>
</section>