Merge branch 'apps' into 'develop'

Apps page updates

Cleaned up code for validity
Cleared column floats at appropriate breakpoints

See merge request !95

apps/index.shtml

@@ -142,27 +142,27 @@ h3.nebraskapp_header {
                         <div class="bp1-wdn-grid-set-halves bp2-wdn-grid-set-thirds">
                             <div class="wdn-col">
                                 <h5>Directory</h5>
-                          <img src="ios_directory.jpg" class="nebraskaapp_screen" />
+                                <img src="ios_directory.jpg" class="nebraskaapp_screen" alt="Screenshot of Directory section in iOS app" />
                                 <p>Search the public directory for faculty, staff and administrators. Send an email or place a call, and save contact information to your phone&rsquo;s address book.</p>
                             </div>
                             <div class="wdn-col">
                                 <h5>Courses</h5>
-                          <img src="ios_courses.jpg" class="nebraskaapp_screen" />
+                                <img src="ios_courses.jpg" class="nebraskaapp_screen" alt="Screenshot of Courses section in iOS app" />
                                 <p>Plan your semester on the go. Browse and search the undergraduate course catalog.</p>
                             </div>
                             <div class="wdn-col">
                                 <h5>Events</h5>
-                          <img src="ios_events.jpg" class="nebraskaapp_screen" />
+                                <img src="ios_events.jpg" class="nebraskaapp_screen" alt="Screenshot of Events listing in iOS app" />
                                 <p>If it&rsquo;s happening on or around campus, it&rsquo;s here. Browse concerts, lectures, exhibits and more.</p>
                             </div>
                             <div class="wdn-col">
                                 <h5>Videos</h5>
-                          <img src="ios_videos.jpg" class="nebraskaapp_screen" />
+                                <img src="ios_videos.jpg" class="nebraskaapp_screen" alt="Screenshot of Videos section in iOS app" />
                                 <p>Browse, search, and watch whenever&mdash;and wherever&mdash;you like.</p>
                             </div>
                             <div class="wdn-col">
                                 <h5>Maps</h5>
-                          <img src="ios_maps.jpg" class="nebraskaapp_screen" />
+                                <img src="ios_maps.jpg" class="nebraskaapp_screen" alt="Screenshot of Maps in iOS app" />
                                 <p>Find out exactly where you are and where you need to go on campus.</p>
                             </div>
                             <div class="wdn-col">
@@ -175,8 +175,8 @@ h3.nebraskapp_header {
                             </div>
                         </div>
                     </div>
-                  </div>
                 </section>
+
                 <!-- InstanceEndEditable -->
                 <!--THIS IS THE END OF THE MAIN CONTENT AREA.-->
             </div>

sharedcode/css/4.0.css

@@ -2187,3 +2187,16 @@ a[class^="featured-link-"] {
   background: transparent url('../../aboutunl/images/buildings-grid.jpg') 50% 100% repeat;
   background-size: cover;
 }
+@media (min-width: 480px) {
+  .apps-features .bp1-wdn-grid-set-halves .wdn-col:nth-child(2n+1) {
+    clear: left;
+  }
+}
+@media (min-width: 768px) {
+  .apps-features .bp1-wdn-grid-set-halves .wdn-col:nth-child(2n+1) {
+    clear: none;
+  }
+  .apps-features .bp2-wdn-grid-set-thirds .wdn-col:nth-child(3n+1) {
+    clear: left;
+  }
+}

sharedcode/less/4.0.less

@@ -2152,3 +2152,26 @@ a[class^="featured-link-"] {
 	background: transparent url('../../aboutunl/images/buildings-grid.jpg') 50% 100% repeat;
 	background-size: cover;
 }
+
+// !Apps
+
+.apps-features {
+
+	@media (min-width: 480px) {
+
+		.bp1-wdn-grid-set-halves .wdn-col:nth-child(2n+1) {
+			clear: left;
+		}
+	}
+
+	@media (min-width: 768px) {
+
+		.bp1-wdn-grid-set-halves .wdn-col:nth-child(2n+1) {
+			clear: none;
+		}
+
+		.bp2-wdn-grid-set-thirds .wdn-col:nth-child(3n+1) {
+			clear: left;
+		}
+	}
+}