Merge pull request #31 from henrydays/filipe

Filipe

website/index.html

@@ -483,7 +483,8 @@
             <div class="row">
                 <div class="col-lg-10 col-lg-offset-1 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
                     <a href="https://www.criticalsoftware.com/pt/homepage" title="Critical Software" target="_blank"
-                        class="sponsor-image"><img src="imgs/critical-sponsor.png" alt="Critical Software Image"></a>
+                        class="sponsor-image"><img src="imgs/sponsor-images/critical-sponsor.png"
+                            alt="Critical Software Image"></a>
                 </div>
             </div>
         </div>
@@ -498,11 +499,30 @@
                 <div
                     class="col-lg-10 col-lg-offset-1 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1 vertically-aligned">
                     <a href="http://www.novabase.pt/pt" title="Novabase" target="_blank" class="sponsor-image"><img
-                            src="imgs/novaBase-sponsor.jpg" alt="Novabase Image"></a>
+                            src="imgs/sponsor-images/novaBase-sponsor.jpg" alt="Novabase Image"></a>
                     <a href="https://blip.pt/" title="Blip" target="_blank" class="sponsor-image"><img
-                            src="imgs/blip-sponsor.png" alt="Blip Image"></a>
+                            src="imgs/sponsor-images/blip-sponsor.png" alt="Blip Image"></a>
                     <a href="https://www2.deloitte.com" title="Deloitte." target="_blank" class="sponsor-image"><img
-                            src="imgs/deloitte-sponsor.png" alt="Deloitte Image"></a>
+                            src="imgs/sponsor-images/deloitte-sponsor.png" alt="Deloitte Image"></a>
+                    <a href="https://alticelabs.com/pt/index.html" title="Altice Labs" target="_blank"
+                        class="sponsor-image"><img src="imgs/sponsor-images/altice-labs.png" alt="Altice Labs"></a>
+                </div>
+            </div>
+        </div>
+        <div class="container silver">
+            <div class="row">
+                <div class="col-lg-4 col-lg-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
+                    <h1>Silver Sponsors</h1>
+                    <hr>
+                </div>
+            </div>
+            <div class="row">
+                <div
+                    class="col-lg-10 col-lg-offset-1 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1 vertically-aligned">
+                    <a href="http://www.retail-consult.com/" title="Retail Consult" target="_blank" class="sponsor-image"><img
+                            src="imgs/sponsor-images/rc.png" alt="Retail Consult"></a>
+                    <a href="https://www.ubiwhere.com/" title="Ubiwhere" target="_blank" class="sponsor-image"><img
+                            src="imgs/sponsor-images/ubiwhere.png" alt="Ubiwhere"></a>
                 </div>
             </div>
         </div>
@@ -574,34 +594,54 @@
         </div>
     </section>
 
-    <!-- social network section -->
-    <aside id="social-network">
+    <!-- institucional support -->
+    <aside id="institucional-support" class="grey">
         <div class="container">
             <div class="row">
-                <div class="col-lg-8 col-lg-offset-2">
-                    <h2>Segue-nos</h2>
-                    <ul>
+                <div class="col-lg-12">
+                    <h3>Apoios Institucionais</h3>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-lg-12 vertically-aligned">
+                    <a href="https://junisec.pt/" title="Junisec" target="_blank"><img
+                            src="imgs/institucional-support/junisec.png" alt="Junisec" style="max-width: 90px;"></a>
+                    <a href="https://www.isec.pt/" title="ISEC" target="_blank"><img
+                            src="imgs/institucional-support/isec.png" alt="ISEC" style="max-width: 150px;"></a>
+                    <a href="https://www.isec.pt/pt/estudar/academia-de-engenharia/" title="Coimbra Engineering Academy"
+                        target="_blank"><img src="imgs/institucional-support/isec2.jpg"
+                            alt="Coimbra Engineering Academy" style="max-width: 150px;"></a>
+                    <a href="http://ijs.iscac.pt/" title="ISCAC Junior Solutions" target="_blank"><img
+                            src="imgs/institucional-support/iscac.png" alt="ISCAC Junior Solutions"
+                            style="max-width: 115px;"></a>
+                    <a href="https://www.fca.pt/pt/" title="FCA" target="_blank"><img
+                            src="imgs/institucional-support/fca.png" alt="FCA" style="max-width: 70px;"></a>
+                </div>
+            </div>
+        </div>
+    </aside>
+
+    <!-- footer -->
+    <footer>
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-4 col-xs-6">
+                    <p>© 2019 ENEI . Todos os direitos reservados</p>
+                </div>
+                <div class="col-lg-8 col-xs-6">
+                    <ul id="social-network">
                         <li><a href="https://www.facebook.com/ENEIConf/" title="Facebook" target="_blank"
                                 class="icon-facebook"></a></li>
                         <li><a href="https://www.instagram.com/eneiconf/" title="Instagram" target="_blank"
                                 class="icon-instagram"></a></li>
                         <li><a href="https://www.linkedin.com/company/enei/" title="Linkedin" target="_blank"
                                 class="icon-linkedin"></a></li>
-                        <li><a href="mailto:geral@enei.pt" title="Email" target="_blank" class="icon-email"></a></li>
+                        <li><a href="mailto:geral@enei.pt" title="Email" target="_blank" class="icon-email"></a>
+                        </li>
                     </ul>
                 </div>
             </div>
         </div>
-    </aside>
-    <!-- footer -->
-    <footer>
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12">
-                    <p>© 2019 ENEI . Todos os direitos reservados</p>
-                </div>
-            </div>
-        </div>
     </footer>
 
     <!-- Scripts -->

website/main.css

@@ -91,6 +91,17 @@
   color: #ffffff;
 }
 
+@media (max-width: 769px) {
+  .icon-linkedin,
+  .icon-facebook,
+  .icon-instagram,
+  .icon-less,
+  .icon-plus,
+  .icon-email {
+    font-size: 30px;
+  }
+}
+
 .icon-linkedin_speaker:before {
   content: "";
 }
@@ -248,6 +259,7 @@ h3 {
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 5px;
+  color: #353535;
 }
 
 p {
@@ -1277,61 +1289,57 @@ hr::after {
   }
 }
 
-#sponsors .gold h1 {
+#sponsors .gold h1, #sponsors .silver h1 {
   font-size: 30px;
   line-height: 26px;
   margin-top: 75px;
 }
 
 @media (max-width: 1024px) {
-  #sponsors .gold h1 {
+  #sponsors .gold h1, #sponsors .silver h1 {
     font-size: 27px;
   }
 }
 
 @media (max-width: 769px) {
-  #sponsors .gold h1 {
+  #sponsors .gold h1, #sponsors .silver h1 {
     font-size: 23px;
   }
 }
 
-#sponsors .gold .sponsor-image {
+#sponsors .gold .sponsor-image, #sponsors .silver .sponsor-image {
   max-width: 135px;
 }
 
+#sponsors .silver .sponsor-image {
+  max-width: 150px;
+}
+
 #social-network {
-  text-align: center;
-  background-color: #000000;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
 }
 
-#social-network h2 {
-  color: #ffffff;
-  margin-bottom: 30px;
+#social-network li {
+  margin-left: 20px;
 }
 
 @media (max-width: 1024px) {
-  #social-network h2 {
-    margin-bottom: 20px;
+  #social-network li {
+    margin-left: 10px;
   }
 }
 
-#social-network ul li {
-  display: inline-block;
-  margin: 0 10px;
-}
-
-@media (max-width: 1024px) {
-  #social-network ul li {
-    margin: 0 7px;
-  }
-}
-
-#social-network ul li a {
+#social-network li a {
   transition: color 150ms ease-out;
   -webkit-transition: color 150ms ease-out;
 }
 
-#social-network ul li a:hover {
+#social-network li a:hover {
   color: #cc1a17;
 }
 
@@ -1351,6 +1359,7 @@ footer p {
   color: #ffffff;
   font-size: 13px;
   line-height: 15px;
+  margin-top: 10px;
 }
 
 @media (max-width: 1024px) {
@@ -1359,6 +1368,12 @@ footer p {
   }
 }
 
+@media (max-width: 769px) {
+  footer p {
+    margin-top: 0;
+  }
+}
+
 #tab-links {
   margin: 50px 0 25px;
   display: -webkit-box;
@@ -1835,4 +1850,27 @@ footer p {
 #content-container .container-speaker-image::after {
   content: " ";
 }
+
+#institucional-support {
+  padding: 60px 0;
+}
+
+#institucional-support h3 {
+  margin-bottom: 25px;
+}
+
+#institucional-support a {
+  display: inline-block;
+  margin: 0 20px;
+}
+
+#institucional-support a:first-child {
+  margin-left: 0;
+}
+
+#institucional-support .vertically-aligned {
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+}
 /*# sourceMappingURL=main.css.map */

website/main.scss

@@ -173,6 +173,9 @@ $icon-linkedin1: "\eac9";
 .icon-email {
 	font-size: 34px;
 	color: $white;
+	@include mobile {
+		font-size: 30px;
+	}
 }
 
 .icon-linkedin_speaker {
@@ -323,6 +326,7 @@ h3 {
 	font-weight: $bold;
 	text-transform: uppercase;
 	margin-bottom: 5px;
+	color: $dark-grey;
 }
 
 p {
@@ -1074,7 +1078,7 @@ hr {
 			margin: 40px 15px 0;
 		}
 	}
-	.gold {
+	.gold, .silver {
 		h1 {
 			font-size: 30px;
 			line-height: 26px;
@@ -1090,31 +1094,26 @@ hr {
 			max-width: 135px;
 		}
 	}
+	.silver{
+		.sponsor-image {
+			max-width: 150px;
+		}
+	}
 }
 
 #social-network {
-	text-align: center;
-	background-color: $black;
-	h2 {
-		color: $white;
-		margin-bottom: 30px;
+	display: flex;
+	justify-content: flex-end;
+	li {
+		margin-left: 20px;
 		@include portable {
-			margin-bottom: 20px;
+			margin-left: 10px;
 		}
-	}
-	ul {
-		li {
-			display: inline-block;
-			margin: 0 10px;
-			@include portable {
-				margin: 0 7px;
-			}
-			a {
-				transition: color $transition-time ease-out;
-				-webkit-transition: color $transition-time ease-out;
-				&:hover {
-					color: $red;
-				}
+		a {
+			transition: color $transition-time ease-out;
+			-webkit-transition: color $transition-time ease-out;
+			&:hover {
+				color: $red;
 			}
 		}
 	}
@@ -1131,9 +1130,13 @@ footer {
 		color: $white;
 		font-size: 13px;
 		line-height: 15px;
+		margin-top: 10px;
 		@include portable {
 			font-size: 12px;
 		}
+		@include mobile {
+			margin-top: 0;
+		}
 	}
 }
 
@@ -1520,7 +1523,7 @@ footer {
 			transition: none;
 		}
 	}
-	a.event-location:hover{
+	a.event-location:hover {
 		color: $red;
 	}
 	.event-time {
@@ -1535,3 +1538,21 @@ footer {
 		}
 	}
 }
+
+#institucional-support {
+	padding: 60px 0;
+	h3 {
+		margin-bottom: 25px;
+	}
+	a {
+		display: inline-block;
+		margin: 0 20px;
+
+		&:first-child {
+			margin-left: 0;
+		}
+	}
+	.vertically-aligned {
+		justify-content: flex-start;
+	}
+}