Welcome to Jumping Jack Productions. | "Kids teaching kids."

Portfolio

/* ----------------------------------------- */ /* View slug: full-portfolio-view - start */ /* ----------------------------------------- */ ul#toys { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; } ul#toys li { width: 49.5%; margin-right: 1%; height: 400px; background-size: cover; background-position: center center; position: relative; margin-bottom: 10px; } ul#toys li:nth-child(2n) { margin-right: 0; } ul#toys li:nth-child(1n) .toy-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(210,20,20,0.8); color: #fff; text-align: center; opacity: 0; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } ul#toys li:nth-child(2n) .toy-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(98,170,52,0.8); color: #fff; text-align: center; opacity: 0; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } ul#toys li:nth-child(3n) .toy-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(31,80,196,0.8); color: #fff; text-align: center; opacity: 0; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .overlay-info { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .toy-icon { width: 60px; height: 60px; background-color: #fff; border-radius: 50%; text-align: center; margin: 0 auto; } .toy-icon .fa { font-size: 30px; padding-top: 15px; color: #292929; } ul#toys li a:hover > .toy-overlay { opacity: 1; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .toy-pages { font-size: 12px; font-style: italic; color: #292929; } ul.wpv-pagination-nav-links-container { list-style: none; margin: 0; padding: 0; display: flex; } ul.wpv-pagination-nav-links-container li { display: inline-block; margin: 5px; border: 1px solid #62aa34; background-color: #62aa34; } ul.wpv-pagination-nav-links-container li.active { display: block; background-color: #efefef; padding: 4px 12px; } ul.wpv-pagination-nav-links-container li a { display: block; color: #fff !important; font-weight: 400; padding: 4px 12px; } @media screen and (max-width: 782px) { ul#toys li { height: 280px; } } @media screen and (max-width: 500px) { ul#toys li { height: 180px; } ul#toys li a .toy-overlay .overlay-info h3 { font-size: 18px; line-height: 20px; } } /* ----------------------------------------- */ /* View slug: full-portfolio-view - end */ /* ----------------------------------------- */

Portfolio

2D or Not 2D BTS

2D or Not 2D

Layers of a Leader

WOW! Are You Dumber Than A Phone?

WOW! Keep The Faith!

WOW! Are You Full of Stuffin?