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?

    &lt;!doctype html&gt;

&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;title&gt;Salon Sociel | Hair-Nails-Unisex&lt;/title&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;link rel="stylesheet" href="style/main.css"&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;header&gt;
        &lt;section class="logo"&gt;
            &lt;h1&gt;Salon Sociel&lt;/h1&gt;
            &lt;h3&gt;Hair-Nails-Unisex&lt;/h3&gt;
        &lt;/section&gt;
        &lt;nav&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Services&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Products&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Friends&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/nav&gt;
    &lt;/header&gt;
    &lt;!-- introductory content --&gt;
    &lt;section class="intro"&gt;
        &lt;article&gt;
            &lt;header&gt;
                &lt;h3&gt;Welcome to Our Salon Sociel&lt;/h3&gt;
            &lt;/header&gt;
            &lt;p&gt;

            &lt;/p&gt;
        &lt;/article&gt;
        &lt;aside&gt;
            &lt;img src="" alt="" width="" height=""&gt;
        &lt;/aside&gt;
    &lt;/section&gt;
    &lt;!-- featured content --&gt;
    &lt;section class="featured"&gt;
        &lt;p&gt;featured&lt;/p&gt;
    &lt;/section&gt;
    &lt;!-- keratin complex --&gt;
    &lt;section class="keratin"&gt;
        &lt;p&gt;Keratin&lt;/p&gt;
    &lt;/section&gt;
    &lt;footer&gt;
        &lt;p&gt;footer&lt;/p&gt;
    &lt;/footer&gt;
&lt;/body&gt;
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:

&lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Salon Sociel | Hair-Nails-Unisex&lt;/title&gt;
  &lt;link rel="stylesheet" href="style/main.css"&gt;
&lt;/head&gt;


Wrong use of section and h3

You have:


&lt;section class="logo"&gt;
  &lt;h1&gt;Salon Sociel&lt;/h1&gt;
  &lt;h3&gt;Hair-Nails-Unisex&lt;/h3&gt;
&lt;/section&gt;



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:

&lt;h1&gt;Salon Sociel&lt;/h1&gt;
&lt;p&gt;Hair-Nails-Unisex&lt;/p&gt;


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