From 68fd2193af5852802b1fc8fea6531e59b4a3eab2 Mon Sep 17 00:00:00 2001
From: Anxhelo Lushka <anxhelo1995@gmail.com>
Date: Sun, 5 May 2019 23:47:05 +0200
Subject: [PATCH] Changes for logo boxes

---
 _config.yml            |   2 +-
 _includes/contact.html |   4 +-
 _includes/logos.html   | 336 +++++++++++++++++++++++++----------------
 _sass/_layout.scss     |   2 +-
 4 files changed, 214 insertions(+), 130 deletions(-)

diff --git a/_config.yml b/_config.yml
index 9b6376d..8825fff 100644
--- a/_config.yml
+++ b/_config.yml
@@ -4,7 +4,7 @@ email:
 description: > # this means to ignore newlines until "baseurl:"
   Logobridge is a collection of unused logo proposals in the Public Domain, so you are free to use them as a placeholder for your project or as a template for your upcoming logo.
 baseurl: "" # the subpath of your site, e.g. /blog/
-url: "https://anxh3l0.github.io/logobridge" # the base hostname & protocol for your site
+url: "https://uracreative.github.io/logobridge" # the base hostname & protocol for your site
 twitter_username: uracreative
 github_username: uracreative
 
diff --git a/_includes/contact.html b/_includes/contact.html
index e29e1e8..a48b7ed 100644
--- a/_includes/contact.html
+++ b/_includes/contact.html
@@ -30,10 +30,10 @@
 </div>
 <hr>
 
-<p class="pt-2">Every logo gets the fully fledged treatment from us. The higher your<br> bid is, the quicker we can get your logo up to speed. Not satisfied?</p>
+<p class="pt-2">Every logo gets the fully fledged treatment from us. The higher your<br> bid is, the quicker we can get your logo up to speed.</p>
 <div class="pt-2">
 <svg xmlns="http://www.w3.org/2000/svg" width="46" height="44"><path d="M40.763 7.46L24.56.7a4.063 4.063 0 0 0-3.114 0L5.245 7.46c-1.5.624-2.498 2.1-2.498 3.738 0 16.75 9.662 28.328 18.69 32.092.996.413 2.118.413 3.114 0 7.232-3.013 18.7-13.417 18.7-32.092a4.05 4.05 0 0 0-2.489-3.738zM23.008 38.058L23 5.908l14.843 6.185c-.278 12.776-6.928 22.033-14.835 25.965z"/></svg>
-<p class="bold">We offer a 100% Money Back Guarantee.</p>
+<p class="bold">Not satisfied? We offer a 100% Money Back Guarantee.</p>
 </div>
 
 <div class="pt-2 pb-2">
diff --git a/_includes/logos.html b/_includes/logos.html
index 1cdf08b..f174c61 100644
--- a/_includes/logos.html
+++ b/_includes/logos.html
@@ -3,23 +3,29 @@
     <div id="free" class="row">
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/42.png" alt="Logo 42">
-            </div>
+            <a href="{{ site.url }}/assets/logos/42.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/42.png" alt="Logo 42">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/42.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/41.png" alt="Logo 41">
-            </div>
+            <a href="{{ site.url }}/assets/logos/41.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/41.png" alt="Logo 41">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/41.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/40.png" alt="Logo 40">
-            </div>
+            <a href="{{ site.url }}/assets/logos/40.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/40.png" alt="Logo 40">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/40.zip" download>Download</a>
         </div>
 
@@ -28,23 +34,29 @@
     <div class="row pt-2">
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/39.png" alt="Logo 39">
-            </div>
+            <a href="{{ site.url }}/assets/logos/39.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/39.png" alt="Logo 39">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/39.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/38.png" alt="Logo 38">
-            </div>
+            <a href="{{ site.url }}/assets/logos/38.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/38.png" alt="Logo 38">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/38.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/37.png" alt="Logo 37">
-            </div>
+            <a href="{{ site.url }}/assets/logos/37.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/37.png" alt="Logo 37">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/37.zip" download>Download</a>
         </div>
 
@@ -54,23 +66,29 @@
     <div class="row pt-2">
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/36.png" alt="Logo 36">
-            </div>
+            <a href="{{ site.url }}/assets/logos/36.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/36.png" alt="Logo 36">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/36.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/35.png" alt="Logo 35">
-            </div>
+            <a href="{{ site.url }}/assets/logos/35.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/35.png" alt="Logo 35">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/35.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/34.png" alt="Logo 34">
-            </div>
+            <a href="{{ site.url }}/assets/logos/34.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/34.png" alt="Logo 34">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/34.zip" download>Download</a>
         </div>
 
@@ -80,23 +98,29 @@
     <div class="row pt-2">
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/33.png" alt="Logo 33">
-            </div>
+            <a href="{{ site.url }}/assets/logos/33.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/33.png" alt="Logo 33">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/33.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/32.png" alt="Logo 32">
-            </div>
+            <a href="{{ site.url }}/assets/logos/32.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/32.png" alt="Logo 32">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/32.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/31.png" alt="Logo 31">
-            </div>
+            <a href="{{ site.url }}/assets/logos/31.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/31.png" alt="Logo 31">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/31.zip" download>Download</a>
         </div>
 
@@ -107,23 +131,29 @@
     <div class="row pt-2">
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/30.png" alt="Logo 30">
-            </div>
+            <a href="{{ site.url }}/assets/logos/30.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/30.png" alt="Logo 30">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/30.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/29.png" alt="Logo 29">
-            </div>
+            <a href="{{ site.url }}/assets/logos/29.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/29.png" alt="Logo 29">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/29.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/28.png" alt="Logo 28">
-            </div>
+            <a href="{{ site.url }}/assets/logos/28.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/28.png" alt="Logo 28">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/28.zip" download>Download</a>
         </div>
 
@@ -134,23 +164,29 @@
     <div class="row pt-2">
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/27.png" alt="Logo 27">
-            </div>
+            <a href="{{ site.url }}/assets/logos/27.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/27.png" alt="Logo 27">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/27.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/26.png" alt="Logo 26">
-            </div>
+            <a href="{{ site.url }}/assets/logos/26.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/26.png" alt="Logo 26">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/26.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/25.png" alt="Logo 25">
-            </div>
+            <a href="{{ site.url }}/assets/logos/25.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/25.png" alt="Logo 25">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/25.zip" download>Download</a>
         </div>
 
@@ -161,23 +197,29 @@
     <div class="row pt-2">
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/24.png" alt="Logo 24">
-            </div>
+            <a href="{{ site.url }}/assets/logos/24.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/24.png" alt="Logo 24">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/24.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/23.png" alt="Logo 23">
-            </div>
+            <a href="{{ site.url }}/assets/logos/23.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/23.png" alt="Logo 23">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/23.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/22.png" alt="Logo 22">
-            </div>
+            <a href="{{ site.url }}/assets/logos/22.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/22.png" alt="Logo 22">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/22.zip" download>Download</a>
         </div>
 
@@ -188,23 +230,29 @@
     <div class="row pt-2">
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/21.png" alt="Logo 21">
-            </div>
+            <a href="{{ site.url }}/assets/logos/21.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/21.png" alt="Logo 21">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/21.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/20.png" alt="Logo 20">
-            </div>
+            <a href="{{ site.url }}/assets/logos/20.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/20.png" alt="Logo 20">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/20.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/19.png" alt="Logo 19">
-            </div>
+            <a href="{{ site.url }}/assets/logos/19.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/19.png" alt="Logo 19">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/19.zip" download>Download</a>
         </div>
 
@@ -215,23 +263,29 @@
     <div class="row pt-2">
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/18.png" alt="Logo 18">
-            </div>
+            <a href="{{ site.url }}/assets/logos/18.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/18.png" alt="Logo 18">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/18.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/17.png" alt="Logo 17">
-            </div>
+            <a href="{{ site.url }}/assets/logos/17.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/17.png" alt="Logo 17">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/17.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/16.png" alt="Logo 16">
-            </div>
+            <a href="{{ site.url }}/assets/logos/16.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/16.png" alt="Logo 16">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/16.zip" download>Download</a>
         </div>
 
@@ -242,23 +296,29 @@
     <div class="row pt-2">
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/15.png" alt="Logo 15">
-            </div>
+            <a href="{{ site.url }}/assets/logos/15.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/15.png" alt="Logo 15">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/15.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/14.png" alt="Logo 14">
-            </div>
+            <a href="{{ site.url }}/assets/logos/14.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/14.png" alt="Logo 14">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/14.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/13.png" alt="Logo 13">
-            </div>
+            <a href="{{ site.url }}/assets/logos/13.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/13.png" alt="Logo 13">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/13.zip" download>Download</a>
         </div>
 
@@ -269,23 +329,29 @@
     <div class="row pt-2">
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/12.png" alt="Logo 12">
-            </div>
+            <a href="{{ site.url }}/assets/logos/12.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/12.png" alt="Logo 12">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/12.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/11.png" alt="Logo 11">
-            </div>
+            <a href="{{ site.url }}/assets/logos/11.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/11.png" alt="Logo 11">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/11.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/10.png" alt="Logo 10">
-            </div>
+            <a href="{{ site.url }}/assets/logos/10.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/10.png" alt="Logo 10">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/10.zip" download>Download</a>
         </div>
 
@@ -296,23 +362,29 @@
     <div class="row pt-2">
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/9.png" alt="Logo 9">
-            </div>
+            <a href="{{ site.url }}/assets/logos/9.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/9.png" alt="Logo 9">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/9.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/8.png" alt="Logo 8">
-            </div>
+            <a href="{{ site.url }}/assets/logos/8.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/8.png" alt="Logo 8">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/8.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/7.png" alt="Logo 7">
-            </div>
+            <a href="{{ site.url }}/assets/logos/7.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/7.png" alt="Logo 7">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/7.zip" download>Download</a>
         </div>
 
@@ -321,23 +393,29 @@
     <div class="row pt-2">
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/6.png" alt="Logo 6">
-            </div>
+            <a href="{{ site.url }}/assets/logos/6.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/6.png" alt="Logo 6">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/6.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/5.png" alt="Logo 5">
-            </div>
+            <a href="{{ site.url }}/assets/logos/5.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/5.png" alt="Logo 5">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/5.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/4.png" alt="Logo 4">
-            </div>
+            <a href="{{ site.url }}/assets/logos/4.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/4.png" alt="Logo 4">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/4.zip" download>Download</a>
         </div>
 
@@ -346,23 +424,29 @@
     <div class="row pt-2 pb-2">
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/3.png" alt="Logo 3">
-            </div>
+            <a href="{{ site.url }}/assets/logos/3.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/3.png" alt="Logo 3">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/3.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/2.png" alt="Logo 2">
-            </div>
+            <a href="{{ site.url }}/assets/logos/2.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/2.png" alt="Logo 2">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/2.zip" download>Download</a>
         </div>
 
         <div class="col-sm center">
-            <div class="box">
-                <img src="{{ site.url }}/assets/img/1.png" alt="Logo 1">
-            </div>
+            <a href="{{ site.url }}/assets/logos/1.zip" download>
+                <div class="box">
+                    <img src="{{ site.url }}/assets/img/1.png" alt="Logo 1">
+                </div>
+            </a>
             <a class="button-download" href="{{ site.url }}/assets/logos/1.zip" download>Download</a>
         </div>
 
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 023913b..67f15a6 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -342,7 +342,7 @@
     margin-top: 25px;
 
     &:hover {
-        transform: scale(1.05);
+        border: 2px solid #000;
         -webkit-transition: all 0.3s ease-in-out;
         -moz-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;