index.html

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Drupal.hu Frontpage</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width">


  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script src="lib/bootstrap/js/bootstrap.js"></script>
  <script src="lib/jquery.flexslider-min.js"></script>
  <script src="js/site.js"></script>
  
  <link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css" />
  <link rel="stylesheet" href="css/flexslider.css" />
  <link rel="stylesheet" href="css/style.css" />
</head>
<body class="front">

  <nav id="main-nav">
    <div class="logo">
      <a href="/"><img src="logo.svg" alt="Főoldal" title="Főoldal" /></a>
    </div>
    <ul class="menu nav-links main-menu-links">
      <li><a href="#">Tudásbázis <span class="badge pull-right">42</span></a></li>
      <li><a href="#">Események <span class="badge pull-right">12</span></a></li>
      <li><a href="#">Munkaajánlatok <span class="badge pull-right">9</span></a></li>
      <li><a href="#">Hírek & Planet</a></li>
      <li><a href="#">Kézikönyv <span class="badge pull-right">42</span></a></li>
      <li><a href="#">Link Galéria </a></li>
    </ul>
    <form action="/kereso" method="get" class="search-block" id="views-exposed-form-multi-index-kereso-page-kereso" accept-charset="UTF-8">
      <div>
        <div class="views-exposed-form">
          <div class="views-exposed-widgets clearfix">
            <div id="edit-text-wrapper" class="views-exposed-widget views-widget-filter-search_api_multi_fulltext">
              <div class="views-widget">
                <div class="form-item form-type-textfield form-item-text">
                  <input type="text" id="edit-text" name="text" value="" size="20" maxlength="128" class="form-text" placeholder="Keresés...">
                </div>
              </div>
            </div>
            <div class="views-exposed-widget views-submit-button">
              <input type="submit" id="edit-submit-multi-index-kereso" name="" value="Keresés" class="form-submit">
            </div>
          </div>
        </div>
      </div>
    </form>

    <div id="social">
      <ul class="social-media">
        <li>
          <a class="icon hidetext icon-facebook" href="https://www.facebook.com/drupalhu">
            Facebook
          </a>
        </li>
        <li>
          <a class="icon hidetext icon-twitter" href="https://twitter.com/drupalhu">
            Twitter
          </a>
        </li>
        <li>
          <a class="icon hidetext icon-rss" href="http://drupal.hu/rss">
            RSS
          </a> 
        </li>   
      </ul>
    </div>
  </nav>
  <div id="content">
    <div id="main-content">
      <div class="content">
        <section class="fresh clearfix">
          <div class="clearfix">
            <h2 class="pane-title clearfix">Friss, ropogós</h2>
            <div class="flexslider pull-left">
              <ul class="slides">
              	<li>
                	<a href="#">
                    <img src="https://dl.dropboxusercontent.com/u/743951/dhu_theme_slideshow.png" alt="" />
                	  <div class="title">Budapesti Drupal Használói Találkozó, 2013 május</div>
                	</a>
              	</li>
              	<li><a href="#"><img src="https://dl.dropboxusercontent.com/u/743951/dhu_theme_slideshow.png" alt="" /></a></li>
              	<li><a href="#"><img src="https://dl.dropboxusercontent.com/u/743951/dhu_theme_slideshow.png" alt="" /></a></li>
              	<li><a href="#"><img src="https://dl.dropboxusercontent.com/u/743951/dhu_theme_slideshow.png" alt="" /></a></li>
              	<li><a href="#"><img src="https://dl.dropboxusercontent.com/u/743951/dhu_theme_slideshow.png" alt="" /></a></li>
              	<li><a href="#"><img src="https://dl.dropboxusercontent.com/u/743951/dhu_theme_slideshow.png" alt="" /></a></li>
              </ul>
            </div>
            <div class="top-links pull-left">
              <div class="link clearfix">
                <div class="icon tile tile-dark-blue pull-left">
                  <img src="https://dl.dropboxusercontent.com/u/743951/dhu_userpic.png" alt="Csaki" />
                  <span class="shadow"></span>
                </div>
                <div class="text pull-left"><a href="#">Saját profil</a></div>
              </div>
              <div class="link clearfix">
                <div class="icon tile tile-dark-blue pull-left">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="text pull-left"><a href="">Telepítési segédlet</a></div>
              </div>
              <div class="link clearfix">
                <div class="icon tile tile-dark-blue pull-left">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="text pull-left"><a href="">Drupal letöltés</a></div>
              </div>
            </div>
          </div>
          <div class="fresh">
            <article class="node node-tile node-forum clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <span class="count">
                    6  
                  </span>                    
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="user">
                  <i></i>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Egyedi template tartalom típus szerint</a>
              </div>
            </article>                   
            <article class="node node-tile node-forum clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <span class="count">
                    2  
                  </span>                    
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="user">
                  <i></i>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">WYSIWYG + saját fontok beillesztésére is alkalmas modult keresek.</a>
              </div>
            </article>                   
            <article class="node node-tile node-forum clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <span class="count">
                    6  
                  </span>                    
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="user">
                  <i></i>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">commerce menü</a>
              </div>
            </article>                   
            <article class="node node-tile node-forum clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <span class="count">
                    6  
                  </span>                    
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="user">
                  <i></i>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Cron probléma - nem adható meg autentikációs kulcs</a>
              </div>
            </article>                   
            <article class="node node-tile node-forum clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <span class="count">
                    6  
                  </span>                    
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="user">
                  <i></i>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">CPanelről -> I-MSCP hosting</a>
              </div>
            </article>
            <article class="node node-tile node-job clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="user">
                  <i></i>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">web oldalunk fejlesztése - drupal</a>
              </div>
            </article>
            <article class="node node-tile node-forum clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <span class="count">
                    6  
                  </span>                    
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="user">
                  <i></i>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Body background css property változtatása eseményre</a>
              </div>
            </article>
            <article class="node-tile node-add clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="user tile">
                  <img src="https://dl.dropboxusercontent.com/u/743951/dhu_userpic.png" alt="Csaki" />
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Tartalom beküldése</a>
              </div>
            </article>
            <article class="node more clearfix pull-left">
              <div class="text">
                <a href="#">Többet akarok</a>
              </div>
            </article>
          </div> <!-- fresh -->
        </section>
        <section class="knowledge clearfix">
          <h2 class="pane-title clearfix">Tudásbázis</h2>
          <div class="forum">
            <article class="node node-tile node-forum clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <span class="count">
                    6  
                  </span>                    
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="user">
                  <i></i>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Egyedi template tartalom típus szerint</a>
              </div>
            </article>                   
            <article class="node node-tile node-forum clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <span class="count">
                    2  
                  </span>                    
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="user">
                  <i></i>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">WYSIWYG + saját fontok beillesztésére is alkalmas modult keresek.</a>
              </div>
            </article>                   
            <article class="node node-tile node-forum clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <span class="count">
                    6  
                  </span>                    
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="user">
                  <i></i>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">commerce menü</a>
              </div>
            </article>                   
            <article class="node node-tile node-forum clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <span class="count">
                    6  
                  </span>                    
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="user">
                  <i></i>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Cron probléma - nem adható meg autentikációs kulcs</a>
              </div>
            </article>                   
            <article class="node node-tile node-forum clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <span class="count">
                    6  
                  </span>                    
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="user">
                  <i></i>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">CPanelről -> I-MSCP hosting</a>
              </div>
            </article>
            <article class="node more clearfix pull-left">
              <div class="text">
                <a href="#">Többet akarok</a>
              </div>
            </article>
          </div> <!-- forum -->
        </section>
        <section class="event clearfix">
          <h2 class="pane-title clearfix">Események</h2>
          <div class="events">
            <article class="node node-tile node-esemeny clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="date">
                  <div class="time">
                    <span class="day">12</span>
                    <span class="month">Szept</span>
                  </div>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Egyedi template tartalom típus szerint</a>
              </div>
            </article>                   
            <article class="node node-tile node-esemeny clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="date">
                  <div class="time">
                    <span class="day">12</span>
                    <span class="month">Szept</span>
                  </div>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">WYSIWYG + saját fontok beillesztésére is alkalmas modult keresek.</a>
              </div>
            </article>                   
            <article class="node node-tile node-esemeny clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="date">
                  <div class="time">
                    <span class="day">12</span>
                    <span class="month">Szept</span>
                  </div>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">commerce menü</a>
              </div>
            </article>                   
            <article class="node node-tile node-esemeny clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="date">
                  <div class="time">
                    <span class="day">12</span>
                    <span class="month">Szept</span>
                  </div>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Cron probléma - nem adható meg autentikációs kulcs</a>
              </div>
            </article>                   
            <article class="node node-tile node-esemeny clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="date">
                  <div class="time">
                    <span class="day">12</span>
                    <span class="month">Szept</span>
                  </div>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">CPanelről -> I-MSCP hosting</a>
              </div>
            </article>
            <article class="node more clearfix pull-left">
              <div class="text">
                <a href="#">Többet akarok</a>
              </div>
            </article>
          </div> <!-- events -->                  
        </section>
        <section class="job clearfix">
          <h2 class="pane-title clearfix">Munkaajánlatok</h2>
          <div class="job">
            <article class="node node-tile node-job clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="date">
                  <div class="time">
                    <span class="day">12</span>
                    <span class="month">Szept</span>
                  </div>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Egyedi template tartalom típus szerint</a>
              </div>
            </article>            
            <article class="node node-tile node-job clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="date">
                  <div class="time">
                    <span class="day">12</span>
                    <span class="month">Szept</span>
                  </div>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Egyedi template tartalom típus szerint</a>
              </div>
            </article>             
            <article class="node node-tile node-job clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="date">
                  <div class="time">
                    <span class="day">12</span>
                    <span class="month">Szept</span>
                  </div>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Egyedi template tartalom típus szerint</a>
              </div>
            </article>             
            <article class="node node-tile node-job clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="date">
                  <div class="time">
                    <span class="day">12</span>
                    <span class="month">Szept</span>
                  </div>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Egyedi template tartalom típus szerint</a>
              </div>
            </article>             
            <article class="node node-tile node-job clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="date">
                  <div class="time">
                    <span class="day">12</span>
                    <span class="month">Szept</span>
                  </div>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Egyedi template tartalom típus szerint</a>
              </div>
            </article> 
            <article class="node more clearfix pull-left">
              <div class="text">
                <a href="#">Többet akarok</a>
              </div>
            </article>
          </div> <!-- job -->
        </section>
        <section class="news clearfix">
          <h2 class="pane-title clearfix">Hírek & Drupal Planet</h2>
          <div class="news">
            <article class="node node-tile node-news clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="date">
                  <div class="time">
                    <span class="day">12</span>
                    <span class="month">Szept</span>
                  </div>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Egyedi template tartalom típus szerint</a>
              </div>
            </article>            
            <article class="node node-tile node-news clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="date">
                  <div class="time">
                    <span class="day">12</span>
                    <span class="month">Szept</span>
                  </div>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Egyedi template tartalom típus szerint</a>
              </div>
            </article>             
            <article class="node node-tile node-news clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="date">
                  <div class="time">
                    <span class="day">12</span>
                    <span class="month">Szept</span>
                  </div>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Egyedi template tartalom típus szerint</a>
              </div>
            </article>             
            <article class="node node-tile node-news clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="date">
                  <div class="time">
                    <span class="day">12</span>
                    <span class="month">Szept</span>
                  </div>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Egyedi template tartalom típus szerint</a>
              </div>
            </article>             
            <article class="node node-tile node-news clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="date">
                  <div class="time">
                    <span class="day">12</span>
                    <span class="month">Szept</span>
                  </div>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="text pull-left">
                <a href="#">Egyedi template tartalom típus szerint</a>
              </div>
            </article> 
            <article class="node more clearfix pull-left">
              <div class="text">
                <a href="#">Többet akarok</a>
              </div>
            </article>
          </div> <!-- news -->
        </section>
        <section class="links clearfix">
          <h2 class="pane-title clearfix">Link Galéria</h2>
          <div class="links">
            <article class="node node-tile node-link clearfix pull-left">
              <div class="info pull-left">
                <div class="icon tile">
                  <i></i>
                  <span class="shadow"></span>
                </div>
                <div class="user">
                  <img src="https://dl.dropboxusercontent.com/u/743951/dhu_userpic.png" alt="Csaki" />
                  <span class="shadow"></span>
                </div>
                <div class="date">
                  <div class="time">
                    <span class="day">12</span>
                    <span class="month">Szept</span>
                  </div>
                  <span class="shadow"></span>
                </div>
                <div class="like tile">
                  <span class="count">
                    6  
                  </span>                    
                  <i></i>
                  <span class="shadow"></span>
                </div>
              </div>
              <div class="link-content pull-left">
                <img src="https://dl.dropboxusercontent.com/u/743951/dhu_link_example.png" alt="Title" />
                <div class="content">
                  <div class="title">
                    <a href="#">Egyedi template.hu</a>
                  </div>
                  <div class="more-text">
                    <p>Are you trying to publish one? It may take up to ten minutes until your page is available.</p>
                  </div>
                </div>                
              </div>              
            </article>
          </div> <!-- links -->
        </section>
        <footer class="clearfix">
          <p>A Drupal <a href="http://buytaert.net/">Dries Buytaert</a> bejegyzett <a href="http://drupal.com/trademark">védjegye.</a></p>
        </footer>
      </div>
    </div><!-- /#main-content -->
  </div><!-- /#content -->
</body>
</html>