Оцените верстку

Дмитрий Иванов

Сверстал свой первый в жизни макет, хотелось бы услышать замечания касательно верстки, мб были допущены какие то ошибки, буду рад любой критике.
HTML:

<!DOCTYPE html>
<head>
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="css/styles.css">
<meta charset="utf-8">
<title>layout</title>
</head>
<body>
<div id="page">
<div id="product">
<div class="left-column">
<h1>Product name</h1>
<ul>
<li>Put on this page information about your product</li>
<li>A detailed description of your product</li>
<li>Tell us about the advantages and merits</li>
<li>Associate the page with the payment system</li>
</ul>
</div>
<div class="right-column">
<img src="images/product_img.png" alt="">
</div>
</div>
<div id="about">
<div class="left-column">
<h2>About your product</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis facilis fuga, illo at. Natus eos, eligendi illum rerum omnis porro ex, magni, explicabo veniam incidunt in quam sapiente ut ipsum.</p>
<p>Pariatur iure ab sunt nesciunt, quibusdam odio iste cumque itaque, ipsa vel exercitationem ullam quos aut nostrum cupiditate fuga quaerat quam animi dolores. Sequi itaque, unde perferendis nemo debitis dolor.</p>
</div>
<div class="right-column align-right">
<img src="images/product_video.png" alt="">
</div>
</div>
<div id="contacts">
<div class="left-column">
<h2>Contacts</h2>
<div class="contact-form">
<form action="#">
<input type="text" placeholder="Your name:">
<input type="email" placeholder="Your email:">
<textarea placeholder="Your message:"></textarea>
<input type="submit" value="SEND">
</form>
</div>
</div>
<div class="right-column">
<ul>
<li>here_your_login_skype</li>
<li>279679659</li>
<li><a href="mailto:psdhtmlcss@mail.ru">psdhtmlcss@mail.ru</a></li>
<li>80 00 4568 55 55</li>
</ul>
<div class="social-links">
<a href="#"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-facebook fa-2x" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-google-plus-official fa-2x" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-youtube fa-2x" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div id="footer">
<p>Copyright &copy; 2014 Product name &sdot; PSD HTML CSS</p>
</div>
</div>
</body>
</html>

CSS:
* {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

a {
color: #fff;
text-decoration: none;
}

#about {
background-color: #fff;
color: #445161;
height: 344px;
}

#about img {
height: 245px;
width: 430px;
}

#about p {
color: #333;
font-size: 16px;
line-height: 24px;
margin: 0 0 11px 50px;
width: 653px;
}

.align-right {
text-align: right;
}

#contacts {
background-color: #445161;
color: #fff;
height: 509px;
}

#contacts h2 {
text-align: right;
margin: 48px 61px 25px 0;
}

#contacts li {
background: url("../images/icons_sprite.png") -5px -83px no-repeat;
font-size: 16px;
line-height: 26px;
list-style-type: none;
margin-bottom: 17px;
padding-left: 30px;
}

#contacts li+li {
background-position: -5px 0;
}

#contacts li+li+li {
background-position: -5px -114px;
}

#contacts li+li+li+li {
background-position: -5px -55px;
}

#contacts ul {
margin: 58px 0 0 34px;
}

.contact-form {
height: 354px;
margin-left: 249px;
text-align: center;
width: 500px;
}

#footer {
background-color: #fff;
color: #445161;
height: 32px;
}

#footer p {
font-size: 12px;
letter-spacing: 0.025em;
padding-top: 8px;
text-align: center;
}

h1 {
font-size: 60px;
font-weight: 400;
margin: 38px 0 0 47px;
}

h2 {
font-size: 30px;
font-weight: 400;
margin: 44px 0 24px 51px;
}

input[type="text"],
input[type="email"] {
border: none;
border-radius: 5px;
color: #445161;
font-size: 16px;
height: 40px;
margin-bottom: 21px;
padding-left: 11px;
width: 489px;
}

input[type="submit"] {
background-color: #fff;
border: none;
border-radius: 5px;
color: #445161;
cursor: pointer;
font-size: 16px;
font-weight: 700;
height: 40px;
width: 140px;
}

.left-column {
float: left;
width: 761px;
}

#page {
margin: 0 auto;
width: 1280px;
}

#product {
background-color: #445161;
color: #fff;
height: 323px;
}

#product img {
height: 214px;
width: 469px;
}

#product li {
background: url("../images/icons_sprite.png") -5px -31px no-repeat;
font-size: 20px;
list-style-type: none;
margin-bottom: 13px;
padding-left: 35px;
}

#product ul {
margin: 35px 0 0 51px;
}

.right-column {
padding: 50px 50px 0 0;
float: left;
width: 469px;
}

.social-links {
height: 42px;
margin: 30px 0 0 35px;
width: 255px;
}

.social-links a {
color: #445161;
background-color: #fff;
border-radius: 50%;
display: inline-block;
height: 37px;
margin-right: 3px;
padding-top: 5px;
text-align: center;
width: 42px;
}

textarea {
border: none;
border-radius: 5px;
color: #445161;
font-size: 16px;
height: 148px;
margin-bottom: 17px;
padding: 11px;
resize: none;
width: 478px;
}

Ссылка на макет
Ссылка на архив с работой

1 чел.