Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html lang="en">
- <head>
- <!-- Required meta tags -->
- <meta charset="'UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
- <!-- Užduotis -->
- <title>Gvidas Mirinauskas MKDF 16-2</title>
- </head>
- <body data-spy="scroll" data-target=".navbar" data-offset="50">
- <nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link" href="#section1">Pagrindinė informacija</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#image">Paveiksliukas</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#section3">Registracija</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link" href="#section4">Pagalba</a>
- </li>
- </ul>
- </nav>
- <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
- <form class="form-inline" action="/action_page.php">
- <input class="form-control mr-sm-2" type="text" placeholder="...">
- <button class="btn btn-success" type="submit">Ieškoti</button>
- </form>
- <a class="navbar-brand" href="#">
- <img src="https://www.seoclerk.com/pics/want54841-1To5V31505980185.png" alt="logo" style="width:40px; margin:50px">
- </a>
- </nav>
- <div id="section1" class = "container-fluid">
- <div id="virsus" class="container-fluid" style="background-color:#FFCA28;">
- <h1 class="text-center font-weight-bold" style="font-family:Trebuchet MS">Krepšinio turnyras</h1>
- <p class="text-center font-weight-light">Gvidas Mirinauskas MKDF 16-2</p>
- </div>
- <br>
- <div id="virsus" class="container-fluid" style="background-color:#FFCA28;">
- <h4 class="text-center"> Kada vyksta renginys? <span class="badge badge-info">Info</span><h4>
- <h4 class="text-center font-weight-light"> 2019.05.12 </h4>
- <br>
- <h4 class="text-center"> Kur? <span class="badge badge-info">Info</span><h4>
- <h4 class="text-center font-weight-light"> Vilnius. Baltasis Tiltas </h4>
- <br>
- <h4 class="text-center"> Renginio pradžia <span class="badge badge-info">Info</span><h4>
- <h4 class="text-center font-weight-light"> 14.00 val. </h4>
- <br>
- <h4 class="text-center"> Varžybų taisyklės <span class="badge badge-danger">Svarbu!</span><h4>
- <h4 class="text-center font-weight-light"> Varžybų taisykles žaidėjai gali gauti komandos registracijos metu, arba varžybų vietoje.
- Dalyviai varžybų metu privalo vilkėti komandos pasirinktos spalvos aprangą. </h4>
- <br>
- </div>
- <div class="container text-center">
- <!-- Button to Open the Modal -->
- <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" style="background-color:#1B5E20">
- FIBA 3x3 taisyklės
- </button>
- <!-- The Modal -->
- <div class="modal fade" id="myModal">
- <div class="modal-dialog">
- <div class="modal-content">
- <!-- Modal Header -->
- <div class="modal-header">
- <h4 class="modal-title">Taisyklės</h4>
- <button type="button" class="close" data-dismiss="modal">×</button>
- </div>
- <!-- Modal body -->
- <div class="modal-body">
- 1. KOMANDOS
- <br><br>
- Žaidžiama trys prieš tris žaidėjus (3x3), į vieną krepšį.
- Turnyro metu dalyviai privalo turėti sportinę aprangą bei asmens dokumentą su nuotrauka.
- <br><br>
- 2. VARŽYBOS
- <br><br>
- Rungtynių vietą ir laiką komandos sužino informacinėje lentoje bei iš informatoriaus pranešimų.
- Prieš rungtynes 5 min. skiriamos komandos apšilimui. Rungtynių trukmė 10 min., nestabdant laiko.
- Rungtynes pradedanti komanda išaiškinama burtų keliu.
- Už taiklų metimą – 1 taškas, už metimą už 6.25 m. linijos – 2 taškai.
- Metimas įskaitomas, jei kamuolį atakos metu palietė bent du komandos žaidėjai ir jis buvo išmestas už 6.25 m. linijos.
- Nauja ataka pradedama iš už 6.25 m. linijos. Vienai komandai pelnius taškus, kamuolys atitenka kitai komandai.
- Pirmojo ginčo atveju kamuolys atitenka gynyboje rungtynes pradėjusiai komandai, kitais ginčų atvejais – paeiliui.
- Keitimų skaičius neribojamas, tai vykdoma sustabdžius žaidimą ar pelnius taškus.
- Kabintis už lanko rungtynių ir apšilimo metu - draudžiama!
- <br><br>
- 3. PRAŽANGOS
- <br><br>
- Už pražangą metimo metu skiriami 1 ar 2 (jei prasižengta už 6.25 metrų ribos) baudos metimai.
- Už nesportinę ar techninę pražangą skiriamas 1 baudos metimas. Po metimo kamuolys atitenka baudą metusiai komandai.
- Komanda baudžiama už technines ar nesportines pražangas du kartus .Už trečią nesportinę ar techninę pražangą – komanda diskvalifikuojama.
- Komandai prasižengus daugiau nei 4 kartus, po kiekvienos pražangos skiriamas baudos metimas.
- Jei teisėjas skiria baudos metimus, o rungtynių laikas baigėsi, - baudų metimai metami jau po rungtynėms skirto laiko.
- 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.
- <br><br>
- 4. REZULTATAI
- <br><br>
- Rungtynių rezultatą fiksuoja bei iškylančius neaiškumus sprendžia teisėjas.
- Pavėlavusiai ar neatvykusiai komandai įskaitomas pralaimėjimas 0:15.
- 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).
- </div>
- <!-- Modal footer -->
- <div class="modal-footer">
- <button type="button" class="btn btn-danger" data-dismiss="modal">Uždaryti</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- <br>
- <div id="table" class="table" style="background-color:#FFD54F">
- <h2 class="text-center">Dalyviu sąrašas</h2>
- <p class="text-center font-weight-light">Registruodami pateikite savo vardą pavardę ir elektroninį paštą.</p>
- <table class="table table-striped text-center" style="background-color:#FFE082">
- <thead>
- <tr>
- <th>Vardas</th>
- <th>Pavardė</th>
- <th>El. paštas</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Tomas</td>
- <td>Kalnauskas</td>
- <td>tomas@example.com</td>
- </tr>
- <tr>
- <td>Jonas</td>
- <td>Pavardenis</td>
- <td>jonas@example.com</td>
- </tr>
- <tr>
- <td>Gvidas</td>
- <td>Sakalauskas</td>
- <td>gvidas@example.com</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div id="image" class="images">
- <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">
- </div>
- <br><br>
- <div id="section3" class = "container-fluid">
- <div class=" text-center">
- <h2 class="text-center">Registruokis ir tu!</h2>
- <form style="margin:0px 350px 0px 350px">
- <div class="form-group">
- <label for="usr">Vardas:</label>
- <input type="text" class="form-control" id="usr">
- </div>
- <div class="form-group">
- <label for="pwd">Pavardė:</label>
- <input type="text" class="form-control" id="pwd">
- </div>
- <div class="form-group">
- <label for="pwd">El. paštas:</label>
- <input type="text" class="form-control" id="pwd">
- </form>
- <br><br>
- <div class="progress">
- <div class="progress-bar progress-bar-striped bg-danger" style="width:0%"></div>
- </div>
- <br><br>
- <button type="button" class="btn btn-success" data-toggle="tooltip" data-placement="top" title="Spauskite, kai įrašysite duomenis">Registruotis</button>
- </div>
- <br>
- <div class="alert alert-success text-center" style="margin:0px 200px 0px 200px">
- <strong>Užsiregistravote!</strong>
- </div>
- <br>
- </div>
- <div id="section4" class = "container-fluid">
- <div class="container text-center">
- <h2>Daugiau informacijos</h2>
- <a href="#demo" class="btn btn-primary" data-toggle="collapse">Pagalba</a>
- <div id="demo" class="collapse">
- <br>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit,
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
- quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- </div>
- <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,
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
- quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.">DUK</a>
- </div>
- <br><br>
- <div id="best" class="container text-center">
- <h2>Geriausios praeitų metų komandos</h2>
- <ul class="list-group">
- <li class="list-group-item">Neptūnas</li>
- <li class="list-group-item">Lietuvos rytas</li>
- <li class="list-group-item">Žalgiris</li>
- </ul>
- </div>
- <br><br>
- <div id="demo" class="carousel slide text-center" data-ride="carousel">
- <div class="carousel-inner">
- <div class="carousel-item active">
- <img src="https://www.japantimes.co.jp/wp-content/uploads/2014/07/w3-kaz-b-20140713.jpg" alt="Los Angeles" width="500" height="250">
- </div>
- <div class="carousel-item">
- <img src="http://www.fiba.basketball/images.fiba.com/Graphic/C/E/6/4/XEY0rrYcIUaR5sJkxiH4rg.jpg?v=20170719093700115" alt="Chicago" width="500" height="250">
- </div>
- <div class="carousel-item">
- <img src="https://www.usab.com/~/media/e5a3c8bc454c4374a75997fa20a21eb1.ashx?h=546&la=en&w=800" alt="New York" width="500" height="250">
- </div>
- </div>
- </div>
- <br>
- <div class="text-center">
- <h2>Sek mus socialiniuose tinkluose!</h2>
- <br>
- <button type="button" class="btn btn-primary" style="background-color:#2196F3">Facebook</button>
- <button type="button" class="btn btn-primary"style="background-color:#2196F3">Twitter</button>
- <div class="dropdown">
- <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" style="background-color:#2196F3">
- Kita
- </button>
- <div class="dropdown-menu">
- <a class="dropdown-item" href="#">E-Parduotuvė</a>
- <a class="dropdown-item" href="#">Mūsų svetainė</a>
- </div>
- </div>
- </div>
- <br><br>
- <div class="container text-center">
- <h2>INTERNETO POLITIKA</h2>
- <ul class="nav flex-column">
- <li class="nav-item">
- <a class="nav-link" href="#">Naudojimo sąlygos</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">Slapukų politika</a>
- </li>
- </ul>
- </div>
- </div>
- <style>
- body{
- background-color:#FFCA28;
- }
- @keyframes permatomas{
- 25% {opacity: 0.5;}
- 75% {opacity: scale 0.8;}
- }
- @keyframes bounce{
- 0% {
- transform: scale(0.1);
- opacity: 0;
- }
- 60% {
- transform: scale(1.2);
- opacity: 1;
- }
- 100% {
- transform: scale(1);
- }
- }
- @keyframes slidein {
- from {
- margin-left: 100%;
- width: 300%;
- }
- to {
- margin-left: 0%;
- width: 100%;
- }
- }
- @keyframes example {
- 0% {background-color: #4DB6AC; border-radius: 15px; transition-property: background, border-radius; transition-timing-function: linear, ease-in;}
- 25% {background-color: white; border-radius: 15px; transition-property: background, border-radius;transition-timing-function: linear, ease-in;}
- 50% {background-color: #4DB6AC; border-radius: 15px;transition-property: background, border-radius;transition-timing-function: linear, ease-in;}
- 100% {background-color: white; border-radius: 15px; transition-property: background, border-radius;transition-timing-function: linear, ease-in;}
- }
- #image:hover{
- animation:permatomas 2s infinite;
- }
- #virsus{
- animation:bounce 0.5s;
- }
- #best:hover {
- animation-duration: 10s;
- animation-name: example;
- border-radius: 50%;
- }
- </style>
- <!-- Optional JavaScript -->
- <!-- jQuery first, then Popper.js, then Bootstrap JS -->
- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
- <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>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
- <script>
- $(document).ready(function(){
- $('[data-toggle="popover"]').popover();
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement