/* Veškeré styly níže zobrazené vytvořil 
* © Hogo, veškeré použití na 
* Vašich webových stránkách si
* prosím domluvte přes e-mail.
*/ 
.a {
    background: #333;
    color: white;
    padding: 10px;
    top: -400px;
    position: fixed;
    left: 0; right: 0;
    display: none;
   }
   h1 {text-shadow:0px 4px 0px #ffffff; font-size: 40px;
}

   .b {
    animation-name: b;
    animation-duration: 2s; 
    animation-delay: 1s; 
    animation-fill-mode: forwards;
   }
   @keyframes b {
    from {  top: -400px; }
    to {  top: 0; }
   }
   .c {
     animation-name: c;
    animation-duration: 2s; 
    animation-delay: 1s; 
    animation-fill-mode: forwards;  
   }
   @keyframes c {
    to {  top: 0; }
    from {  top: -400px; }

   }
.bila {
    color: #777;
}   
pre { 
  overflow-y: scroll;
  font-size: 12px;
  position: fixed;
  width: 38%;
  top: 50px;
  bottom: 60px; 
  left: 26%;
  background-color: #222; 
  color: whitesmoke;
  padding: 12px;
  cursor: text;
  box-sizing: border-box;
  box-shadow: 0 0 1em white;
  
}
@media (max-width: 1000px)  {

    pre {display: none;}
    #button {display: none;}
}
pre { 
  transition: left 1000ms;
  left: 60%; 
  display: none;
}
 tr, td {
       padding: 3px;
       border-radius: 3px;
   }
   table {
       border: 1;
       border-color: whitesmoke;
       box-shadow: 0 0 0.8em whitesmoke;
       border-radius: 0.5em;
       padding: 8px;
   }

body {
  font-family: Arial, sans-serif;
  font-size: 16px;
  background: linear-gradient(#222, #AF95E9, #333) fixed;  
  color: #888888;
}
.odkaz{
    
-webkit-animation:flip 4s ease 0s 1 normal;
-moz-animation:flip 4s ease 0s 1 normal;
-ms-animation:flip 4s ease 0s 1 normal;
animation:flip 4s ease 0s 1 normal;
}

@-webkit-keyframes flip {
0%{ opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(90deg); }
40%{ -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(-10deg); }
70%{  transform: perspective(400px) rotateY(10deg); }
100%{ opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); }
}

@keyframes flip {
0%{ opacity: 0; transform: perspective(400px) rotateY(90deg); }
40%{ transform: perspective(400px) rotateY(-10deg); }
70%{ transform: perspective(400px) rotateY(10deg); }
100%{ opacity: 1; transform: perspective(400px) rotateY(0deg); }
}
a {cursor: pointer;}
.menu {
  overflow: hidden;
  background-color: #333;
  border-radius: 1em;

}

.menu a {
  color: white;
  text-align: center;
  text-decoration: none;
}

.menu a:hover {
  background-color: white;
  color: black;
  border-radius: 0.5em;
}
.uzivatele {
  position: relative;
  border-radius: 8px; 
  display: inline-block;
  font-size: 90%;
  font-weight: 700;
  color: gold;
  text-decoration: none;
  text-shadow: 0 -1px 2px rgba(0,0,0,.2);
  padding: .5em 1em;
  outline: none;
  border-radius: 3px;
  background: linear-gradient(grey, silver) #AF95E9;
  box-shadow:
   0 1px black inset,
   0 3px 5px rgba(0,1,6,.5),
   0 0 1px 1px rgba(0,1,6,.2);
  transition: .2s ease-in-out;
  cursor: pointer;
}
.uzivatele:hover:not(:active) {
  background: linear-gradient(silver, grey) black;
  border-radius: 8px; 
cursor: pointer;
    
}
.uzivatele:active {
  top: 1px;
  background: linear-gradient(grey, silver) #AF95E9;
  border-radius: 8px; 
  box-shadow:
   0 0 1px rgba(0,0,0,.5) inset,
   0 2px 3px rgba(0,0,0,.5) inset,
   0 1px 1px rgba(255,255,255,.1);
   cursor: pointer;
}

Hogo · osobní stránka

Ahoj! Jsem rád, že jsi sem zavítal, ale teď něco o mé maličkosti; Vystupuji na internetu pod přezdívkou Hogo, i když mé skutečné jméno nemá s touto přezdívkou nic společného.

Od března roku 2021 jsem začal s vývojem webů, které si píšu sám, viz třeba tento příklad. Začal jsem vyvíjet spoustu dalších webů, nejvíce asi ty tři weby, které vidíte na liště. ↑

Pokud by někdo potřeboval mě nějak kontaktovat, pomoci s programováním či grafikou na webu, ať mě kontaktuje, umím hlavně s HTML, CSS (grafický design tlačítek, tabulek, textů a odstavců), dokážu něco malinko s JavaScriptem a nebo s PHP (komunikace s databází, spolupráce s textovými soubory a vypsání do prostoru, nahrávání obrázků a další…).


Info o mé osobě:

Věk:Tajný, ale nad patnáct to zatím nebude…
Jméno:Petr
Hlavní tvorba:HTML, CSS a PHP
Kontakt:Formulář s kontakty.
Co mohu nabídnout?Funkční web s editačním systémem, funkční registrací a administrací, mobilní vzhled, nahrávání obrázků a vložení do prostoru, diskusní fórum nebo chat… možnost navolit si jakýkoliv design.

Mé dovednosti, zkušenosti:

HTML:
CSS:
PHP + SQL:
JavaScript:







Nebo e-mailem: kontakt@strasak.org