Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@ktopolski

ktopolski/index.html

Last active September 23, 2017 16:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ktopolski/fff57fea9486854bc72434d064be4d30 to your computer and use it in GitHub Desktop.
Save ktopolski/fff57fea9486854bc72434d064be4d30 to your computer and use it in GitHub Desktop.
Download ZIP
Warsztaty "3po3" dla Insytut Dizajnu w Kielcach - podstawy HTML CSS
Raw
index.html
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<style>
body {
background-color: #251A1A;
font-family: sans-serif;
}
h1 {
color: red;
}
article {
width: 600px;
margin: auto;
}
a {
color: #ccc;
text-decoration: none;
padding: 10px;
font-weight: bold;
}
a:hover {
color: white;
}
a.mocne {
background-color: green;
}
a.slabe {
background-color: red;
}
div.podpis {
height: 20px;
margin-top: 20px;
}
span.wynik {
color: white;
font-size: 18px;
font-weight: bold;
}
span.glosy {
color: #777;
font-size: 14px;
}
</style>
<h1>jestem fajny</h1>
<section>
<article>
<img src="demot.jpg"/>
<div class="podpis">
<a href="/" class="mocne">Mocne</a>
<a href="/" class="slabe">Słabe</a>
<span class="wynik">+62</span>
<span class="glosy">(72)</span>
<a href="http://stylowi.pl" title="Dodaj do stylowi.pl">
<img src="share-stylowi.gif" alt="stylowi"/>
</a>
<a href="http://facebook.com" title="Udostępnij na Facebooku">
<!-- do pobrania na http://demotywatory.pl/res/img/layout/fb-share.png -->
<img src="fb-share.png" alt="facebook"/>
</a>
</div>
</article>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment