Flexbox fiddling

Developer
Jesse Glacken
Size
12,402 Kb
Views
26,312
  1. Flexbox fiddling Previews
  2. Flexbox fiddling HTML Codes
  3. Flexbox fiddling CSS Codes
  4. Flexbox fiddling JS Codes

How do I make an flexbox fiddling?

What is a flexbox fiddling? How do you make a flexbox fiddling? This script and codes were developed by Jesse Glacken on 08 September 2022, Thursday.

Flexbox fiddling Previews
IQ Test

Flexbox fiddling - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Flexbox fiddling</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="page"> <div class="navigation-container"> <nav class="navigation global-navigation"> <header class="navigation-header"> <h2 class="navigation-heading logo"> <a href="#"> <img src="http://bagley.schools.detroitk12.org/wp-content/uploads/2014/11/DPS-Single-Tag_White-no-padding-417w.png" /> </a> </h2> </header> <ul class="navigation-list utility-navigation"> <li class="navigation-item translate-toggle"> <a class="navigation-link" href="#">Translate <i class="fa fa-2x fa-comments-o"></i></a> </li> <li class="navigation-item translate-language hide"> <a class="navigation-link" href="/#googtrans(en|ar)">Arabic <span>العربية</span></a> </li> <li class="navigation-item translate-language hide"> <a class="navigation-link" href="/#googtrans(en|bn)">Bengali <span>বাংলা</span></a> </li> <li class="navigation-item translate-language hide"> <a class="navigation-link" href="/#googtrans(en|hmn)">Hmong <span>Hmong</span></a> </li> <li class="navigation-item translate-language hide"> <a class="navigation-link" href="/#googtrans(en|ro)">Romanian <span>Român</span></a> </li> <li class="navigation-item translate-language hide"> <a class="navigation-link" href="/#googtrans(en|es)">Spanish <span>Español</span></a> </li> <li class="navigation-item has-search"> <form action="http://detroitk12.org/search/index.php" id="searchbox_007811043225041026830:pts5lpyqldu" method="get"> <div id="search"> <input type="hidden" name="cx" value="007811043225041026830:pts5lpyqldu"> <input type="hidden" name="cof" value="FORID:9"> <input type="text" name="q" id="search_box" value="" class="box" alt="Search the DPS Website" placeholder="Search"> <button type="submit" name="sa" id="submit" value="Search" class="submit"><i class="fa fa-search"></i></button> </div> </form> </li> <li class="navigation-item has-search hide"> <form action="http://detroitk12.org/search/index.php" id="searchbox_007811043225041026830:pts5lpyqldu" method="get"> <div id="search"> <input type="hidden" name="cx" value="007811043225041026830:pts5lpyqldu"> <input type="hidden" name="cof" value="FORID:9"> <input type="text" name="q" id="search_box" value="" class="box" alt="Search the DPS Website" placeholder="Search the DPS Website"> <button type="submit" name="sa" id="submit" value="Search" class="submit"><i class="fa fa-search"></i></button> </div> </form> </li> </ul> <ul class="navigation-list"> <!-- <li class="navigation-item navigation-back"><a class="navigation-link" href="#"><span class="navigation-text">Back</span> <i class="fa fa-arrow-left"></i></a></li> --> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">News <abbr title="and" lang="la">&amp;</abbr> Events</span> <i class="fa fa-newspaper-o"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">News</span> <i class="fa fa-plus"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Announcements</span></a> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Transition Manager</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Press Releases</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Featured Schools</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Sports</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Student Showcase</span></a></li> </ul> </li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Upcoming Events</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">WDPS</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">WRCJ</span></a></li> </ul> </li> <li class="navigation-item"><a class="navigation-link" href="#"> <span class="navigation-text">Calendars</span> <i class="fa fa-calendar-o"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Academic Calendar</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Board Meetings</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">District Events</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Citywide Testing Schedule</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Athletic Calendar</span></a></li> </ul> </li> <li class="navigation-item"><a class="navigation-link" href="#"> <span class="navigation-text">Job Seekers</span> <i class="fa fa-briefcase"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Job Postings</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Job Postings: Critical Shortages</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Employment with DPS</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Human Resources</span></a></li> </ul> </li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Reporting</span> <i class="fa fa-line-chart"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Annual Education Reports</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Budget and Salary/Compensation Transparency Reporting</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Emergency/Transition Manager Orders and Reports</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Financial Data and Reports</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">School Safety Drills</span></a></li> </ul> </li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Parents <abbr title="and" lang="la">&amp;</abbr> Students</span> <i class="fa fa-child"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Enrollment</span> <i class="fa fa-plus"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">About DPS</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">How to Enroll</span></a></li> </ul> </li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Schools</span> <i class="fa fa-plus"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">All Schools</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">By Curriculum</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">By Grade</span></a></li> </ul> </li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Academics</span> <i class="fa fa-plus"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Adult Education</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Athletics</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">College and Career Readiness</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Graduation Requirements</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Guidance and Counseling</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Health Clinics</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Early Childhood/Pre-Kindergarten</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Multilingual-Multicultural Education</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Special Education</span></a></li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Subjects</span> <i class="fa fa-plus"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Fine Arts</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Literacy</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Mathematics</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Health, Physical Education, Safety Education, and JROTC</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Science</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Social Studies</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Technology Education</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">World Languages</span></a></li> </ul> </li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Policies</span> <i class="fa fa-plus"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Code of Conduct</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Dress Code</span></a></li> </ul> </li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">School Nutrition and Menus</span> <i class="fa fa-plus"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Programs</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Menus</span></a></li> </ul> </li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Parent Resources</span> <i class="fa fa-plus"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Parent Resource Centers</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Parent Portal</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Parent Workshops</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Parent University</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Reading Corps</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Health Clinics</span></a></li> </ul> </li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Student Resources</span> <i class="fa fa-plus"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Applications and Websites</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Scholarship Opportunities</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Teen Leadership Institute</span></a></li> </ul> </li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Safety</span> <i class="fa fa-plus"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">DPS Police Department</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Safe Routes to Schools</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Safety Net Program</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Citizen Patrols</span></a></li> </ul> </li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Transportation Services</span></a> </li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Student Records and Transcripts</span> <i class="fa fa-plus"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Request Student Records</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Processing Fees</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Acceptable Forms of Identification</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Parents: Know Your Rights</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Types and Locations of Student Records</span></a></li> </ul> </li> </ul> </li> </ul> </li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Alumni</span> <i class="fa fa-graduation-cap"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Alumni Involvement</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">DPS Foundation</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Student Records and Transcripts</span></a></li> </ul> </li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Business</span> <i class="fa fa-building"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Procurement and Logistics</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Bid on DPS Goods and Services</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Real Estate</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Business Corps</span></a></li> </ul> </li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Administration</span> <i class="fa fa-university"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Transition Manager</span> <i class="fa fa-plus"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Media</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">News</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Orders</span></a></li> </ul> </li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Board of Education</span></a> </li> <li class="navigation-item"> <a class="navigation-link" href="#"><span class="navigation-text">Offices</span> <i class="fa fa-plus"></i></a> <ul class="navigation-list hide"> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Charter Schools</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Communications</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">DPS Police</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Finance</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">General Counsel/Labor Relations</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Human Resources</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Innovation</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Inspector General</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Operations/Facilities</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Procurement and Logistics</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Research, Evaluation, Assessment and Accountability</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Risk Management</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">State and Federal Programs</span></a></li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Technology and Information Services</span></a></li> </ul> </li> </ul> </li> <li class="navigation-item"><a class="navigation-link" href="#"><span class="navigation-text">Contact DPS</span> <i class="fa fa-phone"></i></a></li> </ul> </nav> </div> <div id="container"> <div id="googletranslate" style="display: none;"> <div id="google_translate_element"></div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element'); } </script> <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> </div> <!-- CENTER --> <div id="center"> <div id="content"> <div id="post-56389" class="post-56389 post type-post status-publish format-standard hentry category-info-news category-news category-student-showcase odd"> <h2 class="entry-title"><a href="http://detroitk12.org/content/2016/05/12/enter-the-i-love-dps-essay-contest/" title="Permalink to Enter the “I Love DPS” Essay Contest!" rel="bookmark">Enter the “I Love DPS” Essay Contest!</a></h2> <div class="entry-meta"> <span class="meta-prep meta-prep-author">Posted on </span> <a href="http://detroitk12.org/content/2016/05/12/enter-the-i-love-dps-essay-contest/" title="4:57 pm" rel="bookmark"> <span class="entry-date">May 12, 2016</span> </a> </div> <!-- .entry-meta --> <div class="entry-social"> <div class="lets-get-social-with-social-media you-brought-this-on-yourself-jeff"> <button class="btn btn-warning share-button">Share <i class="fa fa-comment"></i></button> <span class="share-buttons"> <a class="btn btn-round social-media-button" href="https://twitter.com/intent/tweet?text=Enter the &amp;#8220;I Love DPS&amp;#8221; Essay Contest!&amp;url=http%3A%2F%2Fdetroitk12.org%2Fcontent%2F2016%2F05%2F12%2Fenter-the-i-love-dps-essay-contest%2F&amp;via=Detroitk12" target="_blank"><i class="fa fa-2x fa-twitter"></i><span class="text-hide">Twitter</span></a> <a class="btn btn-round social-media-button" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fdetroitk12.org%2Fcontent%2F2016%2F05%2F12%2Fenter-the-i-love-dps-essay-contest%2F" target="_blank"><i class="fa fa-2x fa-facebook"></i><span class="text-hide">Facebook</span></a> <a class="btn btn-round social-media-button" href="https://plus.google.com/share?url=http%3A%2F%2Fdetroitk12.org%2Fcontent%2F2016%2F05%2F12%2Fenter-the-i-love-dps-essay-contest%2F" target="_blank"><i class="fa fa-2x fa-google-plus"></i><span class="text-hide">Google+</span></a> </span> </div> <div></div> </div> <div class="entry-content"> <p>In support of Detroit Public Schools’ Third Annual Literacy Fair, the Office of Enrollment is calling all DPS students to express their DPS Love in an essay contest! Show your DPS Love by expressing what Detroit Public Schools means to you or what your individual school means to you. We want to hear how and why Detroit Public Schools has impacted or made a difference in your life. Tell us why you love your school! Be creative and passionate! I Love DPS Essay Contest Details! Essays must be submitted to your Language Arts/English teachers by May 20, 2016. Schools should email selected essays to [email protected] by May 27, 2016. If submitting handwritten essays, please scan and email. Any questions, please <a href="http://detroitk12.org/content/2016/05/12/enter-the-i-love-dps-essay-contest/" title="Continue reading Enter the “I Love DPS” Essay Contest!"><span class="meta-nav">…</span></a></p> <p><a href="http://detroitk12.org/content/2016/05/12/enter-the-i-love-dps-essay-contest/" title="Read the full article: Enter the “I Love DPS” Essay Contest!" rel="bookmark">Read the full article »</a></p> </div> <!-- .entry-content --> </div> <!-- #post-56389 --> <div id="post-56363" class="post-56363 post type-post status-publish format-standard hentry category-info-news category-news category-student-showcase odd"> <h2 class="entry-title"><a href="http://detroitk12.org/content/2016/05/11/chevrolet-detroit-belle-isle-grand-prix-and-pnc-build-on-education-initiative-partnership/" title="Permalink to Chevrolet Detroit Belle Isle Grand Prix and PNC Build On Education Initiative Partnership" rel="bookmark">Chevrolet Detroit Belle Isle Grand Prix and PNC Build On Education Initiative Partnership</a></h2> <div class="entry-meta"> <span class="meta-prep meta-prep-author">Posted on </span><a href="http://detroitk12.org/content/2016/05/11/chevrolet-detroit-belle-isle-grand-prix-and-pnc-build-on-education-initiative-partnership/" title="4:33 pm" rel="bookmark"><span class="entry-date">May 11, 2016</span></a> </div> <!-- .entry-meta --> <div class="entry-social"> <div class="lets-get-social-with-social-media you-brought-this-on-yourself-jeff"> <button class="btn btn-warning share-button">Share <i class="fa fa-comment"></i></button> <span class="share-buttons"> <a class="btn btn-round social-media-button" href="https://twitter.com/intent/tweet?text=Chevrolet Detroit Belle Isle Grand Prix and PNC Build On Education Initiative Partnership&amp;url=http%3A%2F%2Fdetroitk12.org%2Fcontent%2F2016%2F05%2F11%2Fchevrolet-detroit-belle-isle-grand-prix-and-pnc-build-on-education-initiative-partnership%2F&amp;via=Detroitk12" target="_blank"><i class="fa fa-2x fa-twitter"></i><span class="text-hide">Twitter</span></a> <a class="btn btn-round social-media-button" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fdetroitk12.org%2Fcontent%2F2016%2F05%2F11%2Fchevrolet-detroit-belle-isle-grand-prix-and-pnc-build-on-education-initiative-partnership%2F" target="_blank"><i class="fa fa-2x fa-facebook"></i><span class="text-hide">Facebook</span></a> <a class="btn btn-round social-media-button" href="https://plus.google.com/share?url=http%3A%2F%2Fdetroitk12.org%2Fcontent%2F2016%2F05%2F11%2Fchevrolet-detroit-belle-isle-grand-prix-and-pnc-build-on-education-initiative-partnership%2F" target="_blank"><i class="fa fa-2x fa-google-plus"></i><span class="text-hide">Google+</span></a> </span> </div> <div></div> </div> <div class="entry-content"> <div> <div id="gallery-56363-4" class="gallery gallery-56363"> <div class="gallery-row clear"> <dl class="gallery-item col-10"> <dt class="gallery-icon"><a href="http://detroitk12.org/content/wp-content/uploads/2016/05/JVT_7037-1-1000x668.jpg" title="JVT_7037 (1)"><img width="300" height="200" src="http://detroitk12.org/content/wp-content/uploads/2016/05/JVT_7037-1-300x200.jpg" class="attachment-medium size-medium" alt="JVT_7037 (1)" srcset="http://detroitk12.org/content/wp-content/uploads/2016/05/JVT_7037-1-300x200.jpg 300w, http://detroitk12.org/content/wp-content/uploads/2016/05/JVT_7037-1-768x513.jpg 768w, http://detroitk12.org/content/wp-content/uploads/2016/05/JVT_7037-1-1000x668.jpg 1000w, http://detroitk12.org/content/wp-content/uploads/2016/05/JVT_7037-1-150x100.jpg 150w" sizes="(max-width: 300px) 100vw, 300px"></a></dt> <dd id="gallery-link-56363" class="gallery-caption">photo gallery</dd> </dl> <dl class="gallery-item col-10"> <dt class="gallery-icon"><a href="http://detroitk12.org/content/wp-content/uploads/2016/05/JVT_6935-1-1000x668.jpg" title="JVT_6935 (1)">-</a></dt> <dd id="gallery-link-56363" class="gallery-caption">photo gallery</dd> </dl> <dl class="gallery-item col-10"> <dt class="gallery-icon"><a href="http://detroitk12.org/content/wp-content/uploads/2016/05/JVT_6926-1-1000x634.jpg" title="JVT_6926 (1)">-</a></dt> <dd id="gallery-link-56363" class="gallery-caption">photo gallery</dd> </dl> <dl class="gallery-item col-10"> <dt class="gallery-icon"><a href="http://detroitk12.org/content/wp-content/uploads/2016/05/JVT_6898-1-1000x707.jpg" title="JVT_6898 (1)">-</a></dt> <dd id="gallery-link-56363" class="gallery-caption">photo gallery</dd> </dl> <dl class="gallery-item col-10"> <dt class="gallery-icon"><a href="http://detroitk12.org/content/wp-content/uploads/2016/05/JVT_6858-1-1000x668.jpg" title="JVT_6858 (1)">-</a></dt> <dd id="gallery-link-56363" class="gallery-caption">photo gallery</dd> </dl> <dl class="gallery-item col-10"> <dt class="gallery-icon"><a href="http://detroitk12.org/content/wp-content/uploads/2016/05/Media-Day-1000x563.jpg" title="Media Day">-</a></dt> <dd id="gallery-link-56363" class="gallery-caption">photo gallery</dd> </dl> </div> </div> <!-- .gallery --> </div> <p>The Chevrolet Detroit Belle Isle Grand Prix, PNC Grow Up Great Education Day was held at The Palace of Auburn Hills on Wednesday, May 4, 2016. The Palace hosted&nbsp;500 DPS preschoolers as they participated in STEM activities within the arena. For the fifth consecutive year, the Chevrolet Detroit Belle Isle Grand Prix and PNC teamed up to incorporate PNC’s signature early childhood education initiative, PNC Grow Up Great and the Fifth Gear education programs, into pre-race activities designed to enrich the development of Detroit Public School (DPS) students. Building on the partnership that began in 2012 between the Grand Prix and PNC, both the PNC Grow Up Great and Fifth Gear programs combine math and science themes with motorsports in <a href="http://detroitk12.org/content/2016/05/11/chevrolet-detroit-belle-isle-grand-prix-and-pnc-build-on-education-initiative-partnership/" title="Continue reading Chevrolet Detroit Belle Isle Grand Prix and PNC Build On Education Initiative Partnership"><span class="meta-nav">…</span></a> </p> <p><a href="http://detroitk12.org/content/2016/05/11/chevrolet-detroit-belle-isle-grand-prix-and-pnc-build-on-education-initiative-partnership/" title="Read the full article: Chevrolet Detroit Belle Isle Grand Prix and PNC Build On Education Initiative Partnership" rel="bookmark">Read the full article »</a></p> </div> <!-- .entry-content --> </div> <!-- #post-56363 --> </div> <!-- #content --> <!-- Cached copy, generated 5/13/2016 2:25:15 pm --> <div id="morebutton"><a href="/content/category/info-news/">DPS News Archive</a></div> </div> <!-- End CENTER --> <!-- RIGHT COLUMN --> <div id="rightcolumn"> <div> <a href="/data/finance/transparency_reporting/"></a> <a href="/aer/"><img src="/images/icons/annual_education_report.png?v=20140814" height="150" width="150" alt="Annual Education Report"></a> </div> <div> <h2>Report fraud, waste and abuse</h2> <p><i class="fa fa-phone"></i> Call the Fraud Hotline <br><strong>(313) 870-3436</strong></p> </div> <div class="wrapper"> <h1><a href="/news/">News &amp; Press Releases</a></h1> <div> <p id="post-56406"> <a href="http://detroitk12.org/content/2016/05/13/athletes-for-charity-stem-day-and-youth-football-camp-at-cody/" title="Permalink to Athletes for Charity “STEM Day and Youth Football Camp” at Cody" rel="bookmark">Athletes for Charity “STEM Day and Youth Football Camp” at Cody</a><br> <small>Today</small> </p> <p id="post-56389"> <a href="http://detroitk12.org/content/2016/05/12/enter-the-i-love-dps-essay-contest/" title="Permalink to Enter the “I Love DPS” Essay Contest!" rel="bookmark">Enter the “I Love DPS” Essay Contest!</a><br> <small>5/12/2016</small> </p> <p id="post-56386"> <a href="http://detroitk12.org/content/2016/05/12/dps-high-schools-to-be-celebrated-at-u-of-m-detroit-college-of-engineerings-mez-banquet/" title="Permalink to DPS high schools to be celebrated at U of M-Detroit College of Engineering’s MEZ Banquet&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" rel="bookmark">DPS high schools to be celebrated at U of M-Detroit College of Engineering’s MEZ Banquet&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a><br> <small>5/12/2016</small> </p> <p id="post-56378"> <a href="http://detroitk12.org/content/2016/05/12/congratulations-renaissance-and-central-softball-teams/" title="Permalink to Congratulations Renaissance and Central Softball Teams!" rel="bookmark">Congratulations Renaissance and Central Softball Teams!</a><br> <small>5/12/2016</small> </p> <p id="post-56363"> <a href="http://detroitk12.org/content/2016/05/11/chevrolet-detroit-belle-isle-grand-prix-and-pnc-build-on-education-initiative-partnership/" title="Permalink to Chevrolet Detroit Belle Isle Grand Prix and PNC Build On Education Initiative Partnership" rel="bookmark">Chevrolet Detroit Belle Isle Grand Prix and PNC Build On Education Initiative Partnership</a><br> <small>5/11/2016</small> </p> <p id="post-56354"> <a href="http://detroitk12.org/content/2016/05/11/eevpa-students-receive-palazzo-strozzi-renaissance-award/" title="Permalink to EEVPA students receive Palazzo Strozzi Renaissance Award" rel="bookmark">EEVPA students receive Palazzo Strozzi Renaissance Award</a><br> <small>5/11/2016</small> </p> <p id="post-56345"> <a href="http://detroitk12.org/content/2016/05/11/47th-annual-detroit-public-schools-evening-of-fine-arts/" title="Permalink to 47th Annual Detroit Public Schools Evening of Fine Arts" rel="bookmark">47th Annual Detroit Public Schools Evening of Fine Arts</a><br> <small>5/11/2016</small> </p> <ul> <li><a href="/news/"><i class="fa fa-newspaper-o"></i> DPS News &amp; Press Releases Site</a></li> <li><a href="/news/archive/"><i class="fa fa-hdd-o"></i> News Archive</a></li> <li><a href="http://detroitk12.org/content/category/news/feed/"><i class="fa fa-rss"></i> RSS Feed</a></li> </ul> <br> <!-- Cached copy, generated 5/13/2016 6:26:31 pm --> </div> <h1><a href="/resources/parents/">Parent Resources</a></h1> <ul> <li><a href="/aer/">Annual Education Reports</a></li> <li><a href="/admin/communications/parent_and_community_engagement/#parent-involvement-policies">Parent Involvement Policy</a></li> <li><a href="/resources/students/codeOfConduct/">Students’ Rights, Responsibilities &amp; Code of Conduct</a></li> <li><a href="/resources/parents/#translation-assistance">Interpretation &amp; Translations</a></li> <li><a href="/content/section-504-notice-students-with-disabilities-assistance">Section 504 Notice – Students with Disabilities Assistance</a></li> <li><a href="/resources/health/clinics/">Health Clinics</a></li> </ul> <h1><a href="/events/">Upcoming Events</a></h1> <p> <a href="https://www.google.com/calendar/event?eid=YjkxdnVzOGoyMGJrYnRibDg4b2JqM2llMjggbDd1MG45aGVwZGNlMGNkMW5rbzFhOTMycWdAZw&amp;ctz=America/New_York" title="View more details for Detroit Institute of Arts presents 79th annual “Detroit Public Schools Student Exhibition”">Detroit Institute of Arts presents 79th annual “Detroit Public Schools Student Exhibition”</a><br> <small>4/30/2016 – 6/5/2016</small> </p> <p> <a href="https://www.google.com/calendar/event?eid=bG84amszMmFybzRyc2toZDZpbXVwcWc2YjQgbDd1MG45aGVwZGNlMGNkMW5rbzFhOTMycWdAZw&amp;ctz=America/New_York" title="View more details for Cody Campus Celebrates National EMS Week">Cody Campus Celebrates National EMS Week</a><br> <small>5/18/2016 4:00 pm – 6:00 pm</small> </p> <p> <a href="https://www.google.com/calendar/event?eid=amdydDBzZjkwbzJxNThiYTQxZjZwOGF0ZG8gbDd1MG45aGVwZGNlMGNkMW5rbzFhOTMycWdAZw&amp;ctz=America/New_York" title="View more details for DPS' 47th Annual Evenig of Fine Arts">DPS' 47th Annual Evenig of Fine Arts</a><br> <small>5/19/2016 6:30 pm – 8:00 pm</small> </p> <p> <a href="https://www.google.com/calendar/event?eid=NDhnNHQ2MDNtMTQ4MGlkODgzbmRjaDkwdm8gbDd1MG45aGVwZGNlMGNkMW5rbzFhOTMycWdAZw&amp;ctz=America/New_York" title="View more details for DPS High School / CTE Fair! Calling all 8th graders!">DPS High School / CTE Fair! Calling all 8th graders!</a><br> <small>6/1/2016 4:00 pm – 7:00 pm</small> </p> <!-- Cached copy, generated 5/13/2016 2:28:32 pm --> <h1>Listen Now</h1> <p>Hear why your child should enroll in DPS!</p> <div class="ui360">Specialty high schools for Arts and Medicine</a> </div> <div class="ui360">Foreign languages and global learning</a> </div> <div class="ui360">Single-gender classes, STEM and leadership</a> </div> <h1>Newsletter</h1> <p> <a href="mailto:[email protected]?Subject=DPS%20e-Newsletter%20Registration%20Request">Register now for the DPS e-Newsletter</a> </p> </div> <h1>Find us on Facebook and Twitter</h1> <ul class="social-media"> <li><a href="https://www.facebook.com/pages/Detroit-MI/Official-Detroit-Public-Schools-Fan-Page/10150102155500109/" class="facebook">Detroit Public Schools Fan Page</a></li> <li><a href="https://twitter.com/Detroitk12" title="Follow Detroit Public Schools on Twitter" class="twitter">@Detroitk12</a></li> <li><a href="https://www.facebook.com/pages/Detroit-Public-School-League/343538741098/" class="facebook">Detroit Public School League Fan Page</a></li> <li><a href="https://www.facebook.com/pages/Detroit-Public-Schools-Foundation/131500533542459" class="facebook">DPS Foundation Fan Page</a></li> <li><a href="https://twitter.com/DPSFndtn" title="Follow DPS Foundation on Twitter" class="twitter">@DPSFndtn</a></li> </ul> <!-- <div > <h2>@DetroitK12 on Twitter</h2> <iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" class="twitter-timeline twitter-timeline-rendered" ></iframe> <script defer="">!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div> --> <!-- <div id="sm2-container" class="high_performance movieContainer swf_unblocked"> <!-- flash movie is added here --> <!-- <embed name="sm2movie" id="sm2movie" src="/media/js/soundmanager/swf/soundmanager2_flash9.swf" width="100%" height="100%" quality="high" allowscriptaccess="always" bgcolor="#ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></div> --> </div> <!-- End RIGHT COLUMN --> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Flexbox fiddling - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css);
* { box-sizing: border-box;
}
body { margin: 0; padding: 0; min-height: 100vh; background: #827C78;
}
.page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background: white; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: auto; max-width: 100%;
}
#container { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 10; flex-shrink: 10; -ms-flex-item-align: end; align-self: flex-end;
}
.utility-navigation { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;
}
.utility-navigation .navigation-item { border-color: #e98209 !important;
}
.utility-navigation .navigation-link { background: #F79B2E !important;
}
.utility-navigation #search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.utility-navigation #search [type='text'] { -ms-flex-item-align: start; align-self: flex-start;
}
.utility-navigation #search [type='text'] ~ [type='submit'] { border: none; -ms-flex-item-align: end; align-self: flex-end; font-size: 1.3em; line-height: 1.5; background: rgba(0, 0, 0, 0); color: white; width: 100%; text-align: right;
}
.utility-navigation #search [type='text']:focus ~ [type='submit'] { background: #FFCE2E; -webkit-animation: yellow-pulse 3s infinite; animation: yellow-pulse 3s infinite;
}
.utility-navigation .search-toggle,
.utility-navigation .has-search { background: #f8a747;
}
.utility-navigation .search-toggle #search_box,
.utility-navigation .has-search #search_box { background-color: rgba(0, 0, 0, 0); border: none; padding: .5em; color: white;
}
.utility-navigation .search-toggle #search_box::-webkit-input-placeholder,
.utility-navigation .has-search #search_box::-webkit-input-placeholder { color: white; font-family: Montserrat, sans-serif;
}
.utility-navigation .search-toggle #search_box:-moz-placeholder,
.utility-navigation .has-search #search_box:-moz-placeholder { /* older Firefox*/ color: white; font-family: Montserrat, sans-serif;
}
.utility-navigation .search-toggle #search_box::-moz-placeholder,
.utility-navigation .has-search #search_box::-moz-placeholder { /* Firefox 19+ */ color: white; font-family: Montserrat, sans-serif;
}
.utility-navigation .search-toggle #search_box:-ms-input-placeholder,
.utility-navigation .has-search #search_box:-ms-input-placeholder { color: white; font-family: Montserrat, sans-serif;
}
.utility-navigation .search-toggle #search_box:focus::-webkit-input-placeholder,
.utility-navigation .has-search #search_box:focus::-webkit-input-placeholder { color: rgba(0, 0, 0, 0); font-family: Montserrat, sans-serif;
}
.utility-navigation .search-toggle #search_box:focus:-moz-placeholder,
.utility-navigation .has-search #search_box:focus:-moz-placeholder { /* older Firefox*/ color: rgba(0, 0, 0, 0); font-family: Montserrat, sans-serif;
}
.utility-navigation .search-toggle #search_box:focus::-moz-placeholder,
.utility-navigation .has-search #search_box:focus::-moz-placeholder { /* Firefox 19+ */ color: rgba(0, 0, 0, 0); font-family: Montserrat, sans-serif;
}
.utility-navigation .search-toggle #search_box:focus:-ms-input-placeholder,
.utility-navigation .has-search #search_box:focus:-ms-input-placeholder { color: rgba(0, 0, 0, 0); font-family: Montserrat, sans-serif;
}
.global-navigation { font-size: 80%;
}
.hide { display: none !important;
}
.navigation-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 240px; flex-basis: 240px;
}
.navigation.global-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #676360;
}
.navigation.global-navigation .navigation-header .navigation-heading { margin: 0; padding: .25em; font: 1.25em/2 Montserrat, sans-serif; background: #7AB1E8; color: white;
}
.navigation.global-navigation .navigation-header .navigation-heading a img { max-width: 100%; padding: .5em .175em 0;
}
.global-navigation .navigation-list .navigation-item { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;
}
.global-navigation .navigation-list .navigation-item .navigation-link { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;
}
.global-navigation .navigation-list.utility-navigation { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0;
}
.navigation-list { margin: 0; padding: 0; position: relative; overflow-y: visible; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
}
.navigation-list .navigation-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; list-style-type: none; margin: 0; padding: 0; position: relative;
}
.navigation-list .navigation-item:last-child { border-bottom: none;
}
.navigation-list .navigation-item.navigation-back { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;
}
.navigation-list .navigation-item.navigation-back .navigation-link { background: #827C78;
}
.navigation-list .navigation-item .navigation-link { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; vertical-align: middle; text-decoration: none; overflow: hidden; font-size: 1em; line-height: 2; font-family: Montserrat, sans-serif; color: white; padding: .25em .25em .25em .5em; box-shadow: inset 0 -0.25em 1px -0.25em #7AB1E8; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.navigation-list .navigation-item .navigation-link .navigation-text { display: inline; word-spacing: normal; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1;
}
.navigation-list .navigation-item .navigation-link .fa { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 1.25em; text-align: center; font-size: 125%;
}
@-webkit-keyframes yellow-pulse { 0% { background: #FFCE2E; } 50% { background: #BAD739; } 100% { background: #FFCE2E; }
}
@keyframes yellow-pulse { 0% { background: #FFCE2E; } 50% { background: #BAD739; } 100% { background: #FFCE2E; }
}
.global-navigation .navigation-item .navigation-link:hover,
.global-navigation .navigation-item .navigation-link:focus { background: #7AB1E8;
}
.global-navigation .navigation-item .navigation-item .navigation-link { background: #3f659a;
}
.global-navigation .navigation-item .navigation-item .navigation-link span { margin-left: .5em;
}
.global-navigation .navigation-item .navigation-item .navigation-item .navigation-link { background: #4771ac;
}
.global-navigation .navigation-item .navigation-item .navigation-item .navigation-link span { margin-left: 1em;
}
.global-navigation .navigation-item .navigation-item .navigation-item .navigation-item .navigation-link { background: #547db9;
}
.global-navigation .navigation-item .navigation-item .navigation-item .navigation-item .navigation-link span { margin-left: 1.5em;
}
.global-navigation .navigation-item .navigation-item .navigation-item .navigation-item .navigation-item .navigation-link { background: #668bc0;
}
.global-navigation .navigation-item .navigation-item .navigation-item .navigation-item .navigation-item .navigation-link span { margin-left: 2em;
}

Flexbox fiddling - Script Codes JS Codes

$(function() {	var $translateToggle = $('.translate-toggle');	var $translateLangs = $('.translate-language');	$translateToggle.on('click', function(evt) {	$translateLangs.each(function(index) {	$(this).toggleClass('hide');	});	});	var $searchSubmit = $('#submit');	var $searchInput = $('#search_box');	$searchSubmit.on('click', function(evt) {	if ($searchInput.val() == '') {	evt.preventDefault();	$searchInput.focus();	}	});	// var $searchToggle = $('.search-toggle');	// var $searchContainer = $('.has-search');	// var $searchInput = $('#site-search');	// $searchToggle.on('click', function(evt) {	//	$searchContainer.toggleClass('hide');	//	if (!$searchContainer.hasClass('hide')) {	//	$searchInput.focus();	//	}	//	else {	//	$searchToggle.focus();	//	}	// });	var $hasSubNavigation = $('.navigation-item').has('.navigation-list');	$hasSubNavigation.each(function() {	$(this).on('click', function(evt) {	evt.preventDefault();	evt.stopPropagation();	var $icon = $(evt.target).children('.fa')[0];	console.log($icon);	if ($($icon).hasClass('fa-plus') || $($icon).hasClass('fa-minus')) {	$($icon).toggleClass('fa-plus');	$($icon).toggleClass('fa-minus');	}	$(this).children('.navigation-list').each(function() {	$(this).toggleClass('hide');	});	if ($($(this).children('.navigation-list')[0]).hasClass('hide')) {	$(this).find('.navigation-list').each(function() {	$(this).addClass('hide');	});	$(this).find('.fa').each(function() {	if ($(this).hasClass('fa-minus') || $(this).hasClass('fa-plus')) {	$(this).removeClass('fa-minus');	$(this).addClass('fa-plus');	}	});	}	// $(this).siblings('.navigation-item').each(function() {	//	$(this).toggleClass('hide');	// });	});	});
});
Flexbox fiddling - Script Codes
Flexbox fiddling - Script Codes
Home Page Home
Developer Jesse Glacken
Username jesseGlacken
Uploaded September 08, 2022
Rating 3
Size 12,402 Kb
Views 26,312
Do you need developer help for Flexbox fiddling?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Jesse Glacken (jesseGlacken) Script Codes
Name
Progressively disclosed table cells
Tolerance Levels for Bootstrap Progress Bar
Verbosity meter
Tags
Flexbox fiddling with Foundation
A Pen by Jesse Glacken
Menu
Achievement Unlocked
Language Translation Menu
Bootstrap Responsive Menu Drawer
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!