Menu icon Foundation

My Posts

  • 2
    Replies
  • page load

    By Pam Bifaro

    .aspx

    We have built 2 new websites with Foundation 6 and for some reason we are having very slow page loads. Sometimes over 45 sec to load a page. You can see the page open then it gets hung up on the menu or orbit banner. Has anyone else had this issue? here ... (continued)

    Last Reply by Izzy about 3 years ago

  • NEW
  • Foundation-icons.css & slow page load

    By Pam Bifaro

    .css

    Is the Foundation-icons.css causing the slow page load for my website? I am seeing a very slow load on the page and after the page loads it tends to speed up. But the first time visitor experiences the page hung up for over 45sec. https://netfix.aurstaff.com/  

  • 1
    Reply
  • Add break points not using SASS

    By Pam Bifaro

    @media

    Hello I would like to add a break point between the small and medium but we are not using SASS. Will it break the Foundation grid if I add my own @media into my app.css or is that discouraged? My IT team is not wanting to install SASS for us so I am looki... (continued)

    Last Reply by Rafi Benkual about 3 years ago

  • 1
    Reply
  • Orbit data options to animate

    By Pam Bifaro

    data-options

    I am using the Orbit slider and I'm posting a question that had been posted a while ago but I don't think it has been resolved so here it is again. I am trying to use data-options to animate the slides but the animation is not working the slider is only s... (continued)

    Last Reply by Pam Bifaro about 3 years ago

My Comments

Pam Bifaro commented on Alec Stewart's post over 2 years

Add the display:none to the opening <body>
<body style="display:none;">Add this script before the closing </body>
<!-----Flash of Unstyled Content----------><script>$('body').show();</script><!-----Flash of Unstyled Content----------><!-----Flash of Unstyled Content----------><noscript><style>body {display:block !important;}</style></noscript><!-----Flash of Unstyled Content---------->
 
Here is one of the sites we did this on:
https://www.aurstaff.com/

Helpful 1
Pam Bifaro commented on Pam Bifaro's post over 2 years

Actually I'm looking for something responsive like what I created here; 
http://www.thekimfoundation.org/New-Site/events.html
 
Also they owner would like to be able to manage their events calendar and be able to enter their events CMS.

Helpful 0
Pam Bifaro commented on Pam Bifaro's post over 2 years

No reply so far. I have a new request that the client would like to be able to update the calendar themselves.
Has anyone done anything like this???

Helpful 0
Pam Bifaro commented on Pam Bifaro's post over 2 years

This fix did not work. Am I missing something?
 
<!doctype html><html class="no-js" lang="en" dir="ltr"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><!-- TemplateBeginEditable name="doctitle" --><title>Celebrity Staff revision</title><!-- TemplateEndEditable --><meta name="description" content="Land a great job or obtain a skilled employee with employment agency AurStaff, specializing in industrial, skilled trades, technical, architecture &amp; engineering fields." />   <link rel="stylesheet" href="../css/foundation.css" />    <link rel="stylesheet" href="../css/app.css" />       <!--Google fonts-->     <link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css' />     <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" />           <!-- Orbit Foundation --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/motion-ui/1.1.1/motion-ui.min.css" /><link href="../foundation-icons/foundation-icons.css" rel="stylesheet" type="text/css" /><!-----Accordian------------------><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --></head><body style="display:none;"><center>  <form runat="server"> <div class="off-canvas-wrapper">  <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>      <!--off-canvas-title-bar-for-small-screen-->  <div class="row wrap3">  <div class="small-12 hide-for-medium hide-for-landscape" >    <div class="title-bar title-bar2" data-responsive-toggle="widemenu" data-hide-for="medium">      <div class="title-bar-left" style="padding:10px 10px 0px 10px;">              <button class="menu-icon"  type="button" data-toggle="offCanvasLeft"></button>      </div>      <div class="title-bar-right" style="padding:10px 10px 0px 10px;">      <a href="../Login.aspx" target="_blank" class="tiny button caps hidden-for-small-only">&nbsp;&nbsp;Log In</a>           </div>             </div></div></div>    <!--off-canvasleftmenu-->    <div class="off-canvas position-left" id="offCanvasLeft" data-off-canvas style="padding:10px;">            <!--Close-button-->        <button type="button" class="tiny2 button caps" data-toggle="offCanvas" data-close>Close Menu</button>      <ul class="vertical dropdown menu text-left" data-dropdown-menu>        <li class="blue"><a href="#">FIND A JOB</a></li>        <li><a href="#">WHY WORK WITH CELEBRITY</a></li>        <li><a href="#">CAREER OPTIONS</a></li>        <li><a href="#">OUR PROCESS - CANDIDATES</a></li>        <li><a href="#">EMPLOYEE BENEFITS</a></li>        <li><a href="#">STARTING YOUR ASSIGNMENT</a></li>        <li><a href="#">FIND TALENT</a></li>        <li><a href="#">AREAS OF SPECIALIZATION</a></li>        <li><a href="#">STAFFING SOLUTIONS</a></li>        <li><a href="#">OUR PROCESS - CLIENTS</a></li>        <li><a href="#">CONTACT US</a></li>        <li><a href="#">ABOUT US</a></li>              </ul>    </div>  <!--End-of-canvis-menu-->            <div class="large-12 columns">        <!--Grid---><div class="row wrap"><div class="12-large">        <div class="row">        <!--spacer--><div class="row"><div class="small-12 medium-12 large-12 columns"></div></div><!--spacer-->                       <!--logo-phone-and-social-icons-->  <div class="row" style="padding-top:0px;">    <div class="medium-4 columns" style="background-color:transparent; text-align:left; padding-left:25px;"> <a href="../default.aspx"><img src="../img/design/images/Desktop-Logo.png" alt="A leading staffing and recruitment agency | AurStaff" style="padding-bottom: 0px; padding-top: 15px; padding-right: 0px; margin-left: 45px;"></a>      <div class="purple text-center show-for-small-only" style="padding-bottom:10px; margin-top:0px;"><a href="tel:8009107354" class="purple">800.910.7354</a></div>    </div>    <div class="medium-4 columns medium-pu11-1 text-right" style="padding-right:25px;">       <p class="lineheight hide-for-small-only" style="padding-top:10px;"><span class="hide-for-small-only">         <a href="/Login.aspx" target="_blank" class="tiny button caps hidden-for-small-only">&nbsp;&nbsp;Log In</a>         <br />       </span>         <span class="hidden-for-small-only purple">         <a href="tel:8005749813" class="purpleTxt">800.910.7354</a></span><br/>         <a href="https://www.facebook.com/aurstaff" class="hidden-for-small-only" target="_blank">         <img src="../img/facebook.png" alt="AurStaff Facebook" width="9" height="22"></a>&nbsp;&nbsp;         <a href="https://www.linkedin.com/groups/1853040" target="_blank"><img src="../img/linkedIn.png" alt="AurStaff Linked In" width="21" height="21"></a>&nbsp;&nbsp;         <a href="https://www.aurstaff.com/blog/" target="_blank"><img src="../img/blog.png" alt="AurStaff Blog" width="21" height="21"></a>&nbsp;&nbsp;         <a href="https://twitter.com/aurstaff" target="_blank"><img src="../img/twitter.png" alt="AurStaff Twitter" width="24" height="19"></a>          </p>    </div>  </div>  <!--logo-phone-social-icons-->                                                </div>        <!--        <div class="row wrap">          <div class="large-12 columns">                      <div class="title-bar hide-for-small-only" data-responsive-toggle="example-menu" data-hide-for="medium">               <div class="title-bar-title hide-for-small-only"></div></div><div class="title-bar hide-for-small-only" id="example-menu">  <div class="title-bar-left text-left MenuMargin">    <ul class="menu hide-for-small-only">     <li><a href="../default.aspx">ABOUT US</a></li>      <li>        <a href="#"><span class="MenuMargin">MISSION STATEMENT</span></a>      <li>        <a href="#"><span class="MenuMargin">NEWS & EVENTS</span></a>        </li>     <li>        <a href="#"><span class="MenuMargin">RECOGNITION</span></a>        </li>       <li>        <a href="#"><span class="MenuMargin">AFFILIATED FIRMS</span></a>      </li>      <li><a href="../Contact-Us.aspx"><span class="MenuMargin">IN THE COMMUNITY</span></a></li>        <li><a href="../Contact-Us.aspx"><span class="MenuMargin">CONTACT US</span></a></li>    </ul>  </div></div>                  </div>        </div>          --->          <div class="menu expanded hide-for-small-only">  <ul class="menu">    <li><a href="#">ABOUT US</a></li>    <li><a href="#">MISSION STATEMENT</a></li>    <li><a href="#">NEWS & EVENTS</a></li>    <li><a href="#">RECOGNITION</a></li>    <li><a href="#">AFFILIATED FIRMS</a></li>    <li><a href="#">IN THE COMMUNITY</a></li>    <li><a href="#">CONTACT US</a></li>  </ul></div>                   <!------------------------Tabs to go here-------------------------------><div id="tabshideAccordian" class="row collapse">  <div class="medium-2 columns">     <ul class="tabs vertical" id="example-vert-tabs" data-tabs>           <li class="tabs-title is-active tabOnebkgd btn1" style="text-align:left">      <a href="#panel1v" aria-selected="true" class="TabText">FIND A JOB</a></li>      <li class="tabs-title tabTwoBkgd btn2">      <a href="#panel2v" class="TabText" style="text-align:left">FIND TALENT</a></li>           <li class="tabs-title tabThreeBkgd btn3">      <a href="#panel3v" class="TabText" style="text-align:left">FOR EMPLOYEES</a></li>       </ul>    </div>    <div class="medium-10 columns">         <div class="tabs-content vertical" data-tabs-content="example-vert-tabs">      <div class="tabs-panel is-active" id="panel1v">  <div class="hide-for-small medium-4 large-5 columns">           <ul class="vertical dropdown menu kickOutMenu hide-for-small-only" data-dropdown-menu style="max-width: 350px; text-align:left;">                     <li><a href="#">WHY WORK WITH CELEBRITY</a></li>                      <li><a href="#">AREAS OF SPECIALIZATION</a></li>                    <li><a href="#">CAREEER OPTIONS</a></li>                    <li><a href="#">OUR PROCESS</a></li>                    <li><a href="#">BENEFITS</a></li>                    <li><a href="#">JOB SEARCH</a></li>                    <li><a href="#">OUTSTANDING OPPORTUNITIES NEWSLETTER</a></li>                    </ul>                     </div>                                                           <!-- Find A Job Form --><div class="row"><div class="small-11 medium-7 large-5 columns" style="float:right;"><div class="Form1"><p align="center">Job Search</p>      <div id="Formcontent" class="BodyCopy" ><!-- start job search --><span id="jobsearchdivprogress" class="load">Loading...<img src="design/images/ajax_progress.gif" /></span><div id="jobsearchdiv"><select name="cboDiscipline" id="cboDiscipline" ></select><select name="cboPosition" id="cboPosition" ></select><select name="cboState" id="cboState" ></select><select name="cboMSA" id="cboMSA" ></select><button  class="button tiny2" onclick="return job_search('/Jobs/Results.aspx');" >SEARCH</button><label id="errorControl" name="errorControl"></label></div><span id="searchprogressbar" class="process">Processing...<img src="design/images/ajax_progress.gif" /></span>      </div>    </div></div></div><!-- end of Find A Job form -->                                          <!---------------------RED Icons---------------------------->                    <div class="row"><div class="hide-for-small-only medium-12 large-12 columns" style="margin-top:75px;"> <div class="hide-for-small medium-2 large-2 columns">                   <img src="../img/design/images/js-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/aol-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/jst-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/interview-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/resume-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/salary-tools-red.png" class="show-for-large-up"></div>                    </div>                    </div>                        <!---------------------RED Icons---------------------------->                                             </div>           <div class="tabs-panel" id="panel2v">      <div class="hide-for-small medium-5 large-5 columns">         <ul class="vertical dropdown menu kickOutMenu2 hide-for-small-only" data-dropdown-menu style="max-width: 350px; text-align:left;">                     <li><a href="#">WHY PARTNER WITH CELEBRITY</a></li>                      <li><a href="#">AREAS OF SPECIALIZATION</a></li>                    <li><a href="#">STAFFING SOLUTIONS</a></li>                    <li><a href="#">OUR PROCESS</a></li>                    <li><a href="#">REQUEST TALNET</a></li>                    <li><a href="#">ONLINE TIMECARD APPROVAL</a></li>                    <li><a href="#">TOP TALENT NEWSLETTER</a></li>                    </ul>                        </div>                                                             <!-- Find Talent Form --><div class="row"><div class="small-11 medium-5 large-5 columns" style="float:right;"><div class="Form1"> <div class="OrangeHeader" id="FindTalent">Find Talent</div>     <p><strong>Have a need for an employee?</strong> Search our network of exceptional candidates or contact us to learn about additional candidates not featured online.</p>   <div id="staffSearch"><asp:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat="server" /><Aureus:CandidateSearchBox runat="server" ID="candidateSearchBox1"  IsInitializeWithDivision="true" CssClass="JobSearchBox" ButtonText="Begin Staff Search" RedirectUrl="~/Employers/Results.aspx?wb={0}&pos={1}" /><p>Or, <a href="/request-talent.aspx" class="redLink">submit your staffing request online</a> and one of our professionals will start working on your search right away.</p></div></div></div></div><!-- end of Find Talent form -->                                          <!---------------------Orange Icons---------------------------->                    <div class="row"><div class="hide-for-small-only medium-12 large-12 columns float-right" style="margin-top:-35px;"> <div class="hide-for-small medium-2 large-2 columns float-right">                   <img src="../img/design/images/rt-orange.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns float-right">  <img src="../img/design/images/et-orange.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns float-right">  <img src="../img/design/images/it-orange.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns float-right">  <img src="../img/design/images/pa-orange.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns float-right">  <img src="../img/design/images/ocsib-orange.png" class="show-for-large-up"></div>          </div>                    </div>                        <!---------------------orange Icons---------------------------->          </div>                             <div class="tabs-panel" id="panel3v">      <div class="hide-for-small medium-4 large-5 columns">          <ul class="vertical dropdown menu kickOutMenu3 hide-for-small-only" data-dropdown-menu style="max-width: 350px; text-align:left">                     <li><a href="#">STARTING YOUR ASSIGNMENT</a></li>                      <li><a href="#">PAY & BENEFITS</a></li>                    <li><a href="#">ONLINE TIMECARD SUBMITTAL</a></li>                    <li><a href="#">EMPLOYEE HANDBOOK</a></li>                    </ul>                            </div>                                                         <!-- Login form --><div class="row"><div class="small-11 medium-7 large-5 columns" style="float:right;"><div class="Form1"><p>Employee Login</p>        <p><strong>Current employee?</strong> Log in to access the employee portal to access pay &amp; benefits information or view the employee handbook.</p>  <button onclick="window.open('/Login.aspx');" >     LOGIN</button>     <br />  Forgot your User ID and/or Password? <a href="/Login.aspx" target="_blank" class="purpleLink">Click here</a>  <hr />Not an employee?</b> Register today and one of our professionals will contact you regarding career opportunities.<br />   <button onclick="window.open('/Login.aspx');">    NEW USER REGISTRATION</button></div></div><!-- end of Login form -->                                          <!---------------------Purple Icons---------------------------->                    <div class="row"><div class="hide-for-small-only medium-7 large-7 columns float-right" style="margin-top:30px; z-index:1000;"> <div class="hide-for-small medium-3 large-3 columns float-right">                   <img src="../img/design/images/itc-purple.png" class="show-for-large-up"></div> <div class="hide-for-small medium-3 large-3 columns float-right">  <img src="../img/design/images/st-purple.png" class="show-for-large-up"></div> <div class="hide-for-small medium-3 large-3 columns float-right">  <img src="../img/design/images/eoq-purple.png" class="show-for-large-up"></div>          </div>                    </div>                        <!---------------------Purple Icons---------------------------->        </div>                </div>  </div></div></div><!----------------------End of tabs----------------------------->          <!----------Accordian------------------------------------------------>   <div id="AccordianhideTabs" class="row"><div class="small-12 columns"><ul class="accordion" data-accordion><!------------------Panel 1-------------------->  <li class="accordion-item is-active" data-accordion-item>    <a href="#" class="accordion-title tabOnebkgd btn1 accordianWhite">FIND A JOB</a>    <div class="accordion-content tabOnebkgd" data-tab-content>                             <!-- Find A Job Form --><div class="row"><div class="small-11 medium-7 large-5 columns" style="float:right;"><div class="Form1"><p align="center">Job Search</p>      <div id="Formcontent" class="BodyCopy" ><!-- start job search --><span id="jobsearchdivprogress" class="load">Loading...<img src="design/images/ajax_progress.gif" /></span><div id="jobsearchdiv"><select name="cboDiscipline" id="cboDiscipline" ></select><select name="cboPosition" id="cboPosition" ></select><select name="cboState" id="cboState" ></select><select name="cboMSA" id="cboMSA" ></select><button  class="button tiny2" onclick="return job_search('/Jobs/Results.aspx');" >SEARCH</button><label id="errorControl" name="errorControl"></label></div><span id="searchprogressbar" class="process">Processing...<img src="design/images/ajax_progress.gif" /></span>      </div>    </div></div></div><!-- end of Find A Job form -->    </div>  </li>        <!------------------Panel 2-------------------->    <li class="accordion-item" data-accordion-item>    <a href="#" class="accordion-title tabTwoBkgd btn2 accordianWhite">FIND TALENT</a>    <div class="accordion-content tabTwoBkgd" data-tab-content>                             <!-- Find Talent Form --><div class="row"><div class="small-11 medium-5 large-5 columns" style="float:right;"><div class="Form1"> <div class="OrangeHeader" id="FindTalent">Find Talent</div>     <p><strong>Have a need for an employee?</strong> Search our network of exceptional candidates or contact us to learn about additional candidates not featured online.</p>   <div id="staffSearch"><Aureus:CandidateSearchBox runat="server" ID="candidateSearchBox2"  IsInitializeWithDivision="true" CssClass="JobSearchBox" ButtonText="Begin Staff Search" RedirectUrl="~/Employers/Results.aspx?wb={0}&pos={1}" /><p>Or, <a href="/request-talent.aspx" class="redLink">submit your staffing request online</a> and one of our professionals will start working on your search right away.</p></div></div></div></div><!-- end of Find Talent form -->    </div>  </li><!------------------Panel 3-------------------->    <li class="accordion-item" data-accordion-item>    <a href="#" class="accordion-title tabThreeBkgd btn3 accordianWhite">FOR EMPLOYEES</a>    <div class="accordion-content tabThreeBkgd" data-tab-content>         <!-- Login form --><div class="row"><div class="small-11 medium-7 large-5 columns" style="float:right;"><div class="Form1"><p>Employee Login</p>        <p><strong>Current employee?</strong> Log in to access the employee portal to access pay &amp; benefits information or view the employee handbook.</p>  <button onclick="window.open('/Login.aspx');" >     LOGIN</button>     <br />  Forgot your User ID and/or Password? <a href="/Login.aspx" target="_blank" class="purpleLink">Click here</a>  <hr />Not an employee?</b> Register today and one of our professionals will contact you regarding career opportunities.<br />   <button onclick="window.open('/Login.aspx');">    NEW USER REGISTRATION</button></div></div><!-- end of Login form -->    </div>  </li>  <!-- ... --></ul></div></div> <!----------Accordian------------------------------------------------>                      <div class="row"> <div class="small-12 medium-12 large-12 columns"> <div class="footer"><p class="white" style="padding-top:5px;text-align:center;">Our mission is to be the staffing provider of choice by helping people and companies achieve their goals.</p></div> </div> </div>                  <div class="row wrap">        <div class="large-12 columns">            <p></p>        </div>    </div>    <!----Body-copy--------->                         <div class="row wrap">        <div class="large-4 medium-12 small-12 columns float-right" style="padding-bottom:15px;">          </div>                                        <div class="large-12 medium-12 small-12 columns">          <div class="primary callout2">            <div class="text-left" style="padding:0px 30px;"><p style="line-height:13px !important;">Celebrity Staff is the staffing and recruitment partner with the experience, resources, and network to connect extraordinary people with outstanding opportunities.<br /><br />Acquire the professionals you need to propel your business to greater success. Gain an advantage in your job search and land the position that's just right for you.<br /><br />We're an affiliate of <a href="https://www.ca-industries.com/" target="_blank">C&A Industries, Inc.</a>, a national leader in staffing with more than 45 years of success. </p>            </div>            </div>          </div>                  </div>        <!----end-of-body-copy--------->               <div class="row wrap"><div class="large-12 columns"></div></div>       <!---Footer---><footer class="row footer"><div class="large-12 columns" style="padding:10px 10px 10px 25px">       <div class="large-3 medium-4 small-12 columns">       <p><span class="MenuLinksHDR caps">find a job</span><br>       <a href="../Why-AurStaff.aspx" class="caps MenuLinks">why work with celebrity</a><br>        <a href="../JobSeekers-Process.aspx" class="caps MenuLinks">areas of specialization</a><br>        <a href="../Career-Options.aspx" class="caps MenuLinks">Career Options</a><br>        <a href="../Benefits.aspx" class="caps MenuLinks">Benefits</a><br>        <a href="../Resources.aspx" class="caps MenuLinks">job search</a><br>        <a href="../Employee-of-the-Quarter.aspx" class="caps MenuLinks">outstanding opportunities<br>        newsletter</a><br>       </p>        </div>                    <div class="large-3 medium-4 small-12 columns">          <p><span class="MenuLinksHDR caps">find talent </span><br>            <a href="../Contact-Us.aspx" class="caps MenuLinks">why partner with celebrity</a><a href="../Why-Work-With-AurStaff.aspx" class="caps MenuLinks"></a><br>            <a href="https://www.facebook.com/aurstaff" target="_blank" class="caps MenuLinks">areas of specialization</a><a href="../Employers-Process.aspx" class="caps MenuLinks"></a><br>        <a href="../Staffing-Solutions.aspx" class="caps MenuLinks">Staffing Solutions</a><br>        <a href="../Request-Talent" class="caps MenuLinks">Request Talent</a><br>        <a href="../Employers-Resources.aspx" class="caps MenuLinks">online timecard approval</a><br>        <a href="../client-newsletter.aspx" class="caps MenuLinks">top talent Newsletter</a>        </p>        </div>            <div class="large-3 medium-4 small-12 columns"><p><span class="MenuLinksHDR caps">for employees</span><br><a href="../Industrial-Skilled-Trades.aspx" class="caps MenuLinks">pay &amp; benefits</a><br><a href="../Technical.aspx" class="caps MenuLinks">online timecard submittal</a><br><a href="../Architecture-Engineering.aspx" class="caps MenuLinks">employee handbook</a>               </p></div>            <div class="large-3 medium-4 small-12 columns">                        <p><span class="MenuLinksHDR caps">About Us</span><br>         <a href="../About-Us.aspx" class="caps MenuLinks">About celebrity Staff</a><br>           <a href="../Affiliated-Firms.aspx" class="caps MenuLinks">mission statement</a><br>           <a href="../Community.aspx" class="caps MenuLinks">news &amp; events</a><br>           <a href="../Mission-Statement.aspx" class="caps MenuLinks">recognition</a><br /><a href="../Mission-Statement.aspx" class="caps MenuLinks">affiliated firms</a><br /><a href="../Mission-Statement.aspx" class="caps MenuLinks">in the community</a></p>                        <p><span class="MenuLinksHDR caps">GET IN TOUCH</span><br>                <a href="../Contact-Us.aspx" class="caps MenuLinks">Contact us</a><br>                <a href="https://www.facebook.com/aurstaff" target="_blank" class="caps MenuLinks"> <i class="fi-social-facebook MenuLinks"></i> facebook</a><br>                <a href="https://www.linkedin.com/groups/1853040" target="_blank" class="caps MenuLinks"> <i class="fi-social-linkedin MenuLinks"></i> linkedin</a><br>                <a href="https://www.aurstaff.com/blog/" target="_blank" class="caps MenuLinks"> <i class="fi-social-blogger MenuLinks"></i> blog</a><br>                <a href="https://twitter.com/aurstaff" target="_blank" class="caps MenuLinks"> <i class="fi-social-twitter MenuLinks"></i> twitter</a></p></div>          </div>           <div class="row"><div class="large-12 columns"> <p class="copywrite"><span style="color:#ffffff">&#169;Copyright <%= DateTime.Now.Year.ToString() %> Celebrity Staff&#174; |  Celebrity Staffi is an affiliate of <a href="https://www.ca-industries.com/" target="_blank" class="MenuLinks">C&A Industries, Inc.</a> | EEO / Veteran / Disabled / E-Verify Employer</span></p></div></div>  </footer>   <!---Footer--->         <!-----Sticky-Tabs--------------      <div class="sticky-tabs">    <div class="sticky-apply"><a href="/Apply-Online.aspx" target="_blank" style="color:#fff;">QUICK <i class="fi-checkbox" style="font-size:medium;"></i><br />    APPLY</a></div>    <div class="sticky-jobsearch"><a href="../Job-Search.aspx" style="color:#fff;">JOB <i class="fi-magnifying-glass" style="font-size:medium;"></i><br />     SEARCH</a></div>      <div class="sticky-candsearch"><a href="../Request-Talent.aspx" style="color:#fff;">CANDIDATE<br />     TALENT</a> <i class="fi-torsos-male-female" style="font-size:medium;"></i></div> </div><!----------End-Sticky-Tabs------------>                    </div></div>        </div></div>                        <!-----End-of-grid----->      </div>  </div>  </div>    </div>  </div> </div>    </div>  <!---close-wrapper-no-more-content-after-this--->  </div></div></form></center><script src="../js/vendor/jquery.js"></script><script src="../js/vendor/foundation.js"></script><script src="../js/vendor/what-input.js"></script><script src="../js/vendor/motion-ui.js"></script><script src="../js/vendor/modernizr.js"></script><script src="../js/vendor/foundation.orbit.js"></script><script src="../js/foundation/foundation.equalizer.js"></script>  <script src="../js/index.js"></script><script>$('body').show();</script><script src="../js/app.js"></script>  <script>    $(document).foundation();  </script><!--Google-Analytics-->       <!--Google-Analytics--> <!-----Flash of Unstyled Content----------><noscript><style>body {display:block !important;}</style></noscript><!-----Flash of Unstyled Content----------><!---------------Tabs-------------------------><script>  $(document).foundation({    tab: {      callback : function (tab) {        console.log(tab);      }    }  });</script><script>  $('#myTabs').on('toggled', function (event, tab) {    console.log(tab);  });</script><!---------------Tabs-------------------------> </body></html>

Helpful 0
Pam Bifaro commented on Pam Bifaro's post over 2 years

Okay I think I'm missing something here. I have the code in place and linking to the js file but the Hover effect is not working. Here is my code.
 
 
<!doctype html><html class="no-js" lang="en" dir="ltr"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><!-- TemplateBeginEditable name="doctitle" --><title>Celebrity Staff revision</title><!-- TemplateEndEditable --><meta name="description" content="Land a great job or obtain a skilled employee with employment agency AurStaff, specializing in industrial, skilled trades, technical, architecture &amp; engineering fields." />   <link rel="stylesheet" href="../css/foundation.css" />    <link rel="stylesheet" href="../css/app.css" />       <!--Google fonts-->     <link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css' />     <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" />           <!-- Orbit Foundation --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/motion-ui/1.1.1/motion-ui.min.css" /><link href="../foundation-icons/foundation-icons.css" rel="stylesheet" type="text/css" /><!-----Accordian------------------><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --></head><body style="display:none;"><center>  <form runat="server"> <div class="off-canvas-wrapper">  <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>      <!--off-canvas-title-bar-for-small-screen-->  <div class="row wrap3">  <div class="small-12 hide-for-medium hide-for-landscape" >    <div class="title-bar title-bar2" data-responsive-toggle="widemenu" data-hide-for="medium">      <div class="title-bar-left" style="padding:10px 10px 0px 10px;">              <button class="menu-icon"  type="button" data-toggle="offCanvasLeft"></button>      </div>      <div class="title-bar-right" style="padding:10px 10px 0px 10px;">      <a href="../Login.aspx" target="_blank" class="tiny button caps hidden-for-small-only">&nbsp;&nbsp;Log In</a>           </div>             </div></div></div>    <!--off-canvasleftmenu-->    <div class="off-canvas position-left" id="offCanvasLeft" data-off-canvas style="padding:10px;">            <!--Close-button-->        <button type="button" class="tiny2 button caps" data-toggle="offCanvas" data-close>Close Menu</button>      <ul class="vertical dropdown menu text-left" data-dropdown-menu>        <li class="blue"><a href="#">FIND A JOB</a></li>        <li><a href="#">WHY WORK WITH CELEBRITY</a></li>        <li><a href="#">CAREER OPTIONS</a></li>        <li><a href="#">OUR PROCESS - CANDIDATES</a></li>        <li><a href="#">EMPLOYEE BENEFITS</a></li>        <li><a href="#">STARTING YOUR ASSIGNMENT</a></li>        <li><a href="#">FIND TALENT</a></li>        <li><a href="#">AREAS OF SPECIALIZATION</a></li>        <li><a href="#">STAFFING SOLUTIONS</a></li>        <li><a href="#">OUR PROCESS - CLIENTS</a></li>        <li><a href="#">CONTACT US</a></li>        <li><a href="#">ABOUT US</a></li>              </ul>    </div>  <!--End-of-canvis-menu-->            <div class="large-12 columns">        <!--Grid---><div class="row wrap"><div class="12-large">        <div class="row">        <!--spacer--><div class="row"><div class="small-12 medium-12 large-12 columns"></div></div><!--spacer-->                       <!--logo-phone-and-social-icons-->  <div class="row" style="padding-top:0px;">    <div class="medium-4 columns" style="background-color:transparent; text-align:left; padding-left:25px;"> <a href="../default.aspx"><img src="../img/design/images/Desktop-Logo.png" alt="A leading staffing and recruitment agency | AurStaff" style="padding-bottom: 0px; padding-top: 15px; padding-right: 0px; margin-left: 45px;"></a>      <div class="purple text-center show-for-small-only" style="padding-bottom:10px; margin-top:0px;"><a href="tel:8009107354" class="purple">800.910.7354</a></div>    </div>    <div class="medium-4 columns medium-pu11-1 text-right" style="padding-right:25px;">       <p class="lineheight hide-for-small-only" style="padding-top:10px;"><span class="hide-for-small-only">         <a href="/Login.aspx" target="_blank" class="tiny button caps hidden-for-small-only">&nbsp;&nbsp;Log In</a>         <br />       </span>         <span class="hidden-for-small-only purple">         <a href="tel:8005749813" class="purpleTxt">800.910.7354</a></span><br/>         <a href="https://www.facebook.com/aurstaff" class="hidden-for-small-only" target="_blank">         <img src="../img/facebook.png" alt="AurStaff Facebook" width="9" height="22"></a>&nbsp;&nbsp;         <a href="https://www.linkedin.com/groups/1853040" target="_blank"><img src="../img/linkedIn.png" alt="AurStaff Linked In" width="21" height="21"></a>&nbsp;&nbsp;         <a href="https://www.aurstaff.com/blog/" target="_blank"><img src="../img/blog.png" alt="AurStaff Blog" width="21" height="21"></a>&nbsp;&nbsp;         <a href="https://twitter.com/aurstaff" target="_blank"><img src="../img/twitter.png" alt="AurStaff Twitter" width="24" height="19"></a>          </p>    </div>  </div>  <!--logo-phone-social-icons-->                                                </div>        <!--        <div class="row wrap">          <div class="large-12 columns">                      <div class="title-bar hide-for-small-only" data-responsive-toggle="example-menu" data-hide-for="medium">               <div class="title-bar-title hide-for-small-only"></div></div><div class="title-bar hide-for-small-only" id="example-menu">  <div class="title-bar-left text-left MenuMargin">    <ul class="menu hide-for-small-only">     <li><a href="../default.aspx">ABOUT US</a></li>      <li>        <a href="#"><span class="MenuMargin">MISSION STATEMENT</span></a>      <li>        <a href="#"><span class="MenuMargin">NEWS & EVENTS</span></a>        </li>     <li>        <a href="#"><span class="MenuMargin">RECOGNITION</span></a>        </li>       <li>        <a href="#"><span class="MenuMargin">AFFILIATED FIRMS</span></a>      </li>      <li><a href="../Contact-Us.aspx"><span class="MenuMargin">IN THE COMMUNITY</span></a></li>        <li><a href="../Contact-Us.aspx"><span class="MenuMargin">CONTACT US</span></a></li>    </ul>  </div></div>                  </div>        </div>          --->          <div class="menu expanded hide-for-small-only">  <ul class="menu">    <li><a href="#">ABOUT US</a></li>    <li><a href="#">MISSION STATEMENT</a></li>    <li><a href="#">NEWS & EVENTS</a></li>    <li><a href="#">RECOGNITION</a></li>    <li><a href="#">AFFILIATED FIRMS</a></li>    <li><a href="#">IN THE COMMUNITY</a></li>    <li><a href="#">CONTACT US</a></li>  </ul></div>                   <!------------------------Tabs to go here-------------------------------><div id="tabshideAccordian" class="row collapse">  <div class="medium-2 columns">     <ul class="tabs vertical" id="example-vert-tabs" data-tabs>           <li class="tabs-title is-active tabOnebkgd btn1" style="text-align:left">      <a href="#panel1v" aria-selected="true" class="TabText">FIND A JOB</a></li>      <li class="tabs-title tabTwoBkgd btn2">      <a href="#panel2v" class="TabText" style="text-align:left">FIND TALENT</a></li>           <li class="tabs-title tabThreeBkgd btn3">      <a href="#panel3v" class="TabText" style="text-align:left">FOR EMPLOYEES</a></li>       </ul>    </div>    <div class="medium-10 columns">         <div class="tabs-content vertical" data-tabs-content="example-vert-tabs">      <div class="tabs-panel is-active" id="panel1v">  <div class="hide-for-small medium-4 large-5 columns">           <ul class="vertical dropdown menu kickOutMenu hide-for-small-only" data-dropdown-menu style="max-width: 350px; text-align:left;">                     <li><a href="#">WHY WORK WITH CELEBRITY</a></li>                      <li><a href="#">AREAS OF SPECIALIZATION</a></li>                    <li><a href="#">CAREEER OPTIONS</a></li>                    <li><a href="#">OUR PROCESS</a></li>                    <li><a href="#">BENEFITS</a></li>                    <li><a href="#">JOB SEARCH</a></li>                    <li><a href="#">OUTSTANDING OPPORTUNITIES NEWSLETTER</a></li>                    </ul>                     </div>                                                           <!-- Find A Job Form --><div class="row"><div class="small-11 medium-7 large-5 columns" style="float:right;"><div class="Form1"><p align="center">Job Search</p>      <div id="Formcontent" class="BodyCopy" ><!-- start job search --><span id="jobsearchdivprogress" class="load">Loading...<img src="design/images/ajax_progress.gif" /></span><div id="jobsearchdiv"><select name="cboDiscipline" id="cboDiscipline" ></select><select name="cboPosition" id="cboPosition" ></select><select name="cboState" id="cboState" ></select><select name="cboMSA" id="cboMSA" ></select><button  class="button tiny2" onclick="return job_search('/Jobs/Results.aspx');" >SEARCH</button><label id="errorControl" name="errorControl"></label></div><span id="searchprogressbar" class="process">Processing...<img src="design/images/ajax_progress.gif" /></span>      </div>    </div></div></div><!-- end of Find A Job form -->                                          <!---------------------RED Icons---------------------------->                    <div class="row"><div class="hide-for-small-only medium-12 large-12 columns" style="margin-top:75px;"> <div class="hide-for-small medium-2 large-2 columns">                   <img src="../img/design/images/js-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/aol-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/jst-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/interview-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/resume-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/salary-tools-red.png" class="show-for-large-up"></div>                    </div>                    </div>                        <!---------------------RED Icons---------------------------->                                             </div>           <div class="tabs-panel" id="panel2v">      <div class="hide-for-small medium-5 large-5 columns">         <ul class="vertical dropdown menu kickOutMenu2 hide-for-small-only" data-dropdown-menu style="max-width: 350px; text-align:left;">                     <li><a href="#">WHY PARTNER WITH CELEBRITY</a></li>                      <li><a href="#">AREAS OF SPECIALIZATION</a></li>                    <li><a href="#">STAFFING SOLUTIONS</a></li>                    <li><a href="#">OUR PROCESS</a></li>                    <li><a href="#">REQUEST TALNET</a></li>                    <li><a href="#">ONLINE TIMECARD APPROVAL</a></li>                    <li><a href="#">TOP TALENT NEWSLETTER</a></li>                    </ul>                        </div>                                                             <!-- Find Talent Form --><div class="row"><div class="small-11 medium-5 large-5 columns" style="float:right;"><div class="Form1"> <div class="OrangeHeader" id="FindTalent">Find Talent</div>     <p><strong>Have a need for an employee?</strong> Search our network of exceptional candidates or contact us to learn about additional candidates not featured online.</p>   <div id="staffSearch"><asp:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat="server" /><Aureus:CandidateSearchBox runat="server" ID="candidateSearchBox1"  IsInitializeWithDivision="true" CssClass="JobSearchBox" ButtonText="Begin Staff Search" RedirectUrl="~/Employers/Results.aspx?wb={0}&pos={1}" /><p>Or, <a href="/request-talent.aspx" class="redLink">submit your staffing request online</a> and one of our professionals will start working on your search right away.</p></div></div></div></div><!-- end of Find Talent form -->                                          <!---------------------Orange Icons---------------------------->                    <div class="row"><div class="hide-for-small-only medium-12 large-12 columns float-right" style="margin-top:-35px;"> <div class="hide-for-small medium-2 large-2 columns float-right">                   <img src="../img/design/images/rt-orange.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns float-right">  <img src="../img/design/images/et-orange.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns float-right">  <img src="../img/design/images/it-orange.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns float-right">  <img src="../img/design/images/pa-orange.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns float-right">  <img src="../img/design/images/ocsib-orange.png" class="show-for-large-up"></div>          </div>                    </div>                        <!---------------------orange Icons---------------------------->          </div>                             <div class="tabs-panel" id="panel3v">      <div class="hide-for-small medium-4 large-5 columns">          <ul class="vertical dropdown menu kickOutMenu3 hide-for-small-only" data-dropdown-menu style="max-width: 350px; text-align:left">                     <li><a href="#">STARTING YOUR ASSIGNMENT</a></li>                      <li><a href="#">PAY & BENEFITS</a></li>                    <li><a href="#">ONLINE TIMECARD SUBMITTAL</a></li>                    <li><a href="#">EMPLOYEE HANDBOOK</a></li>                    </ul>                            </div>                                                         <!-- Login form --><div class="row"><div class="small-11 medium-7 large-5 columns" style="float:right;"><div class="Form1"><p>Employee Login</p>        <p><strong>Current employee?</strong> Log in to access the employee portal to access pay &amp; benefits information or view the employee handbook.</p>  <button onclick="window.open('/Login.aspx');" >     LOGIN</button>     <br />  Forgot your User ID and/or Password? <a href="/Login.aspx" target="_blank" class="purpleLink">Click here</a>  <hr />Not an employee?</b> Register today and one of our professionals will contact you regarding career opportunities.<br />   <button onclick="window.open('/Login.aspx');">    NEW USER REGISTRATION</button></div></div><!-- end of Login form -->                                          <!---------------------Purple Icons---------------------------->                    <div class="row"><div class="hide-for-small-only medium-7 large-7 columns float-right" style="margin-top:30px; z-index:1000;"> <div class="hide-for-small medium-3 large-3 columns float-right">                   <img src="../img/design/images/itc-purple.png" class="show-for-large-up"></div> <div class="hide-for-small medium-3 large-3 columns float-right">  <img src="../img/design/images/st-purple.png" class="show-for-large-up"></div> <div class="hide-for-small medium-3 large-3 columns float-right">  <img src="../img/design/images/eoq-purple.png" class="show-for-large-up"></div>          </div>                    </div>                        <!---------------------Purple Icons---------------------------->        </div>                </div>  </div></div></div><!----------------------End of tabs----------------------------->          <!----------Accordian------------------------------------------------>   <div id="AccordianhideTabs" class="row"><div class="small-12 columns"><ul class="accordion" data-accordion><!------------------Panel 1-------------------->  <li class="accordion-item is-active" data-accordion-item>    <a href="#" class="accordion-title tabOnebkgd btn1 accordianWhite">FIND A JOB</a>    <div class="accordion-content tabOnebkgd" data-tab-content>                             <!-- Find A Job Form --><div class="row"><div class="small-11 medium-7 large-5 columns" style="float:right;"><div class="Form1"><p align="center">Job Search</p>      <div id="Formcontent" class="BodyCopy" ><!-- start job search --><span id="jobsearchdivprogress" class="load">Loading...<img src="design/images/ajax_progress.gif" /></span><div id="jobsearchdiv"><select name="cboDiscipline" id="cboDiscipline" ></select><select name="cboPosition" id="cboPosition" ></select><select name="cboState" id="cboState" ></select><select name="cboMSA" id="cboMSA" ></select><button  class="button tiny2" onclick="return job_search('/Jobs/Results.aspx');" >SEARCH</button><label id="errorControl" name="errorControl"></label></div><span id="searchprogressbar" class="process">Processing...<img src="design/images/ajax_progress.gif" /></span>      </div>    </div></div></div><!-- end of Find A Job form -->    </div>  </li>        <!------------------Panel 2-------------------->    <li class="accordion-item" data-accordion-item>    <a href="#" class="accordion-title tabTwoBkgd btn2 accordianWhite">FIND TALENT</a>    <div class="accordion-content tabTwoBkgd" data-tab-content>                             <!-- Find Talent Form --><div class="row"><div class="small-11 medium-5 large-5 columns" style="float:right;"><div class="Form1"> <div class="OrangeHeader" id="FindTalent">Find Talent</div>     <p><strong>Have a need for an employee?</strong> Search our network of exceptional candidates or contact us to learn about additional candidates not featured online.</p>   <div id="staffSearch"><Aureus:CandidateSearchBox runat="server" ID="candidateSearchBox2"  IsInitializeWithDivision="true" CssClass="JobSearchBox" ButtonText="Begin Staff Search" RedirectUrl="~/Employers/Results.aspx?wb={0}&pos={1}" /><p>Or, <a href="/request-talent.aspx" class="redLink">submit your staffing request online</a> and one of our professionals will start working on your search right away.</p></div></div></div></div><!-- end of Find Talent form -->    </div>  </li><!------------------Panel 3-------------------->    <li class="accordion-item" data-accordion-item>    <a href="#" class="accordion-title tabThreeBkgd btn3 accordianWhite">FOR EMPLOYEES</a>    <div class="accordion-content tabThreeBkgd" data-tab-content>         <!-- Login form --><div class="row"><div class="small-11 medium-7 large-5 columns" style="float:right;"><div class="Form1"><p>Employee Login</p>        <p><strong>Current employee?</strong> Log in to access the employee portal to access pay &amp; benefits information or view the employee handbook.</p>  <button onclick="window.open('/Login.aspx');" >     LOGIN</button>     <br />  Forgot your User ID and/or Password? <a href="/Login.aspx" target="_blank" class="purpleLink">Click here</a>  <hr />Not an employee?</b> Register today and one of our professionals will contact you regarding career opportunities.<br />   <button onclick="window.open('/Login.aspx');">    NEW USER REGISTRATION</button></div></div><!-- end of Login form -->    </div>  </li>  <!-- ... --></ul></div></div> <!----------Accordian------------------------------------------------>                      <div class="row"> <div class="small-12 medium-12 large-12 columns"> <div class="footer"><p class="white" style="padding-top:5px;text-align:center;">Our mission is to be the staffing provider of choice by helping people and companies achieve their goals.</p></div> </div> </div>                  <div class="row wrap">        <div class="large-12 columns">            <p></p>        </div>    </div>    <!----Body-copy--------->                         <div class="row wrap">        <div class="large-4 medium-12 small-12 columns float-right" style="padding-bottom:15px;">          </div>                                        <div class="large-12 medium-12 small-12 columns">          <div class="primary callout2">            <div class="text-left" style="padding:0px 30px;"><p style="line-height:13px !important;">Celebrity Staff is the staffing and recruitment partner with the experience, resources, and network to connect extraordinary people with outstanding opportunities.<br /><br />Acquire the professionals you need to propel your business to greater success. Gain an advantage in your job search and land the position that's just right for you.<br /><br />We're an affiliate of <a href="https://www.ca-industries.com/" target="_blank">C&A Industries, Inc.</a>, a national leader in staffing with more than 45 years of success. </p>            </div>            </div>          </div>                  </div>        <!----end-of-body-copy--------->               <div class="row wrap"><div class="large-12 columns"></div></div>       <!---Footer---><footer class="row footer"><div class="large-12 columns" style="padding:10px 10px 10px 25px">       <div class="large-3 medium-4 small-12 columns">       <p><span class="MenuLinksHDR caps">find a job</span><br>       <a href="../Why-AurStaff.aspx" class="caps MenuLinks">why work with celebrity</a><br>        <a href="../JobSeekers-Process.aspx" class="caps MenuLinks">areas of specialization</a><br>        <a href="../Career-Options.aspx" class="caps MenuLinks">Career Options</a><br>        <a href="../Benefits.aspx" class="caps MenuLinks">Benefits</a><br>        <a href="../Resources.aspx" class="caps MenuLinks">job search</a><br>        <a href="../Employee-of-the-Quarter.aspx" class="caps MenuLinks">outstanding opportunities<br>        newsletter</a><br>       </p>        </div>                    <div class="large-3 medium-4 small-12 columns">          <p><span class="MenuLinksHDR caps">find talent </span><br>            <a href="../Contact-Us.aspx" class="caps MenuLinks">why partner with celebrity</a><a href="../Why-Work-With-AurStaff.aspx" class="caps MenuLinks"></a><br>            <a href="https://www.facebook.com/aurstaff" target="_blank" class="caps MenuLinks">areas of specialization</a><a href="../Employers-Process.aspx" class="caps MenuLinks"></a><br>        <a href="../Staffing-Solutions.aspx" class="caps MenuLinks">Staffing Solutions</a><br>        <a href="../Request-Talent" class="caps MenuLinks">Request Talent</a><br>        <a href="../Employers-Resources.aspx" class="caps MenuLinks">online timecard approval</a><br>        <a href="../client-newsletter.aspx" class="caps MenuLinks">top talent Newsletter</a>        </p>        </div>            <div class="large-3 medium-4 small-12 columns"><p><span class="MenuLinksHDR caps">for employees</span><br><a href="../Industrial-Skilled-Trades.aspx" class="caps MenuLinks">pay &amp; benefits</a><br><a href="../Technical.aspx" class="caps MenuLinks">online timecard submittal</a><br><a href="../Architecture-Engineering.aspx" class="caps MenuLinks">employee handbook</a>               </p></div>            <div class="large-3 medium-4 small-12 columns">                        <p><span class="MenuLinksHDR caps">About Us</span><br>         <a href="../About-Us.aspx" class="caps MenuLinks">About celebrity Staff</a><br>           <a href="../Affiliated-Firms.aspx" class="caps MenuLinks">mission statement</a><br>           <a href="../Community.aspx" class="caps MenuLinks">news &amp; events</a><br>           <a href="../Mission-Statement.aspx" class="caps MenuLinks">recognition</a><br /><a href="../Mission-Statement.aspx" class="caps MenuLinks">affiliated firms</a><br /><a href="../Mission-Statement.aspx" class="caps MenuLinks">in the community</a></p>                        <p><span class="MenuLinksHDR caps">GET IN TOUCH</span><br>                <a href="../Contact-Us.aspx" class="caps MenuLinks">Contact us</a><br>                <a href="https://www.facebook.com/aurstaff" target="_blank" class="caps MenuLinks"> <i class="fi-social-facebook MenuLinks"></i> facebook</a><br>                <a href="https://www.linkedin.com/groups/1853040" target="_blank" class="caps MenuLinks"> <i class="fi-social-linkedin MenuLinks"></i> linkedin</a><br>                <a href="https://www.aurstaff.com/blog/" target="_blank" class="caps MenuLinks"> <i class="fi-social-blogger MenuLinks"></i> blog</a><br>                <a href="https://twitter.com/aurstaff" target="_blank" class="caps MenuLinks"> <i class="fi-social-twitter MenuLinks"></i> twitter</a></p></div>          </div>           <div class="row"><div class="large-12 columns"> <p class="copywrite"><span style="color:#ffffff">&#169;Copyright <%= DateTime.Now.Year.ToString() %> Celebrity Staff&#174; |  Celebrity Staffi is an affiliate of <a href="https://www.ca-industries.com/" target="_blank" class="MenuLinks">C&A Industries, Inc.</a> | EEO / Veteran / Disabled / E-Verify Employer</span></p></div></div>  </footer>   <!---Footer--->         <!-----Sticky-Tabs--------------      <div class="sticky-tabs">    <div class="sticky-apply"><a href="/Apply-Online.aspx" target="_blank" style="color:#fff;">QUICK <i class="fi-checkbox" style="font-size:medium;"></i><br />    APPLY</a></div>    <div class="sticky-jobsearch"><a href="../Job-Search.aspx" style="color:#fff;">JOB <i class="fi-magnifying-glass" style="font-size:medium;"></i><br />     SEARCH</a></div>      <div class="sticky-candsearch"><a href="../Request-Talent.aspx" style="color:#fff;">CANDIDATE<br />     TALENT</a> <i class="fi-torsos-male-female" style="font-size:medium;"></i></div> </div><!----------End-Sticky-Tabs------------>                    </div></div>        </div></div>                        <!-----End-of-grid----->      </div>  </div>  </div>    </div>  </div> </div>    </div>  <!---close-wrapper-no-more-content-after-this--->  </div></div></form></center><script src="../js/vendor/jquery.js"></script><script src="../js/vendor/foundation.js"></script><script src="../js/vendor/what-input.js"></script><script src="../js/vendor/motion-ui.js"></script><script src="../js/vendor/modernizr.js"></script><script src="../js/vendor/foundation.orbit.js"></script><script src="../js/foundation/foundation.equalizer.js"></script>  <script src="../js/index.js"></script><script>$('body').show();</script><script src="../js/app.js"></script>  <script>    $(document).foundation();  </script><!--Google-Analytics-->       <!--Google-Analytics--> <!-----Flash of Unstyled Content----------><noscript><style>body {display:block !important;}</style></noscript><!-----Flash of Unstyled Content----------><!---------------Tabs-------------------------><script>  $(document).foundation({    tab: {      callback : function (tab) {        console.log(tab);      }    }  });</script><script>  $('#myTabs').on('toggled', function (event, tab) {    console.log(tab);  });</script><!---------------Tabs-------------------------> </body></html>

Helpful 0
Pam Bifaro commented on Daryl Baker's post almost 3 years

Oh never mind. when i clicked on you link I was first directed to a login/register page for Code Pen that wanted a fee. but I see that I can just select a different tabs at the top and view the code.
Thanks

Helpful 0
Pam Bifaro commented on Daryl Baker's post almost 3 years

This is exactly what I'm looking for. Does anyone have a FREE version??

Helpful 0
Pam Bifaro commented on Alec Stewart's post about 3 years

I believe I'm using Foundation 6.2.1
The website is      https://www.aurstaff.com
 

Helpful 0
Pam Bifaro commented on Alec Stewart's post about 3 years

here is my code
 
<%@ Page Language="C#" ContentType="text/html" ResponseEncoding="utf-8" EnableEventValidation="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>AurStaff: A leading staffing and recruitment agency</title>
<!-- TemplateEndEditable -->
<meta name="description" content="Land a great job or obtain a skilled employee with employment agency AurStaff, specializing in industrial, skilled trades, technical, architecture &amp; engineering fields." />
 
 
 
   <link rel="stylesheet" href="../css/foundation.css" />
    <link rel="stylesheet" href="../css/app.css" />
  
     <!--Google fonts-->
     <link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css' />
     <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" /> 
     
     <!-- Orbit Foundation -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/motion-ui/1.1.1/motion-ui.min.css" />
<link href="../foundation-icons/foundation-icons.css" rel="stylesheet" type="text/css" />
 
 
 
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
 
<body>
 
<center>
 
 
  <form runat="server">
 
 
<div class="off-canvas-wrapper">
  <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
 
 
 
 
  <!--off-canvas-title-bar-for-small-screen-->
  <div class="row wrap3">
  <div class="small-12 hide-for-medium hide-for-landscape" >
    <div class="title-bar title-bar2" data-responsive-toggle="widemenu" data-hide-for="medium">
      <div class="title-bar-left" style="padding:10px 10px 0px 10px;">
      
        <button class="menu-icon"  type="button" data-toggle="offCanvasLeft"></button>
      </div>
      <div class="title-bar-right" style="padding:10px 10px 0px 10px;">
      <a href="../Login.aspx" target="_blank" class="tiny button caps hidden-for-small-only">Log In</a>
     
      </div>
   
      
    </div>
</div>
</div>
 
 
    <!--off-canvasleftmenu-->
    <div class="off-canvas position-left" id="offCanvasLeft" data-off-canvas style="padding:10px;">
    
        <!--Close-button-->
        <button type="button" class="tiny button caps" data-toggle="offCanvas" data-close>Close Menu</button>
      <ul class="vertical dropdown menu text-left" data-dropdown-menu>
        <li class="blue"><a href="../Industrial-Skilled-Trades.aspx">Industrial/Skilled Trades</a></li>
        <li><a href="../Technical.aspx">Technical</a></li>
        <li><a href="../Architecture-Engineering.aspx">Architecture/Engineering</a></li>
        <li><a href="../Why-AurStaff.aspx">Why AurStaff</a></li>
        <li><a href="../Career-Options.aspx">Career Options</a></li>
        <li><a href="../JobSeekers-Process.aspx">Candidate Process</a></li>
        <li><a href="../Staffing-Solutions.aspx">Staffing Solutions</a></li>
        <li><a href="../Employers-Process.aspx">Employer Process</a></li>
        <li><a href="../Contact-Us.aspx">Contact Us</a></li>
        
      </ul>
    </div>
 
  <!--End-of-canvis-menu-->  
 
 
    
 
 
 
      <div class="large-12 columns">
  
      
<!--Grid--->
<div class="row wrap">
<div class="12-large">
        <div class="row">
        
<!--spacer-->
<div class="row">
<div class="small-12 medium-12 large-12 columns">
</div>
</div>
<!--spacer--> 
          
            <!--logo-phone-and-social-icons-->
  <div class="row" style="padding-top:0px;">
    <div class="medium-4 columns" style="background-color:transparent;"> <a href="../default.aspx"><img src="../img/AurStaff-logo.png" alt="A leading staffing and recruitment agency | AurStaff" style="padding-bottom:0px; padding-top:15px; padding-right:10px; "></a>
      <div class="blue text-center show-for-small-only" style="padding-bottom:10px; margin-top:0px;"><a href="tel:8005749813" class="blue">800.574.9813</a></div>
    </div>
    <div class="medium-4 columns medium-pu11-1 text-right">
       <p class="lineheight hide-for-small-only" style="padding-top:10px;"><span class="hide-for-small-only">
<a href="../Login.aspx" target="_blank" class="tiny button caps hidden-for-small-only">Log In</a>
<br /></span>
         <span class="blue hidden-for-small-only">
         <a href="tel:8005749813" class="blue">800.574.9813</a></span><br/>
         <a href="https://www.facebook.com/aurstaff" class="hidden-for-small-only" target="_blank">
         <img src="../img/facebook.png" alt="AurStaff Facebook" width="40" height="40"></a>
         <a href="https://www.linkedin.com/groups/1853040" target="_blank"><img src="../img/linkedIn.png" alt="AurStaff Linked In" width="40" height="40"></a>
         <a href="https://www.aurstaff.com/blog/" target="_blank"><img src="../img/blog.png" alt="AurStaff Blog" width="40" height="40"></a>
         <a href="https://twitter.com/aurstaff" target="_blank"><img src="../img/twitter.png" alt="AurStaff Twitter" width="40" height="40"></a> 
         </p>
    </div>
  </div>
  <!--logo-phone-social-icons-->
          
          
          
          
        </div>
<div class="row wrap">
          <div class="large-12 columns">
         
             <div class="title-bar hide-for-small-only" data-responsive-toggle="example-menu" data-hide-for="medium">
             
 
  <div class="title-bar-title hide-for-small-only"></div>
</div>
 
 
 
<div class="title-bar hide-for-small-only" id="example-menu">
  <div class="title-bar-left text-left MenuMargin">
    <ul class="dropdown menu hide-for-small-only" data-dropdown-menu>
     <li><a href="../default.aspx"><span class="yellowMenuItem">Home</span></a></li>
      <li>
        <a href="#"><span class="yellowMenuItem MenuMargin">Job Seekers</span></a>
        <ul class="menu vertical MenuMargin">
          <li class="blue"><a href="../Why-AurStaff.aspx">Why AurStaff</a></li>
          <li class="blue"><a href="../JobSeekers-Process.aspx">Our Process</a></li>
          <li class="blue"><a href="../Career-Options.aspx">Career Options</a></li>
          <li class="blue"><a href="../Benefits.aspx">Benefits</a></li>
          <li class="blue"><a href="../JobSeekers-Resources.aspx">Resources</a></li>
          <li class="blue"><a href="../Employee-of-the-Quarter.aspx">Employee of the Quarter</a></li>
          <li class="blue"><a href="../candidate-newsletter.aspx">Newsletter</a></li>
          </ul>
       <li>
        <a href="#"><span class="yellowMenuItem MenuMargin">Employers</span></a>
        <ul class="menu vertical MenuMargin">
        <li class="blue"><a href="../Why-Work-With-AurStaff.aspx">Why AurStaff</a></li>
          <li class="blue"><a href="../Employers-Process.aspx">Our Process</a></li>
          <li class="blue"><a href="../Staffing-Solutions.aspx">Staffing Solutions</a></li>
          <li class="blue"><a href="../Request-Talent.aspx">Request Talent</a></li>
          <li class="blue"><a href="../Employers-Resources.aspx">Resources</a></li>
          <li class="blue"><a href="../client-newsletter.aspx">Newsletter</a></li>
        </ul>
      </li>
<li>
        <a href="#"><span class="yellowMenuItem MenuMargin">Areas of Specialization</span></a>
        <ul class="menu vertical MenuMargin">
          <li class="blue"><a href="../Industrial-Skilled-Trades.aspx">Industrial/Skilled Trades</a></li>
          <li class="blue"><a href="../Technical.aspx">Technical</a></li>
          <li class="blue"><a href="../Architecture-Engineering.aspx">Architecture/Engineering</a></li>
        </ul>
      </li>
       <li>
        <a href="#"><span class="yellowMenuItem MenuMargin">About Us</span></a>
        <ul class="menu vertical MenuMargin">
          <li class="blue"><a href="../About-Us.aspx">About AurStaff</a></li>
          <li class="blue"><a href="../Affiliated-Firms.aspx">Affiliated Firms</a></li>
          <li class="blue"><a href="../Community.aspx">Community</a></li>
          <li class="blue"><a href="../Mission-Statement.aspx">Mission Statement</a></li>
        </ul>
      </li>
      <li><a href="../Contact-Us.aspx"><span class="yellowMenuItem MenuMargin">Contact Us</span></a></li>
    </ul>
  </div>
</div>
        
          </div>
        </div>
        
        
    
    
 
   
    
    
    
    
<!--orbit-slider--> 
<div class="row wrap">
<div class="large-12 medium-12 small-12 columns">
<div class="orbit" role="region" aria-label="Specialties" data-orbit>
</div>
 
<div data-orbit data-options="animInFromLeft:fade-in; animInFromRight:fade-in; animOutToLeft:fade-out; animOutToRight:fade-out;">
<ul class="orbit-container">
<li class="orbit-slide">
<span class="layer-centered">
</span>
<img width="2000" height="667" src="../img/imageSlider1.jpg" alt="Architechture and Engineering Staffing">
</li>
<li class="orbit-slide">
<span class="layer-centered">
</span>
<img width="2000" height="667" src="../img/imageSlider2.jpg" alt="Industrial and Skilled Trades Staffing">
</li>
<li class="orbit-slide">
<span class="layer-centered">
</span>
<img width="2000" height="667" src="../img/imageSlider3.jpg" alt="Architechture and Engineering Staffing">
</li>
 
        <li class="orbit-slide">
<span class="layer-centered">
</span>
<img width="2000" height="667" src="../img/imageSlider4.jpg" alt="Technical Staffing">
</li>
</ul>
</div>
 
</div>
</div>
</div>
<!--orbit-slider-->      
    
    
    
    
    
    
    
    <div class="row wrap">
        <div class="large-12 columns">
            <p></p>
 
        </div>
    </div>    
<!----Body-copy--------->         
        
        <div class="row wrap">
        <div class="large-4 medium-12 small-12 columns float-right" style="padding-bottom:15px;">
 
  <!---FORM--->
   <div class="WrapForm large-3 medium-12 small-12 columns">
   
         
     <!---outter table wrap--->   
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td>
  
 <!-------Inner-table-wrap--->   
<table width="90%" border="0" cellspacing="0" cellpadding="0" style="border-color:transparent !important;" >
  <tr>
  <td style="text-align:center; border-color:transparent; border:none;"><h6>Job Search</h6></td>
  </tr>
</table>
<!----Center-the-2-sections---->
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td> 
 
              <asp:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat="server" />
              <asp:UpdatePanel ID="UpdatePanelJobSearch" runat="server" updatemode="Conditional">
<ContentTemplate>
<Aureus:JobSearchDisciplineControl runat="server" ID="jobSearchBox1" PostbackOnPositionChange="true" IsWebSiteJobSearch="true" IsNonMedicalJobSearch="true" IsAurStaffJobSearch="true" IsResponsive="true" ButtonText="Begin Job Search"
AlternateDisplay="true" 
DisciplineWidth="200" 
                    SpecialtyWidth="200" 
                    PositionWidth="200" StateWidth="200" MsaWidth="200" RedirectUrl="~/Jobs/Results.aspx?disc={0}&pos={1}&spec={2}&stateID={3}&msaID={4}" />
                <asp:UpdateProgress ID="updProgress" AssociatedUpdatePanelID="UpdatePanelJobSearch" runat="server">
        <ProgressTemplate>                    
   <span style="font-size:12px;">Processing...<img src="../img/ajax_progress.gif" style="vertical-align:text-bottom; width:200px;" /></span></ProgressTemplate></asp:UpdateProgress>
</ContentTemplate>
</asp:UpdatePanel>
 
  </td>
  </tr>
</table> <!-----Center-the-2-sections---->
   
 
 
 <!---End-of-outter-table-wrap----> 
  </td>
  </tr>
</table>     
         
</div>         
          
<!---form--->
          </div>
          
          
          
          <div class="large-8 medium-12 small-12 columns">
          <div class="primary callout2">
            <div class="text-left" style="padding-top:0px;">
          
           <h3>The Gold Standard in Staffing.</h3>   
           <p>Find the right employee. Land your next great job. AurStaff knows the value of a skilled workforce and the importance of a well-matched job opportunity. We&rsquo;re a leading staffing and recruitment agency that connects businesses and industries with dedicated, high performing people.
<br/><br/>
With more than 45 years of experience, a deep network, and the latest search tools, we&rsquo;ve set the standard as a staffing provider of choice and a partner you can count on.   
<br/><br/>
We specialize in positions within the <strong>industrial</strong>, <strong>skilled trades</strong>, <strong>technical</strong>, <strong>engineering</strong>, and <strong>architecture fields</strong>.</p>
            </div>
            </div>
          </div>
          
        </div>
        
<!----end-of-body-copy--------->       
        
 
 
<!----specialties---------> 
 
          <div class="row wrap small-up-1 medium-up-3 large-up-3" data-equalizer>
  <div class="column">
<a href="../Industrial-Skilled-Trades.aspx">  
<div class="GreenBox callout warning" data-equalizer-watch>
<p> <img src="../img/Industrial.jpg" alt="Industrial/Skilled Trades" class="img"></p>
<p class="specialtyHRD"><span class="caps">Industrial / skilled trades</span></p>
<p class="specialty">
 Warehouse, Manufacturing, General Labor, Grounds, Welding
              </p>
</div>
</a>
</div>
<div class="column">
<a href="../Technical.aspx">
<div class="BlueBox callout warning" data-equalizer-watch>
<p><img src="../img/Technical.jpg" alt="Industrial/Skilled Trades" class="img"></p>
<p class="specialtyHRD"><span class="caps">Technical</span></p>
<p class="specialty">
Maintenance, QC/QA, Electronics, Assembly, Construction
              </p>
</div>
</a>
</div>
<div class="column">
<a href="../Architecture-Engineering.aspx">
<div class="OrangeBox callout warning" data-equalizer-watch>
<p><img src="../img/Architecture.jpg" alt="Industrial/Skilled Trades" class="img"></p>
<p class="specialtyHRD"><span class="caps">Architechtural / engineering</span></p>
<p class="specialty">
Drafting, Architecture, Engineering, Project Management
              </p>
</div>
</a>
</div>
</div>
 
<!--end of specialties--> 
 
 
 
 
<div class="row wrap">
<div class="large-12 columns"></div>
</div>  
 
 
 
     
<!---Footer--->
<footer class="row footer">
<div class="large-12 columns">
       <div class="large-3 medium-4 small-12 columns">
       <p><span class="MenuLinksHDR caps">JOB SEEKERS</span><br>
       <a href="../Why-AurStaff.aspx" class="caps MenuLinks">Why AurStaff</a><br>
        <a href="../JobSeekers-Process.aspx" class="caps MenuLinks">Our Process</a><br>
        <a href="../Career-Options.aspx" class="caps MenuLinks">Career Options</a><br>
        <a href="../Benefits.aspx" class="caps MenuLinks">Benefits</a><br>
        <a href="../Resources.aspx" class="caps MenuLinks">Resources</a><br>
        <a href="../Employee-of-the-Quarter.aspx" class="caps MenuLinks">Employee of the Quarter</a><br>
       <a href="../candidate-newsletter.aspx" class="caps MenuLinks">Newsletter</a>
        </p>
        </div>
            
        <div class="large-3 medium-4 small-12 columns"><p><span class="MenuLinksHDR caps">EMPLOYERS</span><br>
        <a href="../Why-Work-With-AurStaff.aspx" class="caps MenuLinks">Why AurStaff</a><br>
        <a href="../Employers-Process.aspx" class="caps MenuLinks">Our Process</a><br>
        <a href="../Staffing-Solutions.aspx" class="caps MenuLinks">Staffing Solutions</a><br>
        <a href="../Request-Talent" class="caps MenuLinks">Request Talent</a><br>
        <a href="../Employers-Resources.aspx" class="caps MenuLinks">Resources</a><br>
        <a href="../client-newsletter.aspx" class="caps MenuLinks">Newsletter</a>
        </p>
        </div>
            
<div class="large-3 medium-4 small-12 columns">
<p><span class="MenuLinksHDR caps">AREAS OF SPECIALIZATION</span><br>
<a href="../Industrial-Skilled-Trades.aspx" class="caps MenuLinks">Industrial/Skilled Trades</a><br>
<a href="../Technical.aspx" class="caps MenuLinks">Technical</a><br>
<a href="../Architecture-Engineering.aspx" class="caps MenuLinks">Architecture/Engineering</a>
               </p>
<p><span class="MenuLinksHDR caps">About Us</span><br>
  <a href="../About-Us.aspx" class="caps MenuLinks">About AurStaff</a><br>
        <a href="../Affiliated-Firms.aspx" class="caps MenuLinks">Affiliated Firms</a><br>
        <a href="../Community.aspx" class="caps MenuLinks">Community</a><br>
        <a href="../Mission-Statement.aspx" class="caps MenuLinks">Mission Statement</a>
               </p>
 
</div>
            <div class="large-3 medium-4 small-12 columns"><p><span class="MenuLinksHDR caps">GET IN TOUCH</span><br>
                <a href="../Contact-Us.aspx" class="caps MenuLinks">Contact us</a><br>
                <a href="https://www.facebook.com/aurstaff" target="_blank" class="caps MenuLinks"> <i class="fi-social-facebook MenuLinks"></i> facebook</a><br>
                <a href="https://www.linkedin.com/groups/1853040" target="_blank" class="caps MenuLinks"> <i class="fi-social-linkedin MenuLinks"></i> linkedin</a><br>
                <a href="https://www.aurstaff.com/blog/" target="_blank" class="caps MenuLinks"> <i class="fi-social-blogger MenuLinks"></i> blog</a><br>
                <a href="https://twitter.com/aurstaff" target="_blank" class="caps MenuLinks"> <i class="fi-social-twitter MenuLinks"></i> twitter</a></p></div>
          </div> 
          <div class="row">
<div class="large-12 columns">
 <p class="copywrite"><span style="color:#8f9296">&#169;Copyright <%= DateTime.Now.Year.ToString() %> AurStaff &#174; |  
AurStaff is an affiliate of <a href="https://www.ca-industries.com/" target="_blank" class="copyright">C&A Industries, Inc.</a> | EEO / Veteran / Disabled / E-Verify Employer</span></p>
</div>
</div>
  </footer>
   <!---Footer--->
   
   
   <!-----Sticky-Tabs-------------->
   
   
<div class="sticky-tabs">
<div class="sticky-apply"><a href="/Apply-Online.aspx" target="_blank" style="color:#fff;">QUICK <i class="fi-checkbox" style="font-size:medium;"></i><br />
    APPLY</a></div>
    <div class="sticky-jobsearch"><a href="../Job-Search.aspx" style="color:#fff;">JOB <i class="fi-magnifying-glass" style="font-size:medium;"></i><br />
     SEARCH</a></div> 
     <div class="sticky-candsearch"><a href="../Request-Talent.aspx" style="color:#fff;">REQUEST<br />
 
     TALENT</a> <i class="fi-torsos-male-female" style="font-size:medium;"></i></div> 
</div>
 
<!----------End-Sticky-Tabs------------>
   
   
   
   
        </div></div>
        </div></div>
        
        
        <!-----End-of-grid----->
      </div>
  </div>
  </div>
    </div>
  </div>
 </div>
    </div>
  <!---close-wrapper-no-more-content-after-this--->
  </div>
</div>
</form>
</center>
 
 
<script src="../js/vendor/jquery.js"></script>
<script src="../js/vendor/foundation.js"></script>
<script src="../js/vendor/what-input.js"></script>
<script src="../js/vendor/motion-ui.js"></script>
<script src="../js/vendor/modernizr.js"></script>
<script src="../js/vendor/foundation.orbit.js"></script>
<script src="../js/app.js"></script>
    
 
 
