diff --git a/src/App.vue b/src/App.vue
index a832a18..bd0156e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,4 +1,7 @@
 <template>
+    <div class="container-fluid">
+        <div class="development-notice">-- DEVELOPMENT SITE -- [Only for development purposes]</div>
+    </div>
     <!-- <HelloWorld msg="Welcome to Your Vue.js plus TypeScript App" /> -->
     <nav class="navbar navbar-light border-bottom" role="navigation" aria-label="main navigation">
         <div class="navbar-brand">
@@ -261,4 +264,12 @@ footer .list-group-item a {
     background-color: #384d6e;
     padding: 0.3em 0;
 }
+
+.development-notice {
+    text-align: center;
+    color: #fff;
+    background-color: red;
+    padding: 1em 0;
+    font-weight: bold;
+}
 </style>