index.html

<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta property="og:image" content="https://antonio-oliva.github.io/myHTMLcv/foto_e_loghi/background2.png" />

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <!-- Google fonts CSS -->
    <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=Kanit&display=swap" rel="stylesheet">

    <!-- Custom CSS -->
    <style>
        #loadingSpinner {
            position: fixed;
            opacity: 0.8;
            background-color: whitesmoke;
            width: 100vw;
            height: 100vh;
            z-index: 1000;
        }
        .contactImages:hover{
            transform: scale(1.5); 
        }
    </style>

    <title>Antonio Oliva's CV</title>
    <link rel="icon" type="image/x-icon" href="./foto_e_loghi/favicon.png">

</head>

<body>
    <!-- Loading Spinner -->
    <div id="loadingSpinner">
        <div class="d-flex justify-content-center text-center"
            style="position: fixed; top: calc(50% - 3rem); left: calc(50% - 3rem);">
            <div class="spinner-border text-primary" style="width: 6rem; height: 6rem;">
            </div>
        </div>
    </div>

    <!-- Header-->
    <div class="container border border-warning border-1"
        style="background-image: url(./foto_e_loghi/background2.png);">
        <div class="row">
            <div class="col col-3 align-self-center" style="padding: 1.5%; min-width: 150px;">
                <img src="./foto_e_loghi/Foto_per_CV_rev_2.png"
                    class="img-fluid img-thumbnail rounded-circle border-warning border-5" alt="Picture">
            </div>
            <div class="col align-self-center">
                <div class="row">
                    <h1 class="text-light" style="font-family: 'Kanit', sans-serif;">Antonio Oliva</h1>
                    <h5 class="text-light" style="font-family: 'Kanit', sans-serif;">Mechanical Engineer</h5>
                    <div class="d-inline-flex align-self-center pt-1 pb-1" style="background-color: whitesmoke;">
                        <a href="tel:+393271883406" style="text-decoration:none; padding-inline: 1%;">
                            <img src="./foto_e_loghi/phone_logo.png" alt="Call Me!"
                                class="contactImages rounded-circle border border-dark border-1" height="25">
                        </a>
                        <a href="https://wa.me/+393271883406" style="text-decoration:none; padding-inline: 1%;">
                            <img src="./foto_e_loghi/whatsapp_icon.svg" alt="Whatsapp Me!"
                                class="contactImages rounded-circle border border-dark border-1" height="25">
                        </a>
                        <a href="mailto:antonio_oliva@outlook.it" style="text-decoration:none; padding-inline: 1%;">
                            <img src="./foto_e_loghi/mail_icon.png" alt="E-mail Me!"
                                class="contactImages rounded-circle border border-dark border-1" height="25">
                        </a>
                        <a href="https://www.linkedin.com/in/antonio-oliva/?locale=en_US" target="_blank"
                            style="text-decoration:none; padding-inline: 1%;">
                            <img src="./foto_e_loghi/linkedin_circle.png" alt="My LinkedIn!"
                                class="contactImages rounded-circle border border-dark border-1" height="25">
                        </a>
                        <a href="https://github.com/antonio-oliva" target="_blank"
                            style="text-decoration:none; padding-inline: 1%;">
                            <img src="./foto_e_loghi/logo_GitHub.png" alt="My GitHub!"
                                class="contactImages rounded-circle border border-dark border-1" height="25">
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- Header: About -->
        <div class="accordion" id="accordionPanelsStayOpenAbout" style="width: fit-content;">
            <div class="accordion-item">
                <h2 class="accordion-header" id="panelsStayOpen-headingAbout">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                        data-bs-target="#panelsStayOpen-collapseAbout" aria-expanded="false"
                        aria-controls="panelsStayOpen-collapseAbout">
                        <img width="32" alt="Target Icon" src="./foto_e_loghi/profile_icon.png">
                        <strong style="margin-inline: 5%;">About</strong>
                    </button>
                </h2>
                <div id="panelsStayOpen-collapseAbout" class="accordion-collapse collapse"
                    aria-labelledby="panelsStayOpen-headingAbout">
                    <div class="accordion-body">
                        <b>Date of birth: </b>20 July 1993<br>
                        <b>Place of birth: </b>
                        <nobr>Sarno (SA) - Italy</nobr><br>
                        <b>E-mail: </b><a href="mailto:antonio_oliva@outlook.it">antonio_oliva@outlook.it</a><br>
                        <b>Mobile: </b><a href="tel:+393271883406">
                            <nobr>+39 3271883406</nobr>
                        </a><br>
                        <b>GitHub: </b><a href="https://github.com/antonio-oliva">github.com/antonio-oliva</a><br>
                        <b>LinkedIn: </b><a
                            href=https://www.linkedin.com/in/antonio-oliva/?locale=en_US">linkedIn.com/in/antonio-oliva</a><br>
                        <b>City: </b>
                        <nobr>San Marzano sul Sarno (SA) - Italy</nobr><br>
                        <b>Driving licence: </b>A | B
                    </div>
                </div>
            </div>
        </div>
        <div class="d-flex mt-1 mb-1 justify-content-end">
            <a href="https://antonio-oliva.github.io/myHTMLcv/foto_e_loghi/CV_ENG_2022_08_08.pdf"
                target="_blank" download class="btn btn-danger" role="button">
                <img src="./foto_e_loghi/pdf_download_icon.png" alt="Download PDF!" height="32"><strong>
                    <nobr>Download Résumé</nobr>
                </strong></a>
        </div>
    </div>

    <!-- Body -->
    <div class="container border border-warning border-1" style="background-color: white;">
        <!-- Core Competencies & Soft Skills -->
        <div class="row" style="padding-top: 2%; padding-bottom: 2%; margin-inline: 0.25%; background-color: white;">
            <div class="col align-self-center" style="text-align: center;">
                <div>
                    <strong><u>CORE COMPETENCIES</u></strong>
                </div>
                <img src="./foto_e_loghi/competencies2.PNG" class="img-fluid mx-auto d-block" alt="Core Competencies"
                    style="max-height: 250px;">
            </div>
            <div class="col align-self-center" style="text-align: center;">
                <div style="margin-inline: 21.5%;">
                    <strong><u>SOFT SKILLS</u></strong>
                </div>
                <img src="./foto_e_loghi/soft_skills2.png" class="img-fluid mx-auto d-block" alt="Soft Skills"
                    style="max-height: 250px; margin-top: 2.5%;">
            </div>
        </div>

        <!-- Sections -->
        <div class="accordion" id="accordionPanelsStayOpenExample">
            <!-- Section: Career Goal -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="panelsStayOpen-headingOne">
                    <button class="accordion-button" type="button" data-bs-toggle="collapse"
                        data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true"
                        aria-controls="panelsStayOpen-collapseOne">
                        <img width="32" alt="Target Icon" src="./foto_e_loghi/target_icon.png">
                        <strong style="margin-left: 1%;">CAREER GOAL</strong>
                    </button>
                </h2>
                <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show"
                    aria-labelledby="panelsStayOpen-headingOne">
                    <div class="accordion-body">
                        <p class="fst-italic" style="text-align: justify; text-justify: auto;">
                            Using my knowledge and my skills to improve people's lives is my main source of motivation.
                            Therefore, I really appreciate being part of innovative projects, oriented towards future
                            and digital transformation.
                        </p>
                    </div>
                </div>
            </div>
            <!-- Section: Professional Experience -->
            <div class=" accordion-item">
                <h2 class="accordion-header" id="panelsStayOpen-headingTwo">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                        data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="false"
                        aria-controls="panelsStayOpen-collapseTwo">
                        <img width="32" alt="Experience Icon" src="./foto_e_loghi/experience_icon.jpg">
                        <strong style="margin-left: 1%;">PROFESSIONAL EXPERIENCE</strong>
                    </button>
                </h2>
                <div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse"
                    aria-labelledby="panelsStayOpen-headingTwo">
                    <div class="accordion-body">
                            <div class="row mb-3 pb-3 border-bottom border-3">
                            <div class="col">
                                <div class="row" style="text-align: center;"><strong>ERICSSON</strong></div>
                                <div class="row" style="text-align: center;"><strong>
                                        <nobr>10/2022 - today</nobr>
                                    </strong></div>
                                <div class="row" style="text-align: center;">
                                    <nobr>PAGANI (SA) - Italy</nobr>
                                </div>
                                <div class="row mx-auto px-4 pt-1"><img style="max-width: 120px; margin: auto;"
                                        src="./foto_e_loghi/ericsson_logo.png" class="img-fluid"
                                        alt="Ericsson Logo"></div>
                            </div>
                            <div class="col col-9">
                                <strong>Cloud Software Developer</strong>
                                <p> I participate in the <u>development and maintenance of cloud native applications</u> for licensing purposes. </p>
                                <p>
                                    I partecipate in all of the phases of the software development: design, coding, testing, pipeline management, bugfix.<br>
                                    I take care mainly of the back-end side of the products, working with Golang, Python, Cassandra, Docker, Kubernates and related tools.
                                    <br>I am also involved in elaborating and presenting technical documentation.
                                </p>
                            </div>
                        </div>
                        <div class="row mb-3 pb-3 border-bottom border-3">
                            <div class="col">
                                <div class="row" style="text-align: center;"><strong>TATA CONSULTANCY SERVICES</strong></div>
                                <div class="row" style="text-align: center;"><strong>
                                        <nobr>4/2022 - 10/2022</nobr>
                                    </strong></div>
                                <div class="row" style="text-align: center;">
                                    <nobr>MILAN - Italy</nobr>
                                </div>
                                <div class="row mx-auto px-4 pt-1"><img style="max-width: 120px; margin: auto;"
                                        src="./foto_e_loghi/logo_TCS.jpg" class="img-fluid"
                                        alt="TCS Logo"></div>
                            </div>
                            <div class="col col-9">
                                <strong>Software Developer</strong>
                                <p> I participated in the <u>development and maintenance of web applications</u> for banking purposes. </p>
                                <p>
                                    I worked on an international project, in close collaboration with colleagues from Germany, Hungary, Austria, India, and more.<br>
                                    I was involved in software development and functional analysis, mainly on the back-end side, working with Java, SQL and related tools.
                                    <br>I was also involved in elaborating and presenting technical documentation.
                                </p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <div class="row" style="text-align: center;"><strong>BRIDGESTONE</strong></div>
                                <div class="row" style="text-align: center;"><strong>
                                        <nobr>7/2019 - 4/2022</nobr>
                                    </strong></div>
                                <div class="row" style="text-align: center;">
                                    <nobr>ROME - Italy</nobr>
                                </div>
                                <div class="row mx-auto px-4 pt-1"><img style="max-width: 120px; margin: auto;"
                                        src="./foto_e_loghi/logo_Bridgestone.jpg" class="img-fluid"
                                        alt="Bridgestone Logo"></div>
                                <div class="row mx-auto px-4 pt-1 pb-2"><img style="max-width: 120px; margin: auto;"
                                        src="./foto_e_loghi/logo_Integris.png" class="img-fluid" alt="Integris Logo">
                                </div>
                            </div>
                            <div class="col col-9">
                                <strong>R&D Analysis Developer</strong>
                                <p>I participated in the <u>development of a web application</u> for digital design and
                                    advanced simulation, aimed at enhancing tire simulation technologies by means of
                                    <u>CAE / FEA</u>
                                    software.
                                </p>
                                <p>
                                    I worked on an international project, managed according to the <u>Agile</u>
                                    paradigm, in close collaboration with colleagues from the American and the Japanese
                                    technical centers. Daily, I was involved in software development, mainly on the
                                    back-end side, and in the improvement of finite element analyses.
                                </p>
                                <p>
                                    In the period July 2019 - December 2019 I covered the position of intern.
                                    From January 2020 to April 2022 I have been a consultant in Bridgestone on behalf of Integris
                                    Spa.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Section: Certificates -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="panelsStayOpen-headingThree">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                        data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false"
                        aria-controls="panelsStayOpen-collapseThree">
                        <img width="32" alt="Certificate Icon" src="./foto_e_loghi/certificate_icon.svg">
                        <strong style="margin-left: 1%;">CERTIFICATES</strong>
                    </button>
                </h2>
                <div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse"
                    aria-labelledby="panelsStayOpen-headingThree">
                    <div class="accordion-body">
                        <div class="row mb-3 pb-3 border-bottom border-3">
                            <div class="col">
                                <div class="row" style="text-align: center;"><strong>ONLINE COURSE</strong>
                                </div>
                                <div class="row" style="text-align: center;"><strong>
                                        <nobr>3/2022 - 8/2022</nobr>
                                    </strong>
                                </div>
                                <div class="row px-4 pb-2"><img style="max-width: 120px; margin: auto;"
                                        src="./foto_e_loghi/Udemy_logo.svg" class="img-fluid" alt="Udemy Logo">
                                </div>
                            </div>
                            <div class="col col-10" style="text-align: justify; text-justify: auto;">
                                <strong>Spring & Hibernate for Beginners (includes Spring Boot)</strong>
                                <p>This course covered the main topics for building full working Spring based web applications: 
                                    Spring Core, Spring Annotations, Spring AOP, Spring MVC, Spring Security, Spring REST, Spring Data,
                                     Hibernate, Maven, Thymeleaf, with a special focus on <u>Spring Boot</u>.
                                </p>
                                <a href="https://www.udemy.com/certificate/UC-977ef2bd-4fc3-413b-a1eb-9c4cf1f83196/" class="btn btn-success" target="_blank"
                                    role="button">View certificate</a>
                            </div>
                        </div>
                        <div class="row mb-3 pb-3 border-bottom border-3">
                            <div class="col">
                                <div class="row" style="text-align: center;"><strong>ONLINE SPECIALIZATION</strong>
                                </div>
                                <div class="row" style="text-align: center;"><strong>
                                        <nobr>5/2021 - 9/2021</nobr>
                                    </strong>
                                </div>
                                <div class="row px-4 pb-2"><img style="max-width: 120px; margin: auto;"
                                        src="./foto_e_loghi/Duke_University_logo.svg" class="img-fluid" alt="Duke University Logo">
                                </div>
                            </div>
                            <div class="col col-10" style="text-align: justify; text-justify: auto;">
                                <strong>Java Programming and Software Engineering Fundamentals</strong>
                                <p>This <u>Specialization</u> covered the fundamentals of software development, focusing
                                    on algorithm development, data representation, and debugging, using HTML, CSS,
                                    JavaScript, and Java.
                                </p>
                                <p>
                                    This Specialization required the completion of 5 courses and their certification
                                    exams. In the final Capstone Project, I created a movie recommender system, i.e., a
                                    DIY version of Netflix.
                                </p>
                                <div class="btn-group" role="group" aria-label="Basic checkbox toggle button group">
                                    <a href="https://www.coursera.org/account/accomplishments/specialization/certificate/F4923945EP6Y"
                                        class="btn btn-success" target="_blank" role="button">View certificate</a>
                                    <a href="https://www.dukelearntoprogram.com//capstone/recommender.php?id=wEgX6D97nHKtmp"
                                        class="btn btn-primary" target="_blank" role="button">Try my recommender!</a>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <div class="row" style="text-align: center;"><strong>ONLINE TEST</strong>
                                </div>
                                <div class="row" style="text-align: center;"><strong>
                                        <nobr>1 June 2020</nobr>
                                    </strong></div>
                                <div class="row  px-4 pb-2 pt-2"><img style="max-width: 120px; margin: auto;"
                                        src="./foto_e_loghi/logo_EFSET.svg" class="img-fluid" alt="EFSET Logo">
                                </div>
                            </div>
                            <div class="col col-10" style="text-align: justify; text-justify: auto;">
                                <strong>EFSET English Certificate</strong>
                                <p style="text-justify: distribute-all-lines;">EF Standard English Test
                                </p>
                                <p>Score: 79/100 (C2 Proficient)
                                </p>
                                <a href="https://www.efset.org/cert/z8EKuy" class="btn btn-success" target="_blank"
                                    role="button">View certificate</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Section: Education -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="panelsStayOpen-headingFour">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                        data-bs-target="#panelsStayOpen-collapseFour" aria-expanded="false"
                        aria-controls="panelsStayOpen-collapseFour">
                        <img width="32" alt="Education Icon" src="./foto_e_loghi/education_icon.svg">
                        <strong style="margin-left: 1%;">EDUCATION</strong>
                    </button>
                </h2>
                <div id="panelsStayOpen-collapseFour" class="accordion-collapse collapse"
                    aria-labelledby="panelsStayOpen-headingFour">
                    <div class="accordion-body">
                        <div class="row mb-3 pb-3 border-bottom border-3">
                            <div class="col">
                                <div class="row" style="text-align: center; margin-inline: 5%;"><strong>MASTER'S
                                        DEGREE</strong>
                                </div>
                                <div class="row" style="text-align: center;"><strong>
                                        <nobr>9/2016 - 2/2019</nobr>
                                    </strong>
                                </div>
                                <div class="row" style="text-align: center;">
                                    <nobr>UNISA - Italy</nobr>
                                </div>
                                <div class="row  px-4 pb-2"><img style="max-width: 120px; margin: auto;"
                                        src="./foto_e_loghi/logo_Unisa.png" class="img-fluid" alt="UNISA Logo">
                                </div>
                            </div>
                            <div class="col col-10">
                                <strong>Mechanical Engineering: <nobr>LM-33 – 2nd level degree</nobr></strong>
                                <p>Università degli Studi di Salerno</p>
                                <p>Thesis title: <i>
                                        <nobr>Use of Multibody-FEM Codes for</nobr> Simulation and Design of
                                        Aeronautical
                                        Components
                                    </i>
                                    <br>
                                    Thesis supervisors: <nobr>Guida D., Pappalardo C. M.</nobr>
                                </p>
                                <p>Graduation date: 21 February 2019
                                    <br>
                                    Final degree mark: <strong>
                                        <nobr>110 cum laude (out of 110)</nobr>
                                    </strong>
                                </p>
                            </div>
                        </div>
                        <div class="row mb-3 pb-3 border-bottom border-3">
                            <div class="col">
                                <div class="row" style="text-align: center;"><strong>BACHELOR'S DEGREE</strong>
                                </div>
                                <div class="row" style="text-align: center;"><strong>
                                        <nobr>9/2012 - 5/2016</nobr>
                                    </strong>
                                </div>
                                <div class="row" style="text-align: center;">
                                    <nobr>UNISA - Italy</nobr>
                                </div>
                                <div class="row  px-4 pb-2"><img style="max-width: 120px; margin: auto;"
                                        src="./foto_e_loghi/logo_Unisa.png" class="img-fluid" alt="UNISA Logo">
                                </div>
                            </div>
                            <div class="col col-10">
                                <strong>Mechanical Engineering: <nobr>L-9 – 1st level degree</nobr></strong>
                                <p>Università degli Studi di Salerno</p>
                                <p>Thesis title: <i>
                                        <nobr>Analysis of vehicle longitudinal dynamics </nobr>during braking
                                    </i>
                                    <br>
                                    Thesis supervisors: <nobr>D’Agostino V., Pisaturo M.</nobr>
                                </p>
                                <p>Graduation date: 11 May 2016
                                    <br>
                                    Final degree mark: <strong>
                                        <nobr>110 cum laude (out of 110)</nobr>
                                    </strong>
                                </p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <div class="row" style="text-align: center;"><strong>SCIENTIFIC CERTIFICATE</strong>
                                </div>
                                <div class="row" style="text-align: center;"><strong>
                                        <nobr>09/2007 - 07/2012</nobr>
                                    </strong>
                                </div>
                                <div class="row" style="text-align: center;">
                                    <nobr>PAGANI (SA)- Italy</nobr>
                                </div>
                            </div>
                            <div class="col col-10">
                                <strong>Scientific High School
                                </strong>
                                <p>Liceo Scientifico Mons. B. Mangino, PAGANI (SA)</p>
                                <p>School-leaving examination mark: <strong>
                                        <nobr>100 (out of 100)</nobr>
                                    </strong></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Section: Technical Expertise -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="panelsStayOpen-headingFive">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                        data-bs-target="#panelsStayOpen-collapseFive" aria-expanded="false"
                        aria-controls="panelsStayOpen-collapseFive">
                        <img width="32" alt="Education Icon" src="./foto_e_loghi/laptop_icon.png">
                        <strong style="margin-left: 1%;">TECHNICAL EXPERTISE</strong>
                    </button>
                </h2>
                <div id="panelsStayOpen-collapseFive" class="accordion-collapse collapse"
                    aria-labelledby="panelsStayOpen-headingFive">
                    <div class="accordion-body">
                        <div class="row mb-3 pb-3 border-bottom border-3">
                            <div class="table-responsive">
                                <table class="table table-striped" style="text-align: center;">
                                    <thead>
                                        <td colspan="3"><strong>
                                                <nobr>SOFTWARE DEVELOPMENT</nobr>
                                            </strong></td>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>Python</td>
                                            <td>Java</td>
                                            <td>Matlab</td>
                                        </tr>
                                        <tr>
                                            <td>JavaScript</td>
                                            <td>HTML</td>
                                            <td>CSS</td>
                                        </tr>
                                        <tr>
                                            <td>Spring</td>
                                            <td>Hibernate</td>
                                            <td>Maven</td>
                                        </tr>
                                        <tr>
                                            <td>Git</td>
                                            <td><nobr>RESTful APIs<nobr></td>
                                            <td>JSON/XML</td>
                                        </tr>
                                        <tr>
                                            <td>Microservices <small>*</small></td>
                                            <td>Bootstrap</td>
                                            <td>SQL</td>
                                        </tr>
                                        <tr>
                                            <td>MongoDB</td>
                                            <td>PyCharm</td>
                                            <td>Eclipse</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <nobr>Atlassian suite</nobr>
                                            </td>
                                            <td>Postman</td>
                                            <td>VS Code</td>
                                        </tr>
                                        <tr>
                                            <td>O.O.P.</td>
                                            <td>
                                                <nobr>Design Patterns</nobr>
                                            </td>
                                            <td>Bash <small>*</small></td>
                                        </tr>
                                    </tbody>
                                </table>
                                <small>*basic knowledge</small>
                            </div>
                        </div>
                        <div class="row mb-3 pb-3 border-bottom border-3">
                            <div class="table-responsive">
                                <table class="table table-striped" style="text-align: center;">
                                    <thead>
                                        <td colspan="3"><strong>
                                                <nobr>MECHANICAL DESIGN</nobr>
                                            </strong></td>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>ABAQUS</td>
                                            <td>
                                                <nobr>ANSYS Workbench</nobr>
                                            </td>
                                            <td>HyperMesh</td>
                                        </tr>
                                        <tr>
                                            <td>Matlab/Simulink</td>
                                            <td>SolidWorks</td>
                                            <td>
                                                <nobr>AutoCAD 2D</nobr>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <nobr>MSC Adams</nobr>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row">
                            <div class="table-responsive">
                                <table class="table table-striped" style="text-align: center;">
                                    <thead>
                                        <td colspan="3"><strong>OTHERS</strong></td>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>Windows</td>
                                            <td>Linux <small>*</small></td>
                                            <td>
                                                <nobr>Microsoft Office Suite</nobr>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Section: Publications -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="panelsStayOpen-headingSix">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                        data-bs-target="#panelsStayOpen-collapseSix" aria-expanded="false"
                        aria-controls="panelsStayOpen-collapseSix">
                        <img width="32" alt="Publications Icon" src="./foto_e_loghi/publications_icon.svg">
                        <strong style="margin-left: 1%;">PUBLICATIONS</strong>
                    </button>
                </h2>
                <div id="panelsStayOpen-collapseSix" class="accordion-collapse collapse"
                    aria-labelledby="panelsStayOpen-headingSix">
                    <div class="accordion-body">
                        <div class="row mb-3 pb-3 border-bottom border-3">
                            <div class="col">
                                <div class="row" style="text-align: center;"><strong>2019</strong></div>
                                <div class="row" style="text-align: center;">
                                    <nobr>ODESSA - Ukraine</nobr>
                                </div>
                            </div>
                            <div class="col col-10">
                                <p>Title: <i>
                                        <nobr>A General Method for </nobr>Performing an Integrated CAD-MBD-FEM Analysis
                                    </i>
                                    <br>
                                    Authors: <nobr>Pappalardo, C. M.,</nobr>
                                    <nobr>Biondo, A.,</nobr>
                                    <nobr>Oliva, A.,</nobr>
                                    <nobr>and Guida, D.</nobr>
                                    <br>
                                    In: Grabchenko’s International Conference on Advanced Manufacturing Processes
                                </p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <div class="row" style="text-align: center;"><strong>2019</strong></div>
                                <div class="row" style="text-align: center;">
                                    <nobr>ODESSA - Ukraine</nobr>
                                </div>
                            </div>
                            <div class="col col-10">
                                <p>Title: <i>
                                        <nobr>Redesign of an Aircraft Cargo Door </nobr>by using a CAD-MBD-FEM
                                        Integration
                                        Method
                                    </i>
                                    <br>
                                    Authors: <nobr>Guida, D.,</nobr>
                                    <nobr>Oliva, A.,</nobr>
                                    <nobr>Biondo, A.,</nobr>
                                    <nobr>and Pappalardo, C. M</nobr>
                                    <br>
                                    In: Grabchenko’s International Conference on Advanced Manufacturing Processes
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Section: Language Skills -->
            <div class="accordion-item">
                <h2 class="accordion-header" id="panelsStayOpen-headingSeven">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                        data-bs-target="#panelsStayOpen-collapseSeven" aria-expanded="false"
                        aria-controls="panelsStayOpen-collapseSeven">
                        <img width="32" alt="Language Icon" src="./foto_e_loghi/language_icon.svg">
                        <strong style="margin-left: 1%;">LANGUAGE SKILLS</strong>
                    </button>
                </h2>
                <div id="panelsStayOpen-collapseSeven" class="accordion-collapse collapse"
                    aria-labelledby="panelsStayOpen-headingSeven">
                    <div class="accordion-body">
                        <p>
                        <div class="row">
                            <div class="col">
                                <nobr><strong>Italian: </strong>Native speaker</nobr>
                            </div>
                            <div class="col">
                                <nobr><strong>English: </strong>Fluent - B2</nobr>
                            </div>
                        </div>
                        </p>
                    </div>
                </div>
            </div>
            <!-- end Sections -->
        </div>
    </div>

    <!-- Footer -->
    <div class="container" style="background-color: rgb(0, 132, 255);">
        <p class="text-light" style="text-align: justify; text-justify: auto;"><b>I hereby authorize the processing of
                the personal data contained in this CV in
                compliance with the European Regulation (UE) 2016/679.
            </b></p>
    </div>

    <!-- Javascript: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
        </script>
    <!-- Custom Javascript-->
    <script>
        // Display and remove loading spinner
        document.onreadystatechange = function () {
            if (document.readyState == "complete") {
                document.querySelector("#loadingSpinner").style.visibility = "hidden";
            }
        }
    </script>

</body>

</html>