Welcome to your Homepage!

Let's start designing.

What do you want to do?

Your current changes will be saved automatically.

Hint: Type '/' to search an existing page and '#' to link to an anchor.

Choose an anchor name

Google Font HTML

<span class="float-right text-muted">
                    Select one font on <a target="_blank" href="https://fonts.google.com">fonts.google.com</a> and copy paste the embed code here.
                </span>
            </div>
        </div>
        <p>Adding a font requires a reload of the page. This will save all your changes.</p>
    </div>
    <t t-name="website.delete_google_font_btn">
        <t t-set="delete_font_title">Delete this font</t>
        <i role="button"
           class="text-danger ml-2 fa fa-trash-o o_we_delete_google_font_btn"
           t-att-aria-label="delete_font_title"
           t-att-title="delete_font_title"
           t-att-data-font-index="index"/>
    </t>
    <t t-name="website.add_google_font_btn">
        <we-button href="#" class="o_we_add_google_font_btn"
                   t-att-data-variable="variable">
            Add a Google Font
        </we-button>
    </t>

<t t-name="website.color_combination_edition">
        <div>
            <we-colorpicker string="Background" data-customize-website-color="null" t-attf-data-color="o-cc#{number}-bg"/>
            <we-colorpicker string="Text" data-customize-website-color="null" t-attf-data-color="o-cc#{number}-text"/>
            <we-colorpicker string="Headings" class="o_cc_subheadings_toggler" data-customize-website-color="null" t-attf-data-color="o-cc#{number}-headings"/>
            <we-row string="Sub-Headings" class="o_cc_subheadings_collapse">
                <we-colorpicker title="Headings 2" data-customize-website-color="null" t-attf-data-color="o-cc#{number}-h2"/>
                <we-colorpicker title="Headings 3" data-customize-website-color="null" t-attf-data-color="o-cc#{number}-h3"/>
                <we-colorpicker title="Headings 4" data-customize-website-color="null" t-attf-data-color="o-cc#{number}-h4"/>
                <we-colorpicker title="Headings 5" data-customize-website-color="null" t-attf-data-color="o-cc#{number}-h5"/>
                <we-colorpicker title="Headings 6" data-customize-website-color="null" t-attf-data-color="o-cc#{number}-h6"/>
            </we-row>
            <we-colorpicker string="Links" data-customize-website-color="null" t-attf-data-color="o-cc#{number}-link"/>
            <we-row string="Main Buttons">
                <we-colorpicker title="Background" data-customize-website-color="null" t-attf-data-color="o-cc#{number}-btn-primary"/>
                <we-colorpicker title="Border" data-customize-website-color="null" t-attf-data-color="o-cc#{number}-btn-primary-border"/>
            </we-row>
            <we-row string="Buttons">
                <we-colorpicker title="Background" data-customize-website-color="null" t-attf-data-color="o-cc#{number}-btn-secondary"/>
                <we-colorpicker title="Border" data-customize-website-color="null" t-attf-data-color="o-cc#{number}-btn-secondary-border"/>
            </we-row>
        </div>
    </t>

<div t-name="website.custom_code_dialog_content">
        <div class="mb-2" t-esc="contentText"/>
        <div class="o_ace_editor_container"/>
    </div>
</templates>