Site
/
initfest
11
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases Wiki Activity

added html to the repo

This commit is contained in:
Vladimir Vassilev 2014-10-01 13:35:03 +03:00
parent 69fed4a6fc
commit eaf84bbe77
21 changed files with 1224 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -1 +0,0 @@
html/*

16
functions.php
View File

@ -12,13 +12,17 @@ register_nav_menus(
add_shortcode('sh-latest-posts', 'sh_latest_posts'); add_shortcode('sh-latest-posts', 'sh_latest_posts');
function sh_latest_posts($atts){ function sh_latest_posts($atts){
$atts = shortcode_atts( array(
'cat' => 'news',
'label' => __('News', 'initfest')
), $atts );
$result = '<div class="separator"></div><section class="content"><h3>'.$atts['label'].' | <small><a href="'.esc_url(get_term_link($atts['cat'], 'category')).'">'.__('see all', 'initfest').'</a></small></h3>';
ob_start(); ob_start();
?> ?>
<div class="separator"></div>
<section class="content">
<h3>Новини | <small><a href="#">виж всички новини</a></small></h3>
<div class="grid"> <div class="grid">
<div class="col3"> <div class="col3">
<h4>Разходи за OpenFest 2013</h4> <h4>Разходи за OpenFest 2013</h4>
@ -61,7 +65,7 @@ function sh_latest_posts($atts){
<div class="separator"></div> <div class="separator"></div>
<?php <?php
$result = ob_get_contents(); $result .= ob_get_contents();
ob_end_clean(); ob_end_clean();
return $result; return $result;

146
html/about.html Normal file
View File

@ -0,0 +1,146 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="OpenFest" />
<meta name="copyright" content="OpenFest" />
<meta name="robots" content="follow,index" />
<meta name="title" content="" />
<meta name="keywords" content="" lang="en-us" />
<meta name="description" content="" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="icon" type="image/png" href="">
<title>OpenFest</title>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<nav>
<div class="content cf">
<a href="#" class="logo"><img src="img/logo.png" alt="OpenFest" /></a>
<ul>
<li><a href="#">Начало</a></li>
<li class="selected"><a href="#">За събитието</a></li>
<li><a href="#">Спонсори</a></li>
<li><a href="#">Програма</a></li>
<li><a href="#">Контакти</a></li>
<li class="separator"></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
<li class="separator"></li>
<li><a href="#">EN</a></li>
</ul>
</div>
</nav>
<ul class="content subnav cf">
<li class="selected"><a href="#">За събитието</a></li>
<li><a href="#">Идеи и препоръки</a></li>
<li><a href="#">Екип</a></li>
<li><a href="#">История</a></li>
</ul>
<div class="separator"></div>
<section class="content grid">
<div class="col-left">
<h1 class="big">За събитието</h1>
<p>
OpenFest e единствената по рода си в България конференция, посветена на свободната култура, свободния софтуер и софтуера с отворен код, свободното споделяне на знания – фестивал на свободното творчество. OpenFest е ежегодна среща на всички почитатели, създатели, поддръжници и нови фенове на свободните изкуства и свободния софтуер.
</p>
<p>
Целта на OpenFest е да популяризира проекти, реализирани с помощта на свободен софтуер и софтуер с отворен код, както и да бъде форум за обмен на идеи и добри практики в областта. Същевременно организаторите всякога се стараят да дадат поле за изява и на свободното изкуство.
</p>
<p>
Емблемата на OpenFest е отворено за знания и информация човешко око, чиито мигли са лъчи на изгряващо слънце. Изгревът е символ на зараждаща се свобода. Автор на идеята и графичната реализация на тази символика е художникът-хакер Здравко Здравков.
</p>
<p>
Мотото на OpenFest е “Да споделим свободата!”
</p>
<p>
Първият Openfest се състои през 2003 година в София и оттогава досега фестивалът се провежда всяка година. Още от първото си провеждане OpenFest протича под патронажа на Президента на Република България.
</p>
<p>
Организатор на OpenFest е Фондация Отворени Проекти, чиито усилия всяка година намират подкрепата на цялата българска free/open source общност и на много партньори и приятели.
</p>
</div>
<div class="col-right">
<h3>2-и и 3-и Ноември, 2013г.<br />Интерпред, София, България</h3>
<div class="separator"></div>
<div class="sponsors">
<a href="#"><img src="img/sponsors/s1.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s2.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s3.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s4.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s5.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s6.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s7.jpg" alt="" /></a>
</div>
<div class="separator"></div>
<div class="place">
<h3>Място: Интерпред, София, България</h3>
<p>С метро:<br />
Интерпред се намира в непосредствена близост до спирка “Жолио Кюри” на софийското метро. <br />
<a href="#">Карта на метрото</a>. <a href="">Разписание</a>.<br /><br />
С автобус:<br />
Автобус №413, името на спирката е СТЦ Интерпред. Автобусът тръгва от Централна гара.<br />
<a href="">Разписание и маршрут</a>.</p><br /><br />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><div style="overflow:hidden;height:350px;width:100%;"><div id="gmap_canvas" style="height:350px;width:100%;"></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style><a class="google-map-code" href="http://www.trivoo.net" id="get-map-data">augenpflege von clinique</a></div><script type="text/javascript"> function init_map(){var myOptions = {zoom:14,center:new google.maps.LatLng(42.6977082,23.321867500000053),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(42.6977082, 23.321867500000053)});infowindow = new google.maps.InfoWindow({content:"<b>&#1048;&#1085;&#1090;&#1077;&#1088;&#1087;&#1088;&#1077;&#1076;</b><br/><br/> Sofia" });google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>
</div>
</div>
</section>
<footer>
<div class="content grid">
<div class="col4">
<h3>OpenFest</h3>
<p>
<a href="#">Начало</a><br />
<a href="#">Идеи и препоръки</a><br />
<a href="#">За събитието</a><br />
<a href="#">Спонсори</a><br />
<a href="#">Програма</a><br />
<a href="#">Екип</a><br />
<a href="#">Историята</a><br />
<a href="#">Контакти</a>
</p>
</div>
<div class="col4">
<h3>Програма</h3>
<p>
<a href="#">Информация</a><br />
<a href="#">Календар</a><br />
<a href="#">Зали</a><br />
</p>
</div>
<div class="col4">
<h3>Други</h3>
<p>
<a href="#">Хотели</a><br />
<a href="#">Заведения</a><br />
<a href="#">Beer Events</a><br />
<a href="#">After party</a><br />
</p>
</div>
<div class="col4">
<h3>Последвайте ни в:</h3>
<p>
<a href="#"><i class="fa fa-twitter"></i> Twitter</a><br />
<a href="#"><i class="fa fa-facebook"></i> Facebook</a><br />
<a href="#"><i class="fa fa-youtube"></i> YouTube</a>
</p>
</div>
</div>
</footer>
</body>
</html>

494
html/css/styles.css Normal file
View File

@ -0,0 +1,494 @@
/* cyrillic-ext */
@font-face {
font-family: 'Arimo';
font-style: normal;
font-weight: 400;
src: local('Arimo'), url(http://fonts.gstatic.com/s/arimo/v8/an78_18DAUCSU6a4qacRuA.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Arimo';
font-style: normal;
font-weight: 400;
src: local('Arimo'), url(http://fonts.gstatic.com/s/arimo/v8/4NN7UQ_VsRBn7NDD9HKUPw.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Arimo';
font-style: normal;
font-weight: 400;
src: local('Arimo'), url(http://fonts.gstatic.com/s/arimo/v8/ye-fuRt_0mKrPeIp6Mwa8A.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Arimo';
font-style: normal;
font-weight: 400;
src: local('Arimo'), url(http://fonts.gstatic.com/s/arimo/v8/VF6T-UwCT6WyIiUKP6AykQ.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Arimo';
font-style: normal;
font-weight: 400;
src: local('Arimo'), url(http://fonts.gstatic.com/s/arimo/v8/eSHy7hCA8QR4qTF-59v60g.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Arimo';
font-style: normal;
font-weight: 400;
src: local('Arimo'), url(http://fonts.gstatic.com/s/arimo/v8/V41d6938Z8eBLYL302F8Ig.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Arimo';
font-style: normal;
font-weight: 400;
src: local('Arimo'), url(http://fonts.gstatic.com/s/arimo/v8/chnpHRvNNCWcZBKRQ4gVug.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Arimo';
font-style: normal;
font-weight: 700;
src: local('Arimo Bold'), local('Arimo-Bold'), url(http://fonts.gstatic.com/s/arimo/v8/ar6XjGD_YvbpY9XD5YxKTBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Arimo';
font-style: normal;
font-weight: 700;
src: local('Arimo Bold'), local('Arimo-Bold'), url(http://fonts.gstatic.com/s/arimo/v8/XzFO_hPcAZmADxw_2htokBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Arimo';
font-style: normal;
font-weight: 700;
src: local('Arimo Bold'), local('Arimo-Bold'), url(http://fonts.gstatic.com/s/arimo/v8/Tq4Zh2K0uru54pu6hyua9BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Arimo';
font-style: normal;
font-weight: 700;
src: local('Arimo Bold'), local('Arimo-Bold'), url(http://fonts.gstatic.com/s/arimo/v8/gRIQMcBGUlcKSvTGaO9yHBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Arimo';
font-style: normal;
font-weight: 700;
src: local('Arimo Bold'), local('Arimo-Bold'), url(http://fonts.gstatic.com/s/arimo/v8/u0Tw4Txbkc9Av4uzN1j1aBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Arimo';
font-style: normal;
font-weight: 700;
src: local('Arimo Bold'), local('Arimo-Bold'), url(http://fonts.gstatic.com/s/arimo/v8/XCmwOdi6K62tkWaszbVGURTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Arimo';
font-style: normal;
font-weight: 700;
src: local('Arimo Bold'), local('Arimo-Bold'), url(http://fonts.gstatic.com/s/arimo/v8/27rE5lMk9EHpLbxiIuGd0BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Arimo';
font-style: italic;
font-weight: 400;
src: local('Arimo Italic'), local('Arimo-Italic'), url(http://fonts.gstatic.com/s/arimo/v8/-lqiBwxkYHykb59Lvn7rk_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Arimo';
font-style: italic;
font-weight: 400;
src: local('Arimo Italic'), local('Arimo-Italic'), url(http://fonts.gstatic.com/s/arimo/v8/tvCMF1Qlf0MEvcc7JEzrhfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Arimo';
font-style: italic;
font-weight: 400;
src: local('Arimo Italic'), local('Arimo-Italic'), url(http://fonts.gstatic.com/s/arimo/v8/aKQL0kir7sjNM0_YzHc9yvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Arimo';
font-style: italic;
font-weight: 400;
src: local('Arimo Italic'), local('Arimo-Italic'), url(http://fonts.gstatic.com/s/arimo/v8/c6Ldt38oFMowvdIZIi9CaPY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Arimo';
font-style: italic;
font-weight: 400;
src: local('Arimo Italic'), local('Arimo-Italic'), url(http://fonts.gstatic.com/s/arimo/v8/Phj51JGRBuPcxq7i7-qcHPY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Arimo';
font-style: italic;
font-weight: 400;
src: local('Arimo Italic'), local('Arimo-Italic'), url(http://fonts.gstatic.com/s/arimo/v8/-CSRdP_Aes2aBSIDGwIm6vY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Arimo';
font-style: italic;
font-weight: 400;
src: local('Arimo Italic'), local('Arimo-Italic'), url(http://fonts.gstatic.com/s/arimo/v8/W9ndJDdcIndrj-dqFXLbVvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-size: 18px;
font-family: 'Arimo', sans-serif;
}
@media all and (max-width: 400px) {
body {
font-size: 14px;
}
}
.content {
max-width: 960px;
margin: 0 auto;
position: relative;
}
p {
margin: 0 0 1em 0;
padding: 0;
}
h1.big {
font-size: 2.4em;
margin-top: 0;
margin-bottom: 0.6em;
padding-top: 0;
}
a {
color: #000;
}
a:hover {
color: #7789b5;
}
a img {
border: none;
}
h3 small {
font-size: 0.65em;
}
.tac {
text-align: center;
}
@media all and (max-width: 960px) {
.content {
padding: 0 1em;
}
}
.left { float: left; }
.right { float: right; }
.cf::after, .cf::before {
content: " ";
clear: both;
display: block;
}
/* Navigation */
nav {
position: relative;
height: 84px;
background: url("../img/navbg.jpg") repeat-x;
}
nav ul {
float: right;
list-style: none;
margin: 0;
padding: 0;
}
nav ul > li {
float: left;
margin: 0;
padding: 0;
}
nav ul a {
color: #000;
text-decoration: none;
display: block;
padding: 1.5em 0.4em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: border-top 200ms;
-webkit-transition: border-top 200ms;
border-top: 0 solid #FFF;
}
nav ul a:hover {
border-top: 0.4em solid #A8D6FF;
}
nav ul .separator {
display: block;
width: 0.05em;
background: #B7B7B7;
height: 2em;
margin: 1.1em 0.4em 0 0.4em;
}
nav .logo {
display: block;
position: absolute;
top: 0;
left: 0;
}
nav .selected {
font-weight: bold;
}
@media all and (max-width: 840px) {
nav .logo {
display: none;
}
nav .logo img {
display: block;
max-height: 100%;
}
nav {
height: auto;
background: none;
padding: 0.4em 0;
border-bottom: 0.2em solid #d7ecff;
}
nav ul {
float: none;
}
nav ul a {
padding: 0.2em;
}
nav ul .separator {
display: block;
width: 0.05em;
background: #B7B7B7;
height: 1em;
margin: 0.2em 0.2em 0 0.2em;
}
nav ul a:hover {
border-top: 0 solid #A8D6FF;
}
}
/* Banner */
.banner {
height: 245px;
background: url("../img/banner.jpg") no-repeat;
background-size: cover;
padding: 4em 0 0 0;
}
.banner img {
display: block;
max-width: 100%;
height: 157px;
margin: 0 auto;
}
@media all and (max-width: 840px) {
.banner { display: none; }
}
/* Grid */
.grid {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.grid::after {
content: " ";
clear: both;
display: block;
}
.grid .col2 {
width: 50%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.grid .col2+.col2, .grid .col3+.col3, .grid .col4+.col4 {
padding: 0 0 0 1em;
}
.grid .col3 {
width: 33%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.grid .col4 {
width: 25%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.grid .col-left {
width: 70%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 1.6em 0 0;
}
.grid .col-right {
width: 30%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media all and (max-width: 600px) {
.grid .col2, .grid .col3, .grid .col4, .grid .col-left, .grid .col-right {
width: 100%;
float: none;
padding: 0 0 1em 0;
}
.grid .col2+.col2, .grid .col3+.col3, .grid .col4+.col4 {
padding: 0;
}
}
/* Separator */
.separator {
width: 100%;
margin: 1.8em 0;
height: 0.1em;
background: #7789b5;
}
/* News */
h4 {
margin: 1em 0 0 0;
padding: 0;
}
.info {
color: #8F8F8F;
font-size: 0.6em;
margin: 0 0 1em 0;
}
.button {
display: inline-block;
padding: 0.4em 0.6em;
border-radius: 0.4em;
background: #DEDEDE;
font-size: 0.8em;
margin: 1em 0 1em 0;
text-decoration: none;
border-bottom: 0.15em solid #999;
}
/* Footer */
footer {
margin: 2em 0 0 0;
padding-top: 1em;
padding-bottom: 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #ddd;
}
/* Sub navigation */
.subnav {
margin-top: 1.6em;
list-style: none;
padding-left: 0;
}
.subnav li {
float: left;
padding: 0;
margin: 0 1em 0 0;
}
.subnav li.selected {
font-weight: bold;
}
.subnav a {
text-decoration: none;
}
@media all and (max-width: 960px) {
.subnav {
padding: 0 1em;
}
}
/* Speaker */
.speaker {
position: relative;
margin: 0 0 2em 0;
}
.speaker::after {
content: " ";
clear: both;
display: block;
}
.speaker > img {
width: 100px;
float: left;
padding: 0.3em;
background: #FFF;
-moz-box-shadow: 0px 0px 1px 1px #999;
-webkit-box-shadow: 0px 0px 1px 1px #999;
box-shadow: 0px 0px 1px 1px #999;
margin: 0 1em 2em 0;
}
.speaker .icons {
position: absolute;
top: 125px;
left: 0;
font-size: 1.2em;
width: 122px;
text-align: center;
}
.speaker .icons a {
display: inline-block;
margin: 0 0.3em 0 0;
}
.speaker h3 {
margin: 0 0 0.4em 0;
padding: 0;
}
/* Sponsors */
.sponsors-item {
padding: 0 0 2em 0;
}
.sponsors-item .col2 > img {
display: inline-block;
margin: 0 0 2em 0;
}

106
html/empty.html Normal file
View File

@ -0,0 +1,106 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="OpenFest" />
<meta name="copyright" content="OpenFest" />
<meta name="robots" content="follow,index" />
<meta name="title" content="" />
<meta name="keywords" content="" lang="en-us" />
<meta name="description" content="" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="icon" type="image/png" href="">
<title>OpenFest</title>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<nav>
<div class="content cf">
<a href="#" class="logo"><img src="img/logo.png" alt="OpenFest" /></a>
<ul>
<li><a href="#">Начало</a></li>
<li class="selected"><a href="#">За събитието</a></li>
<li><a href="#">Спонсори</a></li>
<li><a href="#">Програма</a></li>
<li><a href="#">Контакти</a></li>
<li class="separator"></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
<li class="separator"></li>
<li><a href="#">EN</a></li>
</ul>
</div>
</nav>
<ul class="content subnav cf">
<li class="selected"><a href="#">За събитието</a></li>
<li><a href="#">Идеи и препоръки</a></li>
<li><a href="#">Екип</a></li>
<li><a href="#">История</a></li>
</ul>
<div class="separator"></div>
<section class="content grid">
<div class="col-left">
column1
</div>
<div class="col-right">
column2
</div>
</section>
<footer>
<div class="content grid">
<div class="col4">
<h3>OpenFest</h3>
<p>
<a href="#">Начало</a><br />
<a href="#">Идеи и препоръки</a><br />
<a href="#">За събитието</a><br />
<a href="#">Спонсори</a><br />
<a href="#">Програма</a><br />
<a href="#">Екип</a><br />
<a href="#">Историята</a><br />
<a href="#">Контакти</a>
</p>
</div>
<div class="col4">
<h3>Програма</h3>
<p>
<a href="#">Информация</a><br />
<a href="#">Календар</a><br />
<a href="#">Зали</a><br />
</p>
</div>
<div class="col4">
<h3>Други</h3>
<p>
<a href="#">Хотели</a><br />
<a href="#">Заведения</a><br />
<a href="#">Beer Events</a><br />
<a href="#">After party</a><br />
</p>
</div>
<div class="col4">
<h3>Последвайте ни в:</h3>
<p>
<a href="#"><i class="fa fa-twitter"></i> Twitter</a><br />
<a href="#"><i class="fa fa-facebook"></i> Facebook</a><br />
<a href="#"><i class="fa fa-youtube"></i> YouTube</a>
</p>
</div>
</div>
</footer>
</body>
</html>

BIN
html/img/banner.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

BIN
html/img/banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
html/img/banner_src.psd Normal file
View File

Binary file not shown.

BIN
html/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
html/img/navbg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
html/img/speaker.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
html/img/sponsors/s1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
html/img/sponsors/s2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
html/img/sponsors/s3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
html/img/sponsors/s4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
html/img/sponsors/s5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
html/img/sponsors/s6.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
html/img/sponsors/s7.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

169
html/index.html Normal file
View File

@ -0,0 +1,169 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="OpenFest" />
<meta name="copyright" content="OpenFest" />
<meta name="robots" content="follow,index" />
<meta name="title" content="" />
<meta name="keywords" content="" lang="en-us" />
<meta name="description" content="" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="icon" type="image/png" href="">
<title>OpenFest</title>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<nav>
<div class="content cf">
<a href="#" class="logo"><img src="img/logo.png" alt="OpenFest" /></a>
<ul>
<li><a href="#">Начало</a></li>
<li><a href="#">За събитието</a></li>
<li><a href="#">Спонсори</a></li>
<li><a href="#">Програма</a></li>
<li><a href="#">Контакти</a></li>
<li class="separator"></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
<li class="separator"></li>
<li><a href="#">EN</a></li>
</ul>
</div>
</nav>
<section class="banner cf">
<img src="img/banner.png" alt="" />
</section>
<section class="content grid">
<div class="col2">
<h1>За свободния софтуер, отворените технологии, бизнеса с тях, свободното изкуство и познание.</h1>
<p>OpenFest e единствената по рода си в България конференция, посветена на свободната култура, свободния софтуер и софтуера с отворен код, свободното споделяне на знания – фестивал на свободното творчество.</p>
</div>
<div class="col2">
<h3>Спонсори</h3>
<p>
<a href="#"><img src="img/sponsors/s1.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s2.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s3.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s4.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s5.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s6.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s7.jpg" alt="" /></a>
</p>
</div>
</section>
<div class="separator"></div>
<section class="content">
<h3>Новини | <small><a href="#">виж всички новини</a></small></h3>
<div class="grid">
<div class="col3">
<h4>Разходи за OpenFest 2013</h4>
<p class="info">От HACKMAN | Публикувано на: 13.11.2013</p>
<p>4913.05 – Зали, озвучаване и техника за презентиране<br />
2265.07 – Тениски за посетители, екип и доброволци<br />
673.18 – Разходи за вода, чай, кафе, вафли, разколнители, канцеларски материали<br />
2442.00 – Транспорт, хотел и вечеря за лекторите<br />
397.00 – Закуска и обяд за екипа в двата дни ...</p>
<a href="#" class="button">виж цялата новина</a>
</div>
<div class="col3">
<h4>2013 Network Stats</h4>
<p class="info">От HACKMAN | Публикувано на: 13.11.2013</p>
<p>Удостоверили и сме им раздали 1841 уникални потребителски IP версия 4
адреси и 1356 IPv6 адреси!<br />Максимума едновременно работещи потребители върху всичките 4 AP-та е 326
устройства и е направен на 2.11.2013 в 15:33
– Зала Варна 2.4GHz 11ng = 44
– Лоби 2.4GHz 11ng = 85 ...</p>
<a href="#" class="button">виж цялата новина</a>
</div>
<div class="col3">
<h4>Статистика за Бирата</h4>
<p class="info">От HACKMAN | Публикувано на: 13.11.2013</p>
<p>418х Старопрамен наливно 0.500мл<br />
97х Каменица 0.500мл<br />
62х Бекс<br />
48х Старопрамен бутилка 0.500мл<br />
34х Стела Артоа<br />
29х Каменица тъмно<br />
29х Ла Трап<br />
23х Корона<br />
23х Гинес<br />
23х ХопГоблин<br />
13х Трупър ...</p>
<a href="#" class="button">виж цялата новина</a>
</div>
</div>
</section>
<div class="separator"></div>
<section class="content">
<h3>Място: Интерпред, София, България</h3>
<p>С метро:<br />
Интерпред се намира в непосредствена близост до спирка “Жолио Кюри” на софийското метро. <br />
<a href="#">Карта на метрото</a>. <a href="">Разписание</a>.<br /><br />
С автобус:<br />
Автобус №413, името на спирката е СТЦ Интерпред. Автобусът тръгва от Централна гара.<br />
<a href="">Разписание и маршрут</a>.</p><br /><br />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><div style="overflow:hidden;height:350px;width:100%;"><div id="gmap_canvas" style="height:350px;width:100%;"></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style><a class="google-map-code" href="http://www.trivoo.net" id="get-map-data">augenpflege von clinique</a></div><script type="text/javascript"> function init_map(){var myOptions = {zoom:14,center:new google.maps.LatLng(42.6977082,23.321867500000053),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(42.6977082, 23.321867500000053)});infowindow = new google.maps.InfoWindow({content:"<b>&#1048;&#1085;&#1090;&#1077;&#1088;&#1087;&#1088;&#1077;&#1076;</b><br/><br/> Sofia" });google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>
</section>
<footer>
<div class="content grid">
<div class="col4">
<h3>OpenFest</h3>
<p>
<a href="#">Начало</a><br />
<a href="#">Идеи и препоръки</a><br />
<a href="#">За събитието</a><br />
<a href="#">Спонсори</a><br />
<a href="#">Програма</a><br />
<a href="#">Екип</a><br />
<a href="#">Историята</a><br />
<a href="#">Контакти</a>
</p>
</div>
<div class="col4">
<h3>Програма</h3>
<p>
<a href="#">Информация</a><br />
<a href="#">Календар</a><br />
<a href="#">Зали</a><br />
</p>
</div>
<div class="col4">
<h3>Други</h3>
<p>
<a href="#">Хотели</a><br />
<a href="#">Заведения</a><br />
<a href="#">Beer Events</a><br />
<a href="#">After party</a><br />
</p>
</div>
<div class="col4">
<h3>Последвайте ни в:</h3>
<p>
<a href="#"><i class="fa fa-twitter"></i> Twitter</a><br />
<a href="#"><i class="fa fa-facebook"></i> Facebook</a><br />
<a href="#"><i class="fa fa-youtube"></i> YouTube</a>
</p>
</div>
</div>
</footer>
</body>
</html>

163
html/speakers.html Normal file
View File

@ -0,0 +1,163 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="OpenFest" />
<meta name="copyright" content="OpenFest" />
<meta name="robots" content="follow,index" />
<meta name="title" content="" />
<meta name="keywords" content="" lang="en-us" />
<meta name="description" content="" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="icon" type="image/png" href="">
<title>OpenFest</title>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<nav>
<div class="content cf">
<a href="#" class="logo"><img src="img/logo.png" alt="OpenFest" /></a>
<ul>
<li><a href="#">Начало</a></li>
<li class="selected"><a href="#">За събитието</a></li>
<li><a href="#">Спонсори</a></li>
<li><a href="#">Програма</a></li>
<li><a href="#">Контакти</a></li>
<li class="separator"></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
<li class="separator"></li>
<li><a href="#">EN</a></li>
</ul>
</div>
</nav>
<ul class="content subnav cf">
<li class="selected"><a href="#">За събитието</a></li>
<li><a href="#">Идеи и препоръки</a></li>
<li><a href="#">Екип</a></li>
<li><a href="#">История</a></li>
</ul>
<div class="separator"></div>
<section class="content grid">
<div class="col-left">
<h1 class="big">Лектори</h1>
<div class="speaker">
<img src="img/speaker.jpg" alt="">
<h3>Васил Колев</h3>
Васил Колев е третият ветеран в екипа. Всяка година на неговите плещи лежат безпроблемното функциониране на мрежата и видео записването на събитието.Васил Колев е третият ветеран в екипа. Всяка година на неговите плещи лежат безпроблемното функциониране на мрежата и видео записването на събитието.
<div class="icons">
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-share"></i></a>
</div>
</div>
<div class="speaker">
<img src="img/speaker.jpg" alt="">
<h3>Васил Колев</h3>
Васил Колев е третият ветеран в екипа. Всяка година на неговите плещи лежат безпроблемното функциониране на мрежата и видео записването на събитието.
<div class="icons">
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-share"></i></a>
</div>
</div>
<div class="speaker">
<img src="img/speaker.jpg" alt="">
<h3>Васил Колев</h3>
Васил Колев е третият ветеран в екипа. Всяка година на неговите плещи лежат безпроблемното функциониране на мрежата и видео записването на събитието. Васил Колев е третият ветеран в екипа. Всяка година на неговите плещи лежат безпроблемното функциониране на мрежата и видео записването на събитието. Васил Колев е третият ветеран в екипа. Всяка година на неговите плещи лежат безпроблемното функциониране на мрежата и видео записването на събитието.
<div class="icons">
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-share"></i></a>
</div>
</div>
</p>
</div>
<div class="col-right">
<h3>2-и и 3-и Ноември, 2013г.<br />Интерпред, София, България</h3>
<div class="separator"></div>
<div class="sponsors">
<a href="#"><img src="img/sponsors/s1.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s2.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s3.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s4.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s5.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s6.jpg" alt="" /></a>
<a href="#"><img src="img/sponsors/s7.jpg" alt="" /></a>
</div>
<div class="separator"></div>
<div class="place">
<h3>Място: Интерпред, София, България</h3>
<p>С метро:<br />
Интерпред се намира в непосредствена близост до спирка “Жолио Кюри” на софийското метро. <br />
<a href="#">Карта на метрото</a>. <a href="">Разписание</a>.<br /><br />
С автобус:<br />
Автобус №413, името на спирката е СТЦ Интерпред. Автобусът тръгва от Централна гара.<br />
<a href="">Разписание и маршрут</a>.</p><br /><br />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><div style="overflow:hidden;height:350px;width:100%;"><div id="gmap_canvas" style="height:350px;width:100%;"></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style><a class="google-map-code" href="http://www.trivoo.net" id="get-map-data">augenpflege von clinique</a></div><script type="text/javascript"> function init_map(){var myOptions = {zoom:14,center:new google.maps.LatLng(42.6977082,23.321867500000053),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(42.6977082, 23.321867500000053)});infowindow = new google.maps.InfoWindow({content:"<b>&#1048;&#1085;&#1090;&#1077;&#1088;&#1087;&#1088;&#1077;&#1076;</b><br/><br/> Sofia" });google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>
</div>
</div>
</section>
<footer>
<div class="content grid">
<div class="col4">
<h3>OpenFest</h3>
<p>
<a href="#">Начало</a><br />
<a href="#">Идеи и препоръки</a><br />
<a href="#">За събитието</a><br />
<a href="#">Спонсори</a><br />
<a href="#">Програма</a><br />
<a href="#">Екип</a><br />
<a href="#">Историята</a><br />
<a href="#">Контакти</a>
</p>
</div>
<div class="col4">
<h3>Програма</h3>
<p>
<a href="#">Информация</a><br />
<a href="#">Календар</a><br />
<a href="#">Зали</a><br />
</p>
</div>
<div class="col4">
<h3>Други</h3>
<p>
<a href="#">Хотели</a><br />
<a href="#">Заведения</a><br />
<a href="#">Beer Events</a><br />
<a href="#">After party</a><br />
</p>
</div>
<div class="col4">
<h3>Последвайте ни в:</h3>
<p>
<a href="#"><i class="fa fa-twitter"></i> Twitter</a><br />
<a href="#"><i class="fa fa-facebook"></i> Facebook</a><br />
<a href="#"><i class="fa fa-youtube"></i> YouTube</a>
</p>
</div>
</div>
</footer>
</body>
</html>

136
html/sponsors.html Normal file
View File

@ -0,0 +1,136 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="OpenFest" />
<meta name="copyright" content="OpenFest" />
<meta name="robots" content="follow,index" />
<meta name="title" content="" />
<meta name="keywords" content="" lang="en-us" />
<meta name="description" content="" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="icon" type="image/png" href="">
<title>OpenFest</title>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<nav>
<div class="content cf">
<a href="#" class="logo"><img src="img/logo.png" alt="OpenFest" /></a>
<ul>
<li><a href="#">Начало</a></li>
<li><a href="#">За събитието</a></li>
<li class="selected"><a href="#">Спонсори</a></li>
<li><a href="#">Програма</a></li>
<li><a href="#">Контакти</a></li>
<li></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
<li class="separator"></li>
<li><a href="#">EN</a></li>
</ul>
</div>
</nav>
<br /><br />
<section class="content">
<p>
Ако имате желание да подпомогнете най-голямата българска конференция, насочена към Free & Open Source Software-а, за нас ще е удоволствие да Ви помогнем в намирането на вариант да се присъедините към дванадесетото издание на OpenFest и да представим Вас, Вашата компания и продукти по един полезен начин, за да достигнете до аудиторията, към която сте се насочили.
</p>
<p>
Ако желаете да Ви покажем как можем да Ви бъдем полезни, моля свържете се с нас:<br />
<strong>Яна Петрова</strong> (e-mail: yana@openfest.org)<br />
<strong>Мариян Маринов</strong> (тел. + 359 886 660 270, e-mail: mm@openfest.org)<br />
</p>
</section>
<div class="separator"></div>
<section class="content grid sponsors-item">
<div class="col2 tac">
<img src="img/sponsors/s1.jpg" alt="" />
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p>
</div>
<div class="col2 tac">
<img src="img/sponsors/s2.jpg" alt="" />
<p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p>
</div>
</section>
<section class="content grid sponsors-item">
<div class="col2 tac">
<img src="img/sponsors/s3.jpg" alt="" />
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p>
</div>
<div class="col2 tac">
<img src="img/sponsors/s4.jpg" alt="" />
<p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.</p>
</div>
</section>
<section class="content grid sponsors-item">
<div class="col2 tac">
<img src="img/sponsors/s5.jpg" alt="" />
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p>
</div>
<div class="col2 tac">
<img src="img/sponsors/s6.jpg" alt="" />
<p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.</p>
</div>
</section>
<footer>
<div class="content grid">
<div class="col4">
<h3>OpenFest</h3>
<p>
<a href="#">Начало</a><br />
<a href="#">Идеи и препоръки</a><br />
<a href="#">За събитието</a><br />
<a href="#">Спонсори</a><br />
<a href="#">Програма</a><br />
<a href="#">Екип</a><br />
<a href="#">Историята</a><br />
<a href="#">Контакти</a>
</p>
</div>
<div class="col4">
<h3>Програма</h3>
<p>
<a href="#">Информация</a><br />
<a href="#">Календар</a><br />
<a href="#">Зали</a><br />
</p>
</div>
<div class="col4">
<h3>Други</h3>
<p>
<a href="#">Хотели</a><br />
<a href="#">Заведения</a><br />
<a href="#">Beer Events</a><br />
<a href="#">After party</a><br />
</p>
</div>
<div class="col4">
<h3>Последвайте ни в:</h3>
<p>
<a href="#"><i class="fa fa-twitter"></i> Twitter</a><br />
<a href="#"><i class="fa fa-facebook"></i> Facebook</a><br />
<a href="#"><i class="fa fa-youtube"></i> YouTube</a>
</p>
</div>
</div>
</footer>
</body>
</html>