CD-Code Logo without menu bar

web/src/App.vue

 <template>
   <div id="app">
     <!--    <img alt="logo" src="./assets/dd-code-1.png" width="200">-->
-    <a href="/">
-      <img
-        alt="logo"
-        src="./assets/dd-code-logo.png"
-      >
-    </a>
+    <div class="row">
+      <div class="col-sm-2" style="float: left; min-width: 200px; max-width: 200px;">
+        <a href="/">
+          <img
+            alt="logo" style="width: 200px"
+            src="./assets/dd-code-logo.png"
+          >
+        </a>
+      </div>
+      <div class="col-sm-9 mt-12">
+        <links />
+      </div>
+    </div>
+
     <!--<h1>DD-CODE Development Project</h1>-->
-    <links />
+
     <router-view />
     <footers />
   </div>

web/src/components/Links.vue

@@ -245,4 +245,32 @@ a:hover {
 .active {
   color: #ef0087 !important;
 }
+
+.nav-tabs {
+  border-bottom: unset;
+}
+
+.nav > li > a:hover,
+.nav > li > a:focus {
+  text-decoration: none;
+  background-color: unset;
+}
+
+.nav-tabs > li > a {
+  margin-right: 2px;
+  line-height: 1.42857143;
+  border: unset;
+  border-radius: 4px 4px 0 0;
+}
+.nav-tabs > li > a:hover {
+  border-color: unset;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+  color: unset;
+  cursor: default;
+  background-color: unset;
+  border: unset;
+}
 </style>