alpha gallery model products

Author: myogpatterns

alphaRaglan.html

@@ -61,37 +61,34 @@ <h3>Breathable. Fast Drying. Ultralight. Active warmth.</br>All of the above, pl
 							<a href="images/alphaRaglan/m3.jpg" class="image">
 							<img src="images/alphaRaglan/thumbs/m3.jpg" title='Size medium (6ft 170lb, 39" chest) selected for a more relaxed fit for winter layering' /></a>
 						</article>
-						<article>
-							<a href="images/alphaRaglan/bench.jpg" class="image">
-							<img src="images/alphaRaglan/thumbs/bench.jpg" title='Polartec® Alpha® Direct 120gsm, size medium weighing 7.20oz (204g)' /></a>
-						</article>
+						
 						<article>
 							<a href="images/alphaRaglan/build/IMG_3811.jpg" class="image">
 							<img src="images/alphaRaglan/build/thumbs/IMG_3811.jpg" title="Overlap Hood Style, Alpha Direct 120, size SM (medium), weighing 6.74oz (191g)" /></a>
 						</article>
+						
 						<article>
-							<a href="images/alphaRaglan/build/IMG_3817.jpg" class="image">
-							<img src="images/alphaRaglan/build/thumbs/IMG_3817.jpg" title="Raglan back and hood gusset seam alignment" /></a>
-						</article>
-						<article>
-							<a href="images/alphaRaglan/build/IMG_3809.jpg" class="image">
-							<img src="images/alphaRaglan/build/thumbs/IMG_3809.jpg" title="Stretch binding cuffs and waist" /></a>
+							<a href="images/alphaRaglan/o3.jpg" class="image">
+							<img src="images/alphaRaglan/thumbs/o3.jpg" title="Alpha Direct 60, sub-size medium weighin 3.77oz (107g)" /></a>
 						</article>
+						
 						<article>
-							<a href="images/alphaRaglan/build/IMG_3826.jpg" class="image">
-							<img src="images/alphaRaglan/build/thumbs/IMG_3826.jpg" title="Optional hood cinch with shock cord, mini cord lock and stopper bead" /></a>
+							<a href="images/alphaRaglan/bala1.jpg" class="image">
+							<img src="images/alphaRaglan/thumbs/bala1.jpg" title="Alpha Direct 60 Balaclava Style" loading="lazy" /></a>
 						</article>
 						<article>
-							<a href="images/alphaRaglan/o1.jpg" class="image">
-							<img src="images/alphaRaglan/thumbs/o1.jpg" title="Blaze Orange Alpha Direct 60 warm weather layer" /></a>
+							<a href="images/alphaRaglan/bala3.jpg" class="image">
+							<img src="images/alphaRaglan/thumbs/bala3.jpg" title="Alpha Direct 60 Balaclava Style" loading="lazy" /></a>
 						</article>
+						
 						<article>
-							<a href="images/alphaRaglan/o3.jpg" class="image">
-							<img src="images/alphaRaglan/thumbs/o3.jpg" title="Alpha Direct 60, sub-size medium weighin 3.77oz (107g)" /></a>
+							<a href="images/alphaRaglan/overlap1.jpg" class="image">
+							<img src="images/alphaRaglan/thumbs/overlap1.jpg" title="Alpha Direct 120 Overlap Hood Style" loading="lazy" /></a>
 						</article>
+						
 						<article>
-							<a href="images/alphaRaglan/o4.jpg" class="image">
-							<img src="images/alphaRaglan/thumbs/o4.jpg" title="Stretch binding with fold over elastic and a custom label!" /></a>
+							<a href="images/alphaRaglan/overlap8.jpg" class="image">
+							<img src="images/alphaRaglan/thumbs/overlap8.jpg" title="Alpha Direct 120 Overlap Hood Style" loading="lazy" /></a>
 						</article>
 						<article>
 							<a href="images/alphaRaglan/card.png" class="image">
@@ -113,11 +110,63 @@ <h3>Breathable. Fast Drying. Ultralight. Active warmth.</br>All of the above, pl
 						</article>
 					</div>
 				</section>
-
-						
-
+				
+				
+				
 				<section class="wrapper style1 align-center">
 					<div class="inner">
+						<p>
+							<button id="toggle_build_gallery_button" class="button large icon solid fa-angle-down" >Additional Photos</button>
+						</p>
+						<!-- element hidden until button click, build_gallery.js -->
+						<div id = "build_gallery" style="display:none;"> 
+							<section class="gallery style1 small">
+								<article>
+									<a href="images/alphaRaglan/bench.jpg" class="image">
+									<img src="images/alphaRaglan/thumbs/bench.jpg" title='Polartec® Alpha® Direct 120gsm, size medium weighing 7.20oz (204g)' /></a>
+								</article>
+								<article>
+									<a href="images/alphaRaglan/build/IMG_3817.jpg" class="image">
+									<img src="images/alphaRaglan/build/thumbs/IMG_3817.jpg" title="Raglan back and hood gusset seam alignment" /></a>
+								</article>
+								<article>
+									<a href="images/alphaRaglan/build/IMG_3809.jpg" class="image">
+									<img src="images/alphaRaglan/build/thumbs/IMG_3809.jpg" title="Stretch binding cuffs and waist" /></a>
+								</article>
+								<article>
+									<a href="images/alphaRaglan/build/IMG_3826.jpg" class="image">
+									<img src="images/alphaRaglan/build/thumbs/IMG_3826.jpg" title="Optional hood cinch with shock cord, mini cord lock and stopper bead" /></a>
+								</article>
+								<article>
+									<a href="images/alphaRaglan/o1.jpg" class="image">
+									<img src="images/alphaRaglan/thumbs/o1.jpg" title="Blaze Orange Alpha Direct 60 warm weather layer" /></a>
+								</article>
+								<article>
+									<a href="images/alphaRaglan/o4.jpg" class="image">
+									<img src="images/alphaRaglan/thumbs/o4.jpg" title="Stretch binding with fold over elastic and a custom label!" /></a>
+								</article>
+								<article>
+									<a href="images/alphaRaglan/overlap4.jpg" class="image">
+									<img src="images/alphaRaglan/thumbs/overlap4.jpg" title="Alpha Direct 120 Overlap Hood Style" loading="lazy" /></a>
+								</article>
+								<article>
+									<a href="images/alphaRaglan/overlap5.jpg" class="image">
+									<img src="images/alphaRaglan/thumbs/overlap5.jpg" title="Alpha Direct 120 Overlap Hood Style" loading="lazy" /></a>
+								</article>
+								<article>
+									<a href="images/alphaRaglan/overlap6.jpg" class="image">
+									<img src="images/alphaRaglan/thumbs/overlap6.jpg" title="Alpha Direct 120 Overlap Hood Style" loading="lazy" /></a>
+								</article>
+								<article>
+									<a href="images/alphaRaglan/bala4.jpg" class="image">
+									<img src="images/alphaRaglan/thumbs/bala4.jpg" title="Alpha Direct 60 Balaclava Style" loading="lazy" /></a>
+								</article>
+								<article>
+									<a href="images/alphaRaglan/bala5.jpg" class="image">
+									<img src="images/alphaRaglan/thumbs/bala5.jpg" title="Alpha Direct 60 Balaclava Style" loading="lazy" /></a>
+								</article>
+							</section>
+						</div>	
 
 						<div class="index align-left">
 							<!-- Variations  -->