Header/Footer Integration with Wordpress

[PhantomJedi]

Hi,

 

I have a Wordpress website, and I paid for an "official" integration from WHMCS, but it came out poorly. I am trying to do it myself, and due to my lack of web programming knowledge, need a bit of assistance.

 

My header HTML code is:

<div class="container">
               <div class="row">
                   <div class="col six">
<a class="logo" href="http://www.igamehost.com"><img class="logo-img" src="http://igamehost.com/wp-content/uploads/2013/11/nelbU0i.png" alt="iGameHost" /></a>                    </div>
                   <div class="col six header-widget">					
                   </div>
               </div>
                               <div class="row">
                   <div class="col ten">
                       <nav id="menu" class="visible-desktop"><ul id="menu-mainmenu" class="clearfix"><li id="menu-item-12" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-10 current_page_item menu-item-12"><a href="http://www.igamehost.com/">Home</a></li>
<li id="menu-item-88" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-88"><a href="http://www.igamehost.com/game-servers/">Game Servers</a></li>
<li id="menu-item-147" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-147"><a href="http://www.igamehost.com/about-us/">About Us</a></li>
<li id="menu-item-125" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children  current-menu-parent menu-item-125"><a href="#">Partners</a>
<ul class="sub-menu">
<li id="menu-item-126" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-126"><a href="http://buycraft.net">Buycraft</a></li>
</ul>
</li>
<li id="menu-item-314" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-314"><a href="http://www.igamehost.com/billing">Client Area</a></li>
<li id="menu-item-327" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-327"><a href="http://www.igamehost.com/tcadmin/">TCAdmin</a></li>
</ul></nav>                    </div>
                                           <div class="col two" style="margin:0;">
                           <div class="widget search_header">
                               <form role="search" method="get" id="searchform" action="http://www.igamehost.com/" >
   <div class="clearfix">
   <input type="submit" id="searchsubmit" value="Search" />
   <input type="text" value="" name="s" id="s" placeholder="Enter search keyword ..." />    
   </div>
   </form>                            </div>
                       </div>
                                   </div>
           </div>

 

I know it needs to go in header.tpl, but I probably also need to include some tags to call the various Wordpress parts in the header. Also, I need to know what in header.tpl needs to be replaced (if not all of it). I would also love to make it so that the WHMCS header will automatically update when the site header is updated.

 

Thanks in advance.

[PhantomJedi]

Update:

 

I have the header and footer working, but the bootstrap.css is changing the size of me header? Does anyone know where in the file I can find the code to change this? I know it is the bootstrap.css, because if I delete the one line of code that calls it, it goes back to normal. However, I have to have it in my header.tpl.

 

- - - Updated - - -

 

Edit:

 

(I can't seem to find an edit button...) I meant to write "my header," not "me header." I am not (that) deficient in English.