better project layout

example/assets/css/main.css

@@ -0,0 +1,90 @@
+body {
+    margin: 0;
+    padding: 0;
+    color: #333;
+    background-color: lightgrey;
+}
+
+a {
+    color: #222;
+}
+
+#content {
+    padding: 20px;
+    background-color: #fff;
+    clear: both;
+}
+
+#dataImg {
+    float: right;
+    margin-left: 20px;
+    margin-bottom: 20px;
+}
+
+#logoDiv {
+    background-color: #444;
+    padding: 20px;
+}
+
+#logoDiv img {
+    max-width: 60%;
+}
+
+#mainNavDiv {
+    padding: 20px;
+}
+
+footer {
+    padding: 20px;
+}
+
+.nav ul {
+    list-style-type: square;
+}
+
+.nav li>a {
+   color: #555;
+   text-decoration: none;
+}
+
+.nav li>a:hover, .nav li.active>a {
+    color: #000;
+}
+
+.nav li.active>a {
+    font-weight: bold;
+}
+
+.langSelect a img {
+    border: 2px solid grey;
+}
+
+.langSelect a:hover img, .langSelect a.active img {
+    border: 2px solid black;
+}
+
+header .langSelect {
+    float: right;
+    padding: 20px;
+}
+
+#breadcrumb {
+    background-color: white;
+    padding-left: 20px;
+    padding-top: 20px;
+}
+
+#breadcrumb a {
+    text-decoration: none;
+    font-size: 0.6em;
+    color: #555;
+    padding-right: 10px;
+}
+
+#breadcrumb a:hover {
+    color: #000;
+}
+
+#breadcrumb a:before {
+    content: "▶ ";
+}