diff --git a/coreui/src/router/index.js b/coreui/src/router/index.js
index f48da9ad0..50adef161 100644
--- a/coreui/src/router/index.js
+++ b/coreui/src/router/index.js
@@ -84,6 +84,13 @@ const Resource = () => import('@/views/resources/Resource')
 const EditResource = () => import('@/views/resources/EditResource')
 const DeleteResource = () => import('@/views/resources/DeleteResource')
 
+//Email
+const Emails        = () => import('@/views/email/Emails')
+const CreateEmail  = () => import('@/views/email/CreateEmail')
+const EditEmail    = () => import('@/views/email/EditEmail')
+const ShowEmail     = () => import('@/views/email/ShowEmail')
+const SendEmail     = () => import('@/views/email/SendEmail')
+
 const EditMenu = () => import('@/views/menu/EditMenu')
 const Media = () => import('@/views/media/Media')
 
@@ -212,7 +219,7 @@ function configRoutes () {
             {
               path: 'create',
               meta: { label: 'Create Role' },
-              name: 'Create Note',
+              name: 'Create Role',
               component: CreateRole
             },
             {
@@ -266,6 +273,43 @@ function configRoutes () {
             },
           ]
         },
+        {
+          path: 'email',
+          meta: { label: 'Emails'},
+          component: {
+            render (c) { return c('router-view') }
+          },
+          children: [
+            {
+              path: '',
+              component: Emails,
+            },
+            {
+              path: 'create',
+              meta: { label: 'Create Email Template' },
+              name: 'Create Email Template',
+              component: CreateEmail
+            },
+            {
+              path: ':id',
+              meta: { label: 'Show Email Template'},
+              name: 'Show Email Tempalte',
+              component: ShowEmail,
+            },
+            {
+              path: ':id/edit',
+              meta: { label: 'Edit Email Tempalate' },
+              name: 'Edit Email Template',
+              component: EditEmail
+            },
+            {
+              path: ':id/sendEmail',
+              meta: { label: 'Send Email' },
+              name: 'Send Email',
+              component: SendEmail
+            },
+          ]
+        },
         {
           path: 'resource',
           meta: { label: 'Resources'},
diff --git a/coreui/src/views/email/CreateEmail.vue b/coreui/src/views/email/CreateEmail.vue
new file mode 100644
index 000000000..86afdcd84
--- /dev/null
+++ b/coreui/src/views/email/CreateEmail.vue
@@ -0,0 +1,93 @@
+<template>
+  <CRow>
+    <CCol col="12" lg="6">
+      <CCard no-header>
+        <CCardBody>
+          <h4>
+            Create Email Template
+          </h4>
+          <CAlert
+            :show.sync="dismissCountDown"
+            color="primary"
+            fade
+          >
+            ({{dismissCountDown}}) {{ message }}
+          </CAlert>
+
+            <CInput label="Name" type="text" placeholder="Name" v-model="template.name"></CInput>
+
+            <CInput label="Subject" type="text" placeholder="Subject" v-model="template.subject"></CInput>
+
+            <CTextarea textarea="true" label="Content" :rows="15" placeholder="Content.." v-model="template.content"></CTextarea>
+
+          <CButton color="primary" @click="store()">Create</CButton>
+          <CButton color="primary" @click="goBack">Back</CButton>
+        </CCardBody>
+      </CCard>
+    </CCol>
+  </CRow>
+</template>
+
+<script>
+import axios from 'axios'
+export default {
+  name: 'CreateEmailTemplate',
+  data: () => {
+    return {
+        template: {
+            name: '',
+            subject: '',
+            content: '',
+        },
+        message: '',
+        dismissSecs: 7,
+        dismissCountDown: 0,
+        showDismissibleAlert: false
+    }
+  },
+  methods: {
+    goBack() {
+      this.$router.go(-1)
+      // this.$router.replace({path: '/users'})
+    },
+    store() {
+        let self = this;
+        axios.post(  '/api/mail?token=' + localStorage.getItem("api_token"),
+          self.template
+        )
+        .then(function (response) {
+            self.template = {
+                name: '',
+                subject: '',
+                content: '',
+            }
+            self.message = 'Successfully created Email Template.';
+            self.showAlert();
+        }).catch(function (error) {
+            if(error.response.data.message == 'The given data was invalid.'){
+              self.message = '';
+              for (let key in error.response.data.errors) {
+                if (error.response.data.errors.hasOwnProperty(key)) {
+                  self.message += error.response.data.errors[key][0] + '  ';
+                }
+              }
+              self.showAlert();
+            }else{
+              console.log(error);
+              self.$router.push({ path: 'login' }); 
+            }
+        });
+    },
+    countDownChanged (dismissCountDown) {
+      this.dismissCountDown = dismissCountDown
+    },
+    showAlert () {
+      this.dismissCountDown = this.dismissSecs
+    },
+  },
+  mounted: function(){
+
+  }
+}
+
+</script>
diff --git a/coreui/src/views/email/EditEmail.vue b/coreui/src/views/email/EditEmail.vue
new file mode 100644
index 000000000..c13b5d66f
--- /dev/null
+++ b/coreui/src/views/email/EditEmail.vue
@@ -0,0 +1,94 @@
+<template>
+  <CRow>
+    <CCol col="12" lg="6">
+      <CCard>
+        <CCardBody>
+          <h3>
+            Edit Email Template
+          </h3>
+          <CAlert
+            :show.sync="dismissCountDown"
+            color="primary"
+            fade
+          >
+            ({{dismissCountDown}}) {{ message }}
+          </CAlert>
+
+            <CInput label="Name" type="text" placeholder="Name" v-model="template.name"></CInput>
+            <CInput label="Subject" type="text" placeholder="Subject" v-model="template.subject"></CInput>
+            <CTextarea textarea="true" label="Content" :rows="15" placeholder="Content.." v-model="template.content"></CTextarea>
+
+          <CButton color="primary" @click="update()">Save</CButton>
+          <CButton color="primary" @click="goBack">Back</CButton>
+        </CCardBody>
+      </CCard>
+    </CCol>
+  </CRow>
+</template>
+
+<script>
+import axios from 'axios'
+export default {
+  name: 'EditEmailTemplate',
+  data: () => {
+    return {
+        template: {
+            name: '',
+            subject: '',
+            content: '',
+        },
+        message: '',
+        dismissSecs: 7,
+        dismissCountDown: 0,
+    }
+  },
+  methods: {
+    goBack() {
+      this.$router.go(-1)
+      // this.$router.replace({path: '/users'})
+    },
+    update() {
+        let self = this;
+        axios.post(  '/api/mail/' + self.$route.params.id + '?token=' + localStorage.getItem("api_token"),
+        {
+            _method: 'PUT',
+            name: self.template.name,
+            subject: self.template.subject,
+            content: self.template.content,
+        })
+        .then(function (response) {
+            self.message = 'Successfully updated note.';
+            self.showAlert();
+        }).catch(function (error) {
+            if(error.response.data.message == 'The given data was invalid.'){
+              self.message = '';
+              for (let key in error.response.data.errors) {
+                if (error.response.data.errors.hasOwnProperty(key)) {
+                  self.message += error.response.data.errors[key][0] + '  ';
+                }
+              }
+              self.showAlert();
+            }else{
+              console.log(error); 
+              self.$router.push({ path: '/login' }); 
+            }
+        });
+    },
+    showAlert () {
+      this.dismissCountDown = this.dismissSecs
+    },
+  },
+  mounted: function(){
+    let self = this;
+    axios.get(  '/api/mail/' + self.$route.params.id + '/edit?token=' + localStorage.getItem("api_token"))
+    .then(function (response) {
+        self.template = response.data.template;
+    }).catch(function (error) {
+        console.log(error);
+        self.$router.push({ path: '/login' });
+    });
+  }
+}
+
+
+</script>
diff --git a/coreui/src/views/email/Emails.vue b/coreui/src/views/email/Emails.vue
new file mode 100644
index 000000000..6cee506ae
--- /dev/null
+++ b/coreui/src/views/email/Emails.vue
@@ -0,0 +1,148 @@
+<template>
+  <CRow>
+    <CCol col="12" xl="12">
+      <transition name="slide">
+      <CCard>
+        <CCardBody>
+            <h4>Email Templates</h4>
+            <CButton class="m-3" color="primary" @click="createTemplate()">Create Template</CButton>
+            <CAlert
+              :show.sync="dismissCountDown"
+              color="primary"
+              fade
+            >
+              ({{dismissCountDown}}) {{ message }}
+            </CAlert>
+            <CDataTable
+              hover
+              :items="items"
+              :fields="fields"
+              :items-per-page="10"
+              pagination
+            >
+              <template #name="{item}">
+                <td>
+                  <strong>{{item.name}}</strong>
+                </td>
+              </template>
+              <template #subject="{item}">
+                <td>
+                  <strong>{{item.subject}}</strong>
+                </td>
+              </template>
+              <template #send="{item}">
+                <td>
+                  <CButton color="warning" @click="sendEmail( item.id )">Send</CButton>
+                </td>
+              </template>
+              <template #show="{item}">
+                <td>
+                  <CButton color="primary" @click="showEmail( item.id )">Show</CButton>
+                </td>
+              </template>
+              <template #edit="{item}">
+                <td>
+                  <CButton color="primary" @click="editEmail( item.id )">Edit</CButton>
+                </td>
+              </template>
+              <template #delete="{item}">
+                <td>
+                  <CButton color="danger" @click="deleteEmail( item.id )">Delete</CButton>
+                </td>
+              </template>
+            </CDataTable>
+        </CCardBody>  
+      </CCard>
+      </transition>
+    </CCol>
+  </CRow>
+</template>
+
+<script>
+import axios from 'axios'
+
+export default {
+  name: 'Emails',
+  data: () => {
+    return {
+      items: [],
+      fields: ['name', 'subject', 'send', 'show', 'edit', 'delete'],
+      currentPage: 1,
+      perPage: 5,
+      totalRows: 0,
+      message: '',
+      showMessage: false,
+      dismissSecs: 7,
+      dismissCountDown: 0,
+      showDismissibleAlert: false
+    }
+  },
+  computed: {
+  },
+  methods: {
+    getRowCount (items) {
+      return items.length
+    },
+    noteLink (id) {
+      return `email/${id.toString()}`
+    },
+    editLink (id) {
+      return `email/${id.toString()}/edit`
+    },
+    showEmail ( id ) {
+      const noteLink = this.noteLink( id );
+      this.$router.push({path: noteLink});
+    },
+    editEmail ( id ) {
+      const editLink = this.editLink( id );
+      this.$router.push({path: editLink});
+    },
+    sendEmail ( id ){
+        this.$router.push({path: `email/${id.toString()}/sendEmail`});
+    },
+    deleteEmail ( id ) {
+      let self = this;
+      let noteId = id;
+      axios.post(  '/api/mail/' + id + '?token=' + localStorage.getItem("api_token"), {
+        _method: 'DELETE'
+      })
+      .then(function (response) {
+          self.message = 'Successfully deleted Email Template.';
+          self.showAlert();
+          self.getTemplates();
+      }).catch(function (error) {
+        console.log(error);
+        self.$router.push({ path: '/login' });
+      });
+    },
+    createTemplate () {
+      this.$router.push({path: 'email/create'});
+    },
+    countDownChanged (dismissCountDown) {
+      this.dismissCountDown = dismissCountDown
+    },
+    showAlert () {
+      this.dismissCountDown = this.dismissSecs
+    },
+    getTemplates (){
+      let self = this;
+      axios.get(  '/api/mail?token=' + localStorage.getItem("api_token") )
+      .then(function (response) {
+        self.items = response.data;
+      }).catch(function (error) {
+        console.log(error);
+        self.$router.push({ path: '/login' });
+      });
+    }
+  },
+  mounted: function(){
+    this.getTemplates();
+  }
+}
+</script>
+
+<style scoped>
+.card-body >>> table > tbody > tr > td {
+  cursor: pointer;
+}
+</style>
\ No newline at end of file
diff --git a/coreui/src/views/email/SendEmail.vue b/coreui/src/views/email/SendEmail.vue
new file mode 100644
index 000000000..4ed07cee5
--- /dev/null
+++ b/coreui/src/views/email/SendEmail.vue
@@ -0,0 +1,93 @@
+<template>
+  <CRow>
+    <CCol col="12" lg="6">
+      <CCard no-header>
+        <CCardBody>
+          <h4>
+            Send Email
+          </h4>
+          <CAlert
+            :show.sync="dismissCountDown"
+            color="primary"
+            fade
+          >
+            ({{dismissCountDown}}) {{ message }}
+          </CAlert>
+
+            <CInput label="Email" type="text" placeholder="Email" v-model="email"></CInput>
+
+          <CButton color="primary" @click="store()">Send</CButton>
+          <CButton color="primary" @click="goBack">Back</CButton>
+        </CCardBody>
+      </CCard>
+    </CCol>
+  </CRow>
+</template>
+
+<script>
+import axios from 'axios'
+export default {
+  name: 'SendEmail',
+  data: () => {
+    return {
+        email: '',
+        template: {
+            name: '',
+            subject: '',
+            content: '',
+        },
+        message: '',
+        dismissSecs: 7,
+        dismissCountDown: 0,
+        showDismissibleAlert: false
+    }
+  },
+  methods: {
+    goBack() {
+      this.$router.go(-1)
+      // this.$router.replace({path: '/users'})
+    },
+    store() {
+        let self = this;
+        axios.post(  '/api/mailSend/' + self.$route.params.id + '?token=' + localStorage.getItem("api_token"),
+          {email: self.email}
+        )
+        .then(function (response) {
+            self.email = ''
+            self.message = 'Successfully send Email.';
+            self.showAlert();
+        }).catch(function (error) {
+            if(error.response.data.message == 'The given data was invalid.'){
+              self.message = '';
+              for (let key in error.response.data.errors) {
+                if (error.response.data.errors.hasOwnProperty(key)) {
+                  self.message += error.response.data.errors[key][0] + '  ';
+                }
+              }
+              self.showAlert();
+            }else{
+              console.log(error);
+              self.$router.push({ path: 'login' }); 
+            }
+        });
+    },
+    countDownChanged (dismissCountDown) {
+      this.dismissCountDown = dismissCountDown
+    },
+    showAlert () {
+      this.dismissCountDown = this.dismissSecs
+    },
+  },
+  mounted: function(){
+    let self = this;
+    axios.get(  '/api/prepareSend/' + self.$route.params.id + '?token=' + localStorage.getItem("api_token"))
+    .then(function (response) {
+      self.template = response.data.template;
+    }).catch(function (error) {
+      console.log(error);
+      self.$router.push({ path: '/login' });
+    });
+  }
+}
+
+</script>
diff --git a/coreui/src/views/email/ShowEmail.vue b/coreui/src/views/email/ShowEmail.vue
new file mode 100644
index 000000000..6b22a31c8
--- /dev/null
+++ b/coreui/src/views/email/ShowEmail.vue
@@ -0,0 +1,50 @@
+<template>
+  <CRow>
+    <CCol col="12" lg="6">
+      <CCard no-header>
+        <CCardBody>
+          <h3>Show Email Template</h3>
+
+          <h4>Name:</h4>
+          <p>{{ template.name }}</p>
+          <h4>Subject:</h4>
+          <p>{{ template.subject }}</p>
+          <h4>Content:</h4> 
+          <p>{{ template.content }}</p>
+
+          <CButton color="primary" @click="goBack">Back</CButton>
+        </CCardBody>
+      </CCard>
+    </CCol>
+  </CRow>
+</template>
+
+<script>
+import axios from 'axios'
+export default {
+  name: 'User',
+  data: () => {
+    return {
+      template: [],
+    }
+  },
+  methods: {
+    goBack() {
+      this.$router.go(-1)
+      // this.$router.replace({path: '/users'})
+    }
+  },
+  mounted: function(){
+    let self = this;
+    axios.get(  '/api/mail/' + self.$route.params.id + '?token=' + localStorage.getItem("api_token"))
+    .then(function (response) {
+      self.template = response.data.template;
+    }).catch(function (error) {
+      console.log(error);
+      self.$router.push({ path: '/login' });
+    });
+  }
+}
+
+
+</script>
diff --git a/laravel/app/Http/Controllers/MailController.php b/laravel/app/Http/Controllers/MailController.php
new file mode 100644
index 000000000..ec389755d
--- /dev/null
+++ b/laravel/app/Http/Controllers/MailController.php
@@ -0,0 +1,119 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use App\Models\EmailTemplate;
+use Mail;
+
+class MailController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function index()
+    {
+        $emailTemplates = EmailTemplate::all('id', 'name', 'subject');
+        return response()->json( $emailTemplates );
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return \Illuminate\Http\Response
+     */
+    public function store(Request $request)
+    {
+        $validatedData = $request->validate([
+            'name'    => 'required|min:1|max:64',
+            'subject' => 'required|min:1|max:128',
+            'content' => 'required|min:1',
+        ]);
+        $template = new EmailTemplate();
+        $template->name = $request->input('name');
+        $template->subject = $request->input('subject');
+        $template->content = $request->input('content');
+        $template->save();
+        return response()->json( ['status' => 'success'] );
+    }
+
+    /**
+     * Display the specified resource.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function show($id)
+    {
+        return response()->json( [ 'template' => EmailTemplate::find($id) ] );
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function edit($id)
+    {
+        return response()->json( [ 'template' => EmailTemplate::find($id) ] );
+    }
+
+    /**
+     * Update the specified resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function update(Request $request, $id)
+    {
+        $validatedData = $request->validate([
+            'name'    => 'required|min:1|max:64',
+            'subject' => 'required|min:1|max:128',
+            'content' => 'required|min:1',
+        ]);
+        $template = EmailTemplate::find($id);
+        $template->name = $request->input('name');
+        $template->subject = $request->input('subject');
+        $template->content = $request->input('content');
+        $template->save();
+        return response()->json( ['status' => 'success'] );
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function destroy($id, Request $request)
+    {
+        $template = EmailTemplate::find($id);
+        if($template){
+            $template->delete();
+        }
+        return response()->json( ['status' => 'success'] );
+    }
+
+    public function prepareSend($id){
+        return response()->json( [ 'template' => EmailTemplate::find($id) ] );
+    }
+
+    public function send($id, Request $request){
+        $validatedData = $request->validate([
+            'email'    => 'required|email',
+        ]);
+        $template = EmailTemplate::find($id);
+        Mail::send([], [], function ($message) use ($request, $template)
+        {
+            $message->to($request->input('email'));
+            $message->subject($template->subject);
+            $message->setBody($template->content,'text/html');
+        });
+        return response()->json( ['status' => 'success'] );
+    }
+}
diff --git a/laravel/app/Models/EmailTemplate.php b/laravel/app/Models/EmailTemplate.php
new file mode 100644
index 000000000..b6b065aba
--- /dev/null
+++ b/laravel/app/Models/EmailTemplate.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class EmailTemplate extends Model
+{
+    public $table = 'email_template';
+    
+}
diff --git a/laravel/database/migrations/2020_03_12_111400_create_email_template_table.php b/laravel/database/migrations/2020_03_12_111400_create_email_template_table.php
new file mode 100644
index 000000000..0717eb97e
--- /dev/null
+++ b/laravel/database/migrations/2020_03_12_111400_create_email_template_table.php
@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateEmailTemplateTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('email_template', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->timestamps();
+            $table->text('content');
+            $table->string('name');
+            $table->string('subject');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('email_template');
+    }
+}
diff --git a/laravel/database/seeds/DatabaseSeeder.php b/laravel/database/seeds/DatabaseSeeder.php
index ae22e5e1d..153173fd5 100644
--- a/laravel/database/seeds/DatabaseSeeder.php
+++ b/laravel/database/seeds/DatabaseSeeder.php
@@ -19,5 +19,6 @@ public function run()
         $this->call('FolderTableSeeder');
         $this->call('ExampleSeeder');
         $this->call('BREADSeeder');
+        $this->call('EmailSeeder');
     }
 }
diff --git a/laravel/database/seeds/EmailSeeder.php b/laravel/database/seeds/EmailSeeder.php
new file mode 100644
index 000000000..b4ab4cf03
--- /dev/null
+++ b/laravel/database/seeds/EmailSeeder.php
@@ -0,0 +1,97 @@
+<?php
+
+use Illuminate\Database\Seeder;
+use Faker\Factory as Faker;
+use Illuminate\Support\Facades\DB;
+
+class EmailSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     *
+     * @return void
+     */
+    public function run()
+    {
+        DB::table('email_template')->insert([
+            'name'    => 'Example E-mail',
+            'subject' => 'Example E-mail',
+            'content' => 
+                '<!DOCTYPE html>
+                <html lang="en">
+                <head>
+                    <meta charset="utf-8">
+                    <meta name="viewport" content="width=device-width">
+                    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
+                    <meta name="x-apple-disable-message-reformatting">
+                    <title>Example</title>
+                    <style>
+                        body {
+                            background-color:#fff;
+                            color:#222222;
+                            margin: 0px auto;
+                            padding: 0px;
+                            height: 100%;
+                            width: 100%;
+                            font-weight: 400;
+                            font-size: 15px;
+                            line-height: 1.8;
+                        }
+                        .continer{
+                            width:400px;
+                            margin-left:auto;
+                            margin-right:auto;
+                            background-color:#efefef;
+                            padding:30px;
+                        }
+                        .btn{
+                            padding: 5px 15px;
+                            display: inline-block;
+                        }
+                        .btn-primary{
+                            border-radius: 3px;
+                            background: #0b3c7c;
+                            color: #fff;
+                            text-decoration: none;
+                        }
+                        .btn-primary:hover{
+                            border-radius: 3px;
+                            background: #4673ad;
+                            color: #fff;
+                            text-decoration: none;
+                        }
+                    </style>
+                </head>
+                <body>
+                    <div class="continer">
+                        <h1>Lorem ipsum dolor</h1>
+                        <h4>Ipsum dolor cet emit amet</h4>
+                        <p>
+                            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea <strong>commodo consequat</strong>. 
+                            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
+                            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                        </p>
+                        <h4>Ipsum dolor cet emit amet</h4>
+                        <p>
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod <a href="#">tempor incididunt ut labore</a> et dolore magna aliqua.
+                            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
+                        </p>
+                        <h4>Ipsum dolor cet emit amet</h4>
+                        <p>
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
+                        </p>
+                        <a href="#" class="btn btn-primary">Lorem ipsum dolor</a>
+                        <h4>Ipsum dolor cet emit amet</h4>
+                        <p>
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                            Ut enim ad minim veniam, quis nostrud exercitation <a href="#">ullamco</a> laboris nisi ut aliquip ex ea commodo consequat. 
+                            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
+                            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                        </p>
+                    </div>
+                </body>
+                </html>',
+        ]);
+    }
+}
diff --git a/laravel/database/seeds/MenusTableSeeder.php b/laravel/database/seeds/MenusTableSeeder.php
index 786da510c..778a8220d 100644
--- a/laravel/database/seeds/MenusTableSeeder.php
+++ b/laravel/database/seeds/MenusTableSeeder.php
@@ -137,6 +137,7 @@ public function run()
             $this->insertLink('admin', 'Users',    '/users');
             $this->insertLink('admin', 'Menu',    '/menu');
             $this->insertLink('admin', 'BREAD',    '/bread');
+            $this->insertLink('admin', 'Email',    '/email');
         $this->endDropdown();
         $this->insertTitle('user,admin', 'Theme');
         $this->insertLink('user,admin', 'Colors', '/colors', 'cil-drop');
diff --git a/laravel/routes/api.php b/laravel/routes/api.php
index a6fb87ed7..e4189e326 100644
--- a/laravel/routes/api.php
+++ b/laravel/routes/api.php
@@ -26,7 +26,11 @@
     Route::resource('resource/{table}/resource', 'ResourceController');
     
     Route::group(['middleware' => 'admin'], function ($router) {
-        
+
+        Route::resource('mail',        'MailController');
+        Route::get('prepareSend/{id}', 'MailController@prepareSend')->name('prepareSend');
+        Route::post('mailSend/{id}',   'MailController@send')->name('mailSend');
+
         Route::resource('bread',  'BreadController');   //create BREAD (resource)
 
         Route::resource('users', 'UsersController')->except( ['create', 'store'] );