qrz.com by @fabiano - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<table>Tag primario per la creazione di tabelle
disabledImpedisce la modifica di un input
<head>Tag primario di un documento HTML
<th>Definisce una cella di intestazione di una tabella HTML.
<iframe>Crea un frame all'interno di una pagina HTML.
acceptDefinisce e filtra il formato dei file per il tag <input type=file>

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

5/10/24 es. 5 - consonanti

Le mie materie preferite

Documentazione Tecnica

Calcolatrice php

Heads Or Tails Random Tally

Navbar Example 2

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<link rel="stylesheet" href="style.css">
<!--prova commento-->
<div class="bg">
    <div class="content">
        <div class="header">
            <div class="body ">
                <div class="center">
                    <div class="box">
                        <div>

                            <a href="https://cdn-bio.qrz.com/j/iu5npj/PT_Image_29_gen_2026_23_47_00_7_.png"
                                target="_blank">
                                <img src="https://cdn-bio.qrz.com/j/iu5npj/PT_Image_29_gen_2026_23_47_00_7_.png" alt="">

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



        <input id="lang_it" name="lang" type="radio" value="it" checked>
        <label for="lang_it">IT</label>
        <input id="lang_en" name="lang" type="radio" value="en">
        <label for="lang_en">EN</label>


        <!-- ITALIANO -->
        <div class="body ">
            <div class="center">
                <div class="box">
                    <div class="title it">Biografia</div>
                    <div class="title en">Biography</div>

                    <div>
                        <p class="it">

                            Ciao a tutti! Mi chiamo Fabiano Puglisi, classe 1993. Le mie radici sono in Sicilia, a
                            Catania (dove ho operato come IT9EWF), ma la mia passione per la radio non ha mai
                            conosciuto
                            confini.<br><br>

                            Il mio viaggio nel mondo delle telecomunicazioni è iniziato quasi per gioco con un
                            Lafayette Zeus (40ch - 4W). <br><br>

                            Quei primi quattro anni di QSO locali nella banda CB
                            sono stati la mia palestra, accendendo in me un desiderio inarrestabile di capire cosa
                            ci
                            fosse oltre l'orizzonte.<br><br>

                            Nel 2013 ho compiuto il grande passo conseguendo la licenza. <br><br>
                            Ho iniziato a esplorare i 10 metri con una verticale IMAX 2000, ma la vera scintilla è
                            scoccata con l'autocostruzione.<br><br>

                            Non mi bastava più usare le antenne, volevo capirle: così è nata la mia prima 'canna da
                            pesca' con prese calcolate. Da allora, ogni giorno è una nuova sfida tecnica: dalla
                            taratura
                            di un dipolo alla progettazione di sistemi per il traffico satellitare.<br><br>

                            Oggi, dalla Toscana (IU5), continuo a sperimentare con la stessa curiosità del primo
                            giorno,
                            convinto che la bellezza di questo hobby non sia solo nel collegamento, ma nel percorso
                            fatto per ottenerlo."<br><br>
                        </p>
                        <p class="en">

                            Hello everyone! My name is Fabiano Puglisi, born in 1993. My roots are in Sicily, in
                            Catania
                            (where I worked as IT9EWF), but my passion for radio has never known limits.<br><br>

                            My journey into the world of telecommunications began almost as a game with a Lafayette
                            Zeus
                            (40ch - 4W). <br><br>

                            In 2013, I took the big step and obtained my license. <br><br>
                            I started exploring 10 meters with an IMAX 2000 vertical, but the real spark came with
                            building my own. <br><br>

                            Using antennas wasn't enough for me anymore; I wanted to understand them: that's how my
                            first "fishing rod with calculated sockets" was born. Since then, every day has been a
                            new
                            technical challenge: from calibrating a dipole to designing satellite traffic
                            systems.<br><br>

                            Today, from Tuscany (IU5), I continue to experiment with the same curiosity as the first
                            day, convinced that the beauty of this hobby is not only in the connection, but in the
                            path
                            taken to obtain it.<br><br>

                        </p>

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

            <div class="right">
                <div class="timeline">

                    <!--5 blocco-->

                    <div class="event">
                        <div class="period it">attività 2025 IU5NPJ</div>
                        <div class="period en">Attivity 2025 IU5NPJ</div>


                        <div class="event-text it">Questa è la mia attuale stazione radio.

                            <br>
                            <br>Queste sono le mie condizioni di lavoro:
                            <br>
                            <br> Yaesu 847
                            <br> yaesu 857
                            <br> yaesu FTdx10
                            <br> Antenna canna da pesca autocostruita con accordatore da palo (cg 3000) , 40mt ,
                            30mt , 20mt , 17mt , 15mt , 12 mt , 10 mt 1/4

                        </div>
                        
                         <div class="event-content">

                            <a href="https://cdn-bio.qrz.com/j/iu5npj/PT_Image_30_gen_2026_03_40_28_2_.png"
                                target="_blank">
                                <img src="https://cdn-bio.qrz.com/j/iu5npj/PT_Image_30_gen_2026_03_40_28_2_.png" alt="">


                            </a>


                    </div>


                    <!-- 4 blocco -->
                    <div class="event">
                        <div class="period it">dal 2022 IU5NPJ</div>
                        <div class="period en">since 2022 IU5NPJ</div>

                        <div class="event-content">

                            <a href="https://cdn-bio.qrz.com/j/iu5npj/PT_Image_30_gen_2026_03_40_28_2_.png"
                                target="_blank">
                                <img src="https://cdn-bio.qrz.com/j/iu5npj/PT_Image_30_gen_2026_03_40_28_2_.png" alt="">


                            </a>


                            <div class="event-text it">Questa è la mia attuale stazione radio.

                                <br>
                                <br>Queste sono le mie condizioni di lavoro:
                                <br>
                                <br> Yaesu 847
                                <br> yaesu 857
                                <br> yaesu FTdx10
                                <br> Antenna canna da pesca autocostruita con accordatore da palo (cg 3000) , 40mt ,
                                30mt , 20mt , 17mt , 15mt , 12 mt , 10 mt 1/4

                            </div>

                            <div class="gallery">
                                <!-- 1 foto sx  -->
                                <a href="https://cdn-bio.qrz.com/j/iu5npj/IMG20230927141329.jpg" target="_blank">
                                    <img src="https://cdn-bio.qrz.com/j/iu5npj/IMG20230927141329.jpg" alt="">

                                    <div class="img-layer it">Stazione radio IU5NPJ <BR> RADIO : yaesu 857 , yaesu
                                        847
                                        </BR></div>

                                    <div class="img-layer en">Station radio IU5NPJ <BR> RADIO : yaesu 857 , yaesu
                                        847
                                        </BR></div>


                                    <!-- 2 foto dx  -->
                                </a>
                                <a href="https://cdn-bio.qrz.com/j/iu5npj/20150523_123152.jpg" target="_blank">
                                    <img src="https://cdn-bio.qrz.com/j/iu5npj/20150523_123152.jpg" alt="">

                                    <div class="img-layer">Parco antenne IU5NPJ</div>
                                </a>

                                <!-- 3 foto sx  -->

                                <a href="https://cdn-bio.qrz.com/j/iu5npj/IMG_20230725_WA0008_jpeg.jpg" target="_blank">
                                    <img src="https://cdn-bio.qrz.com/j/iu5npj/IMG_20230725_WA0008_jpeg.jpg" alt="">

                                    <div class="img-layer">ANTENNA AUTOCOSTRUITA TURNISTILE vhf uhf PER SATELLITI
                                        RADIOMATORIALI
                                    </div>
                                </a>

                                <!-- 4 foto dx

                                <a href="https://cdn-bio.qrz.com/j/iu5npj/680d03679600f7af0b4c700c6b270fe7.jpg"
                                    target="_blank">
                                    <img src="https://cdn-bio.qrz.com/j/iu5npj/680d03679600f7af0b4c700c6b270fe7.jpg"
                                        alt="">

                                    <div class="img-layer">PROGETTO ANTENNA TURNISTILE 144
                                    </div>
                                </a>
                            -->

                                <!-- 5 foto dx -->

                                <a href="https://www.qrz.com/hampages/iu5npj/thumbs/turnistile.jpg?cb=1736431521"
                                    target="_blank">
                                    <img src="https://www.qrz.com/hampages/iu5npj/thumbs/turnistile.jpg?cb=1736431521"
                                        alt="">

                                    <div class="img-layer">PROGETTO ANTENNA TURNISTILE 430
                                    </div>
                                </a>



                                <div class="clearfix"></div>



                            </div>

                            <!-- HRDLOG.net script start -->
                            <div class="logbook">
                                <iframe
                                    src="https://www.hrdlog.net/hrdlogframe.aspx?user=IU5NPJ&lastqso=10&qsomap=800&options=search;"
                                    width="800" height="1000" scrolling="auto"></iframe>
                                <!-- HRDLOG.net script stop -->
                            </div>




                            <div class="logbook"><iframe align="top" frameborder="2" height="500" scrolling="yes"
                                    src="https://logbook.qrz.com/lbstat/IU5NPJ/" width="1650"></iframe></div>
                        </div>

                    </div>



                    <!-- 3 blocco -->
                    <div class="event">
                        <div class="period it">dal 2021 al 2022 IT9EWF/I5</div>

                        <div class="event-content">

                            <div class="event-text it">Questa è il mio vecchio qth da dove trasmettevo con il
                                vecchio nominativo IT9EWF/I5
                                <br>
                                <br>Queste sono le mie condizioni di lavoro:
                                <br>
                                <br>Yaesu 857, Accordatore ldg yt-100
                                <br>Antenna veicolare proxon x1 HF/VHF 10 Bande
                                <br>Antenna x 50 vhf / uhf

                            </div>

                            <div class="gallery">
                                <a href="https://cdn-bio.qrz.com/j/iu5npj/20150523_123209.jpg" target="_blank">
                                    <img src="https://cdn-bio.qrz.com/j/iu5npj/20150523_123209.jpg" alt="">

                                    <div class="img-layer">STAZIONE RADIO IT9EWF/I5
                                        <BR> Radio: Yaesu 857,Accordatore ldg yt-100

                                    </div>



                                </a>
                                <a href="https://cdn-bio.qrz.com/j/iu5npj/20150523_123152.jpg" target="_blank">
                                    <img src="https://cdn-bio.qrz.com/j/iu5npj/20150523_123152.jpg" alt="">

                                    <div class="img-layer">PARCO ANTENNE:<br> SX PROXON X1 10 BANDE <BR>DX X50 VHF /
                                        UHF </BR></div>
                                </a>
                                <div class="clearfix"></div>
                            </div>

                            <div class="logbook"><iframe align="top" frameborder="0" height="350" scrolling="yes"
                                    src="https://logbook.qrz.com/lbstat/IT9EWF_I5/" width="1650"></iframe></div>
                        </div>

                    </div>



                    <!-- 2 blocco -->
                    <div class="event">
                        <div class="period it">dal 2018 al 2020</div>

                        <div class="event-content">



                            <div class="event-text it">In questo periodo ho abbandonato l'attività
                                radiomatoriale,per
                                vari motivi.


                            </div>



                            <!-- <div class="gallery"> 
                                <a href="https://i.ebayimg.com/images/g/jLcAAOSw1ellNAFw/s-l1600.jpg" target="_blank">
                                    <img src="https://i.ebayimg.com/images/g/jLcAAOSw1ellNAFw/s-l1600.jpg" alt="">

                                    <div class="img-layer">Prova</div>
                                </a>
                                <a href="https://i.ebayimg.com/images/g/jLcAAOSw1ellNAFw/s-l1600.jpg" target="_blank">
                                    <img src="https://i.ebayimg.com/images/g/jLcAAOSw1ellNAFw/s-l1600.jpg" alt="">

                                    <div class="img-layer">Prova</div>

                                </a>
                                <div class="clearfix"></div>
                            </div>

                            <div class="logbook"><iframe align="top" frameborder="0" height="350" scrolling="yes"
                                    src="https://logbook.qrz.com/lbstat/IT9EWF_I5/" width="1650"></iframe></div>
                            -->


                        </div>

                    </div>



                    <!-- 1 blocco -->
                    <div class="event">
                        <div class="period it">dal 2013 al 2018 IT9EWF</div>

                        <div class="event-content">

                            <div class="event-text it">Questo è l'inizio della mia avventura radiomatoriale, con
                                nominativo IT9EWF.
                                <br>

                                <br>Queste erano le mie condizioni di lavoro:
                                <br> Antenna diamod x200 vhf e uhf
                                <br> Imax 2000 per la banda cb adatta per i 10 metri

                            </div>

                            <div class="gallery">
                                <a href="https://cdn-bio.qrz.com/j/iu5npj/2013_05_12_23_52_35_1.jpg?cb=1703605808"
                                    target="_blank">
                                    <img src="https://cdn-bio.qrz.com/j/iu5npj/2013_05_12_23_52_35_1.jpg?cb=1703605808"
                                        alt="">

                                    <div class="img-layer">Stazione radio IT9EWF

                                        <br>Radio: Ranger 2950, Yaesu 857

                                    </div>

                                </a>
                                <a href="https://cdn-bio.qrz.com/j/iu5npj/20131022_121152.jpg?cb=1703548116"
                                    target="_blank">
                                    <img src="https://cdn-bio.qrz.com/j/iu5npj/20131022_121152.jpg?cb=1703548116"
                                        alt="">

                                    <div class="img-layer">Parco antenne IT9EWF

                                        <br>Sx diamod x 200
                                        <br>Dx imax 2000

                                    </div>
                                </a>
                                <div class="clearfix"></div>
                            </div>

                            <!-- <div class="logbook"><iframe align="top" frameborder="0" height="350" scrolling="yes" -->
                            <!-- src="https://logbook.qrz.com/lbstat/IT9EWF_I5/" width="1650"></iframe></div> -->

                        </div>

                    </div>

                </div>

            </div>

        </div>


        <!-- INGLESE -->
        <div class="body en">
            <div class="center">
                <div class="box">

                    <div>



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

            <div class="right">
                <div class="timeline">

                    <!-- 1 blocco -->
                    <div class="event">
                        <div class="period en">from 2013 to 2015</div>

                        <div class="event-content">
                            <div class="event-text en">I started the never active amateur radio in 2013 until 2015
                                with
                                the call of IT9EWF.This was my ham station</div>
                            <div class="gallery">
                                <a href="https://i.ebayimg.com/images/g/jLcAAOSw1ellNAFw/s-l1600.jpg" target="_blank">
                                    <img src="https://i.ebayimg.com/images/g/jLcAAOSw1ellNAFw/s-l1600.jpg" alt="">
                                </a>
                                <a href="https://i.ebayimg.com/images/g/jLcAAOSw1ellNAFw/s-l1600.jpg" target="_blank">
                                    <img src="https://i.ebayimg.com/images/g/jLcAAOSw1ellNAFw/s-l1600.jpg" alt="">
                                </a>
                                <div class="clearfix"></div>
                            </div>

                            <div class="logbook"><iframe align="top" frameborder="0" height="350" scrolling="yes"
                                    src="https://logbook.qrz.com/lbstat/IT9EWF_I5/" width="1650"></iframe></div>
                        </div>

                    </div>


                    <!-- 2 blocco -->
                    <div class="event">
                        <div class="period en">from 2001 to 2005</div>

                        <div class="event-content">

                            <div class="event-text en">
                                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eligendi, beatae hic,
                                    rerum
                                    et excepturi vitae autem quis porro blanditiis ratione maxime aut unde doloribus
                                    voluptas nostrum eum voluptatibus quod animi.</p>

                                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Asperiores voluptas
                                    ipsum
                                    ut aperiam fuga in repellat cumque nesciunt iste quas ea mollitia tempore,
                                    beatae
                                    rerum autem, ullam, amet nihil odit!</p>
                            </div>


                            <div class="gallery">
                                <a href="https://i.ebayimg.com/images/g/jLcAAOSw1ellNAFw/s-l1600.jpg" target="_blank">
                                    <img src="https://i.ebayimg.com/images/g/jLcAAOSw1ellNAFw/s-l1600.jpg" alt="">
                                    <div class="img-layer"></div>
                                </a>
                                <a href="https://i.ebayimg.com/images/g/jLcAAOSw1ellNAFw/s-l1600.jpg" target="_blank">
                                    <img src="https://i.ebayimg.com/images/g/jLcAAOSw1ellNAFw/s-l1600.jpg" alt="">

                                    <div class="img-layer">Descr del contenuto 2</div>

                                </a>
                                <div class="clearfix"></div>
                            </div>


                        </div>
                    </div>


                </div>

            </div>
        </div>



    </div>










</div>
</div>

:root {
    --bgColor: #195185;
}

.bg {
    background-image: url(https://www.qrz.com/hampages/iu5npj/thumbs/bg_tlm_repeat.jpg?cb=1736430749);
    background-image: url(https://www.qrz.com/hampages/iu5npj/thumbs/bg_tlm_repeat.jpg?cb=1736430749);

    background-size: contain;
    min-height: 1000px;
    color: #fff;
    font-family: 'Courier New', Courier, monospace;
}

* {
    box-sizing: border-box;
}

.clearfix {
    clear: both;
}

.body {
    padding: 15px 30px 30px;
}

.center {
    padding: 15px;
    width: 100%;
}

.right {
    width: 100%;
    padding: 15px;
}

.box {
    background-color: rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 30px 0px var(--bgColor), inset 0 0 5px 2px #000000ad;
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 15px;
}

.title {
    font-weight: bold;
    text-transform: uppercase;
    border-left: 20px solid var(--bgColor);
    padding-left: 15px;
    font-size: 120%;
}

ul {
    list-style: none;
}

ul li {
    border-left: 3px solid red;
    padding-left: 3px;
}

.header img {
    width: 1300px;
    height: 500px;
    border-radius: 20px;
    display: block;
}

.timeline {
    position: relative;
    padding-left: 60px;

}

.timeline:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 28px;
    height: 100%;
    width: 4px;
    background-color: var(--bgColor);
}

.event {
    border: 4px solid var(--bgColor);
    margin-bottom: 30px;
    position: relative;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.25);
}

