index.html

<!--
  Bingo-Bootstrap v1.0.0 (https://github.com/vittorioPiotti/Bingo-Bootstrap/releases/tag/1.0.0)
  Copyright 2024 Vittorio Piotti
  Licensed under GPL-3.0 (https://github.com/vittorioPiotti/Bingo-Bootstrap/blob/main/LICENSE.md)
-->

<!--
  Bootstrap v4.0.0 (https://getbootstrap.com)
  Copyright 2011-2018 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
  Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
-->

<!doctype html> 
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bingo</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="icon" type="image/x-icon" href="./img/icona.png">
    <link rel="stylesheet" href="./css/main.css"> 
    <meta property="og:title" content="Bingo Offline">
    <meta property="og:description" content="Bingo SinglePlayer in cui giocare le Cartelle del Botteghino o le Cartelle del Tabellone.">
    <meta property="og:url" content="https://vittoriopiotti.altervista.org/Bingo/Offline/index.html">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://github.com/vittorioPiotti/Bingo-Bootstrap/blob/main/socialpreview12.png?raw=true">
    <meta property="og:image:width" content="1280">
    <meta property="og:image:height" content="640">
</head>
    <body onload="inizializzaPartita()" >

      
        <header class="bg-light ">
            <nav class="navbar navbar-dark bg-dark fixed-top "style="height:75px;width:100%;">
                <div class="container">
                <div class="col-4 text-start  ">
                    <a href="#" class="text-decoration-none text-light fs-5 fw-bold"><img src="./img/logo.png" alt="logo" width="55" height="55"href="#" >
                    Bingo</a>
                </div>
                <div class="col-4 text-center iniziaPartita"></div>
                <div class="col-4 text-end numeroEstratto "></div>
                </div>
            </nav>
            
            <div style="height:75px;width:100%;" ></div>
            <div class="container my-3  text-center header" style="max-width:620px;" >
                <h1>Bingo</h1>
                <p class="lead">Dai inizio al divertimento! Gioca a bingo e schierati dalla parte del banco o aggiudicati le cartelle migliori. Grandi vincite aspettano proprio te! </p>
            </div>
            <div class="container " style="max-width:1000px">
                <div class="row">
                    
          
                </div> 
            </div>
            <hr class="border border-dark border-1 opacity-100">
        </header>


        <div class="container mt-3 mb-3 corpo" style="max-width:1000px">
          
        </div>

      
        <footer class="navbar  bg-light border-top">
           
           
                <a href="#" class="d-flex align-items-center justify-content-center link-dark text-decoration-none" style="width:50%;">
                    <img src="./img/fullLogo.png" alt="logo" width="80px" height="55px"> 
                </a>
                <a href="https://github.com/DamnedFR34K/Bingo" id = "linkGitHub" class=" d-flex align-items-center justify-content-center link-dark text-decoration-none " style="float:end;width:50%;">
                    <svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
            
                </a>
          
            
        </footer>


<div class="modal " id="avvisoVincita" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered  avvisoVincita modal-sm">

  </div>
</div>

       
        <script src="./js/bootstrap.min.js"></script>
        
      <script type="text/javascript" src="./js/main.js"></script> 
    </body>
</html>