Slickslider Flexbox w/ Foundation

Developer
Jeanine
Size
12,766 Kb
Views
26,312
  1. Slickslider Flexbox w/ Foundation Previews
  2. Slickslider Flexbox w/ Foundation HTML Codes
  3. Slickslider Flexbox w/ Foundation CSS Codes
  4. Slickslider Flexbox w/ Foundation JS Codes

How do I make an slickslider flexbox w/ foundation?

What is a slickslider flexbox w/ foundation? How do you make a slickslider flexbox w/ foundation? This script and codes were developed by Jeanine on 08 September 2022, Thursday.

Slickslider Flexbox w/ Foundation Previews
IQ Test

Slickslider Flexbox w/ Foundation - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Slickslider Flexbox w/ Foundation</title> <link rel='stylesheet prefetch' href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700'>
<link rel='stylesheet prefetch' href='http://www.easternflorida.edu/_resources/css/efsc-styles.css'>
<link rel='stylesheet prefetch' href='http://www.easternflorida.edu/_resources/css/oustyles.css'>
<link rel='stylesheet prefetch' href='http://www.easternflorida.edu/_resources/css/foundation.css'>
<link rel='stylesheet prefetch' href='http://www.easternflorida.edu/_resources/css/common.css'>
<link rel='stylesheet prefetch' href='http://cdn.jsdelivr.net/jquery.slick/1.4.1/slick.css'>
<link rel='stylesheet prefetch' href='http://cdn.jsdelivr.net/jquery.slick/1.4.1/slick-theme.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="off-canvas-wrap docs-wrap" data-offcanvas=""> <div class="inner-wrap"> <ul id="skip"> <li><a href="#main-nav">Skip to main navigation</a></li> <li><a href="#utility-nav">Skip to utility navigation</a></li> </ul> <header> <nav class="top-bar" data-topbar=""> <div class="action-mobile show-for-tablet-portrait-down"> <div class="button action info">
<p><a title="Request Information about EFSC" href="/discover-efsc/request-info.cfm">Request Info</a></p>
</div>
<!--
-->
<div class="button action apply">
<p><a title="EFSC Online Application" href="https://bannerweb.easternflorida.edu/prod/bwskalog.P_DispLoginNon" target="_blank">Apply</a></p>
</div>
<!--
-->
<div class="button action register">
<p><a title="EFSC Registration Information" href="/admissions/registrars-office/registration-information/">Register</a></p>
</div> </div> <ul class="title-area"> <li class="name"> <p><a href="/"><img src="/_resources/images/efsc-logo-web-263px.png" alt="Eastern Florida State College" /></a></p> </li> </ul> <section class="top-bar-section show-for-tablet-portrait-up"> <ul id="utility-nav" class="right" role="navigaton" aria-label="Secondary"> <li><a title="EFSC Foundation &amp; Alumni" href="/foundation/">Foundation/Giving</a></li>
<li class="divider">//</li>
<li><a title="EFSC Bookstores" href="/student-life/bookstore.cfm">Bookstore</a></li>
<li class="divider">//</li>
<li><a title="EFSC Library System" href="/library/">Library</a></li>
<li class="divider">//</li>
<li><a title="EFSC Athletics Website" href="http://www.efsctitans.com" target="_blank">Athletics</a></li>
<li class="divider">//</li>
<li><a title="Faculty &amp; Staff " href="/faculty-staff/">Faculty &amp; Staff</a></li>
<li class="divider">//</li>
<li class="has-dropdown"><a href="#">Our Campuses</a>
<ul class="dropdown">
<li><a title="Campus Maps &amp; Directions" href="/our-campuses/">Maps &amp; Directions</a></li>
<li><a title="EFSC Cocoa Campus" href="/our-campuses/cocoa-campus/">Cocoa</a></li>
<li><a title="EFSC Melbourne Campus" href="/our-campuses/melbourne-campus/">Melbourne</a></li>
<li><a title="EFSC Palm Bay Campus" href="/our-campuses/palmbay-campus/">Palm Bay</a></li>
<li><a title="EFSC Titusville Campus" href="/our-campuses/titusville-campus/">Titusville</a></li>
<li><a title="EFSC Campus Security Information" href="/our-campuses/campus-security/">Campus Security</a></li>
</ul>
</li>
<li class="has-dropdown login"><a href="#">EFSC Logins</a>
<ul class="dropdown">
<li><a title="myEFSC Information Services Portal" href="https://my.easternflorida.edu" target="_blank">myEFSC</a></li>
<li><a title="WiFi access information" href="/administration-departments/it/wireless-access.cfm">Wifi Access</a></li>
<li><a title="Student Titan/Outlook Email Login" href="http://www.outlook.com/titans.easternflorida.edu" target="_blank">Student Email</a></li>
<li><a title="Employee Remote Outlook Login" href="https://cas.easternflorida.edu/owa" target="_blank">Employee Email</a></li>
</ul>
</li> </ul>
</section>
<section class="top-bar-section show-for-tablet-portrait-up"> <ul class="right"> <li class="has-form nr"> <div class="row collapse">	<a title="EFSC Employee &amp; Staff Directory" href="/administration-departments/human-resources/employee-directory.cfm">Directory</a> <a href="javascript: var e = window.open('http://sightmax.easternflorida.edu/SightMaxAgentInterface/PreChatSurvey.aspx?accountID=1&amp;siteID=1&amp;queueID=3',	'chatWindow','width=490,height=404,resizable=0,scrollbars=no,menubar=no,status=no');"	onmouseout="top.status=''; return true;"	onmousedown="top.status='Chat Live with an EFSC Representative';return true;"	onmouseover="top.status='Click to Chat Live with an EFSC Representative';return true;" class="button green chat">Live Chat</a> <div class="head-form">	<form method="get" name="searchbox" action="http://www.easternflorida.edu/site-search.cfm"> <div id="search-wrapper"> <label for="query">Search:</label> <input id="query" class="searchbox" type="text hasdropdown" autocomplete="off" name="query" placeholder="Search" /> <input type="submit" value="&nbsp;&nbsp;&nbsp;" src="/img/search-icon-blank.png" alt="Go" class="searchbox_submit" />	<input type="hidden" name="pr" value="easternflorida" />	<input type="hidden" name="sufs" value="2" /> </div> <div class="search-dropdown dark" style="display: none;"> <!-- dynamically created with js --> </div> </form> </div> </div> </li> </ul>
</section> </nav> </header> <div class="row main-nav">
<div class="contain-to-grid"><nav class="top-bar">
<section class="top-bar-section">
<ul id="main-nav" class="center show-for-tablet-portrait-down">
<li class="borderright borderbottom"><a href="/discover-efsc/">Discover EFSC</a></li>
<!--
-->
<li class="borderbottom"><a href="/academics/">Academics &amp; Career Options</a></li>
<!--
-->
<li class="borderright"><a href="/admissions/">Admissions &amp; Financial Aid</a></li>
<!--
-->
<li><a href="/student-life/index.cfm">Student Life</a></li>
</ul>
<ul id="main-nav" class="center show-for-tablet-portrait-up sf-menu">
<li class="mega-drop"><a href="/discover-efsc/">Discover EFSC</a>
<div class="sf-mega large content row">
<div class="medium-4 columns">
<ul>
<li class="heading"><label>About EFSC</label></li>
<li class="heading"><a title="Discover EFSC - Prospective Student Information" href="/discover-efsc/future-students.cfm">Future Student Info</a></li>
<li><a title="Explore Your Options Interactive Degree Tool" href="/academics/explore-your-options/">Explore Program Options</a></li>
<li><a title="SACSCOC College Accreditation Information" href="/administration-departments/institutional-effectiveness/accreditation-sacs/">Accreditation</a></li>
<li><a title="EFSC Consumer Information/Higher Education Disclosure Act" href="/academics/consumer-information.cfm">Consumer Information</a></li>
<li><a href="/military-veterans/">Military &amp; Veterans Service Center</a></li>
<li><a title="Eastern Florida State College History &amp; Mission" href="/discover-efsc/our-history-and-mission/">Our History &amp; Mission</a></li>
<li><a title="Request an Eastern Florida State College Campus Visit Online Form" href="/discover-efsc/request-visit.cfm">Request Campus Visit</a></li>
<li><a href="/administration-departments/institutional-effectiveness/strategic-planning/">Strategic Planning</a></li>
<li><a href="/academics/academic-support/sail/">Student Access/Disability Services (SAIL)</a></li>
<li><a href="/administration-departments/institutional-effectiveness/student-achievement-goals.cfm">Student Achievement Goals</a></li>
<li><a title="EFSC Student Recruitment Office" href="/discover-efsc/recruitment-office/">Student Recruitment Office</a></li>
</ul>
</div>
<div class="medium-4 columns">
<ul>
<li class="heading"><label>Contacts &amp; Resources</label></li>
<li><a title="EFSC Administration and Departments" href="/administration-departments/">Administration &amp; Departments</a></li>
<li><a title="Community Resources" href="/community-resources/">Community Resources</a></li>
<li><a title="EFSC Call Center" href="/discover-efsc/callcenter.cfm">Contact Us/Call Center</a></li>
<li><a title="EFSC Faculty &amp; Staff Directory" href="/administration-departments/human-resources/employee-directory.cfm">Faculty &amp; Staff Directory</a></li>
<li><a title="EFSC Foundation &amp; Alumni" href="/foundation/">Foundation &amp; Alumni Association</a></li>
<li><a title="IT Support Desk" href="/administration-departments/it/it-tech-support.cfm">IT Support Desk</a></li>
<li><a title="EFSC Employment Opportunities" href="/administration-departments/human-resources/employment-needs-opportunities/employment-opportunities.cfm">Job Opportunities</a></li>
<li><a title="News &amp; Events/Communications Office" href="/news-events/">News &amp; Events</a></li>
<li><a href="/community-resources/planetarium/">Planetarium &amp; Observatory</a></li>
<li><a title="Transcripts &amp; Student Records" href="/admissions/registrars-office/transcript-request-fees.cfm">Transcript Requests</a></li>
<li><a href="/community-resources/wefs-tv/">WEFS-TV</a></li>
</ul>
</div>
<div class="medium-4 columns"><img title="Titan Up workshops" src="/images/megamenu/titan-up-workshops-slide.jpg" alt="Titan Up" width="292" height="216" />
<div class="mega-caption"><strong>Get Help Enrolling at Eastern Florida </strong><br />If you started an application &amp; never finished or ran into a roadblock trying to register for classes, attend a Titan-Up Workshop. <a title="Titan Up Workshop Information" href="https://www.tfaforms.com/386222" target="_blank">Check dates and locations</a>.</div>
</div>
</div>
</li>
<!--
-->
<li class="mega-drop"><a href="/academics/">Academics &amp; Career Options</a>
<div class="sf-mega large content row">
<div class="medium-4 columns">
<ul>
<li class="heading"><label>Resources</label></li>
<li><a title="Academic Calendars &amp; Important Term Dates" href="/academics/academic-calendars/">Academic Calendars &amp; Deadlines</a></li>
<li><a title="Academic Support, Learning Labs &amp; Tutoring" href="/academics/academic-support/">Academic Support &amp; Tutoring</a></li>
<li><a href="/academics/academic-integrity-online.cfm">Academic Integrity &amp; Computer Use</a></li>
<li><a href="/academics/academic-support/sail/">Access/Disability Services (SAIL)</a></li>
<li><a title="Career Planning &amp; Development Center" href="/community-resources/career-planning/">Career Center &amp; Job Search Tools</a></li>
<li><a title="EFSC Online Catalog &amp; Catalog Archives" href="http://web12.easternflorida.edu/catalog/current/" target="_blank">Catalog</a></li>
<li><a title="Class Schedule Search Tool" href="/academics/class-schedule-search.cfm">Class Schedule Search</a></li>
<li><a title="Continuing Education/Non-Credit Courses" href="/community-resources/continuing-education/">Continuing &amp; Community Education</a></li>
<li><a title="Core Student Abilities" href="/faculty-staff/cte/enhance-learning/core-abilities.cfm">Core Abilities</a></li>
<li><a href="/academics/core-scholar/">Core Scholar Program</a></li>
<li><a title="myGPS Graduation Plan for Success Degree Audit" href="/academics/academic-support/mygps/">Degree Audit/myGPS</a></li>
<li><a title="Academic Departments" href="/academics/academic-departments/">Departments/By Campus &amp; Area</a></li>
<li><a title="EFSC Developmental Education/College-Ready Info" href="/academics/academic-support/developmental-education/">Developmental Education</a></li>
<li><a title="eLearning/Online Learning" href="/academics/elearning/">eLearning/Online Learning</a></li>
<li><a href="/student-life/honors-program/">Honor's Program</a></li>
<li><a title="Graduation Information" href="/admissions/registrars-office/graduation/">Graduation</a></li>
<li><a title="Transfer Options with EFSC Degree" href="/admissions/guaranteed-transfer.cfm">Guaranteed Transfer</a></li>
<li><a href="/academics/meta-majors/">Meta-Majors</a></li>
<li><a href="/academics/patrick-afb/">Patrick AFB Center</a></li>
<li><a title="Center for Service Learning" href="/student-life/center-for-service-learning/">Service Learning</a></li>
<li><a title="EFSC Student Handbook &amp; Code of Conduct" href="/student-life/student-handbook/">Student Handbook</a></li>
<li><a title="Office of Undergraduate Research" href="/academics/our/">Undergraduate Research Office</a></li>
<li><a title="Workforce &amp; Corporate Training" href="/academics/workforcetrainingandcertifications/">Workforce Training &amp; Certifications</a></li>
</ul>
</div>
<div class="medium-4 columns">
<ul>
<li class="heading"><label>Areas of Study</label></li>
<li><a title="EFSC Degrees &amp; Programs list" href="/academics/degrees-certifications/">Degrees &amp; Certificates (Full List)</a></li>
<li><a title="Associate in Arts degree" href="/academics/degrees-certifications/aa-associate-in-arts/">A.A. - Associate in Arts</a></li>
<li><a title="Aerospace Technology &amp; Engineering" href="/academics/explore-your-options/aerospace-aviation.cfm">Aerospace &amp; Aviation</a></li>
<li><a title="Bachelor's Degree Information" href="/academics/bachelors-degrees/">Bachelor's Degrees</a></li>
<li><a title="Business &amp; Entrepreneurship Programs" href="/academics/career-technical-programs/our-programs/business-admin/">Business</a></li>
<li><a title="Career and Technical Programs" href="/academics/career-technical-programs/">Career &amp; Technical Programs</a></li>
<li><a title="Computer Science &amp; IT Programs" href="/academics/explore-your-options/computer-science-it.cfm">Computer Science &amp; Information Technology</a></li>
<li><a title="Drafting &amp; Interior Design" href="/academics/explore-your-options/drafting-design.cfm">Drafting &amp; Design</a></li>
<li><a title="Explore EFSC Education Programs" href="/academics/explore-your-options/education.cfm">Education</a></li>
<li><a href="/academics/explore-your-options/engineering-manufacturing.cfm">Engineering Technology/Manufacturing</a></li>
<li><a title="Graphic Design and Digital Media" href="/academics/explore-your-options/art-graphic-media.cfm">Graphic Design/Digital Media</a></li>
<li><a title="EFSC Nursing and Health Sciences Institute" href="/academics/health-nursing/">Health &amp; Nursing</a></li>
<li><a title="Performing and Visual Arts Programs" href="/academics/academic-departments/performing-visual-arts/">Performing &amp; Visual Arts</a></li>
<li><a title="Public Safety Institute" href="/academics/public-safety-institute/">Public Safety Institute</a></li>
<li><a title="Science and Math Programs" href="/academics/explore-your-options/science-math.cfm">Science &amp; Math</a></li>
<li><a title="Culinary/Cosmetology Service Industry Programs" href="/academics/explore-your-options/service-industry-programs.cfm">Service Industry</a></li>
<li><a title="Study Abroad Programs" href="/student-life/study-abroad/">Study Abroad</a></li>
<li><a title="Welding, Automotive &amp; HVAC Trades" href="/academics/explore-your-options/trades.cfm">Trades</a></li>
</ul>
</div>
<div class="medium-4 columns"><img title="Transfer GPS: Graduation Plans for Success" src="/images/megamenu/transfer-gps-slide-logo.jpg" alt="Transfer GPS" width="292" height="216" /><br />
<div class="mega-caption"><strong>Keep Your Academic Journey on Course</strong><br /> If you're an A.A. student who plans to transfer into a bachelor's program, <a title="Transfer GPS: Graduation Plans for Success" href="/academics/degrees-certifications/aa-associate-in-arts/transfer-gps/">check our Transfer GPS</a> coursework plans to be sure you're covering the right prerequisites.</div>
</div>
</div>
</li>
<!--
-->
<li class="mega-drop"><a href="/admissions/">Admissions &amp; Financial Aid</a>
<div class="sf-mega large content row">
<div class="medium-4 columns"><img title="Online Tutorials" src="/images/megamenu/computer-woman-slider.jpg" alt="student at computer" width="292" height="216" />
<div class="mega-caption"><strong>Online Tutorials for Student Services</strong><br /> <a title="myEFSC, Student Email &amp; myGPS Tutorials" href="/admissions/registrars-office/tutorials.cfm">Check out tutorials</a> for the myEFSC Information Services Portal, student email and how to register for classes. Also view the <a title="EFSC Online Reference Guide" href="/admissions/documents/online-reference-guide.pdf" target="_blank">Online Quick Reference Guide</a>.</div>
</div>
<div class="medium-4 columns">
<ul>
<li class="heading"><label>Admissions</label></li>
<li><a title="EFSC Admission Deadlines" href="/admissions/admission-deadlines.cfm">Admission Deadlines</a></li>
<li><a title="Application &amp; Enrollment Steps" href="/admissions/enrollment-steps/">Admission Enrollment Steps</a></li>
<li><a title="EFSC Admission Requirements" href="/admissions/admission-requirements.cfm">Admission Requirements by Program</a></li>
<li><a title="EFSC Academic Advising" href="/academics/academic-support/academic-advising.cfm">Advising</a></li>
<li><a href="https://bannerweb.easternflorida.edu/prod/bwskalog.P_DispLoginNon" target="_blank">Apply Now Online</a></li>
<li><a href="/admissions/accepted.cfm">Checklist/Accepted Students</a></li>
<li><a title="Duel Enrollment Information" href="/admissions/dual-enrollment/">Dual Enrollment</a></li>
<li><a title="EFSC Admissions &amp; Registrars Forms" href="/admissions/forms.cfm">Forms</a></li>
<li><a title="Transfer Options with EFSC Degree" href="/admissions/guaranteed-transfer.cfm">Guaranteed Transfer</a></li>
<li><a title="International Student Information" href="/admissions/international/">International Students</a></li>
<li><a title="EFSC Student Orientation" href="/admissions/student-orientation/">Orientation</a></li>
<li><a title="Registration Information" href="/admissions/registrars-office/registration-information/">Register for Classes</a></li>
<li><a title="Registrar's Office" href="/admissions/registrars-office/">Registrar's Office</a></li>
<li><a title="Residency Requirements" href="/admissions/registrars-office/residency-requirements.cfm">Residency Requirements</a></li>
<li><a title="Office for Student with Disabilities" href="/academics/academic-support/sail/">Students with Disabilities</a></li>
<li><a title="Testing Services/Placement Testing" href="/admissions/placement-testing/">Testing Services/Placement Testing</a></li>
<li><a title="EFSC Admissions Frequently Asked Questions" href="/admissions/faq.cfm">Frequently Asked Questions</a></li>
<li><a title="EFSC Admissions Contacts" href="/admissions/admissions-contacts.cfm">Contacts &amp; Hours - Admissions</a></li>
</ul>
</div>
<div class="medium-4 columns">
<ul>
<li class="heading"><label>Paying for College</label></li>
<li><a title="Net Price Calculator" href="/admissions/financial-aid-scholarships/financial-aid-information/npcalc-iframe.cfm">Cost Calculator</a></li>
<li><a title="EFSC Financial Aid &amp; Scholarships Information" href="/admissions/financial-aid-scholarships/">Financial Aid &amp; Scholarships<br /></a>
<ul>
<li><a href="/admissions/financial-aid-scholarships/deadlines.cfm">Aid Deadlines</a></li>
<li><a href="/admissions/financial-aid-scholarships/financial-aid-information/contact-us.cfm">Contact Financial Aid</a></li>
<li><a title="EFSC Student Scholarship Information" href="/admissions/financial-aid-scholarships/scholarship-information/">EFSC Scholarships</a></li>
<li><a title="Applying for Aid &amp; Loans" href="/admissions/financial-aid-scholarships/financial-aid-information/applying-for-aid/">How to Apply for Aid</a></li>
<li><a href="/military-veterans/educational-benefits/">Veterans Educational Benefits</a></li>
</ul>
</li>
<li><a title="Tuition &amp; Fee Schedule &amp; Information" href="/admissions/tuition-and-fees/">Tuition &amp; Fees<br /></a>
<ul>
<li><a title="Book Allowances" href="/admissions/tuition-and-fees/book-allowances.cfm">Book Allowances</a></li>
<li><a title="How to Pay EFSC Fees" href="/admissions/tuition-and-fees/how-to-pay.cfm">How to Pay</a></li>
<li><a title="EFSC Payment Plan/Nelnet" href="/admissions/tuition-and-fees/payment-plan.cfm">Payment Plan/Nelnet</a></li>
</ul>
</li>
<li><a title="Financial Aid Frequently Asked Questions" href="/admissions/financial-aid-scholarships/financial-aid-information/faq.cfm">Frequently Asked Questions</a></li>
<li><a title="EFSC Consumer Information/Higher Education Disclosure Act" href="/academics/consumer-information.cfm">Consumer Information</a></li>
<li><a title="Financial Aid Contacts" href="/admissions/financial-aid-scholarships/financial-aid-information/contact-us.cfm">Contacts &amp; Hours - Financial Aid</a></li>
</ul>
</div>
</div>
</li>
<!--
-->
<li class="mega-drop"><a href="/student-life/">Student Life</a>
<div class="sf-mega large content row">
<div class="medium-4 columns"><img title="Parking Permit Information" src="/images/spotlights/parking-permit-2016.jpg" alt="Parking Permit" width="292" height="216" />
<div class="mega-caption"><span><strong>Get Your Student Parking Permit Now</strong><br /><span>Annual student parking permits expire each June 30th. It's easy to renew at any campus security office. <a title="EFSC Parking Permit Information" href="/our-campuses/campus-security/parking-information/">Get details about the permit process</a>.</span><br /></span></div>
</div>
<div class="medium-4 columns">
<ul>
<li class="heading"><label>Resources</label></li>
<li><a title="Eastern Florida State College Alumni Association" href="/foundation/alumni/">Alumni Association</a></li>
<li><a href="/our-campuses/campus-security/">Campus Security</a></li>
<li><a title="EFSC Child Development Centers" href="/community-resources/child-development-centers/">Child Development Centers</a></li>
<li><a title="Counseling EFSC Cares" href="/student-life/counseling-efscares/">Counseling/EFSCares</a></li>
<li><a title="myGPS Graduation Plan for Success Degree Audit" href="/academics/academic-support/mygps/">Degree Audit/myGPS</a></li>
<li><a title="EFSC Emergency Response &amp; Preparedness" href="/administration-departments/facilities/safety-emergency-response/emergency-response.cfm">Emergency Response</a></li>
<li><a href="/student-life/green-dot/">Green Dot Violence Intervention Initiative</a></li>
<li><a title="Honors Program" href="/student-life/honors-program/">Honors Program</a></li>
<li><a title="IT Support Desk" href="/administration-departments/it/it-tech-support.cfm">IT Support Desk</a></li>
<li><a title="Academic Support, Learning Labs &amp; Tutoring" href="/academics/academic-support/learninglabs/">Learning Labs/Tutoring</a></li>
<li><a title="EFSC Veterans Center" href="/military-veterans/">Military &amp; Veterans Service Center</a></li>
<li><a title="Online Resources &amp; Information Technologies" href="/administration-departments/it/">Online Resources/IT</a></li>
<li><a title="EFSC Student Handbook &amp; Code of Conduct" href="/student-life/student-handbook/">Student Handbook</a></li>
<li><a href="/admissions/registrars-office/tutorials.cfm">Tutorials/Student Services</a></li>
<li><a title="Voting Information/Turbo Vote" href="/admissions/voter-info.cfm">Voting Information</a></li>
<li><a title="EFSC Writing Centers Offer Free Help" href="/academics/academic-support/writing-centers/">Writing Centers</a></li>
<li><a title="WiSE" href="/community-resources/lecture-series/women-science-engineering/">Women in Science &amp; Engineering (WiSE)</a></li>
</ul>
</div>
<div class="medium-4 columns">
<ul>
<li class="heading"><label>Student Activities<br /></label></li>
</ul>
<ul>
<li><a title="EFSC Athletics Website" href="http://www.efsctitans.com" target="_blank">Athletics</a></li>
<li><a title="EFSC Student Clubs, Government &amp; Activities" href="/student-life/clubs-and-activities/">Clubs &amp; Activities</a>
<ul>
<li><a title="Cocoa Clubs &amp; Activities" href="/student-life/clubs-and-activities/cocoa-campus/">Cocoa Campus</a></li>
<li><a title="Melbourne Campus Clubs &amp; SGA" href="/student-life/clubs-and-activities/melbourne-campus/">Melbourne Campus</a></li>
<li><a title="Palm Bay Student Clubs &amp; SGA" href="/student-life/clubs-and-activities/palm-bay-campus/">Palm Bay Campus</a></li>
<li><a title="Titusville Student Clubs &amp; SGA" href="/student-life/clubs-and-activities/titusville-campus/">Titusville Campus</a></li>
</ul>
</li>
<li><a title="EFSC Main Events Calendar" href="http://www.calendarwiz.com/efsc" target="_blank">Events Calendar</a></li>
<li><a title="EFSC Intramural Sports" href="http://www.efsctitans.com/information/intramural-sports" target="_blank">Intramural Sports</a></li>
<li><a title="King Center for the Performing Arts Website" href="http://www.kingcenter.com" target="_blank">King Center for the Performing Arts</a></li>
<li><a href="/academics/academic-departments/performing-visual-arts/events-tickets.cfm">Music &amp; Theatre Events</a></li>
<li><a title="EFSC Planetarium" href="/community-resources/planetarium/">Planetarium &amp; Observatory</a></li>
<li><a title="Center for Service Learning" href="/student-life/center-for-service-learning/">Service Learning</a></li>
<li><a title="Study Abroad Programs" href="/student-life/study-abroad/">Study Abroad</a></li>
<li><a title="Titan Tennis Center Information" href="http://www.efsctitans.com/information/titan-tennis-center" target="_blank">Titan Tennis Center</a></li>
</ul>
</div>
</div>
</li>
</ul>
</section>
</nav></div>
</div>
<nav class="tab-bar show-for-tablet-portrait-down"><section class="left-small"><a class="left-off-canvas-toggle"><span><img src="/img/icon-menu.png" alt="Main Mobile Menu" /> Menu</span></a></section><section class="middle"><a class="left-off-canvas-toggle"><span><img src="/img/search-icon.png" alt="Main Mobile Menu" /> Search</span></a></section><section class="right-small"><a href="javascript:var e = window.open('http://sightmax.easternflorida.edu/SightMaxAgentInterface/PreChatSurvey.aspx?accountID=1&amp;siteID=1&amp;queueID=3', 'chatWindow','width=490,height=404,resizable=0,scrollbars=no,menubar=no,status=no');"><span><img src="/img/icon-chat.png" alt="Main Mobile Menu" /> Chat</span></a></section></nav>
<aside class="left-off-canvas-menu">
<div class="head-form"><form class="hdr-search" action="/site-search.cfm" method="get">
<div id="search-wrapper"><label for="query">Search:</label> <input id="query" class="searchbox" onclick="this.select();" type="text hasdropdown" name="query" /> <input class="searchbox_submit" type="image" value="Go" src="/img/search-icon-blank.png" alt="Go" /></div>
<div class="search-dropdown dark" style="display: none;"><!-- dynamically created with js --></div>
</form></div>
<ul class="off-canvas-list main">
<li><a title="EFSC Home" href="/index.cfm">EFSC Home</a></li>
<li><a title="Discover EFSC - Prospective Student Information" href="/discover-efsc/">Discover EFSC</a></li>
<li><a title="Academics and Career Options" href="/academics/">Academics &amp; Career Options</a></li>
<li><a title="EFSC Admissions &amp; Financial Aid" href="/admissions/">Admissions &amp; Financial Aid</a></li>
<li><a title="EFSC Student Life &amp; Activities" href="/student-life/">Student Life</a></li>
</ul>
<ul class="off-canvas-list">
<li><label>Resources</label></li>
<li><dl class="accordion" data-accordion=""><dd class="accordion-navigation"><a href="#panel1">EFSC Logins </a>
<div id="panel1" class="content">
<ul>
<li><a title="myEFSC Information Services Portal" href="https://my.easternflorida.edu" target="_blank">myEFSC</a></li>
<li><a title="WiFi access information" href="/administration-departments/it/wireless-access.cfm">Wifi Access</a></li>
<li><a title="Student Titan/Outlook Email Login" href="http://www.outlook.com/titans.easternflorida.edu" target="_blank">Student Email</a></li>
<li><a title="Employee Remote Outlook Login" href="https://cas.easternflorida.edu/owa" target="_blank">Employee Email</a></li>
</ul>
</div>
</dd></dl></li>
<li><a title="EFSC Employee &amp; Staff Directory" href="/administration-departments/human-resources/employee-directory.cfm">Directory</a></li>
<li><a title="EFSC Foundation &amp; Giving" href="/foundation/">Foundation/Giving</a></li>
<li><a title="EFSC Bookstore" href="/student-life/bookstore.cfm">Bookstore</a></li>
<li><a title="EFSC Library System" href="/library/">Library</a></li>
<li><a title="EFSC Athletics Website" href="http://www.efsctitans.com" target="_blank">Athletics</a></li>
<li><a title="EFSC Faculty &amp; Staff" href="/faculty-staff/">Faculty &amp; Staff</a></li>
<li><a title="EFSC Campuses" href="/our-campuses/">Our Campuses</a></li>
</ul>
<ul class="off-canvas-list">
<li><label>More</label></li>
<li><a title="EFSC Alumni" href="/foundation/">Alumni</a></li>
<li><a title="Community Resources" href="/community-resources/">Community Resources</a></li>
<li><a title="EFSC Administration and Departments" href="/administration-departments/">Administration &amp; Departments</a></li>
<li><a title="EFSC Job Opportunities" href="/administration-departments/human-resources/employment-needs-opportunities/employment-opportunities.cfm">Job Opportunities</a></li>
<li><a title="EFSC News &amp; Events" href="/news-events/">News &amp; Events</a></li>
<li><a title="EFSC Site Map" href="/site-map.cfm">Site Index</a></li>
</ul>
</aside> <div id="masthead" class="clearfix"> <div class="row"> <div class="medium-12"> <!-- edits --> <div class="flex-items slickslide "> <div><p>Appropriately exploit error-free processes through compelling outs</p></div> <div><p>Collaboratively foster leading-edge supply chains without resource maximizing communities. Distinctively engineer fully tested opportunitie</p></div> <div><p>Distinctively orchestrate inexpensive applications before performance based applications. Enthusiastically disseminate state of</p></div> <div><p>Dynamically maximize premium benefits rather than client-focused web services. Rapidiously benchmark economically sound internal</p></div> </div> <!-- / edits --> </div> </div> </div> <section class="main-section"> <div class="row show-for-tablet-portrait-up"> <div class="crumbs box"> <ul> <li><a href="/">Home</a></li> <li>EFSC Foundation &amp; Alumni Association</li> </ul> </div> </div> <div class="row"> <nav class="tab-bar-sub show-for-tablet-portrait-down"> <section class="right-small">Section<br>menu<a class="right-off-canvas-toggle"><span><img src="/img/icon-menu-sub.png" alt="Sub Mobile Menu"></span></a></section> </nav> <aside class="right-off-canvas-menu"> <div class="sidenav-heading box"> <h2><a href="/foundation/">EFSC Foundation</a></h2> </div> <div class="sidenav box"> <div class="innerbox"> <ul class="clearfix"> <ul class="subnav" id="child_nav"> <li><a title="Eastern Florida State College Alumni Association" href="/foundation/alumni/">Alumni Association</a></li>
<li><a href="/foundation/events/golf-tournament.cfm">Golf Tournament Information</a></li>
<li><a href="/foundation/policies-documents.cfm">Policies &amp; Documents</a></li>
<li><a href="/foundation/who-we-are/">Who We Are</a></li>
<li><a href="/foundation/what-we-do/">What We Do</a></li>
<li><a href="/foundation/how-to-help/">How To Help</a></li>
<li><a href="/foundation/testimonials/">Testimonials</a></li>
<li><a href="/foundation/news-releases/">News Releases</a></li> </ul> </ul> </div> </div> </aside> <div class="medium-3 columns sidenav-col"> <div class="subnav-desktop show-for-tablet-portrait-up"> <div class="sidenav-heading box"> <h2><a href="/foundation/">EFSC Foundation</a></h2> </div> <div class="sidenav box"> <div class="innerbox"> <ul class="clearfix"> <ul class="subnav" id="child_nav"> <li><a title="Eastern Florida State College Alumni Association" href="/foundation/alumni/">Alumni Association</a></li>
<li><a href="/foundation/events/golf-tournament.cfm">Golf Tournament Information</a></li>
<li><a href="/foundation/policies-documents.cfm">Policies &amp; Documents</a></li>
<li><a href="/foundation/who-we-are/">Who We Are</a></li>
<li><a href="/foundation/what-we-do/">What We Do</a></li>
<li><a href="/foundation/how-to-help/">How To Help</a></li>
<li><a href="/foundation/testimonials/">Testimonials</a></li>
<li><a href="/foundation/news-releases/">News Releases</a></li> </ul> </ul> </div> </div> </div> </div> <div class="medium-5 columns main-col"> <div class="flex-nav-container"> <div class="flexslider"> <ul class="slides"> <li data-thumb="http://www.easternflorida.edu/var/www/html/_resources/ldp_galleries/.private_ldp/a51941/production/master/311a2f1e-82ad-4fc3-b863-28611ec9db15.jpg"><a href="http://www.easternflorida.edu/foundation/events/golf-tournament.cfm"><img src="http://www.easternflorida.edu/var/www/html/_resources/ldp_galleries/.private_ldp/a51941/production/master/311a2f1e-82ad-4fc3-b863-28611ec9db15.jpg" alt="Make a Difference as a Tournament Sponsor" title="Make a Difference as a Tournament Sponsor"></a><p class="flex-caption-title"><a href="http://www.easternflorida.edu/foundation/events/golf-tournament.cfm">Make a Difference as a Tournament Sponsor</a></p> <p class="flex-caption-description">Sponsorship opportunities are available now for the October 21, 2016 Golf Tournament to benefit Eastern Florida State College student scholarships. Click through for more details.</p> </li> <li data-thumb="http://www.easternflorida.edu/var/www/html/_resources/ldp_galleries/.private_ldp/a51941/production/master/d91409c8-73e2-4200-b410-0a1eb3c82eb0.jpg"><a href="http://www.easternflorida.edu/foundation/alumni/"><img src="http://www.easternflorida.edu/var/www/html/_resources/ldp_galleries/.private_ldp/a51941/production/master/d91409c8-73e2-4200-b410-0a1eb3c82eb0.jpg" alt="Join the EFSC Alumni Association" title="Join the EFSC Alumni Association"></a><p class="flex-caption-title"><a href="http://www.easternflorida.edu/foundation/alumni/">Join the EFSC Alumni Association</a></p> <p class="flex-caption-description">Support your alma mater and stay connected with fellow Titans by becoming a member of the EFSC Alumni Association. Click through for more on benefits and how to join. </p> </li> <li data-thumb="http://www.easternflorida.edu/var/www/html/_resources/ldp_galleries/.private_ldp/a51941/production/master/d68d7fc3-4abe-4778-a58d-8d47bf268ec8.jpg"><a href="http://www.easternflorida.edu/foundation/testimonials/"><img src="http://www.easternflorida.edu/var/www/html/_resources/ldp_galleries/.private_ldp/a51941/production/master/d68d7fc3-4abe-4778-a58d-8d47bf268ec8.jpg" alt="How Our Donors Make a Difference" title="How Our Donors Make a Difference"></a><p class="flex-caption-title"><a href="http://www.easternflorida.edu/foundation/testimonials/">How Our Donors Make a Difference</a></p> <p class="flex-caption-description">From paying tuition to buying expensive textbooks, the dollars you give translate into real-life differences for thousands of students like EFSC nursing student Heather Sacik.</p> </li> </ul> </div> </div> <h2 xmlns:ouc="http://omniupdate.com/XSL/Variables">Connecting you with Eastern Florida</h2> <p>&nbsp;</p> <ul class="landing"> <li> <h3 class="icon dotted" style="background-image:url('/icons-one/green-icons/workers.png');"><a class="landing-link" href="/foundation/who-we-are/index.cfm">Who We Are</a></h3> <div class="cms"> <p xmlns:ouc="http://omniupdate.com/XSL/Variables">Find an overview of the Foundation plus meet our Board of Directors and Professional Staff. <a title="EFSC Foundation Information" href="/foundation/who-we-are/">READ MORE</a></p> </div> </li> <li> <h3 class="icon dotted" style="background-image:url('/icons-one/green-icons/building.png');"><a class="landing-link" href="/foundation/what-we-do/">What We Do</a></h3> <div class="cms"> <p xmlns:ouc="http://omniupdate.com/XSL/Variables">Learn how the Foundation's efforts support students, faculty &amp; our community. <a title="EFSC Foundation Mission" href="/foundation/what-we-do/">READ MORE</a></p> </div> </li> <li> <h3 class="icon dotted" style="background-image:url('/icons-one/green-icons/piggy-bank.png');"><a class="landing-link" href="/foundation/how-to-help/">How To Help</a></h3> <div class="cms"> <p xmlns:ouc="http://omniupdate.com/XSL/Variables">Your generous gifts enable us to fulfill our mission. Explore our various giving programs. <a title="Donating to the EFSC Foundation" href="/foundation/how-to-help/">READ MORE</a></p> </div> </li> <li> <h3 class="icon dotted" style="background-image:url('/icons-one/green-icons/gradcap.png');"><a class="landing-link" href="/foundation/alumni/">EFSC Alumni</a></h3> <div class="cms"> <p xmlns:ouc="http://omniupdate.com/XSL/Variables">Our Alumni Association helps Eastern Florida graduates stay connected. <a title="EFSC Alumni Association" href="/foundation/alumni/">READ MORE</a></p> </div> </li> </ul> <p>&nbsp;</p> </div> <div class="medium-4 columns right-col"> <div class="overlap"> <div class="box" style="background-color:transparent;margin-bottom:0;padding bottom:0;"> <div xmlns:ouc="http://omniupdate.com/XSL/Variables" class="left"><a class="btn blue next" href="https://efsc.thankyou4caring.org/" target="_blank"><span><em>Give Now - Make a Difference</em></span></a></div> </div> <div class="box"> <h2></h2> <div id="overlap-tabs" class="tabs rnd"> <ul class="tabnav clearfix"> <li class="active"><a rel="tab-1"><span>Contact Us</span></a></li> <li><a rel="tab-2"><span>Our Vision, Mission &amp; Values</span></a></li> <li><a rel="tab-3"><span></span></a></li> </ul> <div id="tab-1" class="tab-body" style="display:block;"> <div class="tab-content"> <h5>EFSC Foundation, Inc.</h5> <p>We appreciate your contributions and the difference you make through scholarships and other support for Eastern Florida State College students. </p> <p><strong>Phone</strong>: 321-433-7055<br><strong>Fax:</strong> 321-433-7647<br><strong>Email:</strong>&nbsp;<a href="mailto:[email protected]?subject=EFSC%20Foundation%20Question">[email protected]</a></p> <p><strong>Mailing Address</strong><br>EFSC Foundation &amp; Alumni Association<br>3865 N. Wickham Rd.<br><span>Melbourne, FL 32935</span></p> </div> </div> <div id="tab-2" class="tab-body" style="display:none"> <div class="tab-content"> <h5>The EFSC Foundation</h5> <p><strong>Vision:</strong> “Maximizing donor resources to build futures, transform lives and promote academic excellence.” </p> <p><strong>Mission:</strong> “The EFSC Foundation cultivates donor and alumni relations to secure the resources required to support scholarships and initiatives to further the college mission.” </p> <p><strong>Values:</strong><br><span style="font-size: 18pt;"><strong>E</strong></span>xcellence: To contribute outstanding service to benefit the College<br><span style="font-size: 18pt;"><strong>D</strong></span>iversity: To include and recognize all the demographics in our community<br><span style="font-size: 18pt;"><strong>U</strong></span>nite: To work together for a common purpose<br><span style="font-size: 18pt;"><strong>C</strong></span>reativity: To generate solutions outside the normal channels<br><span style="font-size: 18pt;"><strong>A</strong></span>mbition: To achieve a desired common goal<br><span style="font-size: 18pt;"><strong>T</strong></span>ransparency: To operate with the utmost integrity<br><span style="font-size: 18pt;"><strong>E</strong></span>thics: To perform with virtuous behaviors, ideals and principles </p> <p>&nbsp;</p> </div> </div> <div id="tab-3" class="tab-body" style="display:none"> <div class="tab-content"> <p><strong>Phone</strong>: 321-433-7055<br><strong>Fax:</strong> 321-433-7647<br><strong>Email:</strong>&nbsp;<a href="mailto:[email protected]">[email protected]</a></p> <p><strong>Mailing Address</strong><br>EFSC Foundation, Inc. &amp;<br>Alumni Association<br><span>3865 N. Wickham Rd.</span><br><span>Melbourne, FL 32935</span></p> </div> </div> </div> </div> </div> <h3><span>Your Impact: </span>A student's story </h3> <div class="hr">&nbsp;</div> <div class="clearfix professor cms"> <div class="rnd photo-border fl-left"><img src="/foundation/images/rachel-williams-efsc-scholarship-recipient.jpg" alt="Rachel Williams" width="115" height="202"></div> <div class="fl-right"> <h4>Rachel Williams</h4> <h5 class="subhdg">EFSC A.A. Student</h5> <p>Being a stay-at-home mother trying to pursue a degree at the same time has left us with only one income to support us all. This scholarship through the EFSC Foundation has become essential in my goal to one day become a teacher. Thank you for your generosity. </p> </div> </div> <div class="center"><a class="btn small next" title="EFSC Scholarship Recipient Rachel Williams" href="/foundation/testimonials/rachel-williams.cfm"> <span> <em>Read More</em> </span> </a></div> <p>&nbsp;</p> </div> </div> </section> <footer class="row">	<div class="medium-4 columns">	<p><strong>Eastern Florida State College</strong><br /> 1519 Clearlake Road, Cocoa, FL 32922<br /> (321) 632-1111&nbsp;&nbsp; <a href="mailto:[email protected]?subject=Website%20Inquiry">[email protected]</a><br /> <a title="EFSC Call Center" href="/discover-efsc/callcenter.cfm">Contact Us</a>&nbsp;&nbsp;&nbsp;&nbsp; <a title="IT Support Desk" href="/administration-departments/it/it-tech-support.cfm">IT Support Desk</a></p>
<ul>
<li><a href="mailto:[email protected]?subject=Suggestion%2C%20Comment%20or%20Concern%20for%20EFSC">Submit Suggestions &amp; Comments</a></li>
<li><a title="SACSCOC College Accreditation Information" href="/administration-departments/institutional-effectiveness/accreditation-sacs/">SACSCOC Accreditation</a></li>
<li><a title="Equal Opportunity Information" href="/administration-departments/human-resources/equity-nondiscrimination/">Equal Access/Equal Opportunity Institution</a></li>
</ul>	</div>	<div class="medium-4 columns">	<ul class="left">	<li><a title="EFSC Foundation &amp; Alumni" href="/foundation/">Alumni/Foundation</a></li>
<li><a title="Community Resources" href="/community-resources/">Community Resources</a></li>
<li><a title="EFSC Administration and Departments" href="/administration-departments/">Administration &amp; Departments</a></li>
<li><a title="Gainful Employment Information" href="/gainful-employment/">Gainful Employment Notice</a></li>
<li><a title="EFSC Job Opportunities" href="/administration-departments/human-resources/employment-needs-opportunities/employment-opportunities.cfm">Job Opportunities</a></li>
<li><a title="EFSC News &amp; Events" href="/news-events/">News &amp; Events</a></li>
<li><a title="EFSC Site Map" href="/site-map.cfm">Site Index</a></li>	</ul>	</div>	<div class="medium-4 columns last">	<p><a class="button green donate" title="EFSC Foundation Online Donation System" href="https://efsc.thankyou4caring.org/" target="_blank">Donate</a></p>	<div class="social">	<div>	<span class="text" style="display:block;float:left;color:#333333;font-weight:bold; margin-left:.5em;width:100%;"><em>Visit Us At:</em></span>	<span class="icons">	<a href="https://twitter.com/easternflorida" title="EFSC Twitter" class="twitter" target="_blank"></a>	<a href="https://www.facebook.com/EasternFlorida" title="EFSC Facebook Page" class="facebook" target="_blank"></a>	<a href="https://www.youtube.com/user/EasternFlorida" title="EFSC Youtube" class="youtube" target="_blank"></a>	<a href="https://instagram.com/easternflorida/" title="EFSC Instagram" class="instagram" target="_blank"></a>	</span>	<div class="clearfix"></div>	</div>	</div>	<a id="direct-edit" class="direct-edit" href="#">&copy;</a> <script type="text/javascript">// <![CDATA[	var d= new Date();	document.write(d.getFullYear());	// ]]></script> EFSC	</div>
</footer> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Slickslider Flexbox w/ Foundation - Script Codes CSS Codes

.slickslide { width: 100%;
}
.slick-slide { height: auto;
}
.slick-initialized .slick-slide { display: inherit;
}
.slick-track { color: #000; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%;
}
.slick-track > div { width: 25%; margin: 0; min-height: 0; min-width: 0; display: inherit; padding: 10px; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.slick-track > div p { padding: 8px 10px; margin-bottom: 0 !important;
}
.slick-track > div:nth-of-type(odd) { background-color: #333; color: #ccc;
}
.slick-track > div:nth-of-type(even) { background-color: #f00;
}

Slickslider Flexbox w/ Foundation - Script Codes JS Codes


$('.slickslide').slick({ infinite: true, slidesToShow: 4, slidesToScroll: 4, dots: true, arrows: true, responsive: [{ breakpoint: 768, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, dots: true } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: true } }] });
Slickslider Flexbox w/ Foundation - Script Codes
Slickslider Flexbox w/ Foundation - Script Codes
Home Page Home
Developer Jeanine
Username virtual
Uploaded September 08, 2022
Rating 3
Size 12,766 Kb
Views 26,312
Do you need developer help for Slickslider Flexbox w/ Foundation?

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!

Jeanine (virtual) Script Codes
Name
Bootstrap 4
Font-Awesome Icon Card with heading
Flexbox
Parallax Cats
Simple React Template
Simple Event Box
3 Piece Slider
Expanding Info Boxes
Table Sorter Data
3 Piece Slider with featured center
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!