<!--Google-Analytics-->    
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 
  ga('create', 'UA-502774-11', 'auto');
  ga('send', 'pageview');
 
</script>    
<!--Google-Analytics--> 
 
 </body>
</html>
 

Helpful 0
Pam Bifaro commented on Alec Stewart's post about 3 years

I tried the no-js and it did not work for me. I included it in the html tag in the header then added the css to the html page and also deleted modernizr.js. But still had the same FOUC

Helpful 0

Posts Followed

No Content

Following

    No Content

Followers

My Posts

My Comments

You commented on Alec Stewart's post over 2 years

Add the display:none to the opening <body>
<body style="display:none;">Add this script before the closing </body>
<!-----Flash of Unstyled Content----------><script>$('body').show();</script><!-----Flash of Unstyled Content----------><!-----Flash of Unstyled Content----------><noscript><style>body {display:block !important;}</style></noscript><!-----Flash of Unstyled Content---------->
 
Here is one of the sites we did this on:
https://www.aurstaff.com/

Helpful 1
You commented on Pam Bifaro's post over 2 years

Actually I'm looking for something responsive like what I created here; 
http://www.thekimfoundation.org/New-Site/events.html
 
Also they owner would like to be able to manage their events calendar and be able to enter their events CMS.

Helpful 0
You commented on Pam Bifaro's post over 2 years

No reply so far. I have a new request that the client would like to be able to update the calendar themselves.
Has anyone done anything like this???

Helpful 0
You commented on Pam Bifaro's post over 2 years

This fix did not work. Am I missing something?
 
<!doctype html><html class="no-js" lang="en" dir="ltr"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><!-- TemplateBeginEditable name="doctitle" --><title>Celebrity Staff revision</title><!-- TemplateEndEditable --><meta name="description" content="Land a great job or obtain a skilled employee with employment agency AurStaff, specializing in industrial, skilled trades, technical, architecture &amp; engineering fields." />   <link rel="stylesheet" href="../css/foundation.css" />    <link rel="stylesheet" href="../css/app.css" />       <!--Google fonts-->     <link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css' />     <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" />           <!-- Orbit Foundation --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/motion-ui/1.1.1/motion-ui.min.css" /><link href="../foundation-icons/foundation-icons.css" rel="stylesheet" type="text/css" /><!-----Accordian------------------><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --></head><body style="display:none;"><center>  <form runat="server"> <div class="off-canvas-wrapper">  <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>      <!--off-canvas-title-bar-for-small-screen-->  <div class="row wrap3">  <div class="small-12 hide-for-medium hide-for-landscape" >    <div class="title-bar title-bar2" data-responsive-toggle="widemenu" data-hide-for="medium">      <div class="title-bar-left" style="padding:10px 10px 0px 10px;">              <button class="menu-icon"  type="button" data-toggle="offCanvasLeft"></button>      </div>      <div class="title-bar-right" style="padding:10px 10px 0px 10px;">      <a href="../Login.aspx" target="_blank" class="tiny button caps hidden-for-small-only">&nbsp;&nbsp;Log In</a>           </div>             </div></div></div>    <!--off-canvasleftmenu-->    <div class="off-canvas position-left" id="offCanvasLeft" data-off-canvas style="padding:10px;">            <!--Close-button-->        <button type="button" class="tiny2 button caps" data-toggle="offCanvas" data-close>Close Menu</button>      <ul class="vertical dropdown menu text-left" data-dropdown-menu>        <li class="blue"><a href="#">FIND A JOB</a></li>        <li><a href="#">WHY WORK WITH CELEBRITY</a></li>        <li><a href="#">CAREER OPTIONS</a></li>        <li><a href="#">OUR PROCESS - CANDIDATES</a></li>        <li><a href="#">EMPLOYEE BENEFITS</a></li>        <li><a href="#">STARTING YOUR ASSIGNMENT</a></li>        <li><a href="#">FIND TALENT</a></li>        <li><a href="#">AREAS OF SPECIALIZATION</a></li>        <li><a href="#">STAFFING SOLUTIONS</a></li>        <li><a href="#">OUR PROCESS - CLIENTS</a></li>        <li><a href="#">CONTACT US</a></li>        <li><a href="#">ABOUT US</a></li>              </ul>    </div>  <!--End-of-canvis-menu-->            <div class="large-12 columns">        <!--Grid---><div class="row wrap"><div class="12-large">        <div class="row">        <!--spacer--><div class="row"><div class="small-12 medium-12 large-12 columns"></div></div><!--spacer-->                       <!--logo-phone-and-social-icons-->  <div class="row" style="padding-top:0px;">    <div class="medium-4 columns" style="background-color:transparent; text-align:left; padding-left:25px;"> <a href="../default.aspx"><img src="../img/design/images/Desktop-Logo.png" alt="A leading staffing and recruitment agency | AurStaff" style="padding-bottom: 0px; padding-top: 15px; padding-right: 0px; margin-left: 45px;"></a>      <div class="purple text-center show-for-small-only" style="padding-bottom:10px; margin-top:0px;"><a href="tel:8009107354" class="purple">800.910.7354</a></div>    </div>    <div class="medium-4 columns medium-pu11-1 text-right" style="padding-right:25px;">       <p class="lineheight hide-for-small-only" style="padding-top:10px;"><span class="hide-for-small-only">         <a href="/Login.aspx" target="_blank" class="tiny button caps hidden-for-small-only">&nbsp;&nbsp;Log In</a>         <br />       </span>         <span class="hidden-for-small-only purple">         <a href="tel:8005749813" class="purpleTxt">800.910.7354</a></span><br/>         <a href="https://www.facebook.com/aurstaff" class="hidden-for-small-only" target="_blank">         <img src="../img/facebook.png" alt="AurStaff Facebook" width="9" height="22"></a>&nbsp;&nbsp;         <a href="https://www.linkedin.com/groups/1853040" target="_blank"><img src="../img/linkedIn.png" alt="AurStaff Linked In" width="21" height="21"></a>&nbsp;&nbsp;         <a href="https://www.aurstaff.com/blog/" target="_blank"><img src="../img/blog.png" alt="AurStaff Blog" width="21" height="21"></a>&nbsp;&nbsp;         <a href="https://twitter.com/aurstaff" target="_blank"><img src="../img/twitter.png" alt="AurStaff Twitter" width="24" height="19"></a>          </p>    </div>  </div>  <!--logo-phone-social-icons-->                                                </div>        <!--        <div class="row wrap">          <div class="large-12 columns">                      <div class="title-bar hide-for-small-only" data-responsive-toggle="example-menu" data-hide-for="medium">               <div class="title-bar-title hide-for-small-only"></div></div><div class="title-bar hide-for-small-only" id="example-menu">  <div class="title-bar-left text-left MenuMargin">    <ul class="menu hide-for-small-only">     <li><a href="../default.aspx">ABOUT US</a></li>      <li>        <a href="#"><span class="MenuMargin">MISSION STATEMENT</span></a>      <li>        <a href="#"><span class="MenuMargin">NEWS & EVENTS</span></a>        </li>     <li>        <a href="#"><span class="MenuMargin">RECOGNITION</span></a>        </li>       <li>        <a href="#"><span class="MenuMargin">AFFILIATED FIRMS</span></a>      </li>      <li><a href="../Contact-Us.aspx"><span class="MenuMargin">IN THE COMMUNITY</span></a></li>        <li><a href="../Contact-Us.aspx"><span class="MenuMargin">CONTACT US</span></a></li>    </ul>  </div></div>                  </div>        </div>          --->          <div class="menu expanded hide-for-small-only">  <ul class="menu">    <li><a href="#">ABOUT US</a></li>    <li><a href="#">MISSION STATEMENT</a></li>    <li><a href="#">NEWS & EVENTS</a></li>    <li><a href="#">RECOGNITION</a></li>    <li><a href="#">AFFILIATED FIRMS</a></li>    <li><a href="#">IN THE COMMUNITY</a></li>    <li><a href="#">CONTACT US</a></li>  </ul></div>                   <!------------------------Tabs to go here-------------------------------><div id="tabshideAccordian" class="row collapse">  <div class="medium-2 columns">     <ul class="tabs vertical" id="example-vert-tabs" data-tabs>           <li class="tabs-title is-active tabOnebkgd btn1" style="text-align:left">      <a href="#panel1v" aria-selected="true" class="TabText">FIND A JOB</a></li>      <li class="tabs-title tabTwoBkgd btn2">      <a href="#panel2v" class="TabText" style="text-align:left">FIND TALENT</a></li>           <li class="tabs-title tabThreeBkgd btn3">      <a href="#panel3v" class="TabText" style="text-align:left">FOR EMPLOYEES</a></li>       </ul>    </div>    <div class="medium-10 columns">         <div class="tabs-content vertical" data-tabs-content="example-vert-tabs">      <div class="tabs-panel is-active" id="panel1v">  <div class="hide-for-small medium-4 large-5 columns">           <ul class="vertical dropdown menu kickOutMenu hide-for-small-only" data-dropdown-menu style="max-width: 350px; text-align:left;">                     <li><a href="#">WHY WORK WITH CELEBRITY</a></li>                      <li><a href="#">AREAS OF SPECIALIZATION</a></li>                    <li><a href="#">CAREEER OPTIONS</a></li>                    <li><a href="#">OUR PROCESS</a></li>                    <li><a href="#">BENEFITS</a></li>                    <li><a href="#">JOB SEARCH</a></li>                    <li><a href="#">OUTSTANDING OPPORTUNITIES NEWSLETTER</a></li>                    </ul>                     </div>                                                           <!-- Find A Job Form --><div class="row"><div class="small-11 medium-7 large-5 columns" style="float:right;"><div class="Form1"><p align="center">Job Search</p>      <div id="Formcontent" class="BodyCopy" ><!-- start job search --><span id="jobsearchdivprogress" class="load">Loading...<img src="design/images/ajax_progress.gif" /></span><div id="jobsearchdiv"><select name="cboDiscipline" id="cboDiscipline" ></select><select name="cboPosition" id="cboPosition" ></select><select name="cboState" id="cboState" ></select><select name="cboMSA" id="cboMSA" ></select><button  class="button tiny2" onclick="return job_search('/Jobs/Results.aspx');" >SEARCH</button><label id="errorControl" name="errorControl"></label></div><span id="searchprogressbar" class="process">Processing...<img src="design/images/ajax_progress.gif" /></span>      </div>    </div></div></div><!-- end of Find A Job form -->                                          <!---------------------RED Icons---------------------------->                    <div class="row"><div class="hide-for-small-only medium-12 large-12 columns" style="margin-top:75px;"> <div class="hide-for-small medium-2 large-2 columns">                   <img src="../img/design/images/js-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/aol-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/jst-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/interview-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/resume-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/salary-tools-red.png" class="show-for-large-up"></div>                    </div>                    </div>                        <!---------------------RED Icons---------------------------->                                             </div>           <div class="tabs-panel" id="panel2v">      <div class="hide-for-small medium-5 large-5 columns">         <ul class="vertical dropdown menu kickOutMenu2 hide-for-small-only" data-dropdown-menu style="max-width: 350px; text-align:left;">                     <li><a href="#">WHY PARTNER WITH CELEBRITY</a></li>                      <li><a href="#">AREAS OF SPECIALIZATION</a></li>                    <li><a href="#">STAFFING SOLUTIONS</a></li>                    <li><a href="#">OUR PROCESS</a></li>                    <li><a href="#">REQUEST TALNET</a></li>                    <li><a href="#">ONLINE TIMECARD APPROVAL</a></li>                    <li><a href="#">TOP TALENT NEWSLETTER</a></li>                    </ul>                        </div>                                                             <!-- Find Talent Form --><div class="row"><div class="small-11 medium-5 large-5 columns" style="float:right;"><div class="Form1"> <div class="OrangeHeader" id="FindTalent">Find Talent</div>     <p><strong>Have a need for an employee?</strong> Search our network of exceptional candidates or contact us to learn about additional candidates not featured online.</p>   <div id="staffSearch"><asp:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat="server" /><Aureus:CandidateSearchBox runat="server" ID="candidateSearchBox1"  IsInitializeWithDivision="true" CssClass="JobSearchBox" ButtonText="Begin Staff Search" RedirectUrl="~/Employers/Results.aspx?wb={0}&pos={1}" /><p>Or, <a href="/request-talent.aspx" class="redLink">submit your staffing request online</a> and one of our professionals will start working on your search right away.</p></div></div></div></div><!-- end of Find Talent form -->                                          <!---------------------Orange Icons---------------------------->                    <div class="row"><div class="hide-for-small-only medium-12 large-12 columns float-right" style="margin-top:-35px;"> <div class="hide-for-small medium-2 large-2 columns float-right">                   <img src="../img/design/images/rt-orange.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns float-right">  <img src="../img/design/images/et-orange.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns float-right">  <img src="../img/design/images/it-orange.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns float-right">  <img src="../img/design/images/pa-orange.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns float-right">  <img src="../img/design/images/ocsib-orange.png" class="show-for-large-up"></div>          </div>                    </div>                        <!---------------------orange Icons---------------------------->          </div>                             <div class="tabs-panel" id="panel3v">      <div class="hide-for-small medium-4 large-5 columns">          <ul class="vertical dropdown menu kickOutMenu3 hide-for-small-only" data-dropdown-menu style="max-width: 350px; text-align:left">                     <li><a href="#">STARTING YOUR ASSIGNMENT</a></li>                      <li><a href="#">PAY & BENEFITS</a></li>                    <li><a href="#">ONLINE TIMECARD SUBMITTAL</a></li>                    <li><a href="#">EMPLOYEE HANDBOOK</a></li>                    </ul>                            </div>                                                         <!-- Login form --><div class="row"><div class="small-11 medium-7 large-5 columns" style="float:right;"><div class="Form1"><p>Employee Login</p>        <p><strong>Current employee?</strong> Log in to access the employee portal to access pay &amp; benefits information or view the employee handbook.</p>  <button onclick="window.open('/Login.aspx');" >     LOGIN</button>     <br />  Forgot your User ID and/or Password? <a href="/Login.aspx" target="_blank" class="purpleLink">Click here</a>  <hr />Not an employee?</b> Register today and one of our professionals will contact you regarding career opportunities.<br />   <button onclick="window.open('/Login.aspx');">    NEW USER REGISTRATION</button></div></div><!-- end of Login form -->                                          <!---------------------Purple Icons---------------------------->                    <div class="row"><div class="hide-for-small-only medium-7 large-7 columns float-right" style="margin-top:30px; z-index:1000;"> <div class="hide-for-small medium-3 large-3 columns float-right">                   <img src="../img/design/images/itc-purple.png" class="show-for-large-up"></div> <div class="hide-for-small medium-3 large-3 columns float-right">  <img src="../img/design/images/st-purple.png" class="show-for-large-up"></div> <div class="hide-for-small medium-3 large-3 columns float-right">  <img src="../img/design/images/eoq-purple.png" class="show-for-large-up"></div>          </div>                    </div>                        <!---------------------Purple Icons---------------------------->        </div>                </div>  </div></div></div><!----------------------End of tabs----------------------------->          <!----------Accordian------------------------------------------------>   <div id="AccordianhideTabs" class="row"><div class="small-12 columns"><ul class="accordion" data-accordion><!------------------Panel 1-------------------->  <li class="accordion-item is-active" data-accordion-item>    <a href="#" class="accordion-title tabOnebkgd btn1 accordianWhite">FIND A JOB</a>    <div class="accordion-content tabOnebkgd" data-tab-content>                             <!-- Find A Job Form --><div class="row"><div class="small-11 medium-7 large-5 columns" style="float:right;"><div class="Form1"><p align="center">Job Search</p>      <div id="Formcontent" class="BodyCopy" ><!-- start job search --><span id="jobsearchdivprogress" class="load">Loading...<img src="design/images/ajax_progress.gif" /></span><div id="jobsearchdiv"><select name="cboDiscipline" id="cboDiscipline" ></select><select name="cboPosition" id="cboPosition" ></select><select name="cboState" id="cboState" ></select><select name="cboMSA" id="cboMSA" ></select><button  class="button tiny2" onclick="return job_search('/Jobs/Results.aspx');" >SEARCH</button><label id="errorControl" name="errorControl"></label></div><span id="searchprogressbar" class="process">Processing...<img src="design/images/ajax_progress.gif" /></span>      </div>    </div></div></div><!-- end of Find A Job form -->    </div>  </li>        <!------------------Panel 2-------------------->    <li class="accordion-item" data-accordion-item>    <a href="#" class="accordion-title tabTwoBkgd btn2 accordianWhite">FIND TALENT</a>    <div class="accordion-content tabTwoBkgd" data-tab-content>                             <!-- Find Talent Form --><div class="row"><div class="small-11 medium-5 large-5 columns" style="float:right;"><div class="Form1"> <div class="OrangeHeader" id="FindTalent">Find Talent</div>     <p><strong>Have a need for an employee?</strong> Search our network of exceptional candidates or contact us to learn about additional candidates not featured online.</p>   <div id="staffSearch"><Aureus:CandidateSearchBox runat="server" ID="candidateSearchBox2"  IsInitializeWithDivision="true" CssClass="JobSearchBox" ButtonText="Begin Staff Search" RedirectUrl="~/Employers/Results.aspx?wb={0}&pos={1}" /><p>Or, <a href="/request-talent.aspx" class="redLink">submit your staffing request online</a> and one of our professionals will start working on your search right away.</p></div></div></div></div><!-- end of Find Talent form -->    </div>  </li><!------------------Panel 3-------------------->    <li class="accordion-item" data-accordion-item>    <a href="#" class="accordion-title tabThreeBkgd btn3 accordianWhite">FOR EMPLOYEES</a>    <div class="accordion-content tabThreeBkgd" data-tab-content>         <!-- Login form --><div class="row"><div class="small-11 medium-7 large-5 columns" style="float:right;"><div class="Form1"><p>Employee Login</p>        <p><strong>Current employee?</strong> Log in to access the employee portal to access pay &amp; benefits information or view the employee handbook.</p>  <button onclick="window.open('/Login.aspx');" >     LOGIN</button>     <br />  Forgot your User ID and/or Password? <a href="/Login.aspx" target="_blank" class="purpleLink">Click here</a>  <hr />Not an employee?</b> Register today and one of our professionals will contact you regarding career opportunities.<br />   <button onclick="window.open('/Login.aspx');">    NEW USER REGISTRATION</button></div></div><!-- end of Login form -->    </div>  </li>  <!-- ... --></ul></div></div> <!----------Accordian------------------------------------------------>                      <div class="row"> <div class="small-12 medium-12 large-12 columns"> <div class="footer"><p class="white" style="padding-top:5px;text-align:center;">Our mission is to be the staffing provider of choice by helping people and companies achieve their goals.</p></div> </div> </div>                  <div class="row wrap">        <div class="large-12 columns">            <p></p>        </div>    </div>    <!----Body-copy--------->                         <div class="row wrap">        <div class="large-4 medium-12 small-12 columns float-right" style="padding-bottom:15px;">          </div>                                        <div class="large-12 medium-12 small-12 columns">          <div class="primary callout2">            <div class="text-left" style="padding:0px 30px;"><p style="line-height:13px !important;">Celebrity Staff is the staffing and recruitment partner with the experience, resources, and network to connect extraordinary people with outstanding opportunities.<br /><br />Acquire the professionals you need to propel your business to greater success. Gain an advantage in your job search and land the position that's just right for you.<br /><br />We're an affiliate of <a href="https://www.ca-industries.com/" target="_blank">C&A Industries, Inc.</a>, a national leader in staffing with more than 45 years of success. </p>            </div>            </div>          </div>                  </div>        <!----end-of-body-copy--------->               <div class="row wrap"><div class="large-12 columns"></div></div>       <!---Footer---><footer class="row footer"><div class="large-12 columns" style="padding:10px 10px 10px 25px">       <div class="large-3 medium-4 small-12 columns">       <p><span class="MenuLinksHDR caps">find a job</span><br>       <a href="../Why-AurStaff.aspx" class="caps MenuLinks">why work with celebrity</a><br>        <a href="../JobSeekers-Process.aspx" class="caps MenuLinks">areas of specialization</a><br>        <a href="../Career-Options.aspx" class="caps MenuLinks">Career Options</a><br>        <a href="../Benefits.aspx" class="caps MenuLinks">Benefits</a><br>        <a href="../Resources.aspx" class="caps MenuLinks">job search</a><br>        <a href="../Employee-of-the-Quarter.aspx" class="caps MenuLinks">outstanding opportunities<br>        newsletter</a><br>       </p>        </div>                    <div class="large-3 medium-4 small-12 columns">          <p><span class="MenuLinksHDR caps">find talent </span><br>            <a href="../Contact-Us.aspx" class="caps MenuLinks">why partner with celebrity</a><a href="../Why-Work-With-AurStaff.aspx" class="caps MenuLinks"></a><br>            <a href="https://www.facebook.com/aurstaff" target="_blank" class="caps MenuLinks">areas of specialization</a><a href="../Employers-Process.aspx" class="caps MenuLinks"></a><br>        <a href="../Staffing-Solutions.aspx" class="caps MenuLinks">Staffing Solutions</a><br>        <a href="../Request-Talent" class="caps MenuLinks">Request Talent</a><br>        <a href="../Employers-Resources.aspx" class="caps MenuLinks">online timecard approval</a><br>        <a href="../client-newsletter.aspx" class="caps MenuLinks">top talent Newsletter</a>        </p>        </div>            <div class="large-3 medium-4 small-12 columns"><p><span class="MenuLinksHDR caps">for employees</span><br><a href="../Industrial-Skilled-Trades.aspx" class="caps MenuLinks">pay &amp; benefits</a><br><a href="../Technical.aspx" class="caps MenuLinks">online timecard submittal</a><br><a href="../Architecture-Engineering.aspx" class="caps MenuLinks">employee handbook</a>               </p></div>            <div class="large-3 medium-4 small-12 columns">                        <p><span class="MenuLinksHDR caps">About Us</span><br>         <a href="../About-Us.aspx" class="caps MenuLinks">About celebrity Staff</a><br>           <a href="../Affiliated-Firms.aspx" class="caps MenuLinks">mission statement</a><br>           <a href="../Community.aspx" class="caps MenuLinks">news &amp; events</a><br>           <a href="../Mission-Statement.aspx" class="caps MenuLinks">recognition</a><br /><a href="../Mission-Statement.aspx" class="caps MenuLinks">affiliated firms</a><br /><a href="../Mission-Statement.aspx" class="caps MenuLinks">in the community</a></p>                        <p><span class="MenuLinksHDR caps">GET IN TOUCH</span><br>                <a href="../Contact-Us.aspx" class="caps MenuLinks">Contact us</a><br>                <a href="https://www.facebook.com/aurstaff" target="_blank" class="caps MenuLinks"> <i class="fi-social-facebook MenuLinks"></i> facebook</a><br>                <a href="https://www.linkedin.com/groups/1853040" target="_blank" class="caps MenuLinks"> <i class="fi-social-linkedin MenuLinks"></i> linkedin</a><br>                <a href="https://www.aurstaff.com/blog/" target="_blank" class="caps MenuLinks"> <i class="fi-social-blogger MenuLinks"></i> blog</a><br>                <a href="https://twitter.com/aurstaff" target="_blank" class="caps MenuLinks"> <i class="fi-social-twitter MenuLinks"></i> twitter</a></p></div>          </div>           <div class="row"><div class="large-12 columns"> <p class="copywrite"><span style="color:#ffffff">&#169;Copyright <%= DateTime.Now.Year.ToString() %> Celebrity Staff&#174; |  Celebrity Staffi is an affiliate of <a href="https://www.ca-industries.com/" target="_blank" class="MenuLinks">C&A Industries, Inc.</a> | EEO / Veteran / Disabled / E-Verify Employer</span></p></div></div>  </footer>   <!---Footer--->         <!-----Sticky-Tabs--------------      <div class="sticky-tabs">    <div class="sticky-apply"><a href="/Apply-Online.aspx" target="_blank" style="color:#fff;">QUICK <i class="fi-checkbox" style="font-size:medium;"></i><br />    APPLY</a></div>    <div class="sticky-jobsearch"><a href="../Job-Search.aspx" style="color:#fff;">JOB <i class="fi-magnifying-glass" style="font-size:medium;"></i><br />     SEARCH</a></div>      <div class="sticky-candsearch"><a href="../Request-Talent.aspx" style="color:#fff;">CANDIDATE<br />     TALENT</a> <i class="fi-torsos-male-female" style="font-size:medium;"></i></div> </div><!----------End-Sticky-Tabs------------>                    </div></div>        </div></div>                        <!-----End-of-grid----->      </div>  </div>  </div>    </div>  </div> </div>    </div>  <!---close-wrapper-no-more-content-after-this--->  </div></div></form></center><script src="../js/vendor/jquery.js"></script><script src="../js/vendor/foundation.js"></script><script src="../js/vendor/what-input.js"></script><script src="../js/vendor/motion-ui.js"></script><script src="../js/vendor/modernizr.js"></script><script src="../js/vendor/foundation.orbit.js"></script><script src="../js/foundation/foundation.equalizer.js"></script>  <script src="../js/index.js"></script><script>$('body').show();</script><script src="../js/app.js"></script>  <script>    $(document).foundation();  </script><!--Google-Analytics-->       <!--Google-Analytics--> <!-----Flash of Unstyled Content----------><noscript><style>body {display:block !important;}</style></noscript><!-----Flash of Unstyled Content----------><!---------------Tabs-------------------------><script>  $(document).foundation({    tab: {      callback : function (tab) {        console.log(tab);      }    }  });</script><script>  $('#myTabs').on('toggled', function (event, tab) {    console.log(tab);  });</script><!---------------Tabs-------------------------> </body></html>

Helpful 0
You commented on Pam Bifaro's post over 2 years

Okay I think I'm missing something here. I have the code in place and linking to the js file but the Hover effect is not working. Here is my code.
 
 
<!doctype html><html class="no-js" lang="en" dir="ltr"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><!-- TemplateBeginEditable name="doctitle" --><title>Celebrity Staff revision</title><!-- TemplateEndEditable --><meta name="description" content="Land a great job or obtain a skilled employee with employment agency AurStaff, specializing in industrial, skilled trades, technical, architecture &amp; engineering fields." />   <link rel="stylesheet" href="../css/foundation.css" />    <link rel="stylesheet" href="../css/app.css" />       <!--Google fonts-->     <link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css' />     <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" />           <!-- Orbit Foundation --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/motion-ui/1.1.1/motion-ui.min.css" /><link href="../foundation-icons/foundation-icons.css" rel="stylesheet" type="text/css" /><!-----Accordian------------------><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --></head><body style="display:none;"><center>  <form runat="server"> <div class="off-canvas-wrapper">  <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>      <!--off-canvas-title-bar-for-small-screen-->  <div class="row wrap3">  <div class="small-12 hide-for-medium hide-for-landscape" >    <div class="title-bar title-bar2" data-responsive-toggle="widemenu" data-hide-for="medium">      <div class="title-bar-left" style="padding:10px 10px 0px 10px;">              <button class="menu-icon"  type="button" data-toggle="offCanvasLeft"></button>      </div>      <div class="title-bar-right" style="padding:10px 10px 0px 10px;">      <a href="../Login.aspx" target="_blank" class="tiny button caps hidden-for-small-only">&nbsp;&nbsp;Log In</a>           </div>             </div></div></div>    <!--off-canvasleftmenu-->    <div class="off-canvas position-left" id="offCanvasLeft" data-off-canvas style="padding:10px;">            <!--Close-button-->        <button type="button" class="tiny2 button caps" data-toggle="offCanvas" data-close>Close Menu</button>      <ul class="vertical dropdown menu text-left" data-dropdown-menu>        <li class="blue"><a href="#">FIND A JOB</a></li>        <li><a href="#">WHY WORK WITH CELEBRITY</a></li>        <li><a href="#">CAREER OPTIONS</a></li>        <li><a href="#">OUR PROCESS - CANDIDATES</a></li>        <li><a href="#">EMPLOYEE BENEFITS</a></li>        <li><a href="#">STARTING YOUR ASSIGNMENT</a></li>        <li><a href="#">FIND TALENT</a></li>        <li><a href="#">AREAS OF SPECIALIZATION</a></li>        <li><a href="#">STAFFING SOLUTIONS</a></li>        <li><a href="#">OUR PROCESS - CLIENTS</a></li>        <li><a href="#">CONTACT US</a></li>        <li><a href="#">ABOUT US</a></li>              </ul>    </div>  <!--End-of-canvis-menu-->            <div class="large-12 columns">        <!--Grid---><div class="row wrap"><div class="12-large">        <div class="row">        <!--spacer--><div class="row"><div class="small-12 medium-12 large-12 columns"></div></div><!--spacer-->                       <!--logo-phone-and-social-icons-->  <div class="row" style="padding-top:0px;">    <div class="medium-4 columns" style="background-color:transparent; text-align:left; padding-left:25px;"> <a href="../default.aspx"><img src="../img/design/images/Desktop-Logo.png" alt="A leading staffing and recruitment agency | AurStaff" style="padding-bottom: 0px; padding-top: 15px; padding-right: 0px; margin-left: 45px;"></a>      <div class="purple text-center show-for-small-only" style="padding-bottom:10px; margin-top:0px;"><a href="tel:8009107354" class="purple">800.910.7354</a></div>    </div>    <div class="medium-4 columns medium-pu11-1 text-right" style="padding-right:25px;">       <p class="lineheight hide-for-small-only" style="padding-top:10px;"><span class="hide-for-small-only">         <a href="/Login.aspx" target="_blank" class="tiny button caps hidden-for-small-only">&nbsp;&nbsp;Log In</a>         <br />       </span>         <span class="hidden-for-small-only purple">         <a href="tel:8005749813" class="purpleTxt">800.910.7354</a></span><br/>         <a href="https://www.facebook.com/aurstaff" class="hidden-for-small-only" target="_blank">         <img src="../img/facebook.png" alt="AurStaff Facebook" width="9" height="22"></a>&nbsp;&nbsp;         <a href="https://www.linkedin.com/groups/1853040" target="_blank"><img src="../img/linkedIn.png" alt="AurStaff Linked In" width="21" height="21"></a>&nbsp;&nbsp;         <a href="https://www.aurstaff.com/blog/" target="_blank"><img src="../img/blog.png" alt="AurStaff Blog" width="21" height="21"></a>&nbsp;&nbsp;         <a href="https://twitter.com/aurstaff" target="_blank"><img src="../img/twitter.png" alt="AurStaff Twitter" width="24" height="19"></a>          </p>    </div>  </div>  <!--logo-phone-social-icons-->                                                </div>        <!--        <div class="row wrap">          <div class="large-12 columns">                      <div class="title-bar hide-for-small-only" data-responsive-toggle="example-menu" data-hide-for="medium">               <div class="title-bar-title hide-for-small-only"></div></div><div class="title-bar hide-for-small-only" id="example-menu">  <div class="title-bar-left text-left MenuMargin">    <ul class="menu hide-for-small-only">     <li><a href="../default.aspx">ABOUT US</a></li>      <li>        <a href="#"><span class="MenuMargin">MISSION STATEMENT</span></a>      <li>        <a href="#"><span class="MenuMargin">NEWS & EVENTS</span></a>        </li>     <li>        <a href="#"><span class="MenuMargin">RECOGNITION</span></a>        </li>       <li>        <a href="#"><span class="MenuMargin">AFFILIATED FIRMS</span></a>      </li>      <li><a href="../Contact-Us.aspx"><span class="MenuMargin">IN THE COMMUNITY</span></a></li>        <li><a href="../Contact-Us.aspx"><span class="MenuMargin">CONTACT US</span></a></li>    </ul>  </div></div>                  </div>        </div>          --->          <div class="menu expanded hide-for-small-only">  <ul class="menu">    <li><a href="#">ABOUT US</a></li>    <li><a href="#">MISSION STATEMENT</a></li>    <li><a href="#">NEWS & EVENTS</a></li>    <li><a href="#">RECOGNITION</a></li>    <li><a href="#">AFFILIATED FIRMS</a></li>    <li><a href="#">IN THE COMMUNITY</a></li>    <li><a href="#">CONTACT US</a></li>  </ul></div>                   <!------------------------Tabs to go here-------------------------------><div id="tabshideAccordian" class="row collapse">  <div class="medium-2 columns">     <ul class="tabs vertical" id="example-vert-tabs" data-tabs>           <li class="tabs-title is-active tabOnebkgd btn1" style="text-align:left">      <a href="#panel1v" aria-selected="true" class="TabText">FIND A JOB</a></li>      <li class="tabs-title tabTwoBkgd btn2">      <a href="#panel2v" class="TabText" style="text-align:left">FIND TALENT</a></li>           <li class="tabs-title tabThreeBkgd btn3">      <a href="#panel3v" class="TabText" style="text-align:left">FOR EMPLOYEES</a></li>       </ul>    </div>    <div class="medium-10 columns">         <div class="tabs-content vertical" data-tabs-content="example-vert-tabs">      <div class="tabs-panel is-active" id="panel1v">  <div class="hide-for-small medium-4 large-5 columns">           <ul class="vertical dropdown menu kickOutMenu hide-for-small-only" data-dropdown-menu style="max-width: 350px; text-align:left;">                     <li><a href="#">WHY WORK WITH CELEBRITY</a></li>                      <li><a href="#">AREAS OF SPECIALIZATION</a></li>                    <li><a href="#">CAREEER OPTIONS</a></li>                    <li><a href="#">OUR PROCESS</a></li>                    <li><a href="#">BENEFITS</a></li>                    <li><a href="#">JOB SEARCH</a></li>                    <li><a href="#">OUTSTANDING OPPORTUNITIES NEWSLETTER</a></li>                    </ul>                     </div>                                                           <!-- Find A Job Form --><div class="row"><div class="small-11 medium-7 large-5 columns" style="float:right;"><div class="Form1"><p align="center">Job Search</p>      <div id="Formcontent" class="BodyCopy" ><!-- start job search --><span id="jobsearchdivprogress" class="load">Loading...<img src="design/images/ajax_progress.gif" /></span><div id="jobsearchdiv"><select name="cboDiscipline" id="cboDiscipline" ></select><select name="cboPosition" id="cboPosition" ></select><select name="cboState" id="cboState" ></select><select name="cboMSA" id="cboMSA" ></select><button  class="button tiny2" onclick="return job_search('/Jobs/Results.aspx');" >SEARCH</button><label id="errorControl" name="errorControl"></label></div><span id="searchprogressbar" class="process">Processing...<img src="design/images/ajax_progress.gif" /></span>      </div>    </div></div></div><!-- end of Find A Job form -->                                          <!---------------------RED Icons---------------------------->                    <div class="row"><div class="hide-for-small-only medium-12 large-12 columns" style="margin-top:75px;"> <div class="hide-for-small medium-2 large-2 columns">                   <img src="../img/design/images/js-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/aol-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/jst-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/interview-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/resume-red.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns">  <img src="../img/design/images/salary-tools-red.png" class="show-for-large-up"></div>                    </div>                    </div>                        <!---------------------RED Icons---------------------------->                                             </div>           <div class="tabs-panel" id="panel2v">      <div class="hide-for-small medium-5 large-5 columns">         <ul class="vertical dropdown menu kickOutMenu2 hide-for-small-only" data-dropdown-menu style="max-width: 350px; text-align:left;">                     <li><a href="#">WHY PARTNER WITH CELEBRITY</a></li>                      <li><a href="#">AREAS OF SPECIALIZATION</a></li>                    <li><a href="#">STAFFING SOLUTIONS</a></li>                    <li><a href="#">OUR PROCESS</a></li>                    <li><a href="#">REQUEST TALNET</a></li>                    <li><a href="#">ONLINE TIMECARD APPROVAL</a></li>                    <li><a href="#">TOP TALENT NEWSLETTER</a></li>                    </ul>                        </div>                                                             <!-- Find Talent Form --><div class="row"><div class="small-11 medium-5 large-5 columns" style="float:right;"><div class="Form1"> <div class="OrangeHeader" id="FindTalent">Find Talent</div>     <p><strong>Have a need for an employee?</strong> Search our network of exceptional candidates or contact us to learn about additional candidates not featured online.</p>   <div id="staffSearch"><asp:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat="server" /><Aureus:CandidateSearchBox runat="server" ID="candidateSearchBox1"  IsInitializeWithDivision="true" CssClass="JobSearchBox" ButtonText="Begin Staff Search" RedirectUrl="~/Employers/Results.aspx?wb={0}&pos={1}" /><p>Or, <a href="/request-talent.aspx" class="redLink">submit your staffing request online</a> and one of our professionals will start working on your search right away.</p></div></div></div></div><!-- end of Find Talent form -->                                          <!---------------------Orange Icons---------------------------->                    <div class="row"><div class="hide-for-small-only medium-12 large-12 columns float-right" style="margin-top:-35px;"> <div class="hide-for-small medium-2 large-2 columns float-right">                   <img src="../img/design/images/rt-orange.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns float-right">  <img src="../img/design/images/et-orange.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns float-right">  <img src="../img/design/images/it-orange.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns float-right">  <img src="../img/design/images/pa-orange.png" class="show-for-large-up"></div> <div class="hide-for-small medium-2 large-2 columns float-right">  <img src="../img/design/images/ocsib-orange.png" class="show-for-large-up"></div>          </div>                    </div>                        <!---------------------orange Icons---------------------------->          </div>                             <div class="tabs-panel" id="panel3v">      <div class="hide-for-small medium-4 large-5 columns">          <ul class="vertical dropdown menu kickOutMenu3 hide-for-small-only" data-dropdown-menu style="max-width: 350px; text-align:left">                     <li><a href="#">STARTING YOUR ASSIGNMENT</a></li>                      <li><a href="#">PAY & BENEFITS</a></li>                    <li><a href="#">ONLINE TIMECARD SUBMITTAL</a></li>                    <li><a href="#">EMPLOYEE HANDBOOK</a></li>                    </ul>                            </div>                                                         <!-- Login form --><div class="row"><div class="small-11 medium-7 large-5 columns" style="float:right;"><div class="Form1"><p>Employee Login</p>        <p><strong>Current employee?</strong> Log in to access the employee portal to access pay &amp; benefits information or view the employee handbook.</p>  <button onclick="window.open('/Login.aspx');" >     LOGIN</button>     <br />  Forgot your User ID and/or Password? <a href="/Login.aspx" target="_blank" class="purpleLink">Click here</a>  <hr />Not an employee?</b> Register today and one of our professionals will contact you regarding career opportunities.<br />   <button onclick="window.open('/Login.aspx');">    NEW USER REGISTRATION</button></div></div><!-- end of Login form -->                                          <!---------------------Purple Icons---------------------------->                    <div class="row"><div class="hide-for-small-only medium-7 large-7 columns float-right" style="margin-top:30px; z-index:1000;"> <div class="hide-for-small medium-3 large-3 columns float-right">                   <img src="../img/design/images/itc-purple.png" class="show-for-large-up"></div> <div class="hide-for-small medium-3 large-3 columns float-right">  <img src="../img/design/images/st-purple.png" class="show-for-large-up"></div> <div class="hide-for-small medium-3 large-3 columns float-right">  <img src="../img/design/images/eoq-purple.png" class="show-for-large-up"></div>          </div>                    </div>                        <!---------------------Purple Icons---------------------------->        </div>                </div>  </div></div></div><!----------------------End of tabs----------------------------->          <!----------Accordian------------------------------------------------>   <div id="AccordianhideTabs" class="row"><div class="small-12 columns"><ul class="accordion" data-accordion><!------------------Panel 1-------------------->  <li class="accordion-item is-active" data-accordion-item>    <a href="#" class="accordion-title tabOnebkgd btn1 accordianWhite">FIND A JOB</a>    <div class="accordion-content tabOnebkgd" data-tab-content>                             <!-- Find A Job Form --><div class="row"><div class="small-11 medium-7 large-5 columns" style="float:right;"><div class="Form1"><p align="center">Job Search</p>      <div id="Formcontent" class="BodyCopy" ><!-- start job search --><span id="jobsearchdivprogress" class="load">Loading...<img src="design/images/ajax_progress.gif" /></span><div id="jobsearchdiv"><select name="cboDiscipline" id="cboDiscipline" ></select><select name="cboPosition" id="cboPosition" ></select><select name="cboState" id="cboState" ></select><select name="cboMSA" id="cboMSA" ></select><button  class="button tiny2" onclick="return job_search('/Jobs/Results.aspx');" >SEARCH</button><label id="errorControl" name="errorControl"></label></div><span id="searchprogressbar" class="process">Processing...<img src="design/images/ajax_progress.gif" /></span>      </div>    </div></div></div><!-- end of Find A Job form -->    </div>  </li>        <!------------------Panel 2-------------------->    <li class="accordion-item" data-accordion-item>    <a href="#" class="accordion-title tabTwoBkgd btn2 accordianWhite">FIND TALENT</a>    <div class="accordion-content tabTwoBkgd" data-tab-content>                             <!-- Find Talent Form --><div class="row"><div class="small-11 medium-5 large-5 columns" style="float:right;"><div class="Form1"> <div class="OrangeHeader" id="FindTalent">Find Talent</div>     <p><strong>Have a need for an employee?</strong> Search our network of exceptional candidates or contact us to learn about additional candidates not featured online.</p>   <div id="staffSearch"><Aureus:CandidateSearchBox runat="server" ID="candidateSearchBox2"  IsInitializeWithDivision="true" CssClass="JobSearchBox" ButtonText="Begin Staff Search" RedirectUrl="~/Employers/Results.aspx?wb={0}&pos={1}" /><p>Or, <a href="/request-talent.aspx" class="redLink">submit your staffing request online</a> and one of our professionals will start working on your search right away.</p></div></div></div></div><!-- end of Find Talent form -->    </div>  </li><!------------------Panel 3-------------------->    <li class="accordion-item" data-accordion-item>    <a href="#" class="accordion-title tabThreeBkgd btn3 accordianWhite">FOR EMPLOYEES</a>    <div class="accordion-content tabThreeBkgd" data-tab-content>         <!-- Login form --><div class="row"><div class="small-11 medium-7 large-5 columns" style="float:right;"><div class="Form1"><p>Employee Login</p>        <p><strong>Current employee?</strong> Log in to access the employee portal to access pay &amp; benefits information or view the employee handbook.</p>  <button onclick="window.open('/Login.aspx');" >     LOGIN</button>     <br />  Forgot your User ID and/or Password? <a href="/Login.aspx" target="_blank" class="purpleLink">Click here</a>  <hr />Not an employee?</b> Register today and one of our professionals will contact you regarding career opportunities.<br />   <button onclick="window.open('/Login.aspx');">    NEW USER REGISTRATION</button></div></div><!-- end of Login form -->    </div>  </li>  <!-- ... --></ul></div></div> <!----------Accordian------------------------------------------------>                      <div class="row"> <div class="small-12 medium-12 large-12 columns"> <div class="footer"><p class="white" style="padding-top:5px;text-align:center;">Our mission is to be the staffing provider of choice by helping people and companies achieve their goals.</p></div> </div> </div>                  <div class="row wrap">        <div class="large-12 columns">            <p></p>        </div>    </div>    <!----Body-copy--------->                         <div class="row wrap">        <div class="large-4 medium-12 small-12 columns float-right" style="padding-bottom:15px;">          </div>                                        <div class="large-12 medium-12 small-12 columns">          <div class="primary callout2">            <div class="text-left" style="padding:0px 30px;"><p style="line-height:13px !important;">Celebrity Staff is the staffing and recruitment partner with the experience, resources, and network to connect extraordinary people with outstanding opportunities.<br /><br />Acquire the professionals you need to propel your business to greater success. Gain an advantage in your job search and land the position that's just right for you.<br /><br />We're an affiliate of <a href="https://www.ca-industries.com/" target="_blank">C&A Industries, Inc.</a>, a national leader in staffing with more than 45 years of success. </p>            </div>            </div>          </div>                  </div>        <!----end-of-body-copy--------->               <div class="row wrap"><div class="large-12 columns"></div></div>       <!---Footer---><footer class="row footer"><div class="large-12 columns" style="padding:10px 10px 10px 25px">       <div class="large-3 medium-4 small-12 columns">       <p><span class="MenuLinksHDR caps">find a job</span><br>       <a href="../Why-AurStaff.aspx" class="caps MenuLinks">why work with celebrity</a><br>        <a href="../JobSeekers-Process.aspx" class="caps MenuLinks">areas of specialization</a><br>        <a href="../Career-Options.aspx" class="caps MenuLinks">Career Options</a><br>        <a href="../Benefits.aspx" class="caps MenuLinks">Benefits</a><br>        <a href="../Resources.aspx" class="caps MenuLinks">job search</a><br>        <a href="../Employee-of-the-Quarter.aspx" class="caps MenuLinks">outstanding opportunities<br>        newsletter</a><br>       </p>        </div>                    <div class="large-3 medium-4 small-12 columns">          <p><span class="MenuLinksHDR caps">find talent </span><br>            <a href="../Contact-Us.aspx" class="caps MenuLinks">why partner with celebrity</a><a href="../Why-Work-With-AurStaff.aspx" class="caps MenuLinks"></a><br>            <a href="https://www.facebook.com/aurstaff" target="_blank" class="caps MenuLinks">areas of specialization</a><a href="../Employers-Process.aspx" class="caps MenuLinks"></a><br>        <a href="../Staffing-Solutions.aspx" class="caps MenuLinks">Staffing Solutions</a><br>        <a href="../Request-Talent" class="caps MenuLinks">Request Talent</a><br>        <a href="../Employers-Resources.aspx" class="caps MenuLinks">online timecard approval</a><br>        <a href="../client-newsletter.aspx" class="caps MenuLinks">top talent Newsletter</a>        </p>        </div>            <div class="large-3 medium-4 small-12 columns"><p><span class="MenuLinksHDR caps">for employees</span><br><a href="../Industrial-Skilled-Trades.aspx" class="caps MenuLinks">pay &amp; benefits</a><br><a href="../Technical.aspx" class="caps MenuLinks">online timecard submittal</a><br><a href="../Architecture-Engineering.aspx" class="caps MenuLinks">employee handbook</a>               </p></div>            <div class="large-3 medium-4 small-12 columns">                        <p><span class="MenuLinksHDR caps">About Us</span><br>         <a href="../About-Us.aspx" class="caps MenuLinks">About celebrity Staff</a><br>           <a href="../Affiliated-Firms.aspx" class="caps MenuLinks">mission statement</a><br>           <a href="../Community.aspx" class="caps MenuLinks">news &amp; events</a><br>           <a href="../Mission-Statement.aspx" class="caps MenuLinks">recognition</a><br /><a href="../Mission-Statement.aspx" class="caps MenuLinks">affiliated firms</a><br /><a href="../Mission-Statement.aspx" class="caps MenuLinks">in the community</a></p>                        <p><span class="MenuLinksHDR caps">GET IN TOUCH</span><br>                <a href="../Contact-Us.aspx" class="caps MenuLinks">Contact us</a><br>                <a href="https://www.facebook.com/aurstaff" target="_blank" class="caps MenuLinks"> <i class="fi-social-facebook MenuLinks"></i> facebook</a><br>                <a href="https://www.linkedin.com/groups/1853040" target="_blank" class="caps MenuLinks"> <i class="fi-social-linkedin MenuLinks"></i> linkedin</a><br>                <a href="https://www.aurstaff.com/blog/" target="_blank" class="caps MenuLinks"> <i class="fi-social-blogger MenuLinks"></i> blog</a><br>                <a href="https://twitter.com/aurstaff" target="_blank" class="caps MenuLinks"> <i class="fi-social-twitter MenuLinks"></i> twitter</a></p></div>          </div>           <div class="row"><div class="large-12 columns"> <p class="copywrite"><span style="color:#ffffff">&#169;Copyright <%= DateTime.Now.Year.ToString() %> Celebrity Staff&#174; |  Celebrity Staffi is an affiliate of <a href="https://www.ca-industries.com/" target="_blank" class="MenuLinks">C&A Industries, Inc.</a> | EEO / Veteran / Disabled / E-Verify Employer</span></p></div></div>  </footer>   <!---Footer--->         <!-----Sticky-Tabs--------------      <div class="sticky-tabs">    <div class="sticky-apply"><a href="/Apply-Online.aspx" target="_blank" style="color:#fff;">QUICK <i class="fi-checkbox" style="font-size:medium;"></i><br />    APPLY</a></div>    <div class="sticky-jobsearch"><a href="../Job-Search.aspx" style="color:#fff;">JOB <i class="fi-magnifying-glass" style="font-size:medium;"></i><br />     SEARCH</a></div>      <div class="sticky-candsearch"><a href="../Request-Talent.aspx" style="color:#fff;">CANDIDATE<br />     TALENT</a> <i class="fi-torsos-male-female" style="font-size:medium;"></i></div> </div><!----------End-Sticky-Tabs------------>                    </div></div>        </div></div>                        <!-----End-of-grid----->      </div>  </div>  </div>    </div>  </div> </div>    </div>  <!---close-wrapper-no-more-content-after-this--->  </div></div></form></center><script src="../js/vendor/jquery.js"></script><script src="../js/vendor/foundation.js"></script><script src="../js/vendor/what-input.js"></script><script src="../js/vendor/motion-ui.js"></script><script src="../js/vendor/modernizr.js"></script><script src="../js/vendor/foundation.orbit.js"></script><script src="../js/foundation/foundation.equalizer.js"></script>  <script src="../js/index.js"></script><script>$('body').show();</script><script src="../js/app.js"></script>  <script>    $(document).foundation();  </script><!--Google-Analytics-->       <!--Google-Analytics--> <!-----Flash of Unstyled Content----------><noscript><style>body {display:block !important;}</style></noscript><!-----Flash of Unstyled Content----------><!---------------Tabs-------------------------><script>  $(document).foundation({    tab: {      callback : function (tab) {        console.log(tab);      }    }  });</script><script>  $('#myTabs').on('toggled', function (event, tab) {    console.log(tab);  });</script><!---------------Tabs-------------------------> </body></html>

Helpful 0
You commented on Daryl Baker's post almost 3 years

Oh never mind. when i clicked on you link I was first directed to a login/register page for Code Pen that wanted a fee. but I see that I can just select a different tabs at the top and view the code.
Thanks

Helpful 0
You commented on Daryl Baker's post almost 3 years

This is exactly what I'm looking for. Does anyone have a FREE version??

Helpful 0
You commented on Alec Stewart's post about 3 years

I believe I'm using Foundation 6.2.1
The website is      https://www.aurstaff.com
 

Helpful 0
You commented on Alec Stewart's post about 3 years

here is my code
 
<%@ Page Language="C#" ContentType="text/html" ResponseEncoding="utf-8" EnableEventValidation="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>AurStaff: A leading staffing and recruitment agency</title>
<!-- TemplateEndEditable -->
<meta name="description" content="Land a great job or obtain a skilled employee with employment agency AurStaff, specializing in industrial, skilled trades, technical, architecture &amp; engineering fields." />
 
 
 
   <link rel="stylesheet" href="../css/foundation.css" />
    <link rel="stylesheet" href="../css/app.css" />
  
     <!--Google fonts-->
     <link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css' />
     <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" /> 
     
     <!-- Orbit Foundation -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/motion-ui/1.1.1/motion-ui.min.css" />
<link href="../foundation-icons/foundation-icons.css" rel="stylesheet" type="text/css" />
 
 
 
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
 
<body>
 
<center>
 
 
  <form runat="server">
 
 
<div class="off-canvas-wrapper">
  <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
 
 
 
 
  <!--off-canvas-title-bar-for-small-screen-->
  <div class="row wrap3">
  <div class="small-12 hide-for-medium hide-for-landscape" >
    <div class="title-bar title-bar2" data-responsive-toggle="widemenu" data-hide-for="medium">
      <div class="title-bar-left" style="padding:10px 10px 0px 10px;">
      
        <button class="menu-icon"  type="button" data-toggle="offCanvasLeft"></button>
      </div>
      <div class="title-bar-right" style="padding:10px 10px 0px 10px;">
      <a href="../Login.aspx" target="_blank" class="tiny button caps hidden-for-small-only">Log In</a>
     
      </div>
   
      
    </div>
</div>
</div>
 
 
    <!--off-canvasleftmenu-->
    <div class="off-canvas position-left" id="offCanvasLeft" data-off-canvas style="padding:10px;">
    
        <!--Close-button-->
        <button type="button" class="tiny button caps" data-toggle="offCanvas" data-close>Close Menu</button>
      <ul class="vertical dropdown menu text-left" data-dropdown-menu>
        <li class="blue"><a href="../Industrial-Skilled-Trades.aspx">Industrial/Skilled Trades</a></li>
        <li><a href="../Technical.aspx">Technical</a></li>
        <li><a href="../Architecture-Engineering.aspx">Architecture/Engineering</a></li>
        <li><a href="../Why-AurStaff.aspx">Why AurStaff</a></li>
        <li><a href="../Career-Options.aspx">Career Options</a></li>
        <li><a href="../JobSeekers-Process.aspx">Candidate Process</a></li>
        <li><a href="../Staffing-Solutions.aspx">Staffing Solutions</a></li>
        <li><a href="../Employers-Process.aspx">Employer Process</a></li>
        <li><a href="../Contact-Us.aspx">Contact Us</a></li>
        
      </ul>
    </div>
 
  <!--End-of-canvis-menu-->  
 
 
    
 
 
 
      <div class="large-12 columns">
  
      
<!--Grid--->
<div class="row wrap">
<div class="12-large">
        <div class="row">
        
<!--spacer-->
<div class="row">
<div class="small-12 medium-12 large-12 columns">
</div>
</div>
<!--spacer--> 
          
            <!--logo-phone-and-social-icons-->
  <div class="row" style="padding-top:0px;">
    <div class="medium-4 columns" style="background-color:transparent;"> <a href="../default.aspx"><img src="../img/AurStaff-logo.png" alt="A leading staffing and recruitment agency | AurStaff" style="padding-bottom:0px; padding-top:15px; padding-right:10px; "></a>
      <div class="blue text-center show-for-small-only" style="padding-bottom:10px; margin-top:0px;"><a href="tel:8005749813" class="blue">800.574.9813</a></div>
    </div>
    <div class="medium-4 columns medium-pu11-1 text-right">
       <p class="lineheight hide-for-small-only" style="padding-top:10px;"><span class="hide-for-small-only">
<a href="../Login.aspx" target="_blank" class="tiny button caps hidden-for-small-only">Log In</a>
<br /></span>
         <span class="blue hidden-for-small-only">
         <a href="tel:8005749813" class="blue">800.574.9813</a></span><br/>
         <a href="https://www.facebook.com/aurstaff" class="hidden-for-small-only" target="_blank">
         <img src="../img/facebook.png" alt="AurStaff Facebook" width="40" height="40"></a>
         <a href="https://www.linkedin.com/groups/1853040" target="_blank"><img src="../img/linkedIn.png" alt="AurStaff Linked In" width="40" height="40"></a>
         <a href="https://www.aurstaff.com/blog/" target="_blank"><img src="../img/blog.png" alt="AurStaff Blog" width="40" height="40"></a>
         <a href="https://twitter.com/aurstaff" target="_blank"><img src="../img/twitter.png" alt="AurStaff Twitter" width="40" height="40"></a> 
         </p>
    </div>
  </div>
  <!--logo-phone-social-icons-->
          
          
          
          
        </div>
<div class="row wrap">
          <div class="large-12 columns">
         
             <div class="title-bar hide-for-small-only" data-responsive-toggle="example-menu" data-hide-for="medium">
             
 
  <div class="title-bar-title hide-for-small-only"></div>
</div>
 
 
 
<div class="title-bar hide-for-small-only" id="example-menu">
  <div class="title-bar-left text-left MenuMargin">
    <ul class="dropdown menu hide-for-small-only" data-dropdown-menu>
     <li><a href="../default.aspx"><span class="yellowMenuItem">Home</span></a></li>
      <li>
        <a href="#"><span class="yellowMenuItem MenuMargin">Job Seekers</span></a>
        <ul class="menu vertical MenuMargin">
          <li class="blue"><a href="../Why-AurStaff.aspx">Why AurStaff</a></li>
          <li class="blue"><a href="../JobSeekers-Process.aspx">Our Process</a></li>
          <li class="blue"><a href="../Career-Options.aspx">Career Options</a></li>
          <li class="blue"><a href="../Benefits.aspx">Benefits</a></li>
          <li class="blue"><a href="../JobSeekers-Resources.aspx">Resources</a></li>
          <li class="blue"><a href="../Employee-of-the-Quarter.aspx">Employee of the Quarter</a></li>
          <li class="blue"><a href="../candidate-newsletter.aspx">Newsletter</a></li>
          </ul>
       <li>
        <a href="#"><span class="yellowMenuItem MenuMargin">Employers</span></a>
        <ul class="menu vertical MenuMargin">
        <li class="blue"><a href="../Why-Work-With-AurStaff.aspx">Why AurStaff</a></li>
          <li class="blue"><a href="../Employers-Process.aspx">Our Process</a></li>
          <li class="blue"><a href="../Staffing-Solutions.aspx">Staffing Solutions</a></li>
          <li class="blue"><a href="../Request-Talent.aspx">Request Talent</a></li>
          <li class="blue"><a href="../Employers-Resources.aspx">Resources</a></li>
          <li class="blue"><a href="../client-newsletter.aspx">Newsletter</a></li>
        </ul>
      </li>
<li>
        <a href="#"><span class="yellowMenuItem MenuMargin">Areas of Specialization</span></a>
        <ul class="menu vertical MenuMargin">
          <li class="blue"><a href="../Industrial-Skilled-Trades.aspx">Industrial/Skilled Trades</a></li>
          <li class="blue"><a href="../Technical.aspx">Technical</a></li>
          <li class="blue"><a href="../Architecture-Engineering.aspx">Architecture/Engineering</a></li>
        </ul>
      </li>
       <li>
        <a href="#"><span class="yellowMenuItem MenuMargin">About Us</span></a>
        <ul class="menu vertical MenuMargin">
          <li class="blue"><a href="../About-Us.aspx">About AurStaff</a></li>
          <li class="blue"><a href="../Affiliated-Firms.aspx">Affiliated Firms</a></li>
          <li class="blue"><a href="../Community.aspx">Community</a></li>
          <li class="blue"><a href="../Mission-Statement.aspx">Mission Statement</a></li>
        </ul>
      </li>
      <li><a href="../Contact-Us.aspx"><span class="yellowMenuItem MenuMargin">Contact Us</span></a></li>
    </ul>
  </div>
</div>
        
          </div>
        </div>
        
        
    
    
 
   
    
    
    
    
<!--orbit-slider--> 
<div class="row wrap">
<div class="large-12 medium-12 small-12 columns">
<div class="orbit" role="region" aria-label="Specialties" data-orbit>
</div>
 
<div data-orbit data-options="animInFromLeft:fade-in; animInFromRight:fade-in; animOutToLeft:fade-out; animOutToRight:fade-out;">
<ul class="orbit-container">
<li class="orbit-slide">
<span class="layer-centered">
</span>
<img width="2000" height="667" src="../img/imageSlider1.jpg" alt="Architechture and Engineering Staffing">
</li>
<li class="orbit-slide">
<span class="layer-centered">
</span>
<img width="2000" height="667" src="../img/imageSlider2.jpg" alt="Industrial and Skilled Trades Staffing">
</li>
<li class="orbit-slide">
<span class="layer-centered">
</span>
<img width="2000" height="667" src="../img/imageSlider3.jpg" alt="Architechture and Engineering Staffing">
</li>
 
        <li class="orbit-slide">
<span class="layer-centered">
</span>
<img width="2000" height="667" src="../img/imageSlider4.jpg" alt="Technical Staffing">
</li>
</ul>
</div>
 
</div>
</div>
</div>
<!--orbit-slider-->      
    
    
    
    
    
    
    
    <div class="row wrap">
        <div class="large-12 columns">
            <p></p>
 
        </div>
    </div>    
<!----Body-copy--------->         
        
        <div class="row wrap">
        <div class="large-4 medium-12 small-12 columns float-right" style="padding-bottom:15px;">
 
  <!---FORM--->
   <div class="WrapForm large-3 medium-12 small-12 columns">
   
         
     <!---outter table wrap--->   
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td>
  
 <!-------Inner-table-wrap--->   
<table width="90%" border="0" cellspacing="0" cellpadding="0" style="border-color:transparent !important;" >
  <tr>
  <td style="text-align:center; border-color:transparent; border:none;"><h6>Job Search</h6></td>
  </tr>
</table>
<!----Center-the-2-sections---->
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td> 
 
              <asp:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat="server" />
              <asp:UpdatePanel ID="UpdatePanelJobSearch" runat="server" updatemode="Conditional">
<ContentTemplate>
<Aureus:JobSearchDisciplineControl runat="server" ID="jobSearchBox1" PostbackOnPositionChange="true" IsWebSiteJobSearch="true" IsNonMedicalJobSearch="true" IsAurStaffJobSearch="true" IsResponsive="true" ButtonText="Begin Job Search"
AlternateDisplay="true" 
DisciplineWidth="200" 
                    SpecialtyWidth="200" 
                    PositionWidth="200" StateWidth="200" MsaWidth="200" RedirectUrl="~/Jobs/Results.aspx?disc={0}&pos={1}&spec={2}&stateID={3}&msaID={4}" />
                <asp:UpdateProgress ID="updProgress" AssociatedUpdatePanelID="UpdatePanelJobSearch" runat="server">
        <ProgressTemplate>                    
   <span style="font-size:12px;">Processing...<img src="../img/ajax_progress.gif" style="vertical-align:text-bottom; width:200px;" /></span></ProgressTemplate></asp:UpdateProgress>
</ContentTemplate>
</asp:UpdatePanel>
 
  </td>
  </tr>
</table> <!-----Center-the-2-sections---->
   
 
 
 <!---End-of-outter-table-wrap----> 
  </td>
  </tr>
</table>     
         
</div>         
          
<!---form--->
          </div>
          
          
          
          <div class="large-8 medium-12 small-12 columns">
          <div class="primary callout2">
            <div class="text-left" style="padding-top:0px;">
          
           <h3>The Gold Standard in Staffing.</h3>   
           <p>Find the right employee. Land your next great job. AurStaff knows the value of a skilled workforce and the importance of a well-matched job opportunity. We&rsquo;re a leading staffing and recruitment agency that connects businesses and industries with dedicated, high performing people.
<br/><br/>
With more than 45 years of experience, a deep network, and the latest search tools, we&rsquo;ve set the standard as a staffing provider of choice and a partner you can count on.   
<br/><br/>
We specialize in positions within the <strong>industrial</strong>, <strong>skilled trades</strong>, <strong>technical</strong>, <strong>engineering</strong>, and <strong>architecture fields</strong>.</p>
            </div>
            </div>
          </div>
          
        </div>
        
<!----end-of-body-copy--------->       
        
 
 
<!----specialties---------> 
 
          <div class="row wrap small-up-1 medium-up-3 large-up-3" data-equalizer>
  <div class="column">
<a href="../Industrial-Skilled-Trades.aspx">  
<div class="GreenBox callout warning" data-equalizer-watch>
<p> <img src="../img/Industrial.jpg" alt="Industrial/Skilled Trades" class="img"></p>
<p class="specialtyHRD"><span class="caps">Industrial / skilled trades</span></p>
<p class="specialty">
 Warehouse, Manufacturing, General Labor, Grounds, Welding
              </p>
</div>
</a>
</div>
<div class="column">
<a href="../Technical.aspx">
<div class="BlueBox callout warning" data-equalizer-watch>
<p><img src="../img/Technical.jpg" alt="Industrial/Skilled Trades" class="img"></p>
<p class="specialtyHRD"><span class="caps">Technical</span></p>
<p class="specialty">
Maintenance, QC/QA, Electronics, Assembly, Construction
              </p>
</div>
</a>
</div>
<div class="column">
<a href="../Architecture-Engineering.aspx">
<div class="OrangeBox callout warning" data-equalizer-watch>
<p><img src="../img/Architecture.jpg" alt="Industrial/Skilled Trades" class="img"></p>
<p class="specialtyHRD"><span class="caps">Architechtural / engineering</span></p>
<p class="specialty">
Drafting, Architecture, Engineering, Project Management
              </p>
</div>
</a>
</div>
</div>
 
<!--end of specialties--> 
 
 
 
 
<div class="row wrap">
<div class="large-12 columns"></div>
</div>  
 
 
 
     
<!---Footer--->
<footer class="row footer">
<div class="large-12 columns">
       <div class="large-3 medium-4 small-12 columns">
       <p><span class="MenuLinksHDR caps">JOB SEEKERS</span><br>
       <a href="../Why-AurStaff.aspx" class="caps MenuLinks">Why AurStaff</a><br>
        <a href="../JobSeekers-Process.aspx" class="caps MenuLinks">Our Process</a><br>
        <a href="../Career-Options.aspx" class="caps MenuLinks">Career Options</a><br>
        <a href="../Benefits.aspx" class="caps MenuLinks">Benefits</a><br>
        <a href="../Resources.aspx" class="caps MenuLinks">Resources</a><br>
        <a href="../Employee-of-the-Quarter.aspx" class="caps MenuLinks">Employee of the Quarter</a><br>
       <a href="../candidate-newsletter.aspx" class="caps MenuLinks">Newsletter</a>
        </p>
        </div>
            
        <div class="large-3 medium-4 small-12 columns"><p><span class="MenuLinksHDR caps">EMPLOYERS</span><br>
        <a href="../Why-Work-With-AurStaff.aspx" class="caps MenuLinks">Why AurStaff</a><br>
        <a href="../Employers-Process.aspx" class="caps MenuLinks">Our Process</a><br>
        <a href="../Staffing-Solutions.aspx" class="caps MenuLinks">Staffing Solutions</a><br>
        <a href="../Request-Talent" class="caps MenuLinks">Request Talent</a><br>
        <a href="../Employers-Resources.aspx" class="caps MenuLinks">Resources</a><br>
        <a href="../client-newsletter.aspx" class="caps MenuLinks">Newsletter</a>
        </p>
        </div>
            
<div class="large-3 medium-4 small-12 columns">
<p><span class="MenuLinksHDR caps">AREAS OF SPECIALIZATION</span><br>
<a href="../Industrial-Skilled-Trades.aspx" class="caps MenuLinks">Industrial/Skilled Trades</a><br>
<a href="../Technical.aspx" class="caps MenuLinks">Technical</a><br>
<a href="../Architecture-Engineering.aspx" class="caps MenuLinks">Architecture/Engineering</a>
               </p>
<p><span class="MenuLinksHDR caps">About Us</span><br>
  <a href="../About-Us.aspx" class="caps MenuLinks">About AurStaff</a><br>
        <a href="../Affiliated-Firms.aspx" class="caps MenuLinks">Affiliated Firms</a><br>
        <a href="../Community.aspx" class="caps MenuLinks">Community</a><br>
        <a href="../Mission-Statement.aspx" class="caps MenuLinks">Mission Statement</a>
               </p>
 
</div>
            <div class="large-3 medium-4 small-12 columns"><p><span class="MenuLinksHDR caps">GET IN TOUCH</span><br>
                <a href="../Contact-Us.aspx" class="caps MenuLinks">Contact us</a><br>
                <a href="https://www.facebook.com/aurstaff" target="_blank" class="caps MenuLinks"> <i class="fi-social-facebook MenuLinks"></i> facebook</a><br>
                <a href="https://www.linkedin.com/groups/1853040" target="_blank" class="caps MenuLinks"> <i class="fi-social-linkedin MenuLinks"></i> linkedin</a><br>
                <a href="https://www.aurstaff.com/blog/" target="_blank" class="caps MenuLinks"> <i class="fi-social-blogger MenuLinks"></i> blog</a><br>
                <a href="https://twitter.com/aurstaff" target="_blank" class="caps MenuLinks"> <i class="fi-social-twitter MenuLinks"></i> twitter</a></p></div>
          </div> 
          <div class="row">
<div class="large-12 columns">
 <p class="copywrite"><span style="color:#8f9296">&#169;Copyright <%= DateTime.Now.Year.ToString() %> AurStaff &#174; |  
AurStaff is an affiliate of <a href="https://www.ca-industries.com/" target="_blank" class="copyright">C&A Industries, Inc.</a> | EEO / Veteran / Disabled / E-Verify Employer</span></p>
</div>
</div>
  </footer>
   <!---Footer--->
   
   
   <!-----Sticky-Tabs-------------->
   
   
<div class="sticky-tabs">
<div class="sticky-apply"><a href="/Apply-Online.aspx" target="_blank" style="color:#fff;">QUICK <i class="fi-checkbox" style="font-size:medium;"></i><br />
    APPLY</a></div>
    <div class="sticky-jobsearch"><a href="../Job-Search.aspx" style="color:#fff;">JOB <i class="fi-magnifying-glass" style="font-size:medium;"></i><br />
     SEARCH</a></div> 
     <div class="sticky-candsearch"><a href="../Request-Talent.aspx" style="color:#fff;">REQUEST<br />
 
     TALENT</a> <i class="fi-torsos-male-female" style="font-size:medium;"></i></div> 
</div>
 
<!----------End-Sticky-Tabs------------>
   
   
   
   
        </div></div>
        </div></div>
        
        
        <!-----End-of-grid----->
      </div>
  </div>
  </div>
    </div>
  </div>
 </div>
    </div>
  <!---close-wrapper-no-more-content-after-this--->
  </div>
</div>
</form>
</center>
 
 
<script src="../js/vendor/jquery.js"></script>
<script src="../js/vendor/foundation.js"></script>
<script src="../js/vendor/what-input.js"></script>
<script src="../js/vendor/motion-ui.js"></script>
<script src="../js/vendor/modernizr.js"></script>
<script src="../js/vendor/foundation.orbit.js"></script>
<script src="../js/app.js"></script>
    
 
 
<!--Google-Analytics-->    
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 
  ga('create', 'UA-502774-11', 'auto');
  ga('send', 'pageview');
 
</script>    
<!--Google-Analytics--> 
 
 </body>
</html>
 

Helpful 0
You commented on Alec Stewart's post about 3 years

I tried the no-js and it did not work for me. I included it in the html tag in the header then added the css to the html page and also deleted modernizr.js. But still had the same FOUC

Helpful 0

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content

Register Today

Get all the answers in our
Foundation Classes

Learn Foundation from the creators in our interactive online webinars which will keep you up to date with the latest trends and skills needed to win your projects.

See Upcomming Classes

Or if you prefer, contact the Foundation Team at training@zurb.com or (408) 341-0600 x635