2025-01-30 04:21:55 +01:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< title > White | responsive bootstrap3 html5 one page template< / title >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< meta name = "description" content = "" >
< meta name = "author" content = "" >
< link rel = "shortcut icon" href = "images/favicon.ico" >
<!-- CSS -->
< link href = "css/bootstrap.min.css" rel = "stylesheet" type = "text/css" / >
2025-02-02 05:53:23 +01:00
< script >
function isMobile() {
const regex = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
return regex.test(navigator.userAgent);
}
if (isMobile()) {
console.log("Detekováno mobilní zařízení");
document.write("< style > " ) ;
2025-02-03 12:20:42 +01:00
document.write(".sloupce {column-count:1; column-width:100px; column-rule-width:10px;}");
document.write(".menu a span {padding-left: 5px; vertical-align:center; white-space:nowrap;}");
2025-02-02 05:53:23 +01:00
document.write(".menu a:hover span {padding-left: 10px;}");
document.write("< / style > ");
document.write("< link href = 'css/flexslider-mobil.css' rel = 'stylesheet' type = 'text/css' / > ");
} else {
console.log("Detekován počítač");
document.write("< style > " ) ;
2025-02-03 12:20:42 +01:00
document.write(".sloupce {column-count:2; column-width:100px; column-rule-width:10px;}");
document.write(".navigace {margin-top: -0.5rem;}");
document.write(".menu a span {display:block; margin-top: -0.6625rem;}");
2025-02-02 21:49:52 +01:00
document.write(".menu a:hover span {display:none;}");
2025-02-02 05:53:23 +01:00
document.write("< / style > ");
document.write("< link href = 'css/flexslider.css' rel = 'stylesheet' type = 'text/css' / > ");
}
< / script >
<!-- <link href="css/flexslider.css" rel="stylesheet" type="text/css" /> -->
< link href = "css/prettyPhoto.css" rel = "stylesheet" type = "text/css" / >
2025-01-30 04:21:55 +01:00
< link href = "css/animate.css" rel = "stylesheet" type = "text/css" media = "all" / >
2025-02-02 05:53:23 +01:00
< link href = "css/animate1.css" rel = "stylesheet" type = "text/css" media = "all" / >
< link href = "css/animate2.css" rel = "stylesheet" type = "text/css" media = "all" / >
< link href = "css/owl.carousel.css" rel = "stylesheet" >
2025-01-30 04:21:55 +01:00
< link href = "css/style.css" rel = "stylesheet" type = "text/css" / >
<!-- FONTS -->
2025-02-02 21:49:52 +01:00
< link href = 'https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel = 'stylesheet' type = 'text/css' >
< link href = "https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel = "stylesheet" >
< link href = "lib/font-logos/assets/font-logos.css" rel = "stylesheet" >
< link href = "lib/bootstrap-icons-1.11.3/font/bootstrap-icons.css" rel = "stylesheet" >
< link href = "lib/boxicons-2.1.4/css/boxicons.min.css" rel = "stylesheet" >
2025-01-30 04:21:55 +01:00
<!-- SCRIPTS -->
<!-- [if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif] -->
<!-- [if IE]><html class="ie" lang="en"> <![endif] -->
< script src = "js/jquery.min.js" type = "text/javascript" > < / script >
< script src = "js/bootstrap.min.js" type = "text/javascript" > < / script >
< script src = "js/jquery.nicescroll.min.js" type = "text/javascript" > < / script >
< script src = "js/superfish.min.js" type = "text/javascript" > < / script >
< script src = "js/jquery.flexslider-min.js" type = "text/javascript" > < / script >
< script src = "js/owl.carousel.js" > < / script >
< script src = "js/animate.js" type = "text/javascript" > < / script >
< script src = "js/myscript.js" type = "text/javascript" > < / script >
2025-02-02 05:53:23 +01:00
< script >
$(function() {
setTimeout(function() { $("#showDiv").fadeOut(0); }, 0);
setTimeout(function() { $("#hideDiv").fadeOut(1500); }, 5000);
setTimeout(function() { $("#showDiv").fadeIn(1500); }, 5000);
})
< / script >
2025-01-30 04:21:55 +01:00
< / head >
< body >
<!-- PRELOADER -->
< img id = "preloader" src = "images/preloader.gif" alt = "" / >
<!-- //PRELOADER -->
< div class = "preloader_hide" >
<!-- PAGE -->
< div id = "page" class = "single_page" >
<!-- HEADER -->
< header >
<!-- MENU BLOCK -->
< div class = "menu_block" >
<!-- CONTAINER -->
< div class = "container clearfix" >
<!-- LOGO -->
2025-02-02 05:56:31 +01:00
< div id = "hideDiv" class = "logo pull-left" >
2025-02-03 12:20:42 +01:00
< a href = "index.html" > < div style = "text-shadow: 0px 0px 5px #111111;" > < small > < small > < small > < span style = "filter: blur(1.5px);" > < big > ⛬ < / big > < / span > < small > < span class = "b1" style = "vertical-align: middle; font-size: 15px; filter: blur(1.2px);" > a< / span > < span class = "b2" style = "vertical-align: middle; font-size: 15px; filter: blur(0.9px);" > r< / span > < span class = "b3" style = "vertical-align: middle; font-size: 15px; filter: blur(0.6px);" > e< / span > < span class = "b4" style = "vertical-align: middle; font-size: 15px; filter: blur(0.3px);" > a< / span > < span class = "b5" style = "vertical-align: middle; font-size: 15px; filter: blur(0.6px);" > — < / span > < span class = "b4" style = "vertical-align: middle; font-size: 15px; filter: blur(0.9px);" > 5< / span > < span class = "b3" style = "vertical-align: middle; font-size: 15px; filter: blur(1.2px);" > 1< / span > < / small > < / small > < / small > < / span > < / div > < / a >
2025-01-30 04:21:55 +01:00
< / div > <!-- //LOGO -->
2025-02-02 05:56:31 +01:00
<!-- LOGO -->
< div id = "showDiv" class = "logo pull-left" >
2025-02-03 12:20:42 +01:00
< a href = "index.html" > < div style = "text-shadow: 0px 0px 5px #111111;" > < small > < small > < small > < span style = "filter: blur(1.5px);" > < big > ⛬ < / big > < / span > < small > < span class = "b4" style = "vertical-align: middle; font-size: 15px; filter: blur(0.9px);" > 5< / span > < span class = "b3" style = "vertical-align: middle; font-size: 15px; filter: blur(1.2px);" > 1< / span > < / small > < / small > < / small > < / span > < / div > < / a >
2025-02-02 05:56:31 +01:00
< / div > <!-- //LOGO -->
2025-01-30 04:21:55 +01:00
<!-- SEARCH FORM -->
< div id = "search-form" class = "pull-right" >
2025-02-04 05:42:16 +01:00
< form method = "get" target = "_blank" action = "https://search.brave.com/search" >
2025-02-04 01:07:51 +01:00
< input type = "text" name = "q" value = "Hledat" onFocus = "if (this.value == 'Hledat') this.value = '';" onBlur = "if (this.value == '') this.value = 'Hledat';" / >
2025-01-30 04:21:55 +01:00
< / form >
< / div > <!-- SEARCH FORM -->
<!-- MENU -->
< div class = "pull-right" >
2025-02-03 12:30:31 +01:00
< nav class = "navmenu center navigace" >
< ul class = "menu" >
< li class = "first active scroll_btn" > < a href = "#home" > < small > < i class = "fa fa-slideshare" > < / i > < span > A51< / span > < / small > < / a > < / li >
< li class = "scroll_btn" > < a href = "#about" > < small > < i class = "fa fa-film" > < / i > < span > Film< / span > < / small > < / a > < / li >
< li class = "scroll_btn" > < a href = "#projects" > < small > < i class = "fa fa-bar-chart" > < / i > < span > Koncept< / span > < / small > < / a > < / li >
< li class = "scroll_btn" > < a href = "#team" > < small > < i class = "fa fa-users" > < / i > < span > Zdroje< / span > < / small > < / a > < / li >
< li class = "scroll_btn" > < a href = "#news" > < small > < i class = "fa fa-map-marker" > < / i > < span > Mapa< / span > < / small > < / a > < / li >
< li class = "scroll_btn last" > < a href = "#contacts" > < small > < i class = "fa fa-envelope" > < / i > < span > Dotaz< / span > < / small > < / a > < / li >
2025-02-02 21:49:52 +01:00
< li class = "sub-menu" >
< a href = "javascript:void(0);" > < i class = "fa fa-cube" > < / i > < span > 3D< / span > < / a >
2025-01-30 04:21:55 +01:00
< ul >
2025-02-02 21:49:52 +01:00
< li > < a href = "blog.html" > < i class = "bi bi-badge-3d-fill" > < / i > < small > Scény< / small > < big > < i class = "bx bxl-blender" > < / i > < / big > < / a > < / li >
< li > < a href = "blog-post.html" > < i class = "bi bi-badge-4k-fill" > < / i > < small > Videa< / small > < big > < i class = "bx bxs-video-recording" > < / i > < / big > < / a > < / li >
< li > < a href = "portfolio-post.html" > Portfolio Single Work< / a > < / li >
2025-01-30 04:21:55 +01:00
< / ul >
< / li >
< / ul >
< / nav >
< / div > <!-- //MENU -->
< / div > <!-- //MENU BLOCK -->
< / div > <!-- //CONTAINER -->
< / header > <!-- //HEADER -->
<!-- BREADCRUMBS -->
< section class = "breadcrumbs_block clearfix parallax" >
< div class = "container center" >
< h2 > < b > The< / b > Portfolio Single< / h2 >
< p > Publication of the latest news, articles, and free apps.< / p >
< / div >
< / section > <!-- //BREADCRUMBS -->
<!-- PORTFOLIO -->
< section id = "portfolio" >
<!-- CONTAINER -->
< div class = "container" >
<!-- ROW -->
< div class = "row" >
<!-- SIDEBAR -->
< div class = "sidebar col-lg-4 col-md-4 pull-right padbot50" >
<!-- TEXT WIDGET -->
< div class = "sidepanel widget_text" >
< div class = "single_portfolio_post_title" > Rihanna's Costume Designer Comes< / div >
< p > On Tuesday, the daughters of Texas state senator Wendy Davis defended their mom against charges that she’ < / p >
< / div > <!-- //TEXT WIDGET -->
< hr >
<!-- INFO WIDGET -->
< div class = "sidepanel widget_info" >
< ul class = "work_info" >
< li > Location: < a href = "javascript:void(0);" > Photo Studio,< / a > < a href = "javascript:void(0);" > New York< / a > < / li >
< li > Model: < a href = "javascript:void(0);" > Anna Smith< / a > < / li >
< li > Style: < a href = "javascript:void(0);" > Fashion Style< / a > < / li >
< / ul >
< ul class = "shared" >
< li > < a href = "javascript:void(0);" > < i class = "fa fa-twitter" > < / i > < / a > < / li >
< li > < a href = "javascript:void(0);" > < i class = "fa fa-facebook" > < / i > < / a > < / li >
< li > < a href = "javascript:void(0);" > < i class = "fa fa-google-plus" > < / i > < / a > < / li >
< li > < a href = "javascript:void(0);" > < i class = "fa fa-pinterest-square" > < / i > < / a > < / li >
< / ul >
< / div > <!-- //INFO WIDGET -->
< / div > <!-- //SIDEBAR -->
<!-- PORTFOLIO BLOCK -->
< div class = "portfolio_block col-lg-8 col-md-8 pull-left padbot50" >
<!-- SINGLE PORTFOLIO POST -->
< div class = "single_portfolio_post clearfix" data-animated = "fadeInUp" >
<!-- PORTFOLIO SLIDER -->
< div class = "flexslider portfolio_single_slider" >
< ul class = "slides" >
< li > < img src = "images/portfolio/1.jpg" alt = "" / > < / li >
< li > < img src = "images/portfolio/1_2.jpg" alt = "" / > < / li >
< li > < img src = "images/portfolio/1_3.jpg" alt = "" / > < / li >
< li > < img src = "images/portfolio/1_4.jpg" alt = "" / > < / li >
< / ul >
< / div > <!-- //PORTFOLIO SLIDER -->
< / div > <!-- //SINGLE PORTFOLIO POST -->
< / div > <!-- //PORTFOLIO BLOCK -->
< / div > <!-- //ROW -->
< / div > <!-- //CONTAINER -->
<!-- CONTAINER -->
< div class = "container" >
< h2 > < b > Featured< / b > Works< / h2 >
< / div > <!-- //CONTAINER -->
< div class = "projects-wrapper" data-appear-top-offset = "-200" data-animated = "fadeInUp" >
<!-- PROJECTS SLIDER -->
< div class = "owl-demo owl-carousel projects_slider" >
<!-- work1 -->
< div class = "item" >
< div class = "work_item" >
< div class = "work_img" >
< img src = "images/works/1.jpg" alt = "" / >
< a class = "zoom" href = "!projects/project1.html" > < / a >
< / div >
< div class = "work_description" >
< div class = "work_descr_cont" >
< a href = "portfolio-post.html" > Ginger Beast< / a >
< span > 17 March, 2041< / span >
< / div >
< / div >
< / div >
< / div > <!-- //work1 -->
<!-- work2 -->
< div class = "item" >
< div class = "work_item" >
< div class = "work_img" >
< img src = "images/works/2.jpg" alt = "" / >
< a class = "zoom" href = "!projects/project2.html" > < / a >
< / div >
< div class = "work_description" >
< div class = "work_descr_cont" >
< a href = "portfolio-post.html" > Ginger Beast< / a >
< span > 17 March, 2041< / span >
< / div >
< / div >
< / div >
< / div > <!-- //work2 -->
<!-- work3 -->
< div class = "item" >
< div class = "work_item" >
< div class = "work_img" >
< img src = "images/works/3.jpg" alt = "" / >
< a class = "zoom" href = "!projects/project3.html" > < / a >
< / div >
< div class = "work_description" >
< div class = "work_descr_cont" >
< a href = "portfolio-post.html" > Ginger Beast< / a >
< span > 17 March, 2041< / span >
< / div >
< / div >
< / div >
< / div > <!-- //work3 -->
<!-- work4 -->
< div class = "item" >
< div class = "work_item" >
< div class = "work_img" >
< img src = "images/works/4.jpg" alt = "" / >
< a class = "zoom" href = "!projects/project4.html" > < / a >
< / div >
< div class = "work_description" >
< div class = "work_descr_cont" >
< a href = "portfolio-post.html" > Ginger Beast< / a >
< span > 17 March, 2041< / span >
< / div >
< / div >
< / div >
< / div > <!-- //work4 -->
<!-- work5 -->
< div class = "item" >
< div class = "work_item" >
< div class = "work_img" >
< img src = "images/works/5.jpg" alt = "" / >
< a class = "zoom" href = "!projects/project5.html" > < / a >
< / div >
< div class = "work_description" >
< div class = "work_descr_cont" >
< a href = "portfolio-post.html" > Ginger Beast< / a >
< span > 17 March, 2041< / span >
< / div >
< / div >
< / div >
< / div > <!-- //work5 -->
<!-- work6 -->
< div class = "item" >
< div class = "work_item" >
< div class = "work_img" >
< img src = "images/works/6.jpg" alt = "" / >
< a class = "zoom" href = "!projects/project6.html" > < / a >
< / div >
< div class = "work_description" >
< div class = "work_descr_cont" >
< a href = "portfolio-post.html" > Ginger Beast< / a >
< span > 17 March, 2041< / span >
< / div >
< / div >
< / div >
< / div > <!-- //work6 -->
<!-- work7 -->
< div class = "item" >
< div class = "work_item" >
< div class = "work_img" >
< img src = "images/works/7.jpg" alt = "" / >
< a class = "zoom" href = "!projects/project7.html" > < / a >
< / div >
< div class = "work_description" >
< div class = "work_descr_cont" >
< a href = "portfolio-post.html" > Ginger Beast< / a >
< span > 17 March, 2041< / span >
< / div >
< / div >
< / div >
< / div > <!-- //work7 -->
< / div > <!-- //PROJECTS SLIDER -->
< / div >
< / section > <!-- //PORTFOLIO -->
< / div > <!-- //PAGE -->
<!-- CONTACTS -->
< section id = "contacts" >
< / section > <!-- //CONTACTS -->
<!-- FOOTER -->
< footer >
<!-- CONTAINER -->
< div class = "container" >
<!-- ROW -->
< div class = "row" data-appear-top-offset = "-200" data-animated = "fadeInUp" >
< div class = "col-lg-4 col-md-4 col-sm-6 padbot30" >
< h4 > < b > Featured< / b > posts< / h4 >
< div class = "recent_posts_small clearfix" >
< div class = "post_item_img_small" >
< img src = "images/blog/1.jpg" alt = "" / >
< / div >
< div class = "post_item_content_small" >
< a class = "title" href = "blog.html" > As we have developed a unique layout template< / a >
< ul class = "post_item_inf_small" >
< li > 10 January 2014< / li >
< / ul >
< / div >
< / div >
< div class = "recent_posts_small clearfix" >
< div class = "post_item_img_small" >
< img src = "images/blog/2.jpg" alt = "" / >
< / div >
< div class = "post_item_content_small" >
< a class = "title" href = "blog.html" > How much is to develop a design for the game?< / a >
< ul class = "post_item_inf_small" >
< li > 14 January 2014< / li >
< / ul >
< / div >
< / div >
< div class = "recent_posts_small clearfix" >
< div class = "post_item_img_small" >
< img src = "images/blog/3.jpg" alt = "" / >
< / div >
< div class = "post_item_content_small" >
< a class = "title" href = "blog.html" > How to pump designer< / a >
< ul class = "post_item_inf_small" >
< li > 21 December 2013< / li >
< / ul >
< / div >
< / div >
< / div >
< div class = "col-lg-4 col-md-4 col-sm-6 padbot30 foot_about_block" >
< h4 > < b > About< / b > us< / h4 >
< p > We value people over profits, quality over quantity, and keeping it real. As such, we deliver an unmatched working relationship with our clients.< / p >
< p > Our team is intentionally small, eclectic, and skilled; with our in-house expertise, we provide sharp and< / p >
< ul class = "social" >
< li > < a href = "javascript:void(0);" > < i class = "fa fa-twitter" > < / i > < / a > < / li >
< li > < a href = "javascript:void(0);" > < i class = "fa fa-facebook" > < / i > < / a > < / li >
< li > < a href = "javascript:void(0);" > < i class = "fa fa-google-plus" > < / i > < / a > < / li >
< li > < a href = "javascript:void(0);" > < i class = "fa fa-pinterest-square" > < / i > < / a > < / li >
< li > < a href = "javascript:void(0);" > < i class = "map_show fa fa-map-marker" > < / i > < / a > < / li >
< / ul >
< / div >
< div class = "respond_clear" > < / div >
< div class = "col-lg-4 col-md-4 padbot30" >
< h4 > < b > Contacts< / b > Us< / h4 >
<!-- CONTACT FORM -->
< div class = "span9 contact_form" >
< div id = "note" > < / div >
< div id = "fields" >
< form id = "contact-form-face" class = "clearfix" action = "#" >
< input type = "text" name = "name" value = "Name" onFocus = "if (this.value == 'Name') this.value = '';" onBlur = "if (this.value == '') this.value = 'Name';" / >
< textarea name = "message" onFocus = "if (this.value == 'Message') this.value = '';" onBlur = "if (this.value == '') this.value = 'Message';" > Message< / textarea >
< input class = "contact_btn" type = "submit" value = "Send message" / >
< / form >
< / div >
< / div > <!-- //CONTACT FORM -->
< / div >
< / div > <!-- //ROW -->
< / div > <!-- //CONTAINER -->
< / footer > <!-- //FOOTER -->
<!-- MAP -->
< div id = "map" >
< a class = "map_hide" href = "javascript:void(0);" > < i class = "fa fa-angle-right" > < / i > < i class = "fa fa-angle-left" > < / i > < / a >
< iframe src = "http://maps.google.com/maps?f=q&give%20a%20hand=s_q&hl=en&geocode=&q=london&sll=37.0625,-95.677068&sspn=42.631141,90.263672&ie=UTF8&hq=&hnear=London,+United+Kingdom&ll=51.500141,-0.126257&spn=0.026448,0.039396&z=14&output=embed" > < / iframe >
< / div > <!-- //MAP -->
< / div >
< / body >
2025-02-01 22:03:35 +01:00
< / html >
