diff --git a/admin/index_m.html b/admin/index_m.html
index 74caa64..9b4451d 100644
--- a/admin/index_m.html
+++ b/admin/index_m.html
@@ -69,65 +69,77 @@
     <!-- you have to put your config page in a div with id adapter-container -->
     <div class="m adapter-container">
         <div class="row">
-            <!-- Forms are the standard way to receive user inputted data.
-         Learn more http://materializecss.com/forms.html-->
-            <div class="row">
-                <div class="input-field col s6">
-                    <img src="doorgate.png" class="logo">
+            <div class="col s12">
+                <ul class="tabs">
+                    <li class="tab col s4"><a href="#tab-main" class="translate active">Pushover settings</a></li>
+                    <li class="tab col s4"><a href="#tab-notification" class="translate">Notification settings</a></li>
+                </ul>
+            </div>
+            <div id="tab-main" class="col s12 page">
+                <div class="row">
+                    <!-- Forms are the standard way to receive user inputted data.
+                 Learn more http://materializecss.com/forms.html-->
+                    <div class="row">
+                        <div class="input-field col s6">
+                            <img src="doorgate.png" class="logo">
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="input-field col s3">
+                            <input class="value" id="test1" type="checkbox" />
+                            <label for="test1" class="translate">test1</label>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="input-field col s12 m6 l4">
+                            <input class="value" id="port" type="text">
+                            <label for="port" class="translate">Port</label>
+                            <span class="translate">REST WebServer Port</span>
+                        </div>
+                        <div class="input-field col s12 m6 l4">
+                            <input type="number" class="value" id="test2" />
+                            <label for="test2" class="translate">Number</label>
+                            <!-- Important: label must come directly after input. Label is important. -->
+                            <span class="translate">test2</span>
+                        </div>
+                        <div class="input-field col s12 m6 l4">
+                            <input id="email" type="email" class="value validate">
+                            <label for="email" data-error="wrong" data-success="right">Email</label>
+                            <!--  You can add custom validation messages by adding either data-error or data-success attributes to your input field labels.-->
+                            <span class="translate">Verification input</span>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="input-field col s12 m4">
+                            <select class="value" id="mySelect">
+                                <option value="auto" class="translate">Auto</option>
+                                <option value="manual" class="translate">Manual</option>
+                            </select>
+                            <label for="mySelect" class="translate">My select</label>
+                            <!-- Important: label must come directly after select. Label is important. -->
+                        </div>
+                        <div class="input-field col s12 m8">
+                            <i class="material-icons prefix">mode_edit</i>
+                            <textarea id="Textarea" class="value materialize-textarea"></textarea>
+                            <label for="Textarea">Message</label>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="input-field col s12 m6 l4">
+                            <input class="value" id="port" type="text">
+                            <label for="port">Port</label>
+                            <span class="translate">Descriptions of the input field</span>
+                        </div>
+        
+                    </div>
+                    <div class="row">
+                        <div class="col s12">
+                            <p class="translate">on save adapter restarts with new config immediately</p>
+                        </div>
+                    </div>
                 </div>
             </div>
-            <div class="row">
-                <div class="input-field col s3">
-                    <input class="value" id="test1" type="checkbox" />
-                    <label for="test1" class="translate">test1</label>
-                </div>
-            </div>
-            <div class="row">
-                <div class="input-field col s12 m6 l4">
-                    <input class="value" id="port" type="text">
-                    <label for="port" class="translate">Port</label>
-                    <span class="translate">REST WebServer Port</span>
-                </div>
-                <div class="input-field col s12 m6 l4">
-                    <input type="number" class="value" id="test2" />
-                    <label for="test2" class="translate">Number</label>
-                    <!-- Important: label must come directly after input. Label is important. -->
-                    <span class="translate">test2</span>
-                </div>
-                <div class="input-field col s12 m6 l4">
-                    <input id="email" type="email" class="value validate">
-                    <label for="email" data-error="wrong" data-success="right">Email</label>
-                    <!--  You can add custom validation messages by adding either data-error or data-success attributes to your input field labels.-->
-                    <span class="translate">Verification input</span>
-                </div>
-            </div>
-            <div class="row">
-                <div class="input-field col s12 m4">
-                    <select class="value" id="mySelect">
-                        <option value="auto" class="translate">Auto</option>
-                        <option value="manual" class="translate">Manual</option>
-                    </select>
-                    <label for="mySelect" class="translate">My select</label>
-                    <!-- Important: label must come directly after select. Label is important. -->
-                </div>
-                <div class="input-field col s12 m8">
-                    <i class="material-icons prefix">mode_edit</i>
-                    <textarea id="Textarea" class="value materialize-textarea"></textarea>
-                    <label for="Textarea">Message</label>
-                </div>
-            </div>
-            <div class="row">
-                <div class="input-field col s12 m6 l4">
-                    <input class="value" id="port" type="text">
-                    <label for="port">Port</label>
-                    <span class="translate">Descriptions of the input field</span>
-                </div>
-
-            </div>
-            <div class="row">
-                <div class="col s12">
-                    <p class="translate">on save adapter restarts with new config immediately</p>
-                </div>
+            <div id="tab-notification" class="col s12 page">
             </div>
         </div>
     </div>