Cześć.
Mój problem spowodowany jest powielającymi się ikonami stron społecznościowych z kursu ccs odc3.
Sprawdziłem kod tryliard razy i dostaję oczopląsu. Nie mam pojęcia gdzie zrobiłem błąd.
Z góry dziękuję za pomoc. Pozdrawiam.
<!doctype html>
<head lang="pl">
<title>SNES</title>
<meta charset="utf-8"/>
<meta http-equive="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="description" content="Serwis o starych grach"/>
<meta name="keywords" content="gry, komputerowe, retro, nes, snes, konsole"/>
<link href="style.css" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext" rel="stylesheet">
<link href="css/fontello.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="wrapper">
<div class="header">
<div class="logo">
<img src="pad.png" style="float:left;"/>
<span style="color:#c34f4f">retro</span>grenie.com
<div style="clear:both;"></div>
</div>
</div>
<div class="nav"></div>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Est ullamcorper eget nulla facilisi etiam. Non pulvinar neque laoreet suspendisse
interdum consectetur libero.
Senectus et netus et malesuada fames ac turpis egestas.
Purus sit amet volutpat consequat mauris nunc congue.
Pellentesque habitant morbi tristique senectus et netus.
Amet tellus cras adipiscing enim eu. Nibh venenatis cras sed felis.
Turpis egestas pretium aenean pharetra magna ac placerat.
Lectus sit amet est placerat in egestas erat imperdiet sed.
Interdum velit euismod in pellentesque massa placerat duis ultricies.
Pharetra pharetra massa massa ultricies mi quis hendrerit dolor magna.
Sagittis orci a scelerisque purus semper eget duis. Integer enim neque volutpat ac tincidunt vitae.
Venenatis tellus in metus vulputate eu scelerisque felis.
Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at augue.
Rutrum quisque non tellus orci ac auctor augue.</p>
<p>In dictum non consectetur a erat. Ac turpis egestas maecenas pharetra convallis posuere.
Sem nulla pharetra diam sit amet nisl suscipit.
Arcu cursus euismod quis viverra nibh cras pulvinar mattis.
Ut enim blandit volutpat maecenas volutpat blandit.
Mi eget mauris pharetra et ultrices neque ornare aenean euismod.
Augue neque gravida in fermentum et sollicitudin ac orci phasellus.
Amet volutpat consequat mauris nunc congue. Dignissim convallis aenean et tortor at risus viverra adipiscing.
Massa tempor nec feugiat nisl.
Faucibus vitae aliquet nec ullamcorper sit amet risus. Lorem dolor sed viverra ipsum nunc aliquet bibendum.
Consectetur adipiscing elit duis tristique sollicitudin nibh sit amet commodo.
Donec enim diam vulputate ut pharetra. Porta non pulvinar neque laoreet suspendisse interdum.
Ut enim blandit volutpat maecenas volutpat blandit.
Orci sagittis eu volutpat odio facilisis.
Diam maecenas ultricies mi eget mauris pharetra et ultrices neque.</p>
<p>Viverra tellus in hac habitasse platea dictumst vestibulum.
Elementum facilisis leo vel fringilla est ullamcorper eget nulla.
Massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin.
Lacus viverra vitae congue eu. Rhoncus urna neque viverra justo nec ultrices dui sapien eget.
Vitae ultricies leo integer malesuada nunc vel risus commodo viverra. Habitasse platea dictumst vestibulum rhoncus est.
Dapibus ultrices in iaculis nunc. At lectus urna duis convallis.
Orci dapibus ultrices in iaculis.
Enim neque volutpat ac tincidunt vitae semper quis lectus nulla.</p>
<p>Mattis nunc sed blandit libero volutpat sed. In fermentum posuere urna nec tincidunt. Ut aliquam purus sit amet luctus venenatis.
Feugiat in ante metus dictum at. Risus commodo viverra maecenas accumsan.
Risus feugiat in ante metus dictum at tempor commodo ullamcorper.
Dolor purus non enim praesent elementum. Cras fermentum odio eu feugiat pretium nibh.
Ornare suspendisse sed nisi lacus sed viverra tellus.
Tortor condimentum lacinia quis vel eros.</p>
<p>Massa tincidunt dui ut ornare lectus sit amet est. Viverra vitae congue eu consequat ac felis.
Massa enim nec dui nunc mattis enim ut. Semper quis lectus nulla at volutpat diam ut venenatis.
Cursus in hac habitasse platea dictumst quisque sagittis purus sit.
Amet consectetur adipiscing elit duis tristique sollicitudin nibh sit amet.
Arcu cursus vitae congue mauris rhoncus aenean vel. Viverra justo nec ultrices dui sapien eget mi proin sed.
Amet porttitor eget dolor morbi non arcu risus. Dictumst quisque sagittis purus sit amet volutpat consequat.
Ultricies mi quis hendrerit dolor magna eget est lorem.
Pulvinar elementum integer enim neque volutpat ac tincidunt vitae.</p>
</div>
<div class="socials">
<div class="socialdivs">
<div class="fb"><i class="icon-facebook-squared"</i></div>
<div class="yt"><i class="icon-youtube-squared"</i></div>
<div class="tw"><i class="icon-twitter-squared"</i></div>
<div class="gplus"><i class="icon-gplus-squared"</i></div>
<div style="clear:both"></div>
</div>
</div>
</div>
</body>
</html>
body
{
background-color:#303030;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size:20px;
margin:0 !important;
}
.wrapper
{
width:100%;
}
.header
{
width:100%;
padding: 40px 0;
}
.logo
{
width:450px;
font-size: 48px;
margin-left:auto;
margin-right:auto;
}
.nav
{
width:100%;
padding:10px 0;
background-color: #c34f4f;
text-align: center;
border-top: 1px solid #751b1b;
border-bottom: 1px solid #751b1b;
height: 40px;
}
.content
{
width: 1000px;
margin-left: auto;
margin-right:auto;
text-align: justify;
}
.socials
{
width:100%
text-align: center;
background-color: #292929
}
.socialdivs
{
width:1000px;
margin-left:auto;
margin-right: auto;
}