How to add both logo and site name to theme

I am trying to recreate a menu, as seen here (staging.lifestylerevolutions.tx) in Concrete5. I need to know how to add both a logo and a site name to the theme menu. As of right now, here is what my theme code for the menu looks like:
<nav class="top-bar">
        <ul class="title-area">
          <!-- Title Area -->
          <li class="name">
            <h1><a href=""><img class="logo" src="<?php echo $this->getThemePath()?>/images/logo.gif">Lifestyle<span class="accentText">Revolutions</span></a></h1>
          <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
          <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
         <section class="top-bar-section">
             <!-- Left Nav Section -->
                $a = new Area('Header Nav');

I need to know how to add the extra elements (site logo, site name, and also social icons if possible) to the theme via PHP. Finally, I need to know how to style the site name in the menu so that the words are two different colors.

Any pointers are very much appreciated!

View Replies: View Best Answer
FischerVision replied on at Permalink Best Answer Reply
You can add extra elements with this:
         $a = new GlobalArea('blockX');

Note: GlobalArea means that it will come back on every page

If you want to style it and position it you can use this:
<div id="blockX">
         $a = new GlobalArea('blockX');

Edit: You can also use this for your site name
               $block = Block::getByName('My_Site_Name');  
               if( $block && $block->bID ) $block->display();   
               else echo SITE;
               $a = new GlobalArea('Logo');
drconsolidated replied on at Permalink Reply
Great, thank you!