updated the description of 'note'

13 files changed, 103 insertions, 72 deletions

diff --git a/addons/note/static/description/index.html b/addons/note/static/description/index.html
index 49f6d92f87e..a555e090f8c 100644
--- a/addons/note/static/description/index.html
+++ b/addons/note/static/description/index.html
@@ -1,110 +1,141 @@
 <section class="oe_container">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Notes</h2>
-        <h3 class="oe_slogan">Getting Things Done with Notes</h3>
-        <div class="oe_span6">
+        <h2 class="oe_slogan" style="color:#A24689;">Get your work done</h2>
+        <h3 class="oe_slogan">Organize your tasks with notes and to-do lists</h3>
+        <div class="oe_span12">
             <div class="oe_demo oe_picture oe_screenshot">
-                    <img src="notes_sc_00.png">
+                <img src="note_sc_00.png">
             </div>
         </div>
-        <div class="oe_span6">
-            <p class="oe_mt32">
-Organize yourself with efficient todo lists and notes. From personal tasks to collaborative meeting minutes, increase your user's productivity by giving them the tools to prioritize their work, share their ideas and collaborate on documents.
-            </p>
-        </div>
     </div>
 </section>
 
 <section class="oe_container oe_dark">
-    <div class="oe_row">
-        <div class="oe_span12">
-            <h2 class="oe_slogan">Personal to-do lists that works</h2>
-            <p class="oe_mt32">
-Quickly create to-dos, organize horizontally for the mid-term (today, this week, this month, ...), prioritize vertically for the short term and group by assigning colors. The kanban approach allows a simple visual organization of your to-dos.
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="color:#A24689;">Personal to-do lists that boost productivity</h2>
+        <h3 class="oe_slogan">Achieve your goals and objectives easier than ever</h3>
+        <div class="oe_span6">
+            <p class="oe_mt32 text-justify">
+            Get organized with efficient to-do lists and notes. From personal tasks to collaborative meeting minutes, increase the productivity of your employees by giving them the right tools to prioritize their work, share their ideas and collaborate on documents.
             </p>
         </div>
-        <div class="oe_span12">
-            <img src="notes_illu_01.png">
-        </div>
-        <div class="oe_span4">
-            <h3>Beat Work Overload</h3>
-            <p>
-             Feel how good it is to rely on a structured way to organize your work instead of keeping everything in memory. Use notes to <a href="http://en.wikipedia.org/wiki/Getting_Things_Done">Get Things Done</a>.
-            </p>
+        <div class="oe_span6">
+            <img class="oe_picture oe_screenshot" src="note_sc_01.png">
         </div>
-        <div class="oe_span4">
-            <h3>Prioritize Efficiently</h3>
-            <p>
-              Most people are lost in the flow of urgent daily tasks and have difficulties to work on important, long-term tasks. Notes gives you a simple way to allocate time very day to do important, but less urgent tasks.
-            </p>
+    </div>
+</section>
+
+<section class="oe_container">
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="color:#A24689;">Better manage your tasks and projects</h2>
+        <h3 class="oe_slogan">Gather ideas on the fly and collaborate with your colleagues</h3>
+        <div class="oe_span6">
+            <img class="oe_picture oe_screenshot" src="note_sc_02.png">
         </div>
-        <div class="oe_span4">
-            <h3>Find Motivation to Close Tasks</h3>
-            <p>
-              People used to work on tasks they like and not on important tasks. Start feeling good by checking tasks as done.
+        <div class="oe_span6">
+            <p class="oe_mt32 text-justify">
+            Create an online to-do list in your desired format. Quickly create to-dos, organize horizontally for the mid-term (today, this week, this month,..), prioritize vertically for the short term and group your items by assigning specific colors to specific tasks. The kanban view gives you a simple visual organization of what needs to be done and helps you to move forward to the next step.
             </p>
         </div>
     </div>
 </section>
-<section class="oe_container">
-    <div class="oe_row">
-        <h2 class="oe_slogan">Adapts to Your Creative Process</h2>
-        <h3 class="oe_slogan">Customize to your own workflow</h3>
-            <p>
-Everyone has their own way to organize activities. Odoo Notes' smart kanban approach allows every user to customize their own steps to process it's to-dos and notes.
+
+<section class="oe_container oe_dark">
+    <div class="oe_row oe_spaced">
+        <div class="oe_span4 oe_mt32">
+            <h3 class="text-center">
+                <b>Beat work overload</b>
+            </h3>
+            <img class="oe_picture oe_screenshot" src="note_sc_03a.png">
+            <p class="text-justify">
+            Odoo Notes helps you stay organized and focused on your work with a structured and accessible system. Break down your tasks and projects into actionable work items and achieve your goals more efficiently
             </p>
-            <img class="oe_picture oe_screenshot" src="notes_sc_03.png">
-        
-        <div class="oe_span4">
-          <h3>A Creative Person</h3>
-          <p>
-A creative person will organize notes based on idea's maturity level: Draft Ideas <i class="icon-angle-right"></i> Mature Ideas <i class="icon-angle-right"></i> Specified <i class="icon-angle-right"></i>To Do</p>
         </div>
-        <div class="oe_span4">
-          <h3>A Frequent Traveler</h3>
-          <p>
-            An employee travelling a lot can organize their tasks based on the context to perform the task: U.S. Office | London's Office | To Review during Flights | At Home
+        <div class="oe_span4 oe_mt32">
+            <h3 class="text-center">
+                <b>Share your ideas</b>
+            </h3>
+            <img class="oe_picture oe_screenshot" src="note_sc_03b.png">
+            <p class="text-justify">
+            Write down your ideas in pads and keep your notes at your fingertips. Attach related documents and use tags and colors to organize the information. Once your ideas are mature, share them with other users, start a discussion and collaborate by improving the specification directly in the pad.
           </p>
         </div>
-        <div class="oe_span4">
-          <h3>A Manager</h3>
-          <p>
-            A manager will organize their high number of tasks based on prioritizations: Todo Today | This Week | This Month | Later
+        <div class="oe_span4 oe_mt32">
+            <h3 class="text-center">
+                <b>Collaborate in real-time</b>
+            </h3>
+            <img class="oe_picture oe_screenshot" src="note_sc_03c.png">
+            <p class="text-justify">
+            Write effective meeting minutes effortlessly thanks to our real-time collaborative tool. Attendees of your meeting will be able to contribute to the minutes, annotate, attach important documents or discuss ideas on the related thread. Comments on each user are written in a specific color, so it&apos;s simple and easy to see everyone&apos;s contribution.
+          </p>
         </div>
-        
     </div>
 </section>
 
-<section class="oe_container oe_dark">
-    <div class="oe_row">
-        <h2 class="oe_slogan">Personnal Notes</h2>
-        <h3 class="oe_slogan">Notes are private but can be shared</h3>
+<section class="oe_container">
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="color:#A24689;">Customize your notes and to-do lists</h2>
+        <h3 class="oe_slogan">Odoo Notes adapts to your needs and habits</h3>
         <div class="oe_span6">
-            <div class="oe_bg_img">
-                <img class="oe_picture oe_screenshot" src="notes_sc_01.png">
-            </div>
+            <p class="oe_mt32 text-justify">
+            Odoo Notes' smart kanban view allows every user to customize their own steps in order to process their to-do lists and notes. Choose the default template or create your own steps/stages of the process.
+            </p>
         </div>
         <div class="oe_span6">
-            <p class="oe_mt32">
-Write down your ideas in pads, keep your notes at your finger tips, attach related documents and use tags and colors to organize the information. Once your ideas are mature, you can share them to others users, start discussing it and collaborate by improving the specification in the pad.
-          </p>
+            <img class="oe_picture oe_screenshot" src="note_sc_04.png">
         </div>
     </div>
 </section>
 
-<section class="oe_container">
-    <div class="oe_row">
-        <h2 class="oe_slogan">Collaborative Meeting Minutes</h2>
-        <h3 class="oe_slogan">Real-time sharing and edition of notes</h3>
-        <div class="oe_span6">
-           <p class="oe_mt32">
-The real time collaborative writings on notes makes it the perfect tool to collaborate on meeting minutes. Attendees will be able to contribute to the minutes, attach important documents or discuss on the related thread.
-          </p>
+<section class="oe_container oe_dark">
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan oe_mb32" style="color:#A24689;">Integrate Odoo Notes into your workflow</h2>
+        <div class="oe_span4">
+            <span class="fa fa-lightbulb-o fa-2x pull-left"/>
+            <h3>
+                <b>Are you a creative?</b>
+            </h3>
+            <div style="margin-left: 25px;">
+                <p class="oe_mt16 oe_mb16">Organize notes based on idea's maturity level:</p>
+                <ul class="list-unstyled">
+                    <li>- Draft ideas</li>
+                    <li>- Mature ideas</li>
+                    <li>- Specified to-do</li>
+                </ul>
+            </div>
         </div>
-        <div class="oe_span6">
-            <img class="oe_picture oe_screenshot" src="notes_sc_02.png">
+        <div class="oe_span4">
+            <span class="fa fa-plane fa-2x pull-left"/>
+            <h3>
+                <b>Are you a frequent traveler?</b>
+            </h3>
+            <div style="margin-left: 32px;">
+                <p class="oe_mt16 oe_mb16">Organize your tasks based on the context to perform the task</p>
+                <ul class="list-unstyled">
+                    <li>- U.S. office</li>
+                    <li>- London's office</li>
+                    <li>- To review during flights</li>
+                    <li>- At home</li>
+                </ul>
+            </div>
+        </div>
+        <div class="oe_span4">
+            <span class="fa fa-suitcase fa-2x pull-left"/>
+            <h3>
+                <b>Are you a manager?</b>
+            </h3>
+            <div style="margin-left: 42px;">
+                <p class="oe_mt16 oe_mb16">It is super easy to resize and/or duplicate each box.</p>
+                <ul class="list-unstyled">
+                    <li>- To-do today</li>
+                    <li>- This week</li>
+                    <li>- This month</li>
+                    <li>- Late</li>
+                </ul>
+            </div>
         </div>
     </div>
 </section>
+
 <section class="oe_container oe_separator">
 </section>
diff --git a/addons/note/static/description/note_sc_00.png b/addons/note/static/description/note_sc_00.png
new file mode 100644
index 00000000000..72e1f70b959
--- /dev/null
+++ b/addons/note/static/description/note_sc_00.png
diff --git a/addons/note/static/description/note_sc_01.png b/addons/note/static/description/note_sc_01.png
new file mode 100644
index 00000000000..7d1f3750cd4
--- /dev/null
+++ b/addons/note/static/description/note_sc_01.png
diff --git a/addons/note/static/description/note_sc_02.png b/addons/note/static/description/note_sc_02.png
new file mode 100644
index 00000000000..5e7565e512e
--- /dev/null
+++ b/addons/note/static/description/note_sc_02.png
diff --git a/addons/note/static/description/note_sc_03a.png b/addons/note/static/description/note_sc_03a.png
new file mode 100644
index 00000000000..55217790e8a
--- /dev/null
+++ b/addons/note/static/description/note_sc_03a.png
diff --git a/addons/note/static/description/note_sc_03b.png b/addons/note/static/description/note_sc_03b.png
new file mode 100644
index 00000000000..b33c0dc74c5
--- /dev/null
+++ b/addons/note/static/description/note_sc_03b.png
diff --git a/addons/note/static/description/note_sc_03c.png b/addons/note/static/description/note_sc_03c.png
new file mode 100644
index 00000000000..f1b992c5826
--- /dev/null
+++ b/addons/note/static/description/note_sc_03c.png
diff --git a/addons/note/static/description/note_sc_04.png b/addons/note/static/description/note_sc_04.png
new file mode 100644
index 00000000000..d3847f6a031
--- /dev/null
+++ b/addons/note/static/description/note_sc_04.png
diff --git a/addons/note/static/description/notes_illu_01.png b/addons/note/static/description/notes_illu_01.png
deleted file mode 100644
index a7d4197561d..00000000000
--- a/addons/note/static/description/notes_illu_01.png
+++ /dev/null
diff --git a/addons/note/static/description/notes_sc_00.png b/addons/note/static/description/notes_sc_00.png
deleted file mode 100644
index 7bb4f95a640..00000000000
--- a/addons/note/static/description/notes_sc_00.png
+++ /dev/null
diff --git a/addons/note/static/description/notes_sc_01.png b/addons/note/static/description/notes_sc_01.png
deleted file mode 100644
index ce9367abf9b..00000000000
--- a/addons/note/static/description/notes_sc_01.png
+++ /dev/null
diff --git a/addons/note/static/description/notes_sc_02.png b/addons/note/static/description/notes_sc_02.png
deleted file mode 100644
index e47889b33fc..00000000000
--- a/addons/note/static/description/notes_sc_02.png
+++ /dev/null
diff --git a/addons/note/static/description/notes_sc_03.png b/addons/note/static/description/notes_sc_03.png
deleted file mode 100644
index 6d59d7e5df8..00000000000
--- a/addons/note/static/description/notes_sc_03.png
+++ /dev/null