.event:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-color: var(--bgColor);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -34px;
    transform: translate(-50%, -50%);
}

.event:after {
    content: '';
    display: block;
    width: 30px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: -31px;
    transform: translate(3%, -50%);
    background-color: var(--bgColor);

}

.event-content {
    padding: 15px;

}

.event-text {
    font-style: italic;
}

.period {
    background-color: var(--bgColor);
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.gallery {
    margin-top: 15px;
    margin-left: -5px;
    margin-right: -5px;
}

.gallery a {
    display: inline-block;
    max-width: 50%;
    width: 100%;
    float: left;
    padding: 5px;
    position: relative;
    overflow: hidden;
}

.gallery a:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.gallery img {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 4px;
    /* background-color: #fff; */
    object-fit: cover;
}

.img-layer {
    position: absolute;
    bottom: 0;
    left: 5px;
    z-index: 1;
    width: 100%;
    background-color: #00000096;
    color: #fff;
    padding: 15px 30px 15px 15px;
    text-transform: uppercase;
    font-weight: bold;
    border-left: 5px solid #ffdf00;
}

.logbook {
    margin-top: 15px;
    overflow: hidden;
    background-color: #fff;
}


.logbook iframe {
    width: 100%;
}

.en,
.it {
    display: none;
}

input[name="lang"][value="en"]:checked~.en,
input[name="lang"][value="en"]:checked~* .en {
    display: block;
}

input[name="lang"][value="it"]:checked~.it,
input[name="lang"][value="it"]:checked~* .it {
    display: block;
}

input[name="lang"] {
    display: none;
}

input[name="lang"]+label {
    display: inline-block;
    padding-left: 40px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: 5px center;
    margin-top: 30px;
}

input[name="lang"]:checked+label {
    background-color: #fff;
    color: black;
    font-weight: bold;
    box-shadow: 0px 5px 30px 0px var(--bgColor), inset 0 0 5px 2px #000000ad;
    border-radius: 15px;
}

input[name="lang"][value="en"]+label {
    background-image: url(https://cdn-icons-png.flaticon.com/128/4628/4628638.png);
}

input[name="lang"][value="it"]+label {
    background-image: url(https://cdn-icons-png.flaticon.com/128/197/197626.png);
    margin-left: 45px;
}