Skip to content

Instantly share code, notes, and snippets.

@machal

machal/index.html

Last active August 29, 2015 14:15
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save machal/1e6e12a3ca3192a60175 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save machal/1e6e12a3ca3192a60175 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- POPAI style -->
<link href="css/popai.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>POPAI Central Europe</h1>
<a href="index.html"><img src="pictures/popai.svg/png"></a> <!--který formát doporučujet?-->
<h2>Vyhledávací pole</h2>
<input type="search">
<h2>Navigace</h2>
<ul>
<li><a href="cal.html">kalendář akcí</a></li>
<li><a href="#">členové</a></li>
<li><a href="#">popai</a></li>
<li><a href="#">kontakty</a></li>
<li><a href="#">čleská sekce</a></li>
<li><a href="#">pracovní skupiny</a></li>
<li><a href="#">projekty</a></li>
</ul>
<h1>Menu right</h1>
<ul>
<li><a href="#">vstup pro členy</a></li>
<li><a href="#">cz</a></li> <!--jak vlastně fungují jazykové mutace? na co se odkazuje?-->
<li><a href="#">eng</a></li>
</ul>
<h1>Menu slider</h1>
<ul>
<li><a href="picture1">dot</a></li> <!--navigace bude samozřejmě button bez textu.. místo textu se dává spíš "mezera" nebo např. text-size 1px?-->
<li><a href="picture2">dot</a></li>
<li><a href="picture3">dot</a></li>
<li><a href="picture4">dot</a></li>
</ul>
<h1>News picture</h1>
<img src="pictures/news1.jpg">
<img src="pictures/news2.jpg">
<img src="pictures/news3.jpg">
<img src="pictures/news4.jpg">
<h1>News text</h1>
<h2>Headline news1</h2>
<p>News1</p>
<h2>Headline news2</h2>
<p>News2</p>
<h2>Headline news3</h2>
<p>News3</p>
<h2>Headline news4</h2>
<p>News4</p>
<h1>Popai values</p>
<h3>Vize</h3>
<p>Text vize</p>
<h3>Nástroje</h3>
<p>Text nástroje</p>
<h3>Mise</h3>
<p>Text mise</p>
<h3>Hodnoty</h3>
<p>Text hodnoty</p>
<h1>Menu POPAI</h1>
<ul>
<li><a href="#">etický kodex</a></li>
<li><a href="#">stanovy</a></li>
<li><a href="#">výhody</a></li>
<li><a href="#">podmínky</a></li>
<li><a href="#">přihláška</a></li>
<li><a href="#">vedení</a></li>
</ul>
<h1>Menu footer</h1>
<ul>
<li><a href="#">POPAI CE</a></li>
<li><a href="#">Popa Global</a></li>
<li><a href="#">Popai Group</a></li>
<li><a href="#">Newsletter</a></li>
</ul>
<h1>Copyright&co</h1>
<p>whatever..</p>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<!-- POPAI js -->
<script src="js/popai.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment