Beauty salon site in HTML 5

First time working with html 5 so far. Am I using my markup correctly thus far?
Semantically correct that is?

    Salon Sociel | Hair-Nails-Unisex
    
    

    
        
            Salon Sociel
            Hair-Nails-Unisex
        
        
            
                Home
                About
                Services
                Products
                Portfolio
                Contact
                Friends
            
        
    
    
    
        
            
                Welcome to Our Salon Sociel
            
            

            
        
        
            
        
    
    
    
        featured
    
    
    
        Keratin
    
    
        footer
    

meta-charset should come before title

The meta-charset element would ideally be the first element in head (details about the order in head).

So it could be:



Salon Sociel | Hair-Nails-Unisex




Wrong use of section and h3

You have:


Salon Sociel
Hair-Nails-Unisex



Neither is the section correct here (it only contains headings, and by using it the h1 is no longer the heading of the body), nor is it correct to use a heading element for a subheading (details).

So it should simply be:

Salon Sociel

Hair-Nails-Unisex


(Your structure would have been correct if using hgroup instead of section, but this element was removed from W3C’s HTML.)

StackExchange Code Review Q#137836, answer score: 2