Permalink
Browse files

add showcase

  • Loading branch information...
1 parent c967666 commit 6d5a4dfe3f8899fe38075a6b8df4b2ec99e9ef80 @johnpolacek committed May 11, 2013
View
@@ -437,3 +437,7 @@ table {
border-collapse: collapse;
border-spacing: 0;
}
+
+.clearfix:before,.clearfix:after{content:" ";display:table;}
+.clearfix:after{clear:both;}
+.clearfix{zoom:1;}
View
@@ -53,6 +53,8 @@ p { width: 80%; margin: 20px auto; text-shadow: 0 2px 1px #000; color: #C5C3DE;
a, a:visited { color: #D92B00; font-weight: bold; font-style: italic; }
ul { list-style: none; }
+figcaption { text-shadow: 0 2px 1px #000; color: #C5C3DE; }
+
.download { padding: 10px; }
pre { font-size: 15px; }
@@ -173,6 +175,10 @@ blockquote {
width: 900px;
}
+#showcase { padding: 60px 0; }
+.gallery { width: 960px; margin: 0 auto; }
+.gallery figure { text-align: center; float: left; margin: 10px; }
+
#howtouse { padding-top: 200px; }
.divider { font-size: 14px; padding-top: 20px; }
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -44,6 +44,51 @@ <h1 id="title">
<a class="download" href="https://github.com/johnpolacek/superscrollorama/tarball/master">tar</a>
</p>
+ <div id="showcase">
+ <h1>Showcase</h1>
+ <p>Check out these great websites to see Scrollorama in action</p>
+ <div class="gallery clearfix">
+ <figure>
+ <a href="https://corporate.target.com/about/design-innovation/owned-brands/">
+ <img src="gallery/target.jpg" alt="Target Exclusive Brands Site">
+ </a>
+ <figcaption>Target Exclusive Brands</figcaption>
+ </figure>
+ <figure>
+ <a href="http://www.zippergaleria.com.br/pt/">
+ <img src="gallery/zipper.jpg" alt="Zipper Galleria">
+ </a>
+ <figcaption>Zipper Galleria<br />
+ <small><a href="http://www.awwwards.com/web-design-awards/zipper-galeria">Awwwards Site of the Day Winner</a></small>
+ </figcaption>
+ </figure>
+ <figure>
+ <a href="inception-explained.com">
+ <img src="gallery/inception.jpg" alt="Inception Explained">
+ </a>
+ <figcaption>Inception Explained<br />
+ <small><a href="http://designtaxi.com/news/351985/Finally-The-Complex-Plot-of-Inception-Explained/">Featured on TAXI</a></small>
+ </figcaption>
+ </figure>
+ <figure>
+ <a href="http://finnsjourney.de/">
+ <img src="gallery/finnsjourney.jpg" alt="Finn’s Journey">
+ </a>
+ <figcaption>Finn’s Journey</figcaption>
+ </figure>
+ <figure>
+ <img src="gallery/jan.jpg" alt="Orsi and Jan">
+ <figcaption>Orsi &amp; Jan’s Wedding</figcaption>
+ </figure>
+ <figure>
+ <a href="http://innovation.kenmore.com/explore/">
+ <img src="gallery/kenmore.jpg" alt="Kenmore Innovations">
+ </a>
+ <figcaption>Kenmore Innovations</figcaption>
+ </figure>
+ </div>
+ </div>
+
<div id="content-wrapper">
<div id="examples-1">

0 comments on commit 6d5a4df

Please sign in to comment.