Skip to content

Instantly share code, notes, and snippets.

/index.html

Created September 29, 2012 06:51
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 anonymous/3803384 to your computer and use it in GitHub Desktop.
Save anonymous/3803384 to your computer and use it in GitHub Desktop.
Download ZIP
BertuvWeb
Raw
index.html
<!DOCTYPE html>
<html lang="cs-cz" dir="ltr">
<head>
<link rel="stylesheet" href="Styles/site.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="description" content="Nejlepší web je www.devbook.cz" />
<meta name="keywords" content="Sem si dopníte klíčová slova" />
<meta name="robots" content="index,follow"/>
<meta name="author" content="Islandsoft.cz" />
<title>
Můj první web
</title>
</head>
<body>
<header><a href="/" ><h3>Bertuv <strong>web</strong></h3></a></header>
<nav>
<ol>
<li><a href="vytvory.html">Moje výtvory</a></li>
</ol>
<ol id="submenu1" class="hide">
<li><a href="omne.html"> O mně</a></li>
<li><a href="novinky.html"> Novinky</a></li>
</ol>
</nav>
<article>
<h2>
Vítám vás na mém webu
</h2>
<p>
Tvořím si svůj první web.
</p>
<p>
Chtěl bych tento web nějak rozšířit a nějak upravit trochu vypadal. :D
</p>
<p>
Časem se tady založej rubriky a normální chod stránek. Takže stačí jenom čekat XD
</p>
<p>
můžete mi napsat do kometářů co byste chtěli změnit Těším se na vaše názory a otázky ohledně webu
</p>
<p>
Jestli chcete dobrou hru tak tady jí máte <a href="http://www.minecraft.net/">Minecraft<a>.
</p>
</article>
<footer id="obsah">
Copyright(C)Bertuvweb s.r.o.- když chcete něco zkopírovat, bylo by dobré© se zeptat :D
</footer>
</body>
</html>
Raw
site.css
body
{
font-size: 1em;
font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
margin: 0px;
padding: 0px;
color: white;
background: #1B1B5F;
background-image: linear-gradient(bottom, #000000 0%, #1B1B5F 100%, #CAB4FF 82%);
background-image: -o-linear-gradient(bottom, #000000 0%, #1B1B5F 100%, #CAB4FF 82%);
background-image: -moz-linear-gradient(bottom, #000000 0%, #1B1B5F 100%, #CAB4FF 82%);
background-image: -webkit-linear-gradient(bottom, #000000 0%, #1B1B5F 100%, #CAB4FF 82%);
background-image: -ms-linear-gradient(bottom, #000000 0%, #1B1B5F 100%, #CAB4FF 82%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #000000),
color-stop(1, #1B1B5F),
color-stop(0.82, #CAB4FF)
);
background-repeat: no-repeat;
}
a:link, a:visited
{
color: #034af3;
}
a:hover
{
color: #1d60ff;
text-decoration: none;
}
a:active
{
color: #034af3;
}
p
{
color: white;
margin-bottom: 20px;
line-height: 1.6em;
text-indent: 50px;
text-align: justify;
font-family: "Times New Roman";
}
/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
font-size: 1.5em;
color: #bbbbec;
text-align: center;
text-transform: none;
font-weight: 200;
margin-bottom: 0px;
}
h1
{
font-size: 1.6em;
padding-bottom: 0px;
margin-bottom: 0px;
}
h2
{
font-size: 1.5em;
font-weight: 600;
}
h3
{
font-size: 1.2em;
}
h4
{
font-size: 1.1em;
}
h5, h6
{
font-size: 1em;
}
/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/
header
{
position: relative;
width: 100%;
font-weight: 700;
padding: 0px 0px 0px 20px;
color: #f9f9f9;
line-height: 2em;
font-size: 2em;
}
article
{
width: 90%;
margin: 0 auto;
background: #1B1B5F;
background-image: linear-gradient(bottom, #000000 0%, #1B1B5F 100%, #CAB4FF 82%);
background-image: -o-linear-gradient(bottom, #000000 0%, #1B1B5F 100%, #CAB4FF 82%);
background-image: -moz-linear-gradient(bottom, #000000 0%, #1B1B5F 100%, #CAB4FF 82%);
background-image: -webkit-linear-gradient(bottom, #000000 0%, #1B1B5F 100%, #CAB4FF 82%);
background-image: -ms-linear-gradient(bottom, #000000 0%, #1B1B5F 100%, #CAB4FF 82%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #000000),
color-stop(1, #1B1B5F),
color-stop(0.82, #CAB4FF)
);
background-repeat: no-repeat;
padding: 0px 12px;
min-height: 420px;
border-radius: 12px;
}
footer
{
color: #4e5766;
padding: 8px 0px 0px 0px;
margin: 0px auto;
text-align: center;
line-height: normal;
}
/* MENU
----------------------------------------------------------*/
ol
{
padding: 0px;
position: relative;
width: 100%;
margin: 0 auto;
text-align: center;
}
ol li { display: inline; }
ol li a
{
padding: 10px 20px;
font-weight: bold;
line-height: 2.8em;
background: #1B1B5F;
background-image: linear-gradient(bottom, #000000 0%, #1B1B5F 100%, #CAB4FF 82%);
background-image: -o-linear-gradient(bottom, #000000 0%, #1B1B5F 100%, #CAB4FF 82%);
background-image: -moz-linear-gradient(bottom, #000000 0%, #1B1B5F 100%, #CAB4FF 82%);
background-image: -webkit-linear-gradient(bottom, #000000 0%, #1B1B5F 100%, #CAB4FF 82%);
background-image: -ms-linear-gradient(bottom, #000000 0%, #1B1B5F 100%, #CAB4FF 82%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #000000),
color-stop(1, #1B1B5F),
color-stop(0.82, #CAB4FF)
);
background-repeat: no-repeat;
border-radius: 20px;
}
.hide { visibility: collapse; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment