title: Transferring Search Box From Old Page to New Design (From Scratch)
body: <p><p>
   I am a computer science major and relatively experienced front-end developer (HTML, CSS, Javascript, as well as some development history with PHP, Java, Ruby and Linux Command Line). </p> <p> Recently I signed on with a team that is doing some webpage redesign for a product-sales company. I have been assigned to take the client's pdf templates and turn them in to working HTML/CSS files that they can implement to their website when they so please. I have got every part of the assignments complete, EXCEPT for the search box found on the header of each page. </p>
    <p> My issue is that I need to implement the same search box from their old header design in to the new one. I found a great example that is almost exactly the same as what I am dealing with at this website (<a href="http://shop.manorfinewares.com/intro.html" rel="nofollow">http://shop.manorfinewares.com/intro.html</a>). [It is the search bar in the upper right] </p>
   <p> I am unsure as to the correct process to take a search bar (such as this one) and transfer it to my new layout that I have coded for them while making sure to maintain all of its functionality when I hand them the finished product. [For sake of argument lets just say it is the EXACT same search bar as the one listed at the site linked to above]</p>
   I cannot express how grateful I am to anybody who can help out. Not quite sure what I can offer in return, but if you can think of anything, I will be sure to oblige. Any tips are greatly appreciated. Let me know if there is any other information that you may need to better assist :) Hope this message is read in good spirits and that all is well (Sorry for the length of this btw, it's my first time posting)</p>