Merge pull request #10 from rosedu/6-sponsors-section

Fixes Add album section to represent sponsors #6
rosedu · Feb 2, 2015 · 836c0ae · 836c0ae
2 parents c053ad4 + 2cb8a24
commit 836c0ae
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 3 deletions.
diff --git a/assets/css/stylesheet.css b/assets/css/stylesheet.css
@@ -117,14 +117,16 @@ a:hover {
       Featured
 ------------------------*/
 
-#content .featured .feature-columns {
+#content .featured .feature-columns,
+#content .album .feature-columns {
     display: block;
     margin: 1em 0;
     padding: 0;
     list-style: none;
 }
 
-#content .featured .feature-columns .feature-col .thumbnail {
+#content .featured .feature-columns .feature-col .thumbnail,
+#content .album .feature-columns .feature-col .thumbnail {
     background-color: transparent;
     background-color: rgba(0,0,0,0);
     border: 1px solid transparent;
@@ -195,7 +197,8 @@ a:hover {
     border-radius: 10px;
 }
 /* Thumbnail image*/
-#content .featured .feature-columns .feature-col .thumbnail img.item-thumbnail {
+#content .featured .feature-columns .feature-col .thumbnail img.item-thumbnail,
+#content .album .feature-columns .feature-col .thumbnail img.item-thumbnail {
     width: 100% !important;
     height: auto !important;
     opacity: 1;

diff --git a/index.html b/index.html
@@ -34,6 +34,7 @@
             <li><i class="fa fa-terminal"></i></li>
             <li><a href="#about">About</a>;</li>
             <li><a href="#projects">Projects</a>;</li>
+            <li><a href="#sponsors">Sponsors</a>;</li>
             <li><a href="#contact">Contact</a>;</li>
           </ul>
         </div>
@@ -204,6 +205,52 @@ <h1>Sed scelerisque</h1>
         </div>
       </article><!-- /featured -->
 
+      <!-- album -->
+      <article id="sponsors" class="album">
+        <div class="content-wrapper clearfix">
+          <div class="col-sm-11 pull-right">
+            <h1 class="section-title">Album</h1>
+            <!-- album columns -->
+            <section class="feature-columns row clearfix">
+
+              <article class="feature-col col-md-4">
+                <a href="#" class="thumbnail linked" target="_blank">
+                  <div class="image-container">
+                    <img src="assets/images/creative_common/desk.jpeg" class="lazy item-thumbnail" alt="Lorem Ipsum">
+                  </div>
+                  <div class="caption">
+                    <p>Text popup</p>
+                  </div>
+                </a><!-- /thumbnail -->
+              </article><!-- /album-item -->
+
+              <article class="feature-col col-md-4">
+                <a href="#" class="thumbnail linked" target="_blank">
+                  <div class="image-container">
+                    <img src="assets/images/creative_common/cameras.jpeg" class="lazy item-thumbnail" alt="Lorem Ipsum">
+                  </div>
+                  <div class="caption">
+                    <p>Text popup</p>
+                  </div>
+                </a><!-- /thumbnail -->
+              </article><!-- /album-item -->
+
+              <article class="feature-col col-md-4">
+                <a href="#" class="thumbnail linked" target="_blank">
+                  <div class="image-container">
+                    <img src="assets/images/creative_common/tools.jpeg" class="lazy item-thumbnail" alt="Lorem Ipsum">
+                  </div>
+                  <div class="caption">
+                    <p>Text popup</p>
+                  </div>
+                </a><!-- /thumbnail -->
+              </article><!-- /album-item -->
+
+            </section><!-- /album-columns -->
+          </div>
+        </div>
+      </article><!-- /album -->
+
       <!-- contact -->
       <article id="contact" class="footer">
         <div class="col-md-12"id="contact-banner"></div>