Untitled

<!DOCTYPE html>
<html lang="it">
<head>
  <title> Bicicletteria </title>
  <link rel="stylesheet" href="style/theme.css"/>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="scripts/popup.js" type="text/javascript"></script>
  <script src="scripts/change_quantity.js" type="text/javascript"></script>
  <script src="scripts/change_image.js" type="text/javascript"></script>
</head>
<body>
<?php
    $servername = "http:\\www.bicicletteria.altervista.org";
    $username = "bicicletteria";
    $password = "rikwedinti32";
    $dbname = "my_bicicletteria";

    // Create connection
    $conn = new mysqli($servername, $username, $password, $dbname);
    // Check connection
    if ($conn->connect_error) {
        die("Connection failed: " . $conn->connect_error);
    }
  ?>

  <div id = "pop_background"></div>

  <div id ="pop_box">
    <span id="close_button">&times;</span>
    <h1>Hai qualche domanda?</h1>
    <p>Vuoi avere maggiori informazioni sui nostri prodotti?<br> Ti bastera' compilare questo form e ti risponderemo il prima possibile </p>
    <form action="action_page.php">
      <label for="name">Nome*: <input type="text" name="name"></label>
      <label for="email">Email*: <input type="text" name="email"></label>
      <label for="text" id ="mex">Messaggio: <textarea  rows="10" cols="21" name="message"></textarea></label> <!--  -->
    <label for="send" > <button id="send">Invia messaggio</button></label>
    </form>
  </div>


  <header id="top">
    <img id="logo" src="http://bicicletteria.altervista.org/image/logo.png" alt="Bicicletteria">
    <nav id="topmenu">
      <ul>
        <li class=home><a href="/index.html">HOME</a></li>
        <li class=catalogo><a href="....">CATALOGO</a></li>
        <li class=chi_siamo><a href="/chi_siamo.html">CHI SIAMO</a></li>
        <li><a href="#" id ="open">CONTATTACI</a></li>
        <li><a href="....">CARRELLO</a></li>
      </ul>
    </nav>
    <section id="ricerca">
      <form name="ricerca" method="post" action="/search">
        <input type="search" class="srcbar" id="s" name="search" placeholder="Cerca sul sito">
        <input type="submit" class="srcbar" id= "buttonsearch" value="Cerca">
      </form>
    </section>
    <section id="login">
      <img src="https://en.opensuse.org/images/0/0b/Icon-user.png" alt="login" width="15px" height="15px">
      <a href="/login.html">LOGIN</a>
    </section>

  </header>

  <div id="container">
    <span id="up">
      <span id="sinistra">
      <?php
        $sql = "SELECT * FROM Bici where ID_bici =" . $_GET['ID_bici'];

        $result = $conn->query($sql);

        if ($result->num_rows > 0) {
         $row = $result->fetch_array();

        echo "<img src='".$row[8]."'>";
        echo "<img src='".$row[9]."'>";
        echo "<img src='".$row[10]."'>";
        echo "<img src='".$row[11]."'>";
        echo "<img src='".$row[12]."'>";
        echo "<img src='".$row[13]."'>";
        }
      ?>
      </span>
      <span id="centro">
      <?php
        echo "<img id='main' src='".$row[8]."'>";

        echo"<p id='desc'>$row[2]</p>";
      ?>

      </span>
      <span id="destra">
      <?php
        echo"<p id='nome_prodotto'>$row[1]</p>";
        echo"<p id='marca'>$row[4]</p>";
        echo"<p id='prezzo'>$row[3]</p>";
      ?>

        <form>
          <select name="dimensione" id="dimensione">
            <option value="24" selected ="selected" title="24''">24''</option>
            <option value="26" title="26''">26''</option>
            <option value="28" title="28''">28''</option>
          </select>
          <div class="choose_quantity">
              <span class="label">Quantita:</span>
                  <button class="less">-</button>
                  <input id="qnt" type="text" value="1">
                  <button class="more">+</button>
          </div>
          <button id="add">Aggiungi al carrello</button>
        </form>
      </span>
    </span>
  </div>

  <footer>
    <dl>
      <dt>Autori:</dt>
      <dd>Simone Letizi</dd>
      <dd>Davide Borficchia</dd>
      <br>
      <dt> Sito web progettato a fini scolastici - Progetto di Tecnologie Web 2015/2016, Università di Bologna sede di Cesena</dt>
    </dl>
  </footer>

  </body>
</html>