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-12 15:38:31 +01:00
parent c164a0e749
commit 08ee9bab45
1 changed files with 65 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

82
index.html
View file

@ -51,6 +51,32 @@
<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">
<style>
.bubble {
position: relative;
display: inline-block;
border-bottom: none;
}
.bubble .bubbletext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 0px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
.bubble:hover .bubbletext {
visibility: visible;
}
</style>
<!-- SCRIPTS -->
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
@ -143,13 +169,13 @@
<div class="pull-right">
<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>A</span></small></a></li>
<li class="scroll_btn"><a href="#about" ><small><i class="fa fa-film"></i><span>F</span></small></a></li>
<li class="scroll_btn"><a href="#projects" ><small><i class="fa fa-bar-chart"></i><span>K</span></small></a></li>
<li class="scroll_btn"><a href="#team" ><small><i class="fa fa-users"></i><span>Z</span></small></a></li>
<li class="scroll_btn"><a href="#news" ><small><i class="fa fa-map-marker"></i><span>M</span></small></a></li>
<li class="scroll_btn last"><a href="#contacts" ><small><i class="fa fa-envelope"></i><span>D</span></small></a></li>
<li class="sub-menu">
<li class="first active scroll_btn bubble"><span class="bubbletext"><i class="fa fa-slideshare"></i> Projekt</span><a href="#home" ><small><i class="fa fa-slideshare"></i><span>P</span></small></a></li>
<li class="scroll_btn bubble" title="Film"><span class="bubbletext"><i class="fa fa-film"></i> Film</span><a href="#about" ><small><i class="fa fa-film"></i><span>F</span></small></a></li>
<li class="scroll_btn bubble"><span class="bubbletext"><i class="fa fa-bar-chart"></i> Koncepce</span><a href="#projects" ><small><i class="fa fa-bar-chart"></i><span>K</span></small></a></li>
<li class="scroll_btn bubble"><a href="#team" ><small><i class="fa fa-users"></i><span>Z</span></small></a></li>
<li class="scroll_btn bubble"><a href="#news" ><small><i class="fa fa-map-marker"></i><span>M</span></small></a></li>
<li class="scroll_btn last bubble"><a href="#contacts" ><small><i class="fa fa-envelope"></i><span>D</span></small></a></li>
<li class="sub-menu bubble">
<a href="javascript:void(0);" ><i class="fa fa-cube"></i><span>P</span></a>
<ul>
<li><a href="blog.html" ><big><i class="fl-gitea"></i></big> RSS <i class="fa fa-rss"></i></a></li>
@ -236,26 +262,48 @@
<div class="container">
<!-- ROW -->
<div class="row">
<div class="col-lg-4 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<div class="col-lg-6 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<small><big><i class="fa fa-server"></i> <i class="fl-debian"></i></big> nudista &middot; online</small>
<a class="services_item" href="javascript:void(0);" >
<p><i class="bi bi-1-square-fill"></i> <b>Akce</b> Nudist@nline &sup1;&dash;&sup3;</p>
<p><i class="bi bi-1-square-fill"></i> <b>Příprava</b> Filmu</p>
<span>Everyone has a data center these days! I'm tempted by the idea of building my own... That's my plan!</span>
</a>
</div>
<div class="col-lg-4 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<div class="col-lg-6 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<small>192.168.1.51</small>
<a class="services_item" href="javascript:void(0);" >
<p><i class="bi bi-2-square-fill"></i> <b>Produkce</b> Nudist@nline &sup2;&dash;&sup3;</p>
<p><i class="bi bi-2-square-fill"></i> <b>Realizace</b> Filmu</p>
<span>Quality and unique design that meets all the requirements and trends of modern web design.</span>
</a>
</div>
<div class="col-lg-4 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<small>192.168.1.52</small>
<a class="services_item" href="javascript:void(0);" >
<p><i class="bi bi-3-square-fill"></i> <b>Koncepce</b> Nudist@nline &sup3;&dash;&sup3;</p>
<span>Design that will be equally beautifully displayed on all your devices, tablet, smartphone or computer.</span>
</a>
</div>
<!-- ROW -->
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<ul>
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
</ul>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<ul>
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
</ul>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<ul>
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
</ul>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<ul>
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
<li><i class="fa fa-square" style="padding-right: 2rem;"></i>text</li>
</ul>
</div>
</div><!-- //ROW -->
</div><!-- //CONTAINER -->