Curriculum vitae by @virginia.albanese - Codewith.it

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

References

<i>Formatta il testo in corsivo/italico non enfatizzato
minlengthDetermina il numero minimo di caratteri per un elemento input
checkedPre-imposta su 'true' il valore di un elemento input checkbox o radio
targetDetermina il comportamento di un collegamento ipertestuale alla sua apertura
<!doctype>Dichiara la versione del linguaggio di sviluppo della pagina
requiredRende obbligatorio un campo di input

Users

Log in to search for users

Explore

Find inspiration

Esercitazione 2

informatica 13/10

GoUp Fitness Opz 2

DDFDesign 25+CV & Contatti Profess

Esercizi 01/03/2024 es2

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html lang="it">
<!-- html è il tag di apertura iniziale. LANG serve per indicare la lingua, in questo caso italiano. -->

<head> <!-- head è il tag che contiene informazioni che non verranno visualizzate nella pagina -->
  <meta charset="UTF-8">
  <!-- A CHE COSA SERVE?-->
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Londrina+Sketch&display=swap" rel="stylesheet">

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Akaya+Kanadaka&family=Honk&display=swap" rel="stylesheet">

  <link rel="stylesheet" href="CV_style.css">
</head>

<body>
  <header class="sfondotesto">
    <p class="sottotitolo_h4" style="color: rgb(116, 58, 58);"> Curriculum Vitae </p>
    <h1 id="titolo"> Virginia Albanese </h1>
    <div class="testo"> 
      <div class="contenitore">
        <img class="immagine" src="https://i.imgur.com/YGl2ZmP.jpeg" alt="Questa sono io!">
        <p> Mi chiamo Virginia Albanese e frequento il Liceo Tito Lucrezio Caro a Cittadella (PD). <br> Sono nata il 22 maggio 2007 a Cittadella. <br> Sono residente in Via ****** 32/a, S.Martino di Lupari (PD). <br> Mi piace cucinare, disegnare, suonare, leggere. <br> Ho esperienza nell'animazione di bambini di tutte le fasce d'età (dagli 0 ai 12 anni). </p>
        
      </div>
    </div>
  </header>

  <main class="sfondotesto">
    
    <!-- FORMAZIONE -->
    <h2 class="sottotitolo_h2"> formazione </h2>
    <div class="testo">
      <span class= "sottotitolo_h3"> Liceo Statale Tito Lucrezio Caro </span> | Cittadella, Settembre 2021 - oggi 
      
      <h4 class="sottotitolo_h4"> <br>Corsi di formazione sulla Sicurezza per "Studenti equiparati ai Lavoratori" </h4>
      <ul>
        <li> "Formazione per lavoratori - Formazione Generale" | 4 ore</li>
        <li> "Formazione specifica rischio basso" | 4 ore</li>
        <li> "L'incendio e i mezzi estinguenti" | 2 ore</li>
        <li> "Videoterminali: salute, sicurezza, ergonomia" | 4 ore</li>
      </ul>

      <h4 class="sottotitolo_h4"> <br>Attività extracurricolari e volontariato </h4>
      <ul>
        <li> Animatrice, <a href="https://www.diocesitv.it/famiglia/wp-content/uploads/sites/31/2024/01/Sposi-in-Cammino-Auronzo-2024.pdf" target="_blank"> "Sposi in Cammino" </a> - Ufficio Pastorale Familiare di Treviso | Auronzo di Cadore, 17-24 Agosto 2024 <br> 
        </li>
        <li> Workshop: Palladio Designer | Vicenza, 17 Aprile 2024</li>
        <li> Animatrice, "Sposi in Cammino" | A. di Cadore, 20-26 Agosto 2023</li>
        <li> Progetto <a href=" https://cistoaffarefatica.it/" target="_blank"> "Ci sto? Affare Fatica!" </a> | S. Martino di Lupari, Luglio 2023</li>
        <li> Aiuto-Animatrice nei Centri Estivi | S.M.L., Giugno-Luglio 2023</li>
        <li> Finale Nazionale GMM 2023 | Palermo, 14 Maggio 2023</li>
        <li> Corso AutoCAD | Liceo T.L. Caro, Ottobre-Dicembre 2022</li> 
        <li> Animatrice, "Sposi in Cammino" | A. di Cadore, Agosto 2022 </li>
        <li> Finale Nazionale Giochi della Bocconi | Milano, 14 maggio 2022 </li>
        <li> Finale Nazionale Olimpiadi di Italiano | Roma, 3 maggio 2022 </li>

      </ul>
      <br>

      <span class= "sottotitolo_h3"> Diploma conclusivo del Primo Ciclo di Istruzione Scuola Secondaria di I grado "Cardinale Agostini" </span> | Cittadella, Settembre 2021 - oggi 
      
      <h4 class="sottotitolo_h4"> <br>Attività extracurricolari </h4>
      <ul>
        <li> Progetto "Ci sto? Affare fatica" | S. Martino di Lupari, Luglio 2021</li>
        <li> Aiuto-Animatrice, "Sposi in Cammino" - Ufficio Pastorale Familiare di Treviso | Piani di Luzza, Agosto 2021</li>

      </ul>


    </div>


    <!-- ESPERIENZA LAVORATIVA -->
    <h2 class="sottotitolo_h2"> esperienza lavorativa </h2>
    <div class="testo">
      <span class= "sottotitolo_h3"> Stage PCTO, Biblioteca "Villa Rina" </span> | Comune di Cittadella, Giugno 2024 | 40 ore
      <ul>
    <li>Gestione del flusso dei prestiti (anche interbibliotecari) e verifica dello stato dei libri al momento della consegna all'utente e al rientro.</li>
    <li>Catalogazione dei libri e dei beni della biblioteca con l'utilizzo del software aziendale.</li>
    <li>Accoglienza e orientamento dell'utenza all'interno della biblioteca nella ricerca di libri e di altre risorse disponibili.</li>
    <li>Collaborazione all'organizzazione di eventi promozionali, laboratori didattici e manifestazioni culturali aperte al pubblico.</li>
    <li>Partecipazione all'allestimento di vetrine e spazi interni, riorganizzazione e spostamento di beni e materiali nelle aree di appartenenza e creazione di angoli tematici.</li>
</ul>

    </div>

    <!-- ABILITA' -->
    <h2 class="sottotitolo_h2"> capacità e competenze </h2>
    <div class ="testo">
      <h3 class="sottotitolo_h3"> Hard skills </h3>
        <ul>
          <li> Conoscenza del pacchetto Office</li>
          <li> Conoscenza base di HTML</li>
          <li> Conoscenza intermedia del linguaggio di programmazione C++</li>
          <li> Conoscenza di AUTOCAD e Sketchup</li>
          <li> Competenze Linguistiche </li>
        </ul>
      <h3 class="sottotitolo_h3"> Soft skills </h3>
        <ul>
          <li> Conoscenza del pacchetto Office</li>
          <li> Doti comunicative e relazionali </li>
          <li> Predisposizione all'apprendimento </li>
          <li> Flessibilità </li>
          <li> Problem solving </li>
        </ul>
    </div>
    

    <!-- CONTATTI -->
    <h2 class="sottotitolo_h2"> contatti </h2>
      <div class="testo">
                
        <div>
        <button title="Clicca qui per copiare" type="button" id="copiaButton_1"> E-mail personale </button>
        <p style="display: inline-block" id="testodacopiare_1"> virginia.albanese.052007@gmail.com </p> 
        </div>
   
        <div>
        <button title="Clicca qui per copiare" type="button" id="copiaButton_2" > E-mail istituzionale </button>
        <p style="display: inline-block" id="testodacopiare_2"> virginiaalbanese@liceolucreziocaro.edu.it </p> 
        </div>

        <div>
        <button title="Clicca qui per copiare" type="button" id="copiaButton_3" > Cellulare</button>
        <p style="display: inline-block" id="testodacopiare_3"> 666 000 0606 </p> 
        </div>

        <div>
        <button title="Clicca qui per copiare" type="button" id="copiaButton_4" > Instagram</button>
        <p style="display: inline-block" id="testodacopiare_4"> il.mio_instagram </p> 
        </div>
        
        
      </div>


  </main>

  <footer class="testo">
    <p> Autorizzo il trattamento dei dati personali contenuti nel mio CV ex art. 13 del decreto legislativo 196/2003 e art 13 del regolamento UE 2016/679 sulla protezione dei singoli cittadini in merito al trattamento dei dati personali. <p>
  </footer>

  <div> 
    <script> //per il bottone 1
        document.getElementById('copiaButton_1').addEventListener('click', function() {
            // Seleziona il testo
            const testo = document.getElementById('testodacopiare_1').innerText;

            // Crea un elemento di input temporaneo per copiare il testo
            const inputTemp = document.createElement('input');
            inputTemp.value = testo;
            document.body.appendChild(inputTemp);

            // Seleziona il testo nell'input
            inputTemp.select();
            inputTemp.setSelectionRange(0, 99999); // Per dispositivi mobili

            // Copia il testo negli appunti
            document.execCommand('copy');

            // Rimuovi l'input temporaneo
            document.body.removeChild(inputTemp);

            // Avviso per confermare che il testo è stato copiato
            alert('Testo copiato: ' + testo);
        });
    </script>

    <script> //per il bottone 2
        document.getElementById('copiaButton_2').addEventListener('click', function() {
            // Seleziona il testo
            const testo = document.getElementById('testodacopiare_2').innerText;

            // Crea un elemento di input temporaneo per copiare il testo
            const inputTemp = document.createElement('input');
            inputTemp.value = testo;
            document.body.appendChild(inputTemp);

            // Seleziona il testo nell'input
            inputTemp.select();
            inputTemp.setSelectionRange(0, 99999); // Per dispositivi mobili

            // Copia il testo negli appunti
            document.execCommand('copy');

            // Rimuovi l'input temporaneo
            document.body.removeChild(inputTemp);

            // Avviso per confermare che il testo è stato copiato
            alert('Testo copiato: ' + testo);
        });
    </script>

    <script> //per il bottone 3
        document.getElementById('copiaButton_3').addEventListener('click', function() {
            // Seleziona il testo
            const testo = document.getElementById('testodacopiare_3').innerText;

            // Crea un elemento di input temporaneo per copiare il testo
            const inputTemp = document.createElement('input');
            inputTemp.value = testo;
            document.body.appendChild(inputTemp);

            // Seleziona il testo nell'input
            inputTemp.select();
            inputTemp.setSelectionRange(0, 99999); // Per dispositivi mobili

            // Copia il testo negli appunti
            document.execCommand('copy');

            // Rimuovi l'input temporaneo
            document.body.removeChild(inputTemp);

            // Avviso per confermare che il testo è stato copiato
            alert('Testo copiato: ' + testo);
        });
    </script>

    <script> //per il bottone 4
        document.getElementById('copiaButton_4').addEventListener('click', function() {
            // Seleziona il testo
            const testo = document.getElementById('testodacopiare_4').innerText;

            // Crea un elemento di input temporaneo per copiare il testo
            const inputTemp = document.createElement('input');
            inputTemp.value = testo;
            document.body.appendChild(inputTemp);

            // Seleziona il testo nell'input
            inputTemp.select();
            inputTemp.setSelectionRange(0, 99999); // Per dispositivi mobili

            // Copia il testo negli appunti
            document.execCommand('copy');

            // Rimuovi l'input temporaneo
            document.body.removeChild(inputTemp);

            // Avviso per confermare che il testo è stato copiato
            alert('Testo copiato: ' + testo);
        });
    </script>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"> //per Bootstrap
    </script>
  </div>
</body>

</html>

/* intero documento */
body { 
  background-image: url(https://artslife.com/wp-content/uploads/2017/02/Immagine1.png);
  background-size: cover;
  /* Questo fa sì che l'immagine copra l'intero schermo */
  background-repeat: no-repeat;
  /* Evita che l'immagine si ripeta */
  background-position: center;
  /* Centra l'immagine */
}

header{
  text-align: center;
}

#titolo{
  font-family: "Londrina Sketch", sans-serif;
  font-weight:900;
  color: #2d6b8c;
  font-size: 60;
  font-style: normal;
}
 .contenitore {
            display: grid;
            grid-template-columns: auto 1fr; /* Due colonne: una per l'immagine e una per il testo */
            gap: 20px; /* Spazio tra l'immagine e il testo */
            align-items:center ; /* Allinea verticalmente al centro */
            text-align: left;
        }
.immagine {
            width: 150px; /* Dimensione fissa per l'immagine */
            height: auto; /* Mantiene le proporzioni */
}

.sottotitolo_h2{
  margin: 0px;
  font-family: "Akaya Kanadaka", system-ui;
  font-weight: 550;
  font-style: normal;
  font-size: 35;
  color: rgb(45, 107, 140)
}

.sottotitolo_h3 {
  font-size: 18px;
  font-weight:600;
  font-family: Georgia, 'Times New Roman', Times, serif;
}

.sottotitolo_h4{
  font-size: 15px;
  font-style: italic;
}

.testo {
  color: rgb(116, 58, 58);
  font-size: 14px;
}

.sfondotesto {
  background-color: rgba(156, 203, 239, 0.5);
  padding: 20px;
  margin: 60px;
  border-radius: 15px;

}

button {
  background-color: #dbd0bfbd;
  border-color: rgb(116, 46, 46) ;
  color: #2d6b8c;
  padding: 3px 10px;
  text-align: center;
  text-decoration: wavy;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 15px;
}

footer{
  font-style: italic;
  text-align: center;
  background-color: #dbd0bfbe;
}