mail-addons/mail_move_message/static/description/index.html

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div class="oe_span12">
            <h2 class="oe_slogan">Mail Relocation</h2>
            <h3 class="oe_slogan">Relocate customer's mails to a correct place (lead, task etc.)</h3>
        </div>
        <div class="oe_span12">
	  <div class="alert alert-success" style="padding:0.6em 0.6em; font-size: 120%;">
            <p>
                The module helps you to organise mails from customers.
            </p>
            <p>
                If customer send mail to user's personal alias (e.g. admin@yourcompany.example.com), a user would be able to relocate such mail to corresponding record.
            </p>
   	  </div>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div class="oe_span12 text-center">
            <h2>Usage</h2>
            <p class="oe_mt32 text-center">
                Click on an icon of two cross arrows.
            </p>
        </div>

        <div class="oe_span12">
            <div class="oe_demo oe_picture oe_screenshot">
                <img src="inbox.png?3"/>
            </div>
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div class="oe_span12">
            <p class="oe_mt32 text-center">
                Find a record you need and click on "Move" button.
            </p>
        </div>

        <div class="oe_span12">
            <div class="oe_demo oe_picture oe_screenshot">
                <img src="inbox-move.png?4"/>
            </div>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div class="oe_span12">
            <p class="oe_mt32 text-center">
                Done! You've attached mail and its child mails to the record.
            </p>
        </div>

        <div class="oe_span12">
            <div class="oe_demo oe_picture oe_screenshot">
                <img src="record1.png?3"/>
            </div>
            <p class="oe_mt32 text-center">
                Scroll down... Moved mails are marked by highlighted icon.
            </p>
            <div class="oe_demo oe_picture oe_screenshot">
                <img src="record2.png?4"/>
            </div>
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div class="oe_span12">
            <p class="oe_mt32 text-center">
                You could easily return mails back if you change your mind.
            </p>
        </div>

        <div class="oe_span12">
            <div class="oe_demo oe_picture" style="margin-bottom: 4em;">
                <img src="record-move-back.png?1"/>
            </div>
            <p class="oe_mt32 text-center">
                Further information and discussion: <a href="https://yelizariev.github.io/odoo/module/2015/04/10/mail-relocation.html">https://yelizariev.github.io/odoo/module/2015/04/10/mail-relocation.html</a>
            </p>
        </div>
    </div>
</section>


<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div class="oe_span12 text-center">
            <h2>Tips and tricks</h2>
        </div>
        <div class="oe_span12">
			<p class="oe_mt32">
                The module can be used to delete a message (it's available for superuser only)
            </p>
            <div class="oe_demo oe_picture">
                <img src="delete-message.png"/>
            </div>
        </div>
    </div>
</section>

<br/>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div class="oe_span8">
            <h2>Need our service?</h2>
            <p class="oe_mt32">Contact us by <a href="mailto:apps@it-projects.info">email</a> or fill out <a href="https://www.it-projects.info/page/website.contactus " target="_blank">request form</a></p>
            <ul>
                <li><a href="mailto:apps@it-projects.info">apps@it-projects.info <i class="fa fa-envelope-o"></i></a></li>
                <li><a href="https://www.it-projects.info/page/website.contactus " target="_blank">https://www.it-projects.info/page/website.contactus <i class="fa fa-list-alt"></i></a></li>
                <li><a href="https://m.me/itprojectsllc" target="_blank">https://m.me/itprojectsllc <i class="fa fa-facebook-square"></i></a></li>
                <li>skype@it-projects.info <i class="fa fa-skype"></i></li>
            </ul>
        </div>
        <div class="oe_span4">
            <div class="stamp" style="width:200px;">
                <div style="margin-top: 15px;
                            position: relative;
                            font-family:'Vollkorn', serif;
                            font-size: 16px;
                            line-height: 25px;
                            text-transform: uppercase;
                            font-weight: bold;
                            color: #75526b;
                            border: 3px dashed #75526b;
                            float: left;
                            padding: 4px 12px;
                            -webkit-transform: rotate(6deg);
                            -o-transform: rotate(6deg);
                            -moz-transform: rotate(6deg);
                            -ms-transform: rotate(6deg);">
                    Tested on Odoo<br/>11.0 community
                </div>
                <div style="margin-top: 15px;
			    position: relative;
			    font-family:'Vollkorn', serif;
			    font-size: 16px;
			    line-height: 25px;
			    text-transform: uppercase;
			    font-weight: bold;
			    color: #75526b;
			    border: 3px dashed #75526b;
			    float: left;
			    padding: 4px 12px;
			    -webkit-transform: rotate(-7deg);
			    -o-transform: rotate(-7deg);
			    -moz-transform: rotate(-7deg);
			    -ms-transform: rotate(-7deg);">
                  Tested on Odoo<br/>11.0 enterprise
                </div>
            </div>
        </div>
    </div>
</section>