Curriculum vitae by @virginia.albanese - Codewith.it

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

Referenze

<div>Crea contenitori generici o sezioni in una pagina
<!doctype>Dichiara la versione del linguaggio di sviluppo della pagina
application-x-www-form-urlencodedCodifica dei caratteri di un form
crossoriginGestisce richieste tra documenti provenienti da origini differenti.
heightDetermina l'altezza di un elemento HTML in pixel
<h5>Titolo di intestazione di quinto livello

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

attività della settimana primo te

Menu Navigazione Aggiuntivo

classifica finita

spotify dashboard

formula1_avanzata.html.

esercizio riepilogativo 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.

<!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;
}