new logo header

collections.php

@@ -7,7 +7,6 @@
   foreach($collections as $c) {
     $html = '
       <div class="collection">
-        <h1>' . $c["name"] . '</h1>
         <div class="flexbox-col-img">
           <div class="col-img-container">
             <img class="col-image" src="projects_data/img/' . $c['preview_image_url'] . '" alt="example image for ' . $c['name'] .'">
@@ -22,6 +21,7 @@
             ' . $c['collection_description'] . '
           </div>
         </div>
+        <h1>' . $c["name"] . '</h1>
       </div>
     ';
     print($html);

css/projects.css

@@ -1,6 +1,7 @@
 /* FONTS */
 
-/* Überschrift Font */
+/* Überschrift Font 
+====================*/
 
 /* im-fell-english-sc-regular - latin */
 @font-face {
@@ -16,7 +17,8 @@
          url('../fonts/im-fell-english-sc-v10-latin-regular.svg#IMFellEnglishSC') format('svg'); /* Legacy iOS */
   }
 
-/* Fließtext Font */
+/* Fließtext Font 
+====================*/
 
 /* im-fell-great-primer-regular - latin */
 @font-face {
@@ -46,12 +48,12 @@
          url('../fonts/im-fell-great-primer-v10-latin-italic.svg#IMFellGreatPrimer') format('svg'); /* Legacy iOS */
   }
 
-/* Festlegung Font */
+/* Festlegung Font 
+===================*/
 
 body {
     font-family: 'IM Fell Great Primer';
     margin: 0;
-    text-align: center;
     background-color: #000;
     color: #f9f9ed;
 }
@@ -60,7 +62,8 @@ h1, h2, h3, h4, h5 {
     font-family: 'IM Fell English SC'
 }
 
-/* Breitenanpassung */
+/* Breitenanpassung 
+====================*/
 
 @media only screen and (min-width: 1000px) {
     div.collection {
@@ -124,12 +127,12 @@ header {
 }
 
 .nav ul {
-    margin: 0;
+    float: right;
+    margin-right: 20px;
     padding: 0;
     list-style: none;
     display: flex;
     justify-content: center;
-    width: 100%;
 }
 
 .nav li {
@@ -158,10 +161,14 @@ header {
 }
 
 .logo {
-    margin-top: 0.5rem;
+    margin-top: 20px;
+    margin-left: 20px;
+    float: left;
+
 }
 
-/* Collection */
+/* Collection 
+================*/
 
 div.collection_container {
     display: flex;
@@ -170,6 +177,7 @@ div.collection_container {
 
 div.collection {
     margin: 4px;
+    margin-bottom: 30px;
 }
 
 div.collection h1 {
@@ -183,7 +191,8 @@ div.collection div.col-desc {
     text-align: justify;
 }
 
-/* Img Collections + Slide in stuff */
+/* Img Collections + Slide in stuff 
+====================================*/
 
 .flexbox-col-img {
     display: flex;
@@ -234,7 +243,8 @@ div.collection div.col-desc {
     text-align: center;
 }
 
-/* Images Instagram */
+/* Images Instagram 
+=======================*/
 
 .images {
     filter: grayscale(100%);
@@ -253,7 +263,8 @@ div.collection div.col-desc {
     transition: filter 0.8s ease-out;
 }
 
-/* buttons */                            /* Noch ordnen */
+/* buttons 
+=======================*/                            /* Noch ordnen */
 
 .button {
     display: inline-block;

footer.tpl

@@ -11,7 +11,9 @@
 		<div class="col-3">
 			<ul class="unstyled-list" style="text-align:center;">
                 <li><strong>Follow us</strong></li>
-                <a href="https://www.facebook.com/bricabracomania" target="popup"><img src="images\logo_button\fb_ivory.png" style ="width:50px; height:50px;"/></a> <a href="https://www.etsy.com/shop/BricabracomaniaCraft" target="popup"><img src="images\logo_button\etsy_ivory.png" style ="width:50px; height:50px;"/></a> <a href="https://www.instagram.com/bricabracomania_metalworks" target="popup"><img src="images\logo_button\instagram_ivory.png" style ="width:50px; height:50px;"/></a>
+                <a href="https://www.facebook.com/bricabracomania" target="popup"><img src="images/logo_button/fb_ivory.png" style ="width:50px; height:50px;"/></a>
+				<a href="https://www.etsy.com/shop/BricabracomaniaCraft" target="popup"><img src="images/logo_button/etsy_ivory.png" style ="width:50px; height:50px;"/></a>
+				<a href="https://www.instagram.com/bricabracomania_metalworks" target="popup"><img src="images/logo_button/instagram_ivory.png" style ="width:50px; height:50px;"/></a>
 			</ul>
 		</div>
 </footer>

header.tpl

@@ -7,12 +7,12 @@
     <link href="css/styles.css" rel="stylesheet" type="text/css">
     <link rel="icon"
         type="image/png"
-        href="/img/favicon.png" />
+        href="images/logo_button/favicon.png" />
     </head>
 
 <body>
     <header>
-        <img src="images/logo_button/logo_ivory.png" alt="bricabracomania logo" class="logo" />
+        <img src="images/logo_button/header_logo_ivory_test.png" alt="bricabracomania logo" class="logo" />
         <nav class="nav">
             <ul>
                 <li><a href="/">Home</a></li>