Menu icon Foundation

My Posts

  • 6
    Replies
  • Hide for medium down

    By Pam Bifaro

    <div>

    Is there a way to hide for medium down? I am trying to hide text and a button on orbit slides when the screen gets smaller then a tablet. On the small screens I only want to show the logo on the background slide. Or is there another way to make this trans... (continued)

    Last Reply by Pam Bifaro 5 months ago



  • NEW
  • add recent WordPress posts to foundation site

    By Pam Bifaro

    <html>

    I'm trying to pull blog posts from this website&nbsp;http://www.thekimfoundation.org/blog/ to a new html website that I am building with Foundation. I was able to do this with another site that I built with Foundation here&nbsp;https://www.celebritystaff.... (continued)


  • 1
    Reply
  • Linking WordPress blog to html blogroll

    By Pam Bifaro

    <script>

    I am building an html site using Foundation and I have an image slider that I need to populate with the most recent posts on our WordPress blog site. We were able to do this before see link here; http://www.thekimfoundation.org/ but to get this to work t... (continued)

    Last Reply by Pam Bifaro 9 months ago



  • 3
    Replies
  • On hover effect

    By Pam Bifaro

    <li>

    I am converting a website to the Foundation platform and all is going great except that I am looking for a script for an on hover effect that I was able to use with bootstrap in the existing site here https://www.celebritystaff.com &nbsp;on the large butt... (continued)

    Last Reply by Pam Bifaro 12 months ago




  • 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 over 1 year 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/  


My Comments

Pam Bifaro commented on Scott Koons's post 10 days
Pam Bifaro commented on Pam Bifaro's post 5 months

I ended up creating a style to have the section fade to zero opacity and that seems to work good.
  .TransFade {    opacity: 0;
 
Website
http://www.thekimfoundation.org/
 

Pam Bifaro commented on Pam Bifaro's post 5 months

I need it to show on medium and large and up as they sometimes look at this site on a plasma screen I tried show for medium up, show for large up and a combination of these and nothing works. I wonder if I create a media query for the break point that I want it to hide then a class in that break point to hide/show for those elements if that would work.
I might create a break point at around 950
Any thoughts???

Pam Bifaro commented on Pam Bifaro's post 5 months

I'm trying to hide the text and button on each slide for small screens not show them for small. Currently I am using hide-for-small-only but the text and button need to hide before they start moving under the purple banner and start looking like they are getting cut off. Here is my website.
http://www.thekimfoundation.org/

Pam Bifaro commented on Pam Bifaro's post 9 months

Any ideas??????

Pam Bifaro commented on Alec Stewart's post 10 months

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/

Pam Bifaro commented on Pam Bifaro's post 10 months

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.

Pam Bifaro commented on Pam Bifaro's post 10 months

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???

Pam Bifaro commented on Pam Bifaro's post 12 months

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>

Pam Bifaro commented on Pam Bifaro's post 12 months

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>

Posts Followed








Following

    No Content

Followers

My Posts










My Comments

You commented on Scott Koons's post 10 days
You commented on Pam Bifaro's post 5 months

I ended up creating a style to have the section fade to zero opacity and that seems to work good.
  .TransFade {    opacity: 0;
 
Website
http://www.thekimfoundation.org/
 

You commented on Pam Bifaro's post 5 months

I need it to show on medium and large and up as they sometimes look at this site on a plasma screen I tried show for medium up, show for large up and a combination of these and nothing works. I wonder if I create a media query for the break point that I want it to hide then a class in that break point to hide/show for those elements if that would work.
I might create a break point at around 950
Any thoughts???

You commented on Pam Bifaro's post 5 months

I'm trying to hide the text and button on each slide for small screens not show them for small. Currently I am using hide-for-small-only but the text and button need to hide before they start moving under the purple banner and start looking like they are getting cut off. Here is my website.
http://www.thekimfoundation.org/

You commented on Pam Bifaro's post 9 months

Any ideas??????

You commented on Alec Stewart's post 10 months

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/

You commented on Pam Bifaro's post 10 months

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.

You commented on Pam Bifaro's post 10 months

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???

You commented on Pam Bifaro's post 12 months

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>

You commented on Pam Bifaro's post 12 months

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>

Posts Followed

Following

  • No Content

Followers

  • No Content