index.html

<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Central Email Builder</title>
    <link rel="stylesheet" href="style.css" type="text/css">
    <link rel="stylesheet" href="css/normalize.css" type="text/css">
    <link rel="stylesheet" href="css/skeleton.css">
    <script src="script.js" type="text/javascript"></script>
    <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
</head>
    <body>
        <div class="container">
            <div class="row title_row">
                <h1 title="You're welcome">Central Email Builder</h1>
                <div class="guide_link" onclick="window.open('guide.html');" title="Guide to tags">?</div>
            </div>
            <div class="row textblock_row">
                <div class="one column">
                    <div class="checkbox_div" title="Uncheck to not include in email">
                        <input type="checkbox" class="checkbox" checked="true"/>
                    </div>
                </div>
                <div class="eleven columns textblock_div">
                    <input type="button" value="-" class="remove_textblock_button" onclick="remove_textblock()" title="Remove paragraph"/>
                    <textarea class="u-max-full-width u-full-width textblock" placeholder="Paragraph" title="Drag bottom right corner for resize"></textarea>
                </div>
            </div>
            <div class="row textblock_row">
                <div class="one column">
                    <div class="checkbox_div" title="Uncheck to not include in email">
                        <input type="checkbox" class="checkbox" checked="true"/>
                    </div>
                </div>
                <div class="eleven columns textblock_div">
                    <input type="button" value="-" class="remove_textblock_button" onclick="remove_textblock()" title="Remove paragraph"/>
                    <textarea class="u-max-full-width u-full-width textblock" placeholder="Paragraph" title="Drag bottom right corner for resize"></textarea>
                </div>
            </div>
            <div class="row textblock_row">
                <div class="one column">
                    <div class="checkbox_div" title="Uncheck to not include in email">
                        <input type="checkbox" class="checkbox" checked="true"/>
                    </div>
                </div>
                <div class="eleven columns textblock_div">
                    <input type="button" value="-" class="remove_textblock_button" onclick="remove_textblock()" title="Remove paragraph"/>
                    <textarea class="u-max-full-width u-full-width textblock" placeholder="Paragraph" title="Drag bottom right corner for resize"></textarea>
                </div>
            </div>
            <div id="new_textblock"></div>
            <div class="row generate_button_row">
                <input type="button" value="Generate Email" class="generate_email_button" onclick="generate_email()" title="Generate email"/>
                <input type="button" value="+" class="add_textblock_button" onclick="add_textblock()" title="Add paragraph"/>
            </div>
            <div class="row email_row">
                <hr/>
                <div class="twelve columns">
                    <input type="button" value="Select Text" onclick="copy_email_content()" class="copy_button" title="Copy email text to clipboard"/>
                    <div class="email_content" id="email_content"></div>
                </div>
            </div>
        </div>
    </body>
</html>