BOO - HTML

Multi-Purpose HTML Template

by Themerella
support@themerella.com
Version 1.0

Tips

Some useful tips

Due to local security restrictions, some things will not work locally. But everything will work once the files have been updated to your website.

Use Firebug or Chrome Developer Tools.

Do not start from scratch, use an existing page from the demo and modify it to learn how it works.

Getting an error message? Someone might have seen it too, try a google search for a quick fix.

Explore the live demo for pages ideas and sample code.

File Structure

Know the file structure

/Audio
/bat
/css
	/theme-color
/fonts
/images
/js
/scss
	/theme-color
/vendors
/video

Theming

How to apply your theme colors.

Boo comes with 12 prebuild theme colors.

If you're familiar with SASS or SCSS, you can simply go to projects/template/scss/theme-color folder, copy one of existing .scss files, change:
$color-accent
$color-secondary
and change typography if you wish and you're good to go.

Variables

In order to use SASS we recomend you to use Atom and it's SASS Autocompile package. Or you can use whatever you're comfortable with.

Contact Form

How to setup contact form.

In order to set up the email address to send the e-mails (sent with the help of RD Mailform @version 3.2.0), please replace in bat/rd-mailform.config.json file, value of recipientEmail field to recipient email.

Form

SMTP Settings

To configure sending e-mail using SMTP, you need to open the bat/rd-mailform.config.json file and set the value of the useSmtp field to true. Then, enter the settings of your SMTP into next object field.

Form

Newsletter Form

How to setup newsletter form.

To connect the subscription form to your MailChimp account, you need to create a list or select an existing one (see No. 1) and go to “Signup forms” section (No. 2

Form

Select “General forms”.

Form

You will be redirected to another page, where you need to copy the URL:

Form

You need to add /post to this link after the word subscribe for the link to look like

https://*****..list-manage.com/subscribe/post?u=**********&id=

Paste this link into action attribute of the subscription form, see the example below:

Form