{"id":1689,"date":"2025-03-09T22:12:27","date_gmt":"2025-03-09T21:12:27","guid":{"rendered":"https:\/\/www.stf-survey.com\/wordpress\/?page_id=1689"},"modified":"2025-04-02T02:45:09","modified_gmt":"2025-04-02T00:45:09","slug":"azienda","status":"publish","type":"page","link":"https:\/\/www.stf-survey.com\/wordpress\/azienda\/","title":{"rendered":"Storia"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1689\" class=\"elementor elementor-1689\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a8e88c e-flex e-con-boxed e-con e-parent\" data-id=\"9a8e88c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ecdf4ac elementor-widget elementor-widget-html\" data-id=\"ecdf4ac\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;700&display=swap');\n\n  .storia-section {\n    font-family: 'Outfit', sans-serif;\n    background: #ffffff;\n    padding: 80px 20px;\n    max-width: 800px;\n    margin: 0 auto;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .storia-text {\n    font-size: 22px;\n    line-height: 1.8;\n    color: #333;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeUp 1.2s ease forwards;\n    animation-delay: 0.3s;\n  }\n\n  .storia-text h2 {\n    font-size: 36px;\n    color: #002244;\n    font-weight: 700;\n    margin-bottom: 20px;\n  }\n\n  .storia-text p {\n    margin-bottom: 20px;\n    opacity: 0;\n    transform: translateY(20px);\n    animation: fadeUp 1s ease forwards;\n  }\n\n  .storia-text p:nth-of-type(1) {\n    animation-delay: 0.6s;\n  }\n\n  .storia-text p:nth-of-type(2) {\n    animation-delay: 0.9s;\n  }\n\n  @keyframes fadeUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @media screen and (max-width: 900px) {\n    .storia-text h2 {\n      font-size: 28px;\n    }\n  }\n<\/style>\n\n<div class=\"storia-section\">\n  <div class=\"storia-text\">\n    <h2>La Storia<\/h2>\n    <p>\n      L\u2019attivit\u00e0 di topografo viene intrapresa nel 1956 dal geom. Antonino Furfaro, \n      quando collabora con lo Studio Topografico Bianchi di Milano. Opera come \u201ccalcolatore\u201d \n      di celerimensure e triangolazioni per l\u2019inquadramento di grossi rilievi. Dopo anni di esperienza, \n      trasmette la sua passione ai figli Anda e Giuseppe che nel 1990 fondano la Societ\u00e0 di Topografia.\n    <\/p>\n    <p>\n      Negli anni, l\u2019attivit\u00e0 si arricchisce di competenze e professionalit\u00e0, diventando un punto di riferimento nel settore.\n      L\u2019attuale grado di competenza, variegato e qualificato, consente alla societ\u00e0 di soddisfare una clientela ampia e fidelizzata.\n    <\/p>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-754cccf elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"754cccf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;700&display=swap');\n\n  body {\n    margin: 0;\n    padding: 0;\n    background-color: white;\n  }\n\n  .timeline-section {\n    font-family: 'Outfit', sans-serif;\n    background-color: white;\n    padding: 40px;\n    max-width: 900px;\n    margin: auto;\n  }\n\n  .timeline-title {\n    font-size: 42px;\n    margin-bottom: 40px;\n    color: #002244;\n    text-align: center;\n    font-weight: 700;\n    letter-spacing: 1px;\n  }\n\n  .timeline {\n    position: relative;\n    padding: 40px 0;\n  }\n\n  .timeline::before {\n    content: '';\n    position: absolute;\n    left: 50%;\n    top: 0;\n    bottom: 0;\n    width: 2px;\n    background: #e0e0e0;\n    transform: translateX(-50%);\n  }\n\n  .timeline-item {\n    position: relative;\n    width: 50%;\n    padding: 20px 40px;\n    box-sizing: border-box;\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.6s ease-out;\n  }\n\n  .timeline-item.show {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .timeline-item:nth-child(odd) {\n    left: 0;\n    text-align: right;\n  }\n\n  .timeline-item:nth-child(even) {\n    left: 50%;\n    text-align: left;\n  }\n\n  .timeline-date {\n    font-weight: bold;\n    color: #0055cc;\n    font-size: 20px;\n    margin-bottom: 10px;\n  }\n\n  .timeline-content {\n    background: white;\n    padding: 20px;\n    border-radius: 12px;\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);\n    display: inline-block;\n    position: relative;\n  }\n\n  .timeline-item::after {\n    content: '';\n    position: absolute;\n    top: 30px;\n    width: 18px;\n    height: 18px;\n    background: #0055cc;\n    border-radius: 50%;\n    border: 4px solid white;\n    box-shadow: 0 0 0 0 rgba(0, 85, 204, 0.6);\n    animation: pulse 2s infinite;\n  }\n\n  .timeline-item:nth-child(odd)::after {\n    right: -9px;\n  }\n\n  .timeline-item:nth-child(even)::after {\n    left: -9px;\n  }\n\n  @keyframes pulse {\n    0% {\n      box-shadow: 0 0 0 0 rgba(0, 85, 204, 0.4);\n    }\n    70% {\n      box-shadow: 0 0 0 10px rgba(0, 85, 204, 0);\n    }\n    100% {\n      box-shadow: 0 0 0 0 rgba(0, 85, 204, 0);\n    }\n  }\n\n  @media screen and (max-width: 900px) {\n    .timeline::before {\n      left: 20px;\n    }\n\n    .timeline-item {\n      width: 100%;\n      left: 0 !important;\n      text-align: left !important;\n      padding-left: 60px;\n    }\n\n    .timeline-item::after {\n      left: 20px !important;\n    }\n  }\n<\/style>\n\n<div class=\"timeline-section\">\n  <h2 class=\"timeline-title\">La Nostra Timeline<\/h2>\n\n  <div class=\"timeline\">\n    <div class=\"timeline-item\">\n      <div class=\"timeline-date\">1956<\/div>\n      <div class=\"timeline-content\">\n        <h3>Inizio Attivit\u00e0<\/h3>\n        <p>Antonio Furfaro inizia la sua attivit\u00e0 con lo Studio Topografico Bianchi di Milano.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"timeline-item\">\n      <div class=\"timeline-date\">1990<\/div>\n      <div class=\"timeline-content\">\n        <h3>Fondazione STF<\/h3>\n        <p>Nasce la Societ\u00e0 di Topografia, fondata insieme ai figli Anda e Giuseppe.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"timeline-item\">\n      <div class=\"timeline-date\">2008<\/div>\n      <div class=\"timeline-content\">\n        <h3>Certificazione ISO<\/h3>\n        <p>Conseguimento della certificazione del Sistema di Gestione Qualit\u00e0 <br> (ISO 9001:2015).<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  const observer = new IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('show');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, {\n    threshold: 0.2\n  });\n\n  document.querySelectorAll('.timeline-item').forEach(item => {\n    observer.observe(item);\n  });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21a44fc e-flex e-con-boxed e-con e-parent\" data-id=\"21a44fc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f429c9 elementor-widget elementor-widget-html\" data-id=\"4f429c9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .iso-toggle-wrapper {\n    background-color: white;\n    border: 2px solid #e0e0e0;\n    border-radius: 12px;\n    padding: 20px;\n    max-width: 700px;\n    margin: 40px auto;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-family: 'Segoe UI', sans-serif;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\n  }\n\n  .iso-toggle-wrapper:hover {\n    transform: scale(1.02);\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n  }\n\n  .iso-toggle-text {\n    font-size: 18px;\n    font-weight: bold;\n    color: #002244;\n  }\n\n  .iso-toggle-icon {\n    font-size: 24px;\n    font-weight: bold;\n    color: #0055cc;\n    transition: transform 0.3s ease;\n  }\n\n  .iso-links {\n    max-width: 700px;\n    margin: 0 auto;\n    margin-top: 10px;\n    display: none;\n    padding-left: 20px;\n    font-family: 'Segoe UI', sans-serif;\n  }\n\n  .iso-links.show {\n    display: block;\n  }\n\n  .iso-links a {\n    display: block;\n    margin: 12px 0;\n    padding: 15px 20px;\n    background-color: #f9f9f9;\n    border: 1px solid #cccccc;\n    border-radius: 10px;\n    color: #0055cc;\n    font-weight: 500;\n    text-decoration: none;\n    transition: all 0.3s ease;\n  }\n\n  .iso-links a:hover {\n    background-color: #f0f0f0;\n    border-color: #999;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    text-decoration: underline;\n  }\n\n  .iso-toggle-wrapper.open .iso-toggle-icon {\n    transform: rotate(45deg);\n  }\n<\/style>\n\n<div class=\"iso-toggle-wrapper\" id=\"iso-toggle\">\n  <div class=\"iso-toggle-text\">ISO 9001:2015<\/div>\n  <div class=\"iso-toggle-icon\">+<\/div>\n<\/div>\n\n<div class=\"iso-links\" id=\"iso-links\">\n  <a href=\"https:\/\/www.stf-survey.com\/wordpress\/wp-content\/uploads\/2025\/04\/Politica-della-qualita-rev-05xSITO.pdf\" target=\"_blank\">\ud83d\udcc4 Politica della Qualit\u00e0 (PDF)<\/a>\n  <a href=\"https:\/\/www.stf-survey.com\/wordpress\/wp-content\/uploads\/2025\/04\/certificate-signed.pdf\" target=\"_blank\">\ud83d\udcc4 Certificato ISO 9001:2015 (PDF)<\/a>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const toggle = document.getElementById(\"iso-toggle\");\n    const links = document.getElementById(\"iso-links\");\n\n    toggle.addEventListener(\"click\", () => {\n      links.classList.toggle(\"show\");\n      toggle.classList.toggle(\"open\");\n    });\n  });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>La Storia L\u2019attivit\u00e0 di topografo viene intrapresa nel 1956 dal geom. Antonino Furfaro, quando collabora con lo Studio Topografico Bianchi di Milano. Opera come \u201ccalcolatore\u201d di celerimensure e triangolazioni per l\u2019inquadramento di grossi rilievi. Dopo anni di esperienza, trasmette la sua passione ai figli Anda e Giuseppe che nel 1990 fondano la Societ\u00e0 di Topografia. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1689","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.stf-survey.com\/wordpress\/wp-json\/wp\/v2\/pages\/1689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stf-survey.com\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.stf-survey.com\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.stf-survey.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stf-survey.com\/wordpress\/wp-json\/wp\/v2\/comments?post=1689"}],"version-history":[{"count":47,"href":"https:\/\/www.stf-survey.com\/wordpress\/wp-json\/wp\/v2\/pages\/1689\/revisions"}],"predecessor-version":[{"id":2599,"href":"https:\/\/www.stf-survey.com\/wordpress\/wp-json\/wp\/v2\/pages\/1689\/revisions\/2599"}],"wp:attachment":[{"href":"https:\/\/www.stf-survey.com\/wordpress\/wp-json\/wp\/v2\/media?parent=1689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}