Nudista-Online/area-51
1
1
Fork 0
Code Issues 6 Pull requests Projects 1 Releases Packages Wiki Activity

Úprava souboru index.html

Browse source
This commit is contained in:
janrippl 2025-02-01 14:22:01 +01:00
parent 30c14f3caa
commit dfcde40139
3 changed files with 252 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
blog.html
View file

@ -106,14 +106,14 @@
<div class="pull-right">
<nav class="navmenu center">
<ul>
<li class="first scroll_btn"><a href="index.html">Home <i class="fa fa-rocket"></i></a></li>
<li class="scroll_btn"><a href="index.html#about">About <i class="fa fa-user"></i></a></li>
<li class="scroll_btn"><a href="index.html#projects">Project's <i class="fa fa-share"></i></a></li>
<li class="scroll_btn"><a href="index.html#team">Team <i class="fa fa-users"></i></a></li>
<li class="scroll_btn"><a href="index.html#news">News <i class="fa fa-rss"></i></a></li>
<li class="scroll_btn last"><a href="index.html#contacts">Contact's <i class="fa fa-envelope"></i></a></li>
<li class="first scroll_btn"><a href="index.html"><i class="fa fa-slideshare"></i></a></li>
<li class="scroll_btn"><a href="index.html#about"><i class="fa fa-film"></i></a></li>
<li class="scroll_btn"><a href="index.html#projects"><i class="fa fa-bar-chart"></i></i></a></li>
<li class="scroll_btn"><a href="index.html#team"><i class="fa fa-users"></i></a></li>
<li class="scroll_btn"><a href="index.html#news"><i class="fa fa-map-marker"></i></a></li>
<li class="scroll_btn last"><a href="index.html#contacts"><i class="fa fa-envelope"></i></a></li>
<li class="sub-menu active">
<a href="javascript:void(0);">Git <i class="fa fa-folder"></i></a>
<a href="javascript:void(0);"><i class="fa fa-cube"></i></a>
<ul>
<li class="active"><a href="blog.html">Blog <i class="fa fa-rss"></i></a></li>
<li><a href="blog-post.html">Blog Post</a></li>

16
index.html
View file

@ -267,22 +267,6 @@
<li><a class="i6" href="#tab6" data-toggle="tab" ><i></i><span>Support</span></a></li>
</ul><!-- CASTOM TAB -->
</div><!-- //CONTAINER -->
<!-- ANIMATION -->
<div class="row">
<div class="col-lg-12 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30" style="background: #fff; color: #000000;">
<div class="content">
<div class="marquee">
<div class="marquee_blur" aria-hidden="true">
<p class="marquee_text"><svg xmlns="http://www.w3.org/2000/svg" width="5rem" height="5rem" viewBox="0 0 14 14"><g fill="none"><g clip-path="url(#primeTwitter0)"><path fill="currentColor" d="M11.025.656h2.147L8.482 6.03L14 13.344H9.68L6.294 8.909l-3.87 4.435H.275l5.016-5.75L0 .657h4.43L7.486 4.71zm-.755 11.4h1.19L3.78 1.877H2.504z"/></g><defs><clipPath id="primeTwitter0"><path fill="#FFFFFF" d="M0 0h14v14H0z"/></clipPath></defs></g></svg> Mám pro Vás vzkaz! Mám pro Vás vzkaz!</p>
</div>
<div class="marquee_clear">
<p class="marquee_text"><svg xmlns="http://www.w3.org/2000/svg" width="5rem" height="5rem" viewBox="0 0 14 14"><g fill="none"><g clip-path="url(#primeTwitter0)"><path fill="currentColor" d="M11.025.656h2.147L8.482 6.03L14 13.344H9.68L6.294 8.909l-3.87 4.435H.275l5.016-5.75L0 .657h4.43L7.486 4.71zm-.755 11.4h1.19L3.78 1.877H2.504z"/></g><defs><clipPath id="primeTwitter0"><path fill="#FFFFFF" d="M0 0h14v14H0z"/></clipPath></defs></g></svg> Mám pro Vás vzkaz! Mám pro Vás vzkaz!</p>
</div>
</div>
</div>
<p class="text">I wanted to make a Gooey Marquee type effect, tried a couple of things, and ended up using two layers of text, one with the effect, and a clean one on top so that the text remains readable.</p>
</div>
</div>
</div><!-- //CLEAN CODE -->
<!-- MULTI PURPOSE -->

245
index2.html Normal file
View file

@ -0,0 +1,245 @@
<!DOCTYPE html>
<html lang="cs">
<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" />
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
<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">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- FONTS -->
<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">
<!-- 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.prettyPhoto.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" type="text/javascript"></script>
<script src="js/animate.js" type="text/javascript"></script>
<script src="js/jquery.BlackAndWhite.js"></script>
<script src="js/myscript.js" type="text/javascript"></script>
<script>
//PrettyPhoto
jQuery(document).ready(function() {
$("a[rel^='prettyPhoto']").prettyPhoto();
});
//BlackAndWhite
$(window).load(function(){
$('.client_img').BlackAndWhite({
hoverEffect : true, // default true
// set the path to BnWWorker.js for a superfast implementation
webworkerPath : false,
// for the images with a fluid width and height
responsive:true,
// to invert the hover effect
invertHoverEffect: false,
// this option works only on the modern browsers ( on IE lower than 9 it remains always 1)
intensity:1,
speed: { //this property could also be just speed: value for both fadeIn and fadeOut
fadeIn: 300, // 200ms for fadeIn animations
fadeOut: 300 // 800ms for fadeOut animations
},
onImageReady:function(img) {
// this callback gets executed anytime an image is converted
}
});
});
</script>
</head>
<body>
<!-- PRELOADER -->
<img id="preloader" src="images/preloader.gif" alt="" />
<!-- //PRELOADER -->
<div class="preloader_hide">
<!-- PAGE -->
<div id="page">
<!-- HEADER -->
<header>
<!-- MENU BLOCK -->
<div class="menu_block">
<!-- CONTAINER -->
<div class="container clearfix">
<!-- LOGO -->
<div class="logo pull-left">
<a href="index.html" ><div style="text-shadow: 0px 0px 5px #111111;"><span style="filter: blur(1.5px);"><big>&#9964;</big></span><small>&nbsp;&nbsp;&nbsp;<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);">&mdash;&nbsp;&nbsp;</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></div></a>
</div><!-- //LOGO -->
<!-- SEARCH FORM -->
<div id="search-form" class="pull-right">
<form method="get" action="#">
<input type="text" name="Search" value="Hledat" onFocus="if (this.value == 'Hledat') this.value = '';" onBlur="if (this.value == '') this.value = 'Hledat';" />
</form>
</div><!-- SEARCH FORM -->
<!-- MENU -->
<div class="pull-right">
<nav class="navmenu center">
<ul>
<li class="first active scroll_btn"><a href="#home" ><i class="fa fa-slideshare"></i></a></li>
<li class="scroll_btn"><a href="#about" ><i class="fa fa-film"></i></a></li>
<li class="scroll_btn"><a href="#projects" ><i class="fa fa-bar-chart"></i></a></li>
<li class="scroll_btn"><a href="#team" ><i class="fa fa-users"></i></a></li>
<li class="scroll_btn"><a href="#news" ><i class="fa fa-map-marker"></i></a></li>
<li class="scroll_btn last"><a href="#contacts" ><i class="fa fa-envelope"></i></a></li>
<li class="sub-menu">
<a href="javascript:void(0);" ><i class="fa fa-cube"></i></a>
<ul>
<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>
</ul>
</li>
</ul>
</nav>
</div><!-- //MENU -->
</div><!-- //MENU BLOCK -->
</div><!-- //CONTAINER -->
</header><!-- //HEADER -->
<!-- HOME -->
<section id="home" class="padbot0">
<!-- ANIMATION -->
<div class="row">
<div class="col-lg-12 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30" style="background: #fff; color: #000000;">
<div class="content">
<div class="marquee">
<div class="marquee_blur" aria-hidden="true">
<p class="marquee_text"><svg xmlns="http://www.w3.org/2000/svg" width="5rem" height="5rem" viewBox="0 0 14 14"><g fill="none"><g clip-path="url(#primeTwitter0)"><path fill="currentColor" d="M11.025.656h2.147L8.482 6.03L14 13.344H9.68L6.294 8.909l-3.87 4.435H.275l5.016-5.75L0 .657h4.43L7.486 4.71zm-.755 11.4h1.19L3.78 1.877H2.504z"/></g><defs><clipPath id="primeTwitter0"><path fill="#FFFFFF" d="M0 0h14v14H0z"/></clipPath></defs></g></svg> Mám pro Vás vzkaz! Mám pro Vás vzkaz!</p>
</div>
<div class="marquee_clear">
<p class="marquee_text"><svg xmlns="http://www.w3.org/2000/svg" width="5rem" height="5rem" viewBox="0 0 14 14"><g fill="none"><g clip-path="url(#primeTwitter0)"><path fill="currentColor" d="M11.025.656h2.147L8.482 6.03L14 13.344H9.68L6.294 8.909l-3.87 4.435H.275l5.016-5.75L0 .657h4.43L7.486 4.71zm-.755 11.4h1.19L3.78 1.877H2.504z"/></g><defs><clipPath id="primeTwitter0"><path fill="#FFFFFF" d="M0 0h14v14H0z"/></clipPath></defs></g></svg> Mám pro Vás vzkaz! Mám pro Vás vzkaz!</p>
</div>
</div>
</div>
<p class="text">I wanted to make a Gooey Marquee type effect, tried a couple of things, and ended up using two layers of text, one with the effect, and a clean one on top so that the text remains readable.</p>
</div>
</div>
<!-- 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>Kdo</b> jsem</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="https://witter.cz/@janrippl" ><small><i class='bx bxl-mastodon' ></i></small></a></li>
<li><a href="https://code.nolog.cz/Nudista-Online/area-51" ><i class="fl-gitea"></i></a></li>
<li><a href="https://archive.org/details/@jan_rippl" ><i class="fa fa-university"></i></a></li>
<li><a href="https://code.nolog.cz/Nudista-Online/area-51.rss" ><i class="fa fa-rss"></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="https://www.openstreetmap.org/export/embed.html?bbox=12.187957763671877%2C50.20061077138339%2C12.244606018066406%2C50.22370759985845&amp;layer=mapnik" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/#map=15/50.21216/12.21628">Zobrazit větší mapu</a></small>
</div><!-- //MAP -->
</div>
</body>
</html>