startup street

Author: alexmic

_less/hackcyprus-2013.less

@@ -26,6 +26,7 @@
 @import "objects/prizes";
 @import "objects/crew";
 @import "objects/faq";
+@import "objects/startup-street";
 
 // Vendor
 @import "vendor/bootstrap-component-animations";

_less/objects/startup-street.less

@@ -0,0 +1,22 @@
+.startup-street {
+  margin-bottom: 2em;
+
+  ul {
+    margin-top: 2em;
+  }
+
+  li.startup {
+    float: left;
+    width: 25%;
+    a {
+      margin: 1em 0.5em;
+      border: 0;
+      display: block;
+      img {
+        display: block;
+        width: 100%;
+      }
+    }
+  }
+
+}

css/hackcyprus-2013.css

@@ -1536,6 +1536,25 @@ p.paypal-sucks {
   line-height: 1.4;
   font-size: 0.875em;
 }
+.startup-street {
+  margin-bottom: 2em;
+}
+.startup-street ul {
+  margin-top: 2em;
+}
+.startup-street li.startup {
+  float: left;
+  width: 25%;
+}
+.startup-street li.startup a {
+  margin: 1em 0.5em;
+  border: 0;
+  display: block;
+}
+.startup-street li.startup a img {
+  display: block;
+  width: 100%;
+}
 .fade {
   opacity: 0;
   -webkit-transition: opacity 0.15s linear;

images/logos/atyourservice.png

@@ -652,6 +652,86 @@ <h1>Itxaso <br/>Del Palacio, Phd</h1>
 
 </div>
 
+<div class="row startup-street">
+
+  <div class="container">
+
+    <h1 class="section-head">The Startup Street</h1>
+    <h2 class="section-subhead">
+      Meet the Cypriot startups that will be showcasing their products and services during the conference.
+    </h2>
+
+    <ul>
+
+      <li class="startup">
+        <article>
+          <a href="http://deskand.co" target="_blank">
+            <img src="/images/logos/deskandco.png" alt="Desk&co">
+          </a>
+          <h4>Desk&amp;Co</h4>
+        </article>
+      </li>
+
+      <li class="startup">
+        <article>
+          <a href="http://tellalis.com" target="_blank">
+            <img src="/images/logos/tellalis.png" alt="Tellalis">
+          </a>
+          <h4>Tellalis</h4>
+        </article>
+      </li>
+
+      <li class="startup">
+        <article>
+          <a href="http://teachngo.com" target="_blank">
+            <img src="/images/logos/teachngo.png" alt="Teach'n'go">
+          </a>
+          <h4>Teach'n'go</h4>
+        </article>
+      </li>
+
+      <li class="startup">
+        <article>
+          <a href="http://enermap.eu" target="_blank">
+            <img src="/images/logos/enermap.png" alt="Enermap">
+          </a>
+          <h4>Enermap</h4>
+        </article>
+      </li>
+
+      <li class="startup">
+        <article>
+          <a href="http://avocarrot.con" target="_blank">
+            <img src="/images/logos/avocarrot.png" alt="Avocarrot">
+          </a>
+          <h4>Avocarrot</h4>
+        </article>
+      </li>
+
+      <li class="startup">
+        <article>
+          <a href="http://ergodotisi.com" target="_blank">
+            <img src="/images/logos/ergodotisi.png" alt="Ergodotisi">
+          </a>
+          <h4>Ergodotisi</h4>
+        </article>
+      </li>
+
+      <li class="startup">
+        <article>
+          <a href="http://atyourservice.com.cy" target="_blank">
+            <img src="/images/logos/atyourservice.png" alt="Atyoursetvice">
+          </a>
+          <h4>At your service</h4>
+        </article>
+      </li>
+
+    </ul>
+
+  </div>
+
+</div>
+
 <div class="row venue">
   <iframe width='100%' height='450' frameBorder='0' src='http://a.tiles.mapbox.com/v3/alexmic.map-x5zxh2t0.html#17/35.16335838236058/33.32575500011444'></iframe>