Advertisement
Guest User

Bystrov Fixed

a guest
Mar 23rd, 2018
253
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
C++ 13.52 KB | None | 0 0
  1. <!doctype html>
  2. <html lang="en">
  3.   <head>
  4.     <!-- Required meta tags -->
  5.     <meta charset="'UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.  
  8.     <!-- Bootstrap CSS -->
  9.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  10.      <!-- Užduotis -->
  11.     <title>Gvidas Mirinauskas MKDF 16-2</title>
  12.   </head>
  13.  
  14. <body data-spy="scroll" data-target=".navbar" data-offset="50">
  15.  
  16.  
  17.   <nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">  
  18.   <ul class="navbar-nav">
  19.     <li class="nav-item">
  20.       <a class="nav-link" href="#section1">Pagrindinė informacija</a>
  21.     </li>
  22.     <li class="nav-item">
  23.       <a class="nav-link" href="#image">Paveiksliukas</a>
  24.     </li>
  25.     <li class="nav-item">
  26.       <a class="nav-link" href="#section3">Registracija</a>
  27.     </li>
  28.     <li class="nav-item dropdown">
  29.       <a class="nav-link" href="#section4">Pagalba</a>
  30.     </li>
  31.   </ul>
  32. </nav>
  33.  
  34.  
  35.   <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
  36.   <form class="form-inline" action="/action_page.php">
  37.     <input class="form-control mr-sm-2" type="text" placeholder="...">
  38.     <button class="btn btn-success" type="submit">Ieškoti</button>
  39.   </form>
  40.     <a class="navbar-brand" href="#">
  41.     <img src="https://www.seoclerk.com/pics/want54841-1To5V31505980185.png" alt="logo" style="width:40px; margin:50px">
  42.   </a>
  43. </nav>
  44.  
  45.   <div id="section1" class = "container-fluid">
  46.     <div id="virsus" class="container-fluid" style="background-color:#FFCA28;">
  47.  
  48.         <h1 class="text-center font-weight-bold" style="font-family:Trebuchet MS">Krepšinio turnyras</h1>
  49.         <p class="text-center font-weight-light">Gvidas Mirinauskas MKDF 16-2</p>
  50.     </div>
  51.         <br>
  52.         <div id="virsus" class="container-fluid" style="background-color:#FFCA28;">
  53.         <h4 class="text-center"> Kada vyksta renginys? <span class="badge badge-info">Info</span><h4>
  54.         <h4 class="text-center font-weight-light"> 2019.05.12 </h4>
  55.         <br>
  56.         <h4 class="text-center"> Kur? <span class="badge badge-info">Info</span><h4>
  57.         <h4 class="text-center font-weight-light"> Vilnius. Baltasis Tiltas </h4>
  58.         <br>
  59.         <h4 class="text-center"> Renginio pradžia <span class="badge badge-info">Info</span><h4>
  60.         <h4 class="text-center font-weight-light"> 14.00 val. </h4>
  61.         <br>
  62.         <h4 class="text-center"> Varžybų taisyklės <span class="badge badge-danger">Svarbu!</span><h4>
  63.         <h4 class="text-center font-weight-light"> Varžybų taisykles žaidėjai gali gauti komandos registracijos metu, arba  varžybų vietoje.
  64. Dalyviai varžybų metu privalo vilkėti komandos pasirinktos spalvos aprangą. </h4>
  65.         <br>
  66.         </div>
  67.        
  68.         <div class="container text-center">
  69.   <!-- Button to Open the Modal -->
  70.   <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" style="background-color:#1B5E20">
  71.     FIBA 3x3 taisyklės
  72.   </button>
  73.  
  74.   <!-- The Modal -->
  75.   <div class="modal fade" id="myModal">
  76.     <div class="modal-dialog">
  77.       <div class="modal-content">
  78.      
  79.         <!-- Modal Header -->
  80.         <div class="modal-header">
  81.           <h4 class="modal-title">Taisyklės</h4>
  82.           <button type="button" class="close" data-dismiss="modal">&times;</button>
  83.         </div>
  84.        
  85.         <!-- Modal body -->
  86.         <div class="modal-body">
  87. 1. KOMANDOS
  88. <br><br>
  89. Žaidžiama trys prieš tris žaidėjus (3x3), į vieną krepšį.
  90. Turnyro metu dalyviai privalo turėti sportinę aprangą bei asmens dokumentą su nuotrauka.
  91. <br><br>
  92. 2. VARŽYBOS
  93. <br><br>
  94. Rungtynių vietą ir laiką komandos sužino informacinėje lentoje bei iš informatoriaus pranešimų.
  95. Prieš rungtynes 5 min. skiriamos komandos apšilimui. Rungtynių trukmė 10 min., nestabdant laiko.
  96. Rungtynes pradedanti komanda išaiškinama burtų keliu.
  97. Už taiklų metimą – 1 taškas, už metimą už 6.25 m. linijos2 taškai.
  98. Metimas įskaitomas, jei kamuolį atakos metu palietė bent du komandos žaidėjai ir jis buvo išmestas už 6.25 m. linijos.
  99. Nauja ataka pradedama iš už 6.25 m. linijos. Vienai komandai pelnius taškus, kamuolys atitenka kitai komandai.
  100. Pirmojo ginčo atveju kamuolys atitenka gynyboje rungtynes pradėjusiai komandai, kitais ginčų atvejais – paeiliui.
  101. Keitimų skaičius neribojamas, tai vykdoma sustabdžius žaidimą ar  pelnius taškus.
  102. Kabintis už lanko rungtynių ir apšilimo metu - draudžiama!
  103. <br><br>
  104. 3. PRAŽANGOS
  105. <br><br>
  106. Už pražangą metimo metu skiriami 1 ar 2 (jei prasižengta už 6.25 metrų ribos) baudos  metimai.
  107. Už nesportinę ar techninę pražangą skiriamas 1 baudos metimas. Po metimo kamuolys atitenka baudą metusiai komandai.
  108. Komanda baudžiama už technines ar nesportines pražangas du kartus .Už trečią  nesportinę ar techninę pražangą – komanda diskvalifikuojama.
  109. Komandai prasižengus daugiau nei 4 kartus, po kiekvienos pražangos skiriamas baudos   metimas.
  110. Jei teisėjas skiria baudos metimus, o rungtynių laikas baigėsi, - baudų metimai metami jau po rungtynėms skirto laiko.
  111. Jei prasižengta metimo metu ir kamuolys pataikė į krepšį, taškai įskaitomi ir kamuolys lieka puolančiajai komandai , o jeigu komanda jau turi surinkusi 4 komandines pražangas, tuomet metamas baudos metimas.
  112. <br><br>
  113. 4. REZULTATAI
  114. <br><br>
  115. Rungtynių rezultatą fiksuoja bei iškylančius neaiškumus sprendžia teisėjas.
  116. Pavėlavusiai ar neatvykusiai komandai įskaitomas pralaimėjimas 0:15.
  117. Jei rungtynės baigėsi lygiosiomis, nugalėtojui išaiškinti  metami baudų metimai. (3 rungtynių pabaigoje rungtyniavę žaidėjai meta po vieną metimą. Jeigu po metimų serijos rezultatas lygus – metama iki pirmos klaidos).
  118.         </div>
  119.        
  120.         <!-- Modal footer -->
  121.         <div class="modal-footer">
  122.           <button type="button" class="btn btn-danger" data-dismiss="modal">Uždaryti</button>
  123.         </div>
  124.       </div>
  125.     </div>
  126.   </div>
  127. </div>
  128.         <br>
  129.        
  130.        
  131.     <div id="table" class="table" style="background-color:#FFD54F">
  132.         <h2 class="text-center">Dalyviu sąrašas</h2>
  133.         <p class="text-center font-weight-light">Registruodami pateikite savo vardą pavardę ir elektroninį paštą.</p>
  134.    
  135.     <table class="table table-striped text-center" style="background-color:#FFE082">
  136.     <thead>
  137.       <tr>
  138.         <th>Vardas</th>
  139.         <th>Pavardė</th>
  140.         <th>El. paštas</th>
  141.       </tr>
  142.     </thead>
  143.     <tbody>
  144.       <tr>
  145.         <td>Tomas</td>
  146.         <td>Kalnauskas</td>
  147.         <td>tomas@example.com</td>
  148.       </tr>
  149.       <tr>
  150.         <td>Jonas</td>
  151.         <td>Pavardenis</td>
  152.         <td>jonas@example.com</td>
  153.       </tr>
  154.       <tr>
  155.         <td>Gvidas</td>
  156.         <td>Sakalauskas</td>
  157.         <td>gvidas@example.com</td>
  158.       </tr>
  159.     </tbody>
  160.     </table>
  161.     </div>
  162. </div>
  163.     <div id="image" class="images">
  164.         <img class="img-fluid" width="1920" height="345" src="https://az616578.vo.msecnd.net/files/2016/09/04/636085803082821242-150117908_iStock_000014948645XLarge_basketball.jpg" alt="Basketball Image">
  165.  
  166.     </div>
  167.     <br><br>
  168.       <div id="section3" class = "container-fluid">
  169.     <div class=" text-center">
  170.         <h2 class="text-center">Registruokis ir tu!</h2>
  171.         <form style="margin:0px 350px 0px 350px">
  172.     <div class="form-group">
  173.       <label for="usr">Vardas:</label>
  174.       <input type="text" class="form-control" id="usr">
  175.     </div>
  176.     <div class="form-group">
  177.       <label for="pwd">Pavardė:</label>
  178.       <input type="text" class="form-control" id="pwd">
  179.     </div>
  180.         <div class="form-group">
  181.       <label for="pwd">El. paštas:</label>
  182.       <input type="text" class="form-control" id="pwd">
  183.  
  184.  
  185.         </form>
  186.         <br><br>
  187.                 <div class="progress">
  188.   <div class="progress-bar progress-bar-striped bg-danger" style="width:0%"></div>
  189. </div>
  190.  
  191. <br><br>
  192.               <button type="button" class="btn btn-success" data-toggle="tooltip" data-placement="top" title="Spauskite, kai įrašysite duomenis">Registruotis</button>
  193.         </div>
  194.         <br>
  195.        
  196.         <div class="alert alert-success text-center" style="margin:0px 200px 0px 200px">
  197.   <strong>Užsiregistravote!</strong>
  198.         </div>
  199. <br>
  200. </div>
  201. <div id="section4" class = "container-fluid">
  202. <div class="container text-center">
  203.   <h2>Daugiau informacijos</h2>
  204.   <a href="#demo" class="btn btn-primary" data-toggle="collapse">Pagalba</a>
  205.   <div id="demo" class="collapse">
  206.   <br>
  207.     Lorem ipsum dolor sit amet, consectetur adipisicing elit,
  208.     sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  209.     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  210.   </div>
  211.  
  212.   <a href="#demo" class="btn btn-primary" data-toggle="popover" title="Dažnai užduodami klausimai" data-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit,
  213.    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  214.    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.">DUK</a>
  215.  
  216. </div>
  217. <br><br>
  218. <div id="best" class="container text-center">
  219.   <h2>Geriausios praeitų metų komandos</h2>
  220. <ul class="list-group">
  221.   <li class="list-group-item">Neptūnas</li>
  222.   <li class="list-group-item">Lietuvos rytas</li>
  223.   <li class="list-group-item">Žalgiris</li>
  224. </ul>
  225. </div>
  226. <br><br>
  227.  
  228. <div id="demo" class="carousel slide text-center" data-ride="carousel">
  229.  
  230.   <div class="carousel-inner">
  231.     <div class="carousel-item active">
  232.       <img src="https://www.japantimes.co.jp/wp-content/uploads/2014/07/w3-kaz-b-20140713.jpg" alt="Los Angeles" width="500" height="250">
  233.     </div>
  234.     <div class="carousel-item">
  235.       <img src="http://www.fiba.basketball/images.fiba.com/Graphic/C/E/6/4/XEY0rrYcIUaR5sJkxiH4rg.jpg?v=20170719093700115" alt="Chicago" width="500" height="250">
  236.     </div>
  237.     <div class="carousel-item">
  238.       <img src="https://www.usab.com/~/media/e5a3c8bc454c4374a75997fa20a21eb1.ashx?h=546&la=en&w=800" alt="New York" width="500" height="250">
  239.     </div>
  240.   </div>
  241.  
  242. </div>
  243.  <br>
  244.         <div class="text-center">
  245.        
  246.             <h2>Sek mus socialiniuose tinkluose!</h2>
  247.             <br>
  248.             <button type="button" class="btn btn-primary" style="background-color:#2196F3">Facebook</button>
  249.             <button type="button" class="btn btn-primary"style="background-color:#2196F3">Twitter</button>
  250.  
  251.             <div class="dropdown">
  252.                 <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" style="background-color:#2196F3">
  253.                     Kita
  254.             </button>
  255.         <div class="dropdown-menu">
  256.             <a class="dropdown-item" href="#">E-Parduotuvė</a>
  257.             <a class="dropdown-item" href="#">Mūsų svetainė</a>
  258.     </div>
  259.   </div>
  260. </div>
  261. <br><br>
  262. <div class="container text-center">
  263.   <h2>INTERNETO POLITIKA</h2>
  264.   <ul class="nav flex-column">
  265.     <li class="nav-item">
  266.       <a class="nav-link" href="#">Naudojimo sąlygos</a>
  267.     </li>
  268.     <li class="nav-item">
  269.       <a class="nav-link" href="#">Slapukų politika</a>
  270.     </li>
  271.   </ul>
  272. </div>
  273. </div>
  274. <style>
  275.  
  276.         body{
  277.             background-color:#FFCA28;
  278.          }
  279.    
  280.             @keyframes permatomas{
  281.     25%  {opacity: 0.5;}
  282.     75% {opacity: scale 0.8;}
  283.     }
  284.    
  285.         @keyframes bounce{    
  286.             0% {
  287.     transform: scale(0.1);
  288.     opacity: 0;
  289.   }
  290.             60% {
  291.     transform: scale(1.2);
  292.     opacity: 1;
  293.   }
  294.             100% {
  295.     transform: scale(1);
  296.   }
  297.     }
  298. @keyframes slidein {
  299.   from {
  300.     margin-left: 100%;
  301.     width: 300%;
  302.   }
  303.  
  304.   to {
  305.     margin-left: 0%;
  306.     width: 100%;
  307.   }
  308. }
  309.   @keyframes example {
  310.     0%   {background-color: #4DB6AC; border-radius: 15px; transition-property: background, border-radius; transition-timing-function: linear, ease-in;}
  311.     25%  {background-color: white;   border-radius: 15px; transition-property: background, border-radius;transition-timing-function: linear, ease-in;}
  312.     50%  {background-color: #4DB6AC;   border-radius: 15px;transition-property: background, border-radius;transition-timing-function: linear, ease-in;}
  313.     100% {background-color: white;   border-radius: 15px;   transition-property: background, border-radius;transition-timing-function: linear, ease-in;}
  314. }
  315.    
  316.    
  317.          #image:hover{
  318.         animation:permatomas 2s infinite;
  319.     }
  320.         #virsus{
  321.   animation:bounce 0.5s;
  322.     }
  323.         #best:hover {
  324.   animation-duration: 10s;
  325.   animation-name: example;
  326.     border-radius: 50%;
  327. }
  328. </style>
  329.    
  330.  
  331.     <!-- Optional JavaScript -->
  332.     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  333.     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  334.     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  335.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  336.     <script>
  337. $(document).ready(function(){
  338.     $('[data-toggle="popover"]').popover();
  339. });
  340. </script>
  341.  
  342.   </body>
  343. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement