index.html

<!DOCTYPE html>
<html data-wf-page="62d7cc2a8e26ff5d3257b2da" data-wf-site="62d7cc298e26ff69d857b2d5" lang="el">
<head>
  <meta charset="utf-8">
  <meta http-equiv="Permissions-Policy" content="interest-cohort=()">

  <title>Διάχυτη Υπολογιστική</title>
  <meta content="Embrace the Era of Ubiquitous Computing: Pioneering a Connected World Beyond Imagination." name="description">
  
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <meta content="Webflow" name="generator">

  <link href="css/sticky_styles.css" rel="stylesheet" type="text/css">
  <link href="css/carousel.css" rel="stylesheet" type="text/css">
  <link href="css/quiz.css" rel="stylesheet" type="text/css">
  <link href="css/poll.css" rel="stylesheet" type="text/css">
  <link href="css/normalize.css" rel="stylesheet" type="text/css">
  <link href="css/webflow.css" rel="stylesheet" type="text/css">
  <link href="css/ubiquitous-computing.webflow.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.6/dist/css/splide.min.css">

  <style>@media (min-width:992px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="22d7d2ed-c1a1-ed5e-0ae1-c653eec64c08"] {-webkit-transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}}</style>
  <link href="https://fonts.googleapis.com" rel="preconnect">
  <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
  <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
  <script type="text/javascript">WebFont.load({  google: {    families: ["Changa One:400,400italic","Bitter:400,700,400italic","Gothic A1:300,regular,500,600,700,800"]  }});</script>
  <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
  
  <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
  <link rel="manifest" href="favicon/site.webmanifest">
  <link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="theme-color" content="#ffffff">

  <style>
    /* Hide horizontal scrollbar */
      body {
        overflow-x: hidden;
      }
  </style>
</head>

<body class="body">
  <section class="mobile-screen">
    <div class="mobile-info-div">
      <p class="mobile-info-par">🌟 Desktop Version Recommended: Mobile Site Under Maintenance🌟</p>
    </div>
    <div class="mobile-info-div">
      <p class="mobile-info-par">Ζητούμε συγγνώμη για την όποια ταλαιπωρία, αλλά ο ιστότοπός μας για κινητά είναι υπό κατασκευή. 🚀 Για βέλτιστη απόδοση και πρόσβαση σε όλες τις λειτουργίες, συνιστούμε να χρησιμοποιείτε την έκδοση για υπολογιστές εν τω μεταξύ. 💥</p>
    </div>
    <div class="mobile-info-div">
      <p class="mobile-info-par">Σας ευχαριστούμε για την κατανόηση και την υπομονή σας. <br><span class="bold-span-2">Κάντε τώρα την αλλαγή!</span><br></p>
    </div>
  </section>

  <div id="sticky-tag"></div>

  <div data-w-id="dfee272c-7e4f-d2e5-befe-e98e5c936717" class="progress-bar" id="progress-bar"></div>
  <div data-w-id="555feab0-1bc2-45d9-cd59-fa24bff6e31a" style="display:flex" class="preloader">
    <div data-w-id="c4448836-0bc2-e3fa-508d-b9b077de29db" data-animation-type="lottie" data-src="documents/animation_lm81ryhw.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="1.7666666666666666" data-duration="0"></div>
  </div>
  <div data-w-id="bb0dfe4b-584d-73e3-01fd-51b75bbfc6a6" class="cursor-new">
    <div data-w-id="bb0dfe4b-584d-73e3-01fd-51b75bbfc6a7" class="cursor__dot"></div>
    <div class="w-embed">
      <style>
* {
    -webkit-font-smoothing: antialiased;
    }
body:hover .cursor-new {opacity:1.0;}
.cursor-new {pointer-events: none; mix-blend-mode: difference;}
</style>
    </div>
  </div>
  <div class="front-page">
    <div data-w-id="90c1923d-5d6f-ad6c-d8df-1ccc43e8df0a" class="intro-video-wrapper">
      <div data-poster-url="https://uploads-ssl.webflow.com/62d7cc298e26ff69d857b2d5/63405be8fb7b988736687385_blue squares-poster-00001.jpg" data-video-urls="https://uploads-ssl.webflow.com/62d7cc298e26ff69d857b2d5/63405be8fb7b988736687385_blue squares-transcode.mp4,https://uploads-ssl.webflow.com/62d7cc298e26ff69d857b2d5/63405be8fb7b988736687385_blue squares-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="intro-video w-background-video w-background-video-atom"><video id="1bd39aa5-672a-c65a-df26-9c938e40d457-video" autoplay="" loop="" style="background-image:url(&quot;https://uploads-ssl.webflow.com/62d7cc298e26ff69d857b2d5/63405be8fb7b988736687385_blue squares-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover">
          <source src="https://uploads-ssl.webflow.com/62d7cc298e26ff69d857b2d5/63405be8fb7b988736687385_blue squares-transcode.mp4" data-wf-ignore="true">
          <source src="https://uploads-ssl.webflow.com/62d7cc298e26ff69d857b2d5/63405be8fb7b988736687385_blue squares-transcode.webm" data-wf-ignore="true">
        </video>
        <div class="container">
          <h1 class="main-heading">Διαχυτη Υπολογιστικη</h1>
          <div class="line-1"></div>
          <p class="paragraph-34">μια <span class="text-span-12">επαναστατική</span> προσέγγιση του μέλλοντος</p>
        </div><img src="images/scroll-mouse.png" loading="lazy" width="100" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" alt="" data-w-id="c62c48fe-26c2-6fb0-e3d0-443c15bc1c80" class="image-155"><noscript>
          <style>
  [data-wf-bgvideo-fallback-img] {
    display: none;
  }
  @media (prefers-reduced-motion: reduce) {
    [data-wf-bgvideo-fallback-img] {
      position: absolute;
      z-index: -100;
      display: inline-block;
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  }</style><img data-wf-bgvideo-fallback-img="true" src="documents/blue-squares.mp4" alt="">
        </noscript>
        <div aria-live="polite"><button type="button" data-w-bg-video-control="true" aria-controls="1bd39aa5-672a-c65a-df26-9c938e40d457-video" class="w-backgroundvideo-backgroundvideoplaypausebutton play-pause-button w-background-video--control"><span><img src="https://uploads-ssl.webflow.com/6022af993a6b2191db3ed10c/628299f8aa233b83918e24fd_Pause.svg" alt="Pause video"></span><span hidden=""><img src="https://uploads-ssl.webflow.com/6022af993a6b2191db3ed10c/628298b20ae0236682d4b87f_Play-24.svg" alt="Play video"></span></button></div>
      </div>
    </div>
    <div class="intro-quiz">
      <div id="intro-quiz-1" data-w-id="fce55a6b-cbab-b8da-340e-63767cee4b19" class="intro-quiz-1">
        <div class="container-45 w-container">
          <div data-w-id="ad62dbcf-4ba2-5598-9fe9-df1db40b338d" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-200">
            <h2 class="heading-50">Τι γνωρίζετε...</h2>
            <p class="paragraph-72">για την διάχυτη υπολογιστική (ή αλλιώς πανταχού παρούσα πληροφορική);</p>
          </div>
          <div data-w-id="32c7f686-c0de-355e-4037-6d5eb7f18a7f" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-201">
            <p class="paragraph-72">Είτε είστε λάτρεις της πληροφορικής, είτε είστε γνώστες της τεχνολογίας, είτε απλά είστε περίεργοι για τον ψηφιακό κόσμο, παίξτε το παρακάτω κουίζ για να δοκιμάσετε τις γνώσεις σας στον συναρπαστικό κόσμο της τεχνολογίας και των υπολογιστών.</p>
          </div>
        </div>
      </div>
      <div id="intro-quiz-wrapper" class="intro-quiz-wrapper">
        <section class="quiz-section">
          <div class="quiz-container">
            <h2 id="quiz-title">Quiz Τεχνολογίας</h2>
            <p id="quiz-paragraph">Είστε έτοιμοι να δοκιμάσετε τις γνώσεις σας στην πληροφορική και την τεχνολογία;</p>
            <button id="start-quiz-btn" class="quiz-button">Ξεκινήστε</button>
            <div id="quiz-question"></div>
            <div id="quiz-options"></div>
            <div id="quiz-result"></div>
          </div>
        </section>
      </div>
      <div class="gradient-section hidden" id="gradient-section"></div>
      <section class="newbie-section hidden" id="newbie-section">
        <div class="result-div">
          <div class="result-text">Δεν τα πήγες πολύ καλά!<br><span class="result-text-span">Ας ξεκινήσουμε με μια εισαγωγή στην ιστορία των υπολογιστών και έπειτα στην διάχυτη υπολογιστική.</span></div>
          <p class="result-score"></p>
          <img src="images/sad.png" loading="lazy" alt="" class="result-face">
        </div>
      </section>
      <section class="moderate-section hidden" id="moderate-section">
        <div class="result-div">
          <div class="result-text">Τα πήγες αρκετά καλά!<br><span class="result-text-span">Παρακάμπτουμε την ιστορία των υπολογιστών και μεταφερόμαστε στην κεντρική ιδέα.</span></div>
          <p class="result-score"></p>
          <img src="images/neutral-face.png" loading="lazy" sizes="(max-width: 479px) 100vw, 7vw" srcset="images/neutral-face.png 500w, images/neutral-face.png 512w" alt="" class="result-face">
        </div>
      </section>
      <section class="advanced-section hidden" id="advanced-section">
        <div class="result-div">
          <div class="result-text">Άριστα!<br><span class="result-text-span">Δεν χρειάζεσαι εισαγωγικές ενότητες, μεταφερόμαστε κατευθείαν στο κυρίως θέμα.</span></div>
          <p class="result-score"></p>
          <img src="images/happiness.png" loading="lazy" alt="" class="result-face">
        </div>
      </section>
    </div>
  </div>
  <div id="the-content" class="the-content">
    <div id="intro-animation" class="intro-animation" data-section-name="Εισαγωγή">
      <div data-w-id="9cdb921d-3ca5-4cdc-815b-cb1d566db821" class="intro-sky">
        <div class="animation-content w-container">
          <div class="div-block-89"></div><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-120"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-121"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-122"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-123"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-124"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-128"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-129"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-130"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-135"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-136"><img src="images/Page-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-p-500.png 500w, images/Page-1-p-800.png 800w, images/Page-1-p-1080.png 1080w, images/Page-1-p-1600.png 1600w, images/Page-1-p-2000.png 2000w, images/Page-1-p-2600.png 2600w, images/Page-1-p-3200.png 3200w" alt="" class="image-133"><img src="images/satelite.png" loading="lazy" width="250" data-w-id="e2c86168-d743-1fcf-3d30-5ba60fe1497c" alt="" srcset="images/satelite-p-500.png 500w, images/satelite.png 567w" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 250px" class="satelite"><img src="images/2.png" loading="lazy" width="700" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 700px" alt="" srcset="images/2-p-500.png 500w, images/2-p-800.png 800w, images/2-p-1080.png 1080w, images/2.png 1382w" class="image-115"><img src="images/5.png" loading="lazy" width="350" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 350px" alt="" srcset="images/5-p-500.png 500w, images/5-p-800.png 800w, images/5-p-1080.png 1080w, images/5.png 1219w" class="image-116"><img src="images/3.png" loading="lazy" width="500" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 500px" alt="" srcset="images/3-p-500.png 500w, images/3-p-800.png 800w, images/3-p-1080.png 1080w, images/3.png 1382w" class="image-118"><img src="images/4.png" loading="lazy" width="550" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 550px" alt="" srcset="images/4-p-500.png 500w, images/4-p-800.png 800w, images/4-p-1080.png 1080w, images/4-p-1600.png 1600w, images/4-p-2000.png 2000w, images/4.png 2590w" class="image-125"><img src="images/2.png" loading="lazy" width="500" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 500px" alt="" srcset="images/2-p-500.png 500w, images/2-p-800.png 800w, images/2-p-1080.png 1080w, images/2.png 1382w" class="image-117"><img src="images/2.png" loading="lazy" width="350" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 350px" alt="" srcset="images/2-p-500.png 500w, images/2-p-800.png 800w, images/2-p-1080.png 1080w, images/2.png 1382w" class="image-126"><img src="images/5c90e992a5701d78019f2073_Car-bridge-p-500.png" loading="lazy" width="300" alt="" class="airplane">
          <div class="section-text-gradient-effect-2">
            <div data-w-id="ccccb71a-c1ba-f916-1007-5da40bb9969f" class="text-effect-wrapper">
              <div class="text-effect-sticky-element">
                <div class="container-w3 gutter-outside">
                  <div class="text-effect-inner">
                    <div class="text-effect-gradient">
                      <div class="text-overlap-end"></div>
                    </div>
                    <p class="text-effect-text">Η Διάχυτη Υπολογιστική αναφέρεται στην ιδέα ότι οι υπολογιστές πρέπει να ενσωματώνονται απρόσκοπτα στην καθημερινότητά μας, χωρίς καν να το καταλαβαίνουμε.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="section-text-gradient-effect-1">
            <div data-w-id="2d392757-5804-8d76-e268-522116011d5b" class="text-effect-wrapper">
              <div class="text-effect-sticky-element">
                <div class="container-w3 gutter-outside">
                  <div class="text-effect-inner">
                    <div class="text-effect-gradient">
                      <div class="text-overlap-end"></div>
                    </div>
                    <p class="text-effect-text"> Με άλλα λόγια, είναι η ιδέα ότι οι υπολογιστές πρέπει να είναι παντού και πάντα διαθέσιμοι σε εμάς όταν τους χρειαζόμαστε.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div data-w-id="6acb8f2a-a601-b7c9-7d72-a756ec6f1215" class="intro-town"><img src="images/Page-1-2.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/Page-1-2-p-500.png 500w, images/Page-1-2-p-800.png 800w, images/Page-1-2-p-1080.png 1080w, images/Page-1-2-p-1600.png 1600w, images/Page-1-2-p-2000.png 2000w, images/Page-1-2-p-2600.png 2600w, images/Page-1-2-p-3200.png 3200w" alt="" class="train"><img src="images/5c90e992a5701d42039f207b_top-bridge-1.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/5c90e992a5701d42039f207b_top-bridge-1-p-500.png 500w, images/5c90e992a5701d42039f207b_top-bridge-1-p-800.png 800w, images/5c90e992a5701d42039f207b_top-bridge-1-p-1080.png 1080w, images/5c90e992a5701d42039f207b_top-bridge-1-p-1600.png 1600w, images/5c90e992a5701d42039f207b_top-bridge-1.png 1800w" alt="" class="bridge">
        <div class="purple-fade"></div><img src="images/5c90e992a5701d03019f209a_m_mid_2.png" loading="lazy" alt="" class="house"><img src="images/5c90e992a5701d2b4d9f2098_m_o_building_2.png" loading="lazy" alt="" class="house-2"><img src="images/City_concept_4_02.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/City_concept_4_02-p-500.png 500w, images/City_concept_4_02-p-800.png 800w, images/City_concept_4_02-p-1080.png 1080w, images/City_concept_4_02-p-1600.png 1600w, images/City_concept_4_02-p-2000.png 2000w, images/City_concept_4_02-p-2600.png 2600w, images/City_concept_4_02-p-3200.png 3200w" alt="" class="image-132"><img src="images/5c90e992a5701d0fd69f2070_traffic_t2.gif" loading="lazy" alt="" class="traffic"><img src="images/5c90e992a5701d0fd69f2070_traffic_t2.gif" loading="lazy" alt="" class="traffic-2">
      </div>
      <div class="intro-underground">
        <div class="floor"></div>
        <section class="underground"><img src="images/5c90e992a5701de43c9f2074_platform-3.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/5c90e992a5701de43c9f2074_platform-3-p-500.png 500w, images/5c90e992a5701de43c9f2074_platform-3-p-800.png 800w, images/5c90e992a5701de43c9f2074_platform-3-p-1080.png 1080w, images/5c90e992a5701de43c9f2074_platform-3-p-1600.png 1600w, images/5c90e992a5701de43c9f2074_platform-3.png 1800w" alt="" class="underground-floor"><img src="images/5c90e992a5701d5bb19f1fd7_subway-train_1000px.png" loading="lazy" data-w-id="22d7d2ed-c1a1-ed5e-0ae1-c653eec64c08" sizes="(max-width: 479px) 0px, 100vw" alt="" srcset="images/5c90e992a5701d5bb19f1fd7_subway-train_1000px-p-500.png 500w, images/5c90e992a5701d5bb19f1fd7_subway-train_1000px-p-800.png 800w, images/5c90e992a5701d5bb19f1fd7_subway-train_1000px.png 1000w" class="train-2"></section>
      </div>
      <div class="between-section-14"></div>
      <div data-w-id="471bd583-c1ec-5366-593c-17e8090f4f35" class="between-section-13-wrapper">
        <div class="between-section-13">
          <div class="div-block-135"></div>
        </div>
      </div>
      <div data-w-id="ff922e9d-bcc9-f6e6-05a7-117d8f3299a3" class="parallax-scroll-section"><img src="images/woman-hands-using-mobile-smart-phone.jpg" loading="lazy" width="450" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 450px" alt="" srcset="images/woman-hands-using-mobile-smart-phone-p-500.jpg 500w, images/woman-hands-using-mobile-smart-phone-p-800.jpg 800w, images/woman-hands-using-mobile-smart-phone-p-1080.jpg 1080w, images/woman-hands-using-mobile-smart-phone-p-1600.jpg 1600w, images/woman-hands-using-mobile-smart-phone-p-2000.jpg 2000w, images/woman-hands-using-mobile-smart-phone-p-2600.jpg 2600w, images/woman-hands-using-mobile-smart-phone-p-3200.jpg 3200w" class="image-146"><img src="images/digital-world-map-hologram-blue-background.jpg" loading="lazy" width="500" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 500px" alt="" srcset="images/digital-world-map-hologram-blue-background-p-500.jpg 500w, images/digital-world-map-hologram-blue-background-p-800.jpg 800w, images/digital-world-map-hologram-blue-background-p-1080.jpg 1080w, images/digital-world-map-hologram-blue-background-p-1600.jpg 1600w, images/digital-world-map-hologram-blue-background-p-2000.jpg 2000w, images/digital-world-map-hologram-blue-background-p-2600.jpg 2600w, images/digital-world-map-hologram-blue-background-p-3200.jpg 3200w" class="image-150"><img src="images/abstract-office-desktop.jpg" loading="lazy" width="400" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 400px" alt="" srcset="images/abstract-office-desktop-p-500.jpg 500w, images/abstract-office-desktop-p-800.jpg 800w, images/abstract-office-desktop-p-1080.jpg 1080w, images/abstract-office-desktop-p-1600.jpg 1600w, images/abstract-office-desktop-p-2000.jpg 2000w, images/abstract-office-desktop-p-2600.jpg 2600w, images/abstract-office-desktop-p-3200.jpg 3200w" class="image-151"><img src="images/internet-things-background.jpg" loading="lazy" width="550" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 550px" alt="" srcset="images/internet-things-background-p-500.jpg 500w, images/internet-things-background-p-800.jpg 800w, images/internet-things-background-p-1080.jpg 1080w, images/internet-things-background-p-1600.jpg 1600w, images/internet-things-background-p-2000.jpg 2000w, images/internet-things-background-p-2600.jpg 2600w, images/internet-things-background-p-3200.jpg 3200w" class="image-152"><img src="images/rm373batch2-04.jpg" loading="lazy" width="700" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 446.09375px, 45vw" alt="" srcset="images/rm373batch2-04-p-500.jpg 500w, images/rm373batch2-04-p-800.jpg 800w, images/rm373batch2-04-p-1080.jpg 1080w, images/rm373batch2-04-p-1600.jpg 1600w, images/rm373batch2-04-p-2000.jpg 2000w, images/rm373batch2-04-p-2600.jpg 2600w, images/rm373batch2-04-p-3200.jpg 3200w" class="image-153">
        <div class="div-block-133"></div>
        <div class="div-block-134"></div><img src="images/concept-clean-energy-wind-turbine-solar-panel-sunrise-background.jpg" loading="lazy" width="600" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 416.35418701171875px, 42vw" alt="" srcset="images/concept-clean-energy-wind-turbine-solar-panel-sunrise-background-p-500.jpg 500w, images/concept-clean-energy-wind-turbine-solar-panel-sunrise-background-p-800.jpg 800w, images/concept-clean-energy-wind-turbine-solar-panel-sunrise-background-p-1080.jpg 1080w, images/concept-clean-energy-wind-turbine-solar-panel-sunrise-background-p-1600.jpg 1600w, images/concept-clean-energy-wind-turbine-solar-panel-sunrise-background-p-2000.jpg 2000w, images/concept-clean-energy-wind-turbine-solar-panel-sunrise-background-p-2600.jpg 2600w, images/concept-clean-energy-wind-turbine-solar-panel-sunrise-background-p-3200.jpg 3200w" class="image-149"><img src="images/tech2.jpg" loading="lazy" height="" width="600" alt="" srcset="images/tech2-p-500.jpg 500w, images/tech2-p-800.jpg 800w, images/tech2-p-1080.jpg 1080w, images/tech2.jpg 1200w" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 396.53125px, 40vw" class="image-12"><img src="images/robot.png" loading="lazy" width="200" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 200px" alt="" srcset="images/robot-p-500.png 500w, images/robot.png 512w" class="image-8"><img src="images/tech4.jpg" loading="lazy" width="700" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 446.09375px, 45vw" alt="" srcset="images/tech4-p-500.jpg 500w, images/tech4-p-800.jpg 800w, images/tech4-p-1080.jpg 1080w, images/tech4.jpg 1200w" class="image-9"><img src="images/second_gen2.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 396.53125px, 40vw" width="600" alt="" srcset="images/second_gen2-p-500.jpg 500w, images/second_gen2-p-800.jpg 800w, images/second_gen2-p-1080.jpg 1080w, images/second_gen2.jpg 1200w" class="image-10"><img src="images/black_and_white.jpg" loading="lazy" width="300" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 300px" alt="" srcset="images/black_and_white-p-500.jpg 500w, images/black_and_white-p-800.jpg 800w, images/black_and_white-p-1080.jpg 1080w, images/black_and_white-p-1600.jpg 1600w, images/black_and_white-p-2000.jpg 2000w, images/black_and_white-p-2600.jpg 2600w, images/black_and_white-p-3200.jpg 3200w" class="image-11"><img src="images/project-management.png" loading="lazy" width="300" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 300px" alt="" srcset="images/project-management-p-500.png 500w, images/project-management.png 512w" class="image-154"><img src="images/human_computer3.jpg" loading="lazy" width="600" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 446.09375px, 45vw" alt="" srcset="images/human_computer3-p-500.jpg 500w, images/human_computer3-p-800.jpg 800w, images/human_computer3-p-1080.jpg 1080w, images/human_computer3.jpg 1200w" class="image-147"><img src="images/human_computer4.jpg" loading="lazy" width="550" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 346.9583435058594px, 35vw" alt="" srcset="images/human_computer4-p-500.jpg 500w, images/human_computer4-p-800.jpg 800w, images/human_computer4-p-1080.jpg 1080w, images/human_computer4-p-1600.jpg 1600w, images/human_computer4.jpg 1600w" class="image-148"><img src="images/blue-purple-technology-circuit-min.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 446.09375px, 45vw" width="7" alt="" srcset="images/blue-purple-technology-circuit-min-p-500.jpg 500w, images/blue-purple-technology-circuit-min-p-800.jpg 800w, images/blue-purple-technology-circuit-min-p-1080.jpg 1080w, images/blue-purple-technology-circuit-min-p-1600.jpg 1600w, images/blue-purple-technology-circuit-min-p-2000.jpg 2000w, images/blue-purple-technology-circuit-min-p-2600.jpg 2600w, images/blue-purple-technology-circuit-min-p-3200.jpg 3200w" class="image-13"><img src="images/nanotechnology.png" loading="lazy" width="256" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 256px" alt="" srcset="images/nanotechnology-p-500.png 500w, images/nanotechnology.png 512w" class="image-33"><img src="images/3107-2.png" loading="lazy" width="229.5" alt="" class="image-34"><img src="images/3107-1.png" loading="lazy" width="300" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 300px" alt="" srcset="images/3107-1-p-500.png 500w, images/3107-1-p-800.png 800w, images/3107-1.png 852w" class="image-35"><img src="images/image-4.png" loading="lazy" width="200" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 200px" alt="" srcset="images/image-4-p-500.png 500w, images/image-4.png 553w" class="image-36"><img src="images/image.png" loading="lazy" width="200" alt="" class="image-37">
      </div>
    </div>
    <div id="istoria" class="istoria" data-section-name="Ιστορία">
      <div class="intro-istorias">
        <div class="div-block-204">
          <p data-w-id="8f900f74-986b-4476-e2f7-1c176c4039d5" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-72">Προτού συνεχίσουμε,<br>ας δούμε πώς φτάσαμε ως εδώ...</p>
        </div>
      </div>
      <div class="timeline" data-section-name="Οι Απαρχές">
        <section data-w-id="234c7ee4-5088-4dda-2474-b09d1d1f4f61" class="section-22">
          <div class="timeline-wrapper">
            <div data-w-id="95d9e913-ed86-37a6-9bf7-b515304036d4" style="opacity:0" class="div-block-182">
              <div data-w-id="c61d088e-859a-f339-3758-75df0326ac86" class="timeline-year">2000 π.Χ</div>
              <div class="timeline-circle"></div>
            </div>
            <div data-w-id="61bae873-7a07-075f-1b08-00981aa5d201" style="opacity:0" class="div-block-183">
              <div class="timeline-year-2">300 π.Χ.</div>
              <div class="timeline-circle-2"></div>
            </div>
            <div data-w-id="15934604-9f80-c08a-c867-69a7fdd9fd30" style="opacity:0" class="div-block-184">
              <div class="timeline-year-3">1614</div>
              <div class="timeline-circle-3"></div>
            </div>
            <div data-w-id="6f2c3b2a-0dd6-dda5-b78f-c85ca43332f4" style="opacity:0" class="div-block-185">
              <div class="timeline-year-4">1822</div>
              <div class="timeline-circle-3"></div>
            </div>
            <div data-w-id="8ed21670-a30b-7262-6027-2a8ccd4743e6" style="opacity:0" class="div-block-186">
              <div class="timeline-year-5">1837</div>
              <div class="timeline-circle-3"></div>
            </div>
            <div data-w-id="3fef6d9c-4e6e-5be4-4f83-4c9028459d64" style="opacity:0" class="div-block-187">
              <div class="timeline-year-6">1937-1942</div>
              <div class="timeline-circle-4"></div>
            </div>
            <div data-w-id="ecc9e2b1-ef6d-418b-fe6f-5170f2997588" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="timeline-progress">
              <div class="timeline-progress-bar"></div>
            </div>
          </div>
          <div class="div-block-203">
            <h2 data-w-id="206d65f1-a14c-cf84-2fea-217ed0ad75a3" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-20">Οι Απαρχές</h2>
          </div>
          <div class="timeline-events">
            <div class="container-3 w-container"><img src="images/image-23.png" loading="lazy" width="250" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" alt="" data-w-id="c3c02879-c3c8-372a-2ed6-6e844df152c9" class="image-39">
              <div class="div-block-17">
                <div class="text-block-6">Ο Κινεζικός άβακας, σουάν παν</div>
              </div>
              <div class="w-layout-grid grid">
                <div id="w-node-_32089625-acf9-f0ad-cf7c-1c42c6b4e344-3257b2da" class="div-block-146"><img class="image-40" src="images/vintage-wooden-abacus-table.jpg" width="650" alt="Κινέζικος Άβακας" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 631.96875px, 64vw" data-w-id="5aee3e64-f69d-f1a8-a227-27a7b2262208" loading="lazy" srcset="images/vintage-wooden-abacus-table-p-500.jpg 500w, images/vintage-wooden-abacus-table-p-800.jpg 800w, images/vintage-wooden-abacus-table-p-1080.jpg 1080w, images/vintage-wooden-abacus-table-p-1600.jpg 1600w, images/vintage-wooden-abacus-table-p-2000.jpg 2000w, images/vintage-wooden-abacus-table-p-2600.jpg 2600w, images/vintage-wooden-abacus-table-p-3200.jpg 3200w"></div>
                <div id="w-node-_206a9a8c-022c-025f-39db-d86bb6fd0141-3257b2da" class="div-block-143">
                  <ul role="list" class="list-3">
                    <li data-w-id="f03ae4c2-33de-d0ef-8392-ae3cfc16770e" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="list-item">Η «προϊστορία» των υπολογιστικών μηχανών ξεκινάει από πολύ παλιά. Γύρω στα 500 π.χ. παρουσιάζεται ο άβακας, μια απλή συσκευή μέτρησης που αποτελείται από χάντρες ή πέτρες σε ένα πλαίσιο, εφευρέθηκε στην Κίνα.<br></li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="container-3 w-container">
              <div class="div-block-17">
                <div class="text-block-6">Αστρολάβοι</div>
              </div>
              <div class="w-layout-grid grid-2">
                <div id="w-node-_3bee0ec3-ed8e-6df5-41a7-d97cb95c6d88-3257b2da" class="div-block-143">
                  <ul role="list" class="list-3">
                    <li data-w-id="442ba46a-3feb-0f49-d4e9-48e698ccb8ac" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="list-item">Οι αστρολάβοι μπορούν να θεωρηθούν ως οι πρώτοι αναλογικοί υπολογιστές. Χρησιμοποιήθηκαν για την παρατήρηση των αστέρων και τον προσδιορισμό του ύψους τους από τον ορίζοντα.</li>
                    <li data-w-id="442ba46a-3feb-0f49-d4e9-48e698ccb8ad" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="list-item">Ένας τέτοιος μηχανισμός βρέθηκε το 1900, στο βυθό της θάλασσας των Αντικυθήρων &quot;Μηχανισμός των Αντικυθήρων&quot; (87 π.χ.), είναι μια αστρονομική συσκευή, που λειτουργούσε σαν ένας φορητός ημερολογιακός υπολογιστής σταθερού προγράμματος.<br></li>
                  </ul>
                </div>
                <div id="w-node-_8189e815-1d5c-3e1a-3831-5ff45c839799-3257b2da"><img class="image-5" src="images/antikithia.png" width="650" alt="Ο μηχανισμός των Αντικυθήρων" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 631.96875px, 64vw" data-w-id="1342a32e-849f-708c-3e7a-95b2a4d7ff7c" loading="lazy" srcset="images/antikithia-p-500.png 500w, images/antikithia-p-800.png 800w, images/antikithia-p-1080.png 1080w, images/antikithia-p-1600.png 1600w, images/antikithia.png 1704w"></div>
              </div>
            </div>
            <div class="container-3 w-container">
              <div class="div-block-17">
                <div class="text-block-6">Εφεύρεση των λογαρίθμων</div>
              </div>
              <div class="w-layout-grid grid-2">
                <div id="w-node-ce3937da-10af-730c-fe61-1280ee34b7be-3257b2da" class="div-block-143">
                  <ul role="list" class="list-3">
                    <li data-w-id="ce3937da-10af-730c-fe61-1280ee34b7c0" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="list-item">Οι λογάριθμοι εισήχθησαν για πρώτη φορά από τον Σκωτσέζο μαθηματικό John Napier το 1614. Ο στόχος του Napier ήταν να δημιουργήσει ένα σύστημα αριθμών που θα απλοποιούσε πολύπλοκους μαθηματικούς υπολογισμούς, ιδιαίτερα αυτούς που περιλαμβάνουν πολλαπλασιασμό και διαίρεση.<br></li>
                  </ul>
                </div>
                <div id="w-node-ce3937da-10af-730c-fe61-1280ee34b7c5-3257b2da" class="div-block-144"><img class="image-6" src="images/John-Napier-mathematician-portrait-University-of-Edinburgh.webp" width="650" alt="John Napier" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 505.57293701171875px, 51vw" data-w-id="ce3937da-10af-730c-fe61-1280ee34b7c6" loading="lazy" srcset="images/John-Napier-mathematician-portrait-University-of-Edinburgh-p-500.webp 500w, images/John-Napier-mathematician-portrait-University-of-Edinburgh-p-800.webp 800w, images/John-Napier-mathematician-portrait-University-of-Edinburgh.webp 965w"></div>
              </div>
            </div>
            <div class="container-3 w-container">
              <div class="div-block-17">
                <div class="text-block-6">Η μηχανή διαφοράς του Charles Babbage</div>
              </div>
              <div class="w-layout-grid grid-2">
                <div id="w-node-e594745a-1c9c-c27c-1404-740b4932eb1b-3257b2da" class="div-block-143">
                  <ul role="list" class="list-3">
                    <li data-w-id="e594745a-1c9c-c27c-1404-740b4932eb1d" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="list-item">Ο Babbage άρχισε να εργάζεται στον Difference Engine στις αρχές της δεκαετίας του 1820. Το μηχάνημα σχεδιάστηκε για να εκτελεί αυτόματα μαθηματικούς υπολογισμούς, χρησιμοποιώντας ένα σύνολο γραναζιών και μοχλών για να πραγματοποιήσει πράξεις όπως πρόσθεση, αφαίρεση, πολλαπλασιασμό και διαίρεση. Το μηχάνημα σχεδιάστηκε για να χρησιμοποιεί ένα σύστημα δεκαδικών αριθμών και μπορούσε να υπολογίσει έως και εξαψήφιους αριθμούς.<br></li>
                  </ul>
                </div>
                <div id="w-node-e594745a-1c9c-c27c-1404-740b4932eb20-3257b2da" class="div-block-145"><img class="image-7" src="images/Babbage_Difference_Engine.jpg" width="650" alt="Baddage difference engine" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 631.96875px, 64vw" data-w-id="e594745a-1c9c-c27c-1404-740b4932eb21" loading="lazy" srcset="images/Babbage_Difference_Engine-p-500.jpg 500w, images/Babbage_Difference_Engine-p-800.jpg 800w, images/Babbage_Difference_Engine-p-1080.jpg 1080w, images/Babbage_Difference_Engine-p-1600.jpg 1600w, images/Babbage_Difference_Engine-p-2000.jpg 2000w, images/Babbage_Difference_Engine-p-2600.jpg 2600w, images/Babbage_Difference_Engine-p-3200.jpg 3200w, images/Babbage_Difference_Engine.jpg 3503w"></div>
              </div>
            </div>
            <div class="container-3 w-container">
              <div class="div-block-17">
                <div class="text-block-6">Η αναλυτική μηχανή του Charles Babbage</div>
              </div>
              <div class="w-layout-grid grid-2-copy">
                <div id="w-node-_493711b4-17c6-20bd-7d43-3f036c683084-3257b2da" class="div-block-145"><img class="image-5" src="images/Babbages_Analytical_Engine_1834-1871._9660574685.jpg" width="650" alt="Baddage analytical engine " style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 631.96875px, 64vw" data-w-id="493711b4-17c6-20bd-7d43-3f036c683085" loading="lazy" srcset="images/Babbages_Analytical_Engine_1834-1871._9660574685-p-500.jpg 500w, images/Babbages_Analytical_Engine_1834-1871._9660574685-p-800.jpg 800w, images/Babbages_Analytical_Engine_1834-1871._9660574685-p-1080.jpg 1080w, images/Babbages_Analytical_Engine_1834-1871._9660574685.jpg 1250w"></div>
                <div id="w-node-_493711b4-17c6-20bd-7d43-3f036c68307f-3257b2da" class="div-block-143">
                  <ul role="list" class="list-3">
                    <li data-w-id="493711b4-17c6-20bd-7d43-3f036c683081" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="list-item">Η Ada Lovelace ήταν μια Αγγλίδα μαθηματικός και συγγραφέας που θεωρείται ευρέως ως η πρώτη προγραμματίστρια υπολογιστών στον κόσμο. Στα μέσα του 1800, συνεργάστηκε με τον Charles Babbage, τον εφευρέτη της Μηχανής Διαφοράς και της Αναλυτικής Μηχανής. <br></li>
                    <li data-w-id="beb16721-e93d-9ae9-8858-cc4820928108" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="list-item">Μία από τις πιο σημαντικές συνεισφορές της Lovelace στην ανάπτυξη των υπολογιστών ήταν η αναγνώρισή της ότι η Αναλυτική Μηχανή θα μπορούσε να χρησιμοποιηθεί για την εκτέλεση εργασιών πέρα ​​από απλούς μαθηματικούς υπολογισμούς. Οραματίστηκε ένα μέλλον στο οποίο μηχανές  θα μπορούσαν να χρησιμοποιηθούν για τη δημιουργία νέων έργων τέχνης, τη δημιουργία μουσικής και ακόμη και τη δημιουργία νέων μορφών λογοτεχνίας.<br></li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="container-3 w-container">
              <div class="div-block-17">
                <div data-w-id="3e80a81a-7ca4-fe0b-94c8-39d0a6aa4731" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="text-block-6">Υπολογιστής Atanasoff-Berry</div>
              </div>
              <div class="w-layout-grid grid-2-copy">
                <div id="w-node-_3e80a81a-7ca4-fe0b-94c8-39d0a6aa4734-3257b2da" class="div-block-145"><img class="image-14" src="images/Atanasoff-Berry_Computer_at_Durhum_Center.jpg" width="650" alt="Atanassof-Berry computer" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 473.96875px, 48vw" data-w-id="3e80a81a-7ca4-fe0b-94c8-39d0a6aa4735" loading="lazy" srcset="images/Atanasoff-Berry_Computer_at_Durhum_Center-p-500.jpg 500w, images/Atanasoff-Berry_Computer_at_Durhum_Center-p-800.jpg 800w, images/Atanasoff-Berry_Computer_at_Durhum_Center.jpg 1042w"></div>
                <div id="w-node-_3e80a81a-7ca4-fe0b-94c8-39d0a6aa4736-3257b2da" class="div-block-143">
                  <ul role="list" class="list-3">
                    <li data-w-id="3e80a81a-7ca4-fe0b-94c8-39d0a6aa4738" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="list-item">Ο Υπολογιστής Atanasoff-Berry, ή ABC, αναπτύχθηκε στα τέλη της δεκαετίας του 1930 και στις αρχές της δεκαετίας του 1940 από τον John Atanasoff, καθηγητή φυσικής και μαθηματικών, και τον μεταπτυχιακό φοιτητή του, Clifford Berry, στο Iowa State College. Το μηχάνημα χρησιμοποίησε δυαδικά ψηφία και ηλεκτρονικούς διακόπτες για να εκτελέσει υπολογισμούς, καθιστώντας το ένα από τα πρώτα παραδείγματα ηλεκτρονικού ψηφιακού υπολογιστή.<br></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
      <div class="istoria-ypologistwn-wrapper" data-section-name="Γενιές Υπολογιστών">
        <div data-w-id="c68a4685-ae93-e6ed-b56e-9c2db9b5bc80" class="paragraphs">
          <div class="div-block-198">
            <p class="paragraph-52">Αυτές είναι μόνο μερικές από τις βασικές <span class="bold-span">εφευρέσεις</span> που άνοιξαν το δρόμο για τους σύγχρονους υπολογιστές όπως τους γνωρίζουμε σήμερα.<br></p>
          </div>
          <div class="div-block-199">
            <p class="paragraph-52">Με τα χρόνια, υπήρξαν πολλές διαφορετικές <span class="bold-span">γενιές υπολογιστών</span>, καθεμία από τις οποίες χαρακτηρίζεται από σημαντικές τεχνολογικές εξελίξεις και καινοτομίες.<br></p>
          </div>
        </div>
        <div data-w-id="c2cd9af0-3217-19ee-9705-4930e1b9f766" class="istoria-twn-ypologistwn center">
          <div class="div-block-32">
            <h2 data-w-id="3206c8d8-8b55-1f38-6ae5-64b5eaff40b7" class="heading-20">Γενιές Υπολογιστών</h2>
          </div>
        </div>
        <div class="xronodiagramma"></div>
        <div data-w-id="1b50eaa0-1eb5-8624-7129-e78aaae5c88f" class="track">
          <div class="camera">
            <div class="frame">
              <div class="frame-item-1">
                <div id="w-node-c623ef61-13ea-8b09-8efb-303aa2100d72-3257b2da" class="div-block-41">
                  <h2 data-w-id="c623ef61-13ea-8b09-8efb-303aa2100d74" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="generation-heading"><span class="text-span-6">1η</span>Γενιά<br>(1940s - 1950s)</h2>
                  <div data-w-id="c623ef61-13ea-8b09-8efb-303aa2100d78" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-116">
                    <div class="text-block-14">Οι υπολογιστές της πρώτης γενιάς χρησιμοποιούσαν <span class="text-span-16">σωλήνες κενού</span> για κυκλώματα και <span class="text-span-16">μαγνητικά τύμπανα</span> για αποθήκευση δεδομένων. Παραδείγματα υπολογιστών πρώτης γενιάς περιλαμβάνουν τον ENIAC και τον UNIVAC.<br></div>
                    <ul role="list" class="gens-list-copy">
                      <li class="gens-list-item">Eίχαν μεγάλη κατανάλωση ηλεκτρικής ενέργειας, παρήγαγαν πολύ θερμότητα</li>
                      <li class="gens-list-item">Kαταλάμβαναν πλήρεις χώρους και είχαν πολύ χαμηλή αξιοπιστία</li>
                      <li class="gens-list-item">Χρησιμοποιήθηκαν για επιστημονικές και στρατιωτικές εφαρμογές σε μυστικά εργαστήρια</li>
                      <li class="gens-list-item">Ήταν απαγορευτικά ακριβοί και απρόσιτοι για τους απλούς ανθρώπους</li>
                    </ul>
                  </div>
                </div>
                <div id="w-node-_66c85c34-e00c-7e33-334f-9bc13c4958a9-3257b2da" class="div-block-111"><img src="images/stickers-1.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 83.75041198730469px, 8vw" alt="" srcset="images/stickers-1-p-500.png 500w, images/stickers-1-p-800.png 800w, images/stickers-1-p-1080.png 1080w, images/stickers-1-p-1600.png 1600w, images/stickers-1.png 1605w" class="image-138"><img src="images/eniac2.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 254.14584350585938px, 26vw" srcset="images/eniac2-p-500.jpg 500w, images/eniac2-p-800.jpg 800w, images/eniac2-p-1080.jpg 1080w, images/eniac2.jpg 1200w" alt="" class="image-173"></div>
                <div id="w-node-cba70cf6-a38b-822f-7800-cc192a6d470e-3257b2da" class="div-block-114"><img src="images/eniac5.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 423.57293701171875px, 43vw" srcset="images/eniac5-p-500.jpg 500w, images/eniac5-p-800.jpg 800w, images/eniac5-p-1080.jpg 1080w, images/eniac5-p-1600.jpg 1600w, images/eniac5-p-2000.jpg 2000w, images/eniac5-p-2600.jpg 2600w, images/eniac5.jpg 3000w" alt="" class="image-173"></div>
                <div id="w-node-_5a9422c1-00c9-b7e3-b713-5f8ffd6a50d9-3257b2da" class="div-block-110"><img src="images/stickers-2.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 148.6979217529297px, 15vw" alt="" srcset="images/stickers-2-p-500.png 500w, images/stickers-2-p-800.png 800w, images/stickers-2-p-1080.png 1080w, images/stickers-2-p-1600.png 1600w, images/stickers-2.png 1645w" class="image-137"></div>
              </div>
              <div class="frame-item-2">
                <div id="w-node-ff7607a6-d8e8-8c81-df83-5f30f6d4bb7e-3257b2da" class="div-block-42"><img src="images/stickers-3.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 81.9345703125px, 8vw" alt="" srcset="images/stickers-3-p-500.png 500w, images/stickers-3-p-800.png 800w, images/stickers-3-p-1080.png 1080w, images/stickers-3-p-1600.png 1600w, images/stickers-3.png 1670w" class="image-138"><img src="images/second_gen2.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 264.6875px, 27vw" srcset="images/second_gen2-p-500.jpg 500w, images/second_gen2-p-800.jpg 800w, images/second_gen2-p-1080.jpg 1080w, images/second_gen2.jpg 1200w" alt="" class="image-173"></div>
                <div id="w-node-ff7607a6-d8e8-8c81-df83-5f30f6d4bb7f-3257b2da" class="div-block-43">
                  <h2 data-w-id="ff7607a6-d8e8-8c81-df83-5f30f6d4bb80" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="generation-heading"><span class="text-span-6">2η</span>Γενιά (1950s - 1960s)</h2>
                  <div data-w-id="43f562f9-b360-7b88-a45b-75d426f4a97c" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-109">
                    <div class="text-block-14">Η δεύτερη γενιά υπολογιστών χρησιμοποιούσε <span class="text-span-16">τρανζίστορ</span> aντί για σωλήνες κενού, γεγονός που τους έκανε μικρότερους, ταχύτερους και πιο αξιόπιστους. Η <span class="text-span-16">μνήμη μαγνητικού πυρήνα</span> εισήχθη επίσης σε αυτή τη γενιά. Παραδείγματα υπολογιστών δεύτερης γενιάς περιλαμβάνουν τον IBM 1401 και τον DEC PDP-8.<br></div>
                  </div>
                </div>
                <div id="w-node-b2097af9-000a-844d-2845-7b19f5c67869-3257b2da" class="div-block-112"></div>
                <div id="w-node-_1ef8887a-4b08-9870-154d-03238b481afc-3257b2da" class="div-block-113"><img src="images/human_computer.jpg" loading="lazy" alt="" class="image-173"><img src="images/stickers-4.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 145.7892303466797px, 15vw" alt="" srcset="images/stickers-4-p-500.png 500w, images/stickers-4-p-800.png 800w, images/stickers-4-p-1080.png 1080w, images/stickers-4-p-1600.png 1600w, images/stickers-4.png 1900w" class="image-142"></div>
                <div id="w-node-ff7607a6-d8e8-8c81-df83-5f30f6d4bb86-3257b2da" class="div-block-44">
                  <div data-w-id="b6ec9dd7-c047-9e8d-22e4-9b295a1f363b" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-109">
                    <ul role="list" class="gens-list-2">
                      <li class="gens-list-item">μείωση της κατανάλωσης ενέργειας, του όγκου (μεγέθους) και του κόστους και</li>
                      <li class="gens-list-item">αύξηση της ταχύτητάς.</li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="frame-item-3">
                <div id="w-node-e5557277-e582-76e6-4f4d-d553b570b3af-3257b2da" class="div-block-45">
                  <h2 data-w-id="e5557277-e582-76e6-4f4d-d553b570b3b0" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="generation-heading"><span class="text-span-6">3η</span>Γενιά<br>(1960s - 1970s)</h2>
                  <div data-w-id="0489a5b9-855b-b173-c622-73ab4ca5b7ed" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-117">
                    <div class="text-block-14">Η τρίτη γενιά υπολογιστών χρησιμοποιούσε <span class="text-span-16">ολοκληρωμένα κυκλώματα</span>, τα οποία επέτρεψαν ακόμη μεγαλύτερη ταχύτητα, αξιοπιστία και μείωση στο μέγεθος. Αυτοί οι υπολογιστές είχαν επίσης τη δυνατότητα πολλαπλής επεξεργασίας και χρονομερισμού. Παραδείγματα υπολογιστών τρίτης γενιάς περιλαμβάνουν το IBM System/360 και το DEC PDP-11.<br></div>
                  </div>
                </div>
                <div id="w-node-e5557277-e582-76e6-4f4d-d553b570b3bb-3257b2da" class="div-block-46"><img src="images/third_gen3.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 295.75px, 30vw" srcset="images/third_gen3-p-500.jpg 500w, images/third_gen3-p-800.jpg 800w, images/third_gen3-p-1080.jpg 1080w, images/third_gen3-p-1600.jpg 1600w, images/third_gen3.jpg 1601w" alt="" class="image-173"></div>
                <div id="w-node-f27362f5-49f7-750d-2cba-4b43a830686c-3257b2da" class="div-block-115"><img src="images/stickers-2.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 158.6041717529297px, 16vw" alt="" srcset="images/stickers-2-p-500.png 500w, images/stickers-2-p-800.png 800w, images/stickers-2-p-1080.png 1080w, images/stickers-2-p-1600.png 1600w, images/stickers-2.png 1645w" class="image-140">
                  <div data-w-id="350e2cff-72e0-26f9-c439-2d98eb09ed80" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-118">
                    <div class="text-block-15">Για πρώτη φορά έχουμε οικογένειες υπολογιστών (δηλ. υπολογιστές με παρόμοια λειτουργία, που μπορούν να εκτελούν το ίδιο σύνολο εντολών)</div>
                  </div>
                </div>
                <div id="w-node-e5557277-e582-76e6-4f4d-d553b570b3bc-3257b2da" class="div-block-47"><img src="images/stickers-3.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 145.435546875px, 15vw" alt="" srcset="images/stickers-3-p-500.png 500w, images/stickers-3-p-800.png 800w, images/stickers-3-p-1080.png 1080w, images/stickers-3-p-1600.png 1600w, images/stickers-3.png 1670w" class="image-139"></div>
              </div>
              <div class="frame-item-4">
                <div id="w-node-b43acd12-2a41-00a0-eaa7-48ba9d211953-3257b2da" class="div-block-48">
                  <h2 data-w-id="b43acd12-2a41-00a0-eaa7-48ba9d211954" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="generation-heading"><span class="text-span-6">4η</span>Γενιά (1970s - παρόν)</h2>
                  <div data-w-id="bd1240b8-2c0f-360b-e1b5-8e2a9ad26b6f" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-117">
                    <div class="text-block-14">Η τέταρτη γενιά υπολογιστών είδε την εισαγωγή <span class="text-span-16">μικροεπεξεργαστών</span>, οι οποίοι επέτρεψαν την ανάπτυξη προσωπικών υπολογιστών και άλλων μικρών, προσιτών υπολογιστικών συσκευών.<br><br>Σε αυτή τη γενιά εισήχθησαν επίσης γραφικές διεπαφές χρήστη και δυνατότητες δικτύωσης. <br></div>
                    <div class="text-block-14"><br>Το 1981 η IBM παρουσιάζει τον πρώτο <span class="text-span-20">Προσωπικό Υπολογιστή</span> (Personal Computer, PC)</div>
                  </div>
                </div>
                <div id="w-node-b43acd12-2a41-00a0-eaa7-48ba9d21195f-3257b2da" class="div-block-49"><img src="images/stickers-5.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 165.205078125px, 17vw" alt="" srcset="images/stickers-5-p-500.png 500w, images/stickers-5-p-800.png 800w, images/stickers-5-p-1080.png 1080w, images/stickers-5-p-1600.png 1600w, images/stickers-5.png 1695w" class="image-141"><img src="images/fourth_gen.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 213.14584350585938px, 22vw" srcset="images/fourth_gen-p-500.jpg 500w, images/fourth_gen-p-800.jpg 800w, images/fourth_gen-p-1080.jpg 1080w, images/fourth_gen-p-1600.jpg 1600w, images/fourth_gen.jpg 1600w" alt="" class="image-173"></div>
                <div id="w-node-b43acd12-2a41-00a0-eaa7-48ba9d211960-3257b2da" class="div-block-50"><img src="images/stickers-6.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 148.6979217529297px, 15vw" alt="" srcset="images/stickers-6-p-500.png 500w, images/stickers-6-p-800.png 800w, images/stickers-6-p-1080.png 1080w, images/stickers-6-p-1600.png 1600w, images/stickers-6.png 1625w" class="image-137"><img src="images/computerchip-technology-electronics-industry-1.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 271.38543701171875px, 27vw" srcset="images/computerchip-technology-electronics-industry-1-p-500.jpg 500w, images/computerchip-technology-electronics-industry-1-p-800.jpg 800w, images/computerchip-technology-electronics-industry-1-p-1080.jpg 1080w, images/computerchip-technology-electronics-industry-1-p-1600.jpg 1600w, images/computerchip-technology-electronics-industry-1-p-2000.jpg 2000w, images/computerchip-technology-electronics-industry-1-p-2600.jpg 2600w, images/computerchip-technology-electronics-industry-1-p-3200.jpg 3200w" alt="" class="image-173"></div>
                <div id="w-node-_12d28deb-7baf-297c-6177-d56005d8459d-3257b2da" class="div-block-119"></div>
              </div>
              <div class="frame-item-5">
                <div id="w-node-_4eb2ff57-1e37-7289-ec38-bc505f66a001-3257b2da" class="div-block-51">
                  <h2 data-w-id="4eb2ff57-1e37-7289-ec38-bc505f66a002" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="generation-heading"><span class="text-span-6">5η</span>Γενιά: Το μέλλον ...</h2>
                  <div data-w-id="b8c28e1c-18f9-a378-4ac5-dac355e3883f" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-117">
                    <div class="text-block-14">Η πέμπτη γενιά υπολογιστών αναμένεται να χαρακτηρίζεται από προηγμένες δυνατότητες <span class="text-span-16">τεχνητής νοημοσύνης</span> και <span class="text-span-16">μηχανικής μάθησης</span>. Αυτοί οι υπολογιστές θα είναι σε θέση να επεξεργάζονται τεράστιες ποσότητες δεδομένων σε πραγματικό χρόνο και θα μπορούν να λαμβάνουν αποφάσεις και να εκτελούν εργασίες με υψηλό βαθμό ακρίβειας και αυτονομίας. Παραδείγματα τεχνολογιών υπολογιστών πέμπτης γενιάς που αναπτύσσονται επί του παρόντος περιλαμβάνουν τον κβαντικό υπολογισμό τον νευρομορφικό υπολογισμό και τον διάχυτο υπολογισμό.<br></div>
                  </div><img src="images/stickers-2.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 158.6041717529297px, 16vw" alt="" srcset="images/stickers-2-p-500.png 500w, images/stickers-2-p-800.png 800w, images/stickers-2-p-1080.png 1080w, images/stickers-2-p-1600.png 1600w, images/stickers-2.png 1645w" class="image-140">
                </div>
                <div id="w-node-_4eb2ff57-1e37-7289-ec38-bc505f66a00d-3257b2da" class="div-block-52"></div>
                <div id="w-node-_4eb2ff57-1e37-7289-ec38-bc505f66a00e-3257b2da" class="div-block-53"></div>
                <div id="w-node-_69ab8b3d-2b85-376a-271a-5b397d709b88-3257b2da" class="div-block-120"><img src="images/stickers-6.png" loading="lazy" width="250" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 250px" alt="" srcset="images/stickers-6-p-500.png 500w, images/stickers-6-p-800.png 800w, images/stickers-6-p-1080.png 1080w, images/stickers-6-p-1600.png 1600w, images/stickers-6.png 1625w" class="image-143"><img src="images/abstract-technology-background-futuristic-digital-huds-geometry.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 519.3541870117188px, 52vw" srcset="images/abstract-technology-background-futuristic-digital-huds-geometry-p-500.jpg 500w, images/abstract-technology-background-futuristic-digital-huds-geometry-p-800.jpg 800w, images/abstract-technology-background-futuristic-digital-huds-geometry-p-1080.jpg 1080w, images/abstract-technology-background-futuristic-digital-huds-geometry-p-1600.jpg 1600w, images/abstract-technology-background-futuristic-digital-huds-geometry-p-2000.jpg 2000w, images/abstract-technology-background-futuristic-digital-huds-geometry-p-2600.jpg 2600w, images/abstract-technology-background-futuristic-digital-huds-geometry-p-3200.jpg 3200w" alt="" class="image-173"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="xronodiagramma-2">
          <div class="div-line"></div>
          <div class="fake-shadow"></div>
        </div>
      </div>
      <div class="epoxes-ypologistwn-content" data-section-name="Εποχές Υπολογιστών">
        <div class="epoxes-ypologistwn">
          <div data-w-id="a2db07a2-b6b6-1848-8f2e-4a99d36c3e4e" class="epoxes center"><img src="images/27240.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/27240-p-500.png 500w, images/27240-p-800.png 800w, images/27240-p-1080.png 1080w, images/27240-p-1600.png 1600w, images/27240-p-2600.png 2600w, images/27240-p-3200.png 3200w" alt="" class="image-144">
            <div class="container-33 w-container">
              <p class="paragraph-29">Διακρίνουμε <span class="text-span-25">3</span></p>
              <h2 class="heading-29">Εποχές - Κύματα</h2>
              <p class="paragraph-30">Υπολογιστών</p>
            </div>
          </div>
          <div class="epoxes-1"><img src="images/wave1.png" loading="lazy" id="w-node-c37a5386-53c1-69e5-d92f-8adf5d2f2479-3257b2da" sizes="(max-width: 479px) 0px, 100vw" alt="" srcset="images/wave1-p-500.png 500w, images/wave1-p-800.png 800w, images/wave1-p-1080.png 1080w, images/wave1-p-1600.png 1600w, images/wave1-p-2000.png 2000w, images/wave1-p-2600.png 2600w, images/wave1-p-3200.png 3200w" class="image-159">
            <div id="w-node-_6d13533b-36cb-1d9f-4d09-8abcaa17cf3a-3257b2da" class="div-block-59">
              <div class="arch-block"></div>
              <h3 data-w-id="51ce318f-4434-79a2-9e7e-487c2cead703" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-30">Εποχή του<br>Mainframe</h3>
              <p id="w-node-_94aae78a-55a0-8537-8ce5-3310237501f6-3257b2da" data-w-id="94aae78a-55a0-8537-8ce5-3310237501f6" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-27">Πολλοί χρήστες, ένας υπολογιστής</p>
              <a data-w-id="c0386b71-687f-e5dd-908c-7517fdc155fd" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" href="#" class="link-block-4 w-inline-block">
                <div class="text-block-27">περισσότερα</div>
              </a>
              <div class="disclaimer-div epoxes">
                <div>Προσωρινά μη διαθέσιμο</div>
              </div>
            </div>
          </div>
          <div class="epoxes-2"><img src="images/wave2.png" loading="lazy" id="w-node-_42ddaa68-5421-c715-6323-e82b362d644b-3257b2da" sizes="(max-width: 479px) 0px, 100vw" alt="" srcset="images/wave2-p-500.png 500w, images/wave2-p-800.png 800w, images/wave2-p-1080.png 1080w, images/wave2-p-1600.png 1600w, images/wave2-p-2000.png 2000w, images/wave2-p-2600.png 2600w, images/wave2-p-3200.png 3200w" class="image-159">
            <div id="w-node-fb761edc-cfeb-e0ca-d03a-05e9e89bb1eb-3257b2da" class="div-block-1">
              <div class="arch-block-2"></div>
              <h3 data-w-id="fb761edc-cfeb-e0ca-d03a-05e9e89bb1e9" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-31">Εποχή του PC</h3>
              <p id="w-node-fb761edc-cfeb-e0ca-d03a-05e9e89bb1ec-3257b2da" data-w-id="fb761edc-cfeb-e0ca-d03a-05e9e89bb1ec" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-27">Ένας χρήστης, ένας υπολογιστής</p>
              <a data-w-id="7e73c3e9-2fc8-44a5-13e2-3b01b6eabe0d" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" href="#" class="link-block-5 w-inline-block">
                <div class="text-block-27">περισσότερα</div>
              </a>
              <div class="disclaimer-div epoxes">
                <div>Προσωρινά μη διαθέσιμο</div>
              </div>
            </div>
          </div>
          <div class="epoxes-3"><img src="images/wave3.png" loading="lazy" id="w-node-d0168786-62c9-b266-6b2c-4e92375a945b-3257b2da" sizes="(max-width: 479px) 0px, 100vw" alt="" srcset="images/wave3-p-500.png 500w, images/wave3-p-800.png 800w, images/wave3-p-1080.png 1080w, images/wave3-p-1600.png 1600w, images/wave3-p-2000.png 2000w, images/wave3-p-2600.png 2600w, images/wave3-p-3200.png 3200w" class="image-159">
            <div id="w-node-_81feff44-98f5-fde0-85c0-2b4c7627fb66-3257b2da" class="div-block-67">
              <div class="arch-block-3"></div>
              <h3 data-w-id="81feff44-98f5-fde0-85c0-2b4c7627fb64" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-32">Εποχή του <br>Διάχυτου Yπολογισμού</h3>
              <p id="w-node-_81feff44-98f5-fde0-85c0-2b4c7627fb67-3257b2da" data-w-id="81feff44-98f5-fde0-85c0-2b4c7627fb67" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-27">Ένας χρήστης, πολλοί υπολογιστές</p>
            </div>
          </div>
          <div class="div-block-168"><img src="images/wave3_1.png" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 6001px) 100vw, 6001px" srcset="images/wave3_1-p-500.png 500w, images/wave3_1-p-800.png 800w, images/wave3_1-p-1080.png 1080w, images/wave3_1-p-1600.png 1600w, images/wave3_1-p-2000.png 2000w, images/wave3_1-p-2600.png 2600w, images/wave3_1-p-3200.png 3200w, images/wave3_1.png 6001w" alt="" class="image-165-copy"></div>
        </div>
      </div>
    </div>
    <div id="dy" class="dy" data-section-name="Εισαγωγή στην Διάχυτη Υπολογιστική">
      <div id="custom-content-2">
        <div class="epoxes-3" id="epoxes-3">
          <div id="w-node-_81feff44-98f5-fde0-85c0-2b4c7627fb66-3257b2da" class="div-block-67">
            <h3 data-w-id="81feff44-98f5-fde0-85c0-2b4c7627fb64" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-32">Εποχή του <br>Διάχυτου Yπολογισμού</h3>
            <p id="w-node-_81feff44-98f5-fde0-85c0-2b4c7627fb67-3257b2da" data-w-id="81feff44-98f5-fde0-85c0-2b4c7627fb67" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-27">Ένας χρήστης, πολλοί υπολογιστές</p>
          </div>
        </div>
        <div class="div-block-168" id="epoxes-3-wave"><img src="images/wave3_1.png" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 6001px) 100vw, 6001px" srcset="images/wave3_1-p-500.png 500w, images/wave3_1-p-800.png 800w, images/wave3_1-p-1080.png 1080w, images/wave3_1-p-1600.png 1600w, images/wave3_1-p-2000.png 2000w, images/wave3_1-p-2600.png 2600w, images/wave3_1-p-3200.png 3200w, images/wave3_1.png 6001w" alt="" class="image-165-copy"></div>
      </div>
      <div id="sunexeia-dy" data-w-id="c9a08ce8-5b0c-e529-0f60-1c031e844df9" class="dy-intro">
        <div class="container-39 w-container">
          <p class="par1 paragraph-52">Ένα τεράστιο δίκτυο διασυνδεδεμένων συσκευών ενσωματώνεται στη ζωή μας.<br></p>
          <p class="par2 paragraph-52">Ο πανταχού παρών υπολογισμός, γνωστός και ως διάχυτος υπολογισμός ή Internet of Things (IoT), βρίσκεται στο επίκεντρο αυτού του μετασχηματισμού, αναδιαμορφώνοντας τον τρόπο αλληλεπίδρασης με την τεχνολογία και φέρνοντας επανάσταση στις καθημερινές μας εμπειρίες.</p>
        </div>
      </div>
      <div class="dy-inventor" data-section-name="Ο Εμπνευστής">
        <div class="mark-weiser">
          <div class="container-47 w-container">
            <div data-w-id="f07aa73d-1f52-ad73-beba-b08717de542f" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-193">
              <p class="paragraph-61">Mark Weiser</p>
              <p class="paragraph-1">Ο Mark Weiser ήταν ένας οραματιστής επιστήμονας υπολογιστών που θεωρείται ευρέως ως <span class="bold-span">ο εφευρέτης</span> της διάχυτης υπολογιστικής.</p>
            </div>
            <div data-w-id="9b7e0ba0-2330-94ce-2c61-73d461c97294" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="quick-stack-wrapper">
              <div id="w-node-_59a4203e-d69e-604f-b998-df7cb9b5c8d2-3257b2da" class="w-layout-layout wf-layout-layout">
                <div id="w-node-_4fdf5143-53dd-2d81-c843-1034d6e3f167-3257b2da" class="w-layout-cell">
                  <div style="padding-top:56.17021276595745%" class="w-embed-youtubevideo youtube"><iframe src="https://www.youtube.com/embed/CkHALBOqn7s?rel=0&amp;controls=1&amp;autoplay=0&amp;mute=1&amp;start=0" frameborder="0" style="position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:auto" allow="autoplay; encrypted-media" allowfullscreen="" title="The Computer for the 21st Century"></iframe></div>
                </div>
                <div id="w-node-_1aa1b750-cd73-79d0-2caf-234b2d1be0b1-3257b2da" class="w-layout-cell">
                  <a data-w-id="5b782e28-0814-759a-1a4a-629cd0afe1a0" href="https://en.wikipedia.org/wiki/Mark_Weiser" target="_blank" class="biography-link w-inline-block">
                    <div style="opacity:0" class="div-block-194">
                      <div class="text-block-32">Η Βιογραφία</div>
                    </div><img src="images/markweiser4.jpeg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 545.2291870117188px, 55vw" srcset="images/markweiser4-p-500.jpeg 500w, images/markweiser4.jpeg 750w" alt="Mark Weiser - Η βιογραφία του" class="biography-image">
                  </a>
                </div>
                <div id="w-node-_66a9b744-7d80-d0bc-943d-e085894a8c20-3257b2da" class="w-layout-cell">
                  <a data-w-id="1ab8defe-a862-419e-7578-5f0e3ab48cc6" href="https://dl.acm.org/doi/epdf/10.1145/329124.329126" target="_blank" class="paper-link w-inline-block">
                    <div style="opacity:0" class="div-block-194">
                      <div class="text-block-32">The Computer for the <span class="text-span-28">21</span>st Century</div>
                    </div><img src="images/markweiser2.jpg" loading="lazy" alt="Paper - The Computer of the 21st Century" class="paper-image">
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="mark-weiser-2">
          <div class="container-47 w-container">
            <p data-w-id="3dda0363-8c0d-5d9a-40ca-dae3304f9e7a" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-2">Η θεμελιώδης εργασία του Weiser, <span class="bold-span">&quot;The Computer for the 21st Century&quot;</span>, που δημοσιεύτηκε το 1991, ενώ υπηρετούσε ως Επικεφαλής Τεχνολόγος στο <span class="bold-span">Xerox PARC</span> κατά τη διάρκεια των δεκαετιών του 1980 και του 1990, άλλαξε το τοπίο της τεχνολογίας.</p>
            <p data-w-id="e718b7b6-9278-be45-c55e-61f2e29253cd" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-2">Οραματίστηκε έναν κόσμο όπου οι υπολογιστές θα ενσωματώνονταν <span class="bold-span">απρόσκοπτα</span> στην καθημερινότητά μας, λειτουργώντας αρμονικά και αόρατα, εμπλουτίζοντας τις ανθρώπινες εμπειρίες.</p>
          </div>
        </div>
        <div class="mark-weiser-3">
          <div class="container-47 w-container">
            <div data-w-id="b92a0c5a-0105-b223-20ed-64c72986f09b" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="quotes-wrapper">
              <div class="quotes-div">
                <div class="div-block-195">
                  <div class="text-block-33">“</div>
                </div>
              </div>
              <div class="text-block-34">Machines that fit the human environment, instead of forcing humans to enter theirs, will make using a computer as refreshing as taking a walk in the woods.</div>
              <div class="text-block-35">-Mark Weiser-</div>
              <div class="quotes-div">
                <div class="div-block-195">
                  <div class="text-block-33">”</div>
                </div>
              </div>
            </div>
            <div data-w-id="f047313b-cb20-94c0-3d70-a7386dc15f7c" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="quotes-wrapper-2">
              <div class="quotes-div">
                <div class="div-block-195">
                  <div class="text-block-33">“</div>
                </div>
              </div>
              <div class="text-block-34">Ubiquitous computing names the third wave in computing. First were mainframes, each shared by lots of people. Now we are in the personal computing era, person and machine staring uneasily at each other across the desktop. Next comes ubiquitous computing, or the age of calm technology, when technology recedes into the background of our lives.</div>
              <div class="text-block-35">-Mark Weiser-</div>
              <div class="quotes-div">
                <div class="div-block-195">
                  <div class="text-block-33">”</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="dy-orismos" data-section-name="Ο Ορισμός">
        <div class="between-section-3 center">
          <div class="container-26 w-container">
            <p data-w-id="c1b1d900-d1d4-2926-237a-eab9469ac0fb" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-21">Έτσι γεννήθηκε η ...</p>
          </div>
        </div>
        <div class="diaxuth-upologistikh">
          <div class="container-15 w-container">
            <h2 data-w-id="58cedb70-65e5-9c00-ecca-c7be3ccd75c3" class="heading-6">ΔΙΆΧΥΤΗ<br>ΥΠΟΛΟΓΙΣΤΙΚΉ</h2>
          </div>
        </div>
        <div data-w-id="a810d057-46f6-30fb-000b-06b8b0e3d779" class="diaxuth-ypologistikh-2">
          <div class="search-bar"><img src="images/172_2.png" loading="lazy" height="" sizes="(max-width: 479px) 0px, 100vw" alt="" srcset="images/172_2-p-500.png 500w, images/172_2-p-800.png 800w, images/172_2-p-1080.png 1080w, images/172_2-p-1600.png 1600w, images/172_2-p-2000.png 2000w, images/172_2.png 2381w" class="image-82"></div>
          <div class="div-block-20">
            <h3 class="heading-57">Τι είναι;</h3>
            <p class="paragraph-4">Η διάχυτη υπολογιστική, ως έννοια της επιστήμης των υπολογιστών και της αλληλεπίδρασης ανθρώπου-υπολογιστή, βασίζεται στη απρόσκοπτη ενσωμάτωση της τεχνολογίας στα καθημερινά περιβάλλοντα και δραστηριότητές μας.</p>
            <p class="paragraph-5"> Η ιδέα πίσω από την πανταχού παρούσα υπολογιστική είναι η δημιουργία ενός υπολογιστικού περιβάλλοντος τόσο διάχυτου και διακριτικού που γίνεται αόρατο, ενισχύοντας τις εμπειρίες μας χωρίς να απαιτείται άμεση παρέμβαση του χρήστη.</p>
          </div>
        </div>
        <div class="between-section-4-copy"></div>
        <section data-w-id="6faa27fd-3095-9560-a7e3-61f364498635" class="between-section-4">
          <div class="transition-div"></div>
        </section>
      </div>
      <div id="assdy" class="assdy" data-section-name="Αρχές Σχεδιασμού">
        <div data-w-id="ebf016b5-a849-7305-f1a9-7666261e5399" class="assdy-1">
          <div class="div-block-149">
            <h2 class="heading-9">Αρχές Σχεδιασμού </h2>
            <h2 class="heading-24">Συστημάτων</h2>
            <h2 class="heading-22">Διάχυτου Υπολογισμού</h2>
          </div>
        </div>
        <div class="between-section-6"></div>
        <div data-w-id="475836ce-4672-57ce-f3a0-38541004608e" class="assdy-2">
          <div class="container-17 w-container">
            <div class="highlight"></div>
            <div class="highlight-2"></div>
            <div class="part-1">
              <h3 class="heading-10">απλότητα</h3>
              <div data-w-id="69a96168-c4e9-1974-f705-fad234a6f518" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-147">
                <p data-w-id="1c4d1403-fa74-a93d-eff7-7b1c7f10d5f1" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-28">Μία από τις θεμελιώδεις αρχές της διάχυτης υπολογιστικής είναι η απλότητα. Ο σχεδιασμός θα πρέπει να επιδιώκει την απλότητα στις αλληλεπιδράσεις, τις διεπαφές και τη συνολική εμπειρία χρήστη.</p>
              </div>
              <div data-w-id="e58a29c4-8107-85f5-bd24-221aca2e40c5" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-148">
                <p data-w-id="e6dff045-b425-a48f-01b2-0bd23dbdad17" style="opacity:0" class="paragraph-28">Ο στόχος είναι η τεχνολογία να συνδυάζεται <span class="text-span-16">απρόσκοπτα </span>με το περιβάλλον και την καθημερινή ζωή του χρήστη, χωρίς να τον συντρίβει ή να τον μπερδεύει με πολύπλοκες διεπαφές ή αλληλεπιδράσεις.<br></p>
              </div>
              <div class="div-block-30"><img src="images/pablo-arroyo-_SEbdtH4ZLM-unsplash.jpg" loading="lazy" width="800" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 495.66668701171875px, 50vw" alt="Απλότητα" srcset="images/pablo-arroyo-_SEbdtH4ZLM-unsplash-p-500.jpg 500w, images/pablo-arroyo-_SEbdtH4ZLM-unsplash-p-800.jpg 800w, images/pablo-arroyo-_SEbdtH4ZLM-unsplash-p-1080.jpg 1080w, images/pablo-arroyo-_SEbdtH4ZLM-unsplash-p-1600.jpg 1600w, images/pablo-arroyo-_SEbdtH4ZLM-unsplash-p-2000.jpg 2000w, images/pablo-arroyo-_SEbdtH4ZLM-unsplash-p-2600.jpg 2600w, images/pablo-arroyo-_SEbdtH4ZLM-unsplash-p-3200.jpg 3200w" class="image-66"></div>
            </div>
            <div class="part-2">
              <h4 class="heading-11">επίγνωση πλαισίου</h4>
              <p data-w-id="eb46852b-5465-1e0a-d667-fce6d70fa16e" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-6">Τα πανταχού παρόντα υπολογιστικά συστήματα έχουν σχεδιαστεί για να έχουν επίγνωση του περιβάλλοντος, που σημαίνει ότι μπορούν να <span class="text-span-16">αντιληφθούν</span> και να <span class="text-span-16">ανταποκριθούν</span> στο περιβάλλον και την κατάσταση του χρήστη. Με την ανίχνευση και την κατανόηση πληροφοριών, όπως η τοποθεσία, η ώρα και οι προτιμήσεις των χρηστών, αυτά τα συστήματα μπορούν να προσαρμόσουν και να παρέχουν σχετικές πληροφορίες και υπηρεσίες.<br></p>
            </div>
            <div class="part-3">
              <h4 class="heading-12">ικανότητα προσαρμογής</h4>
              <p data-w-id="f554b615-d690-6e8f-3a0f-04d210511d95" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-7">Τα πανταχού παρόντα υπολογιστικά συστήματα θα πρέπει να προσαρμόζονται στις <span class="text-span-16">αλλαγές</span> στις ανάγκες, τις προτιμήσεις και τα περιβάλλοντα του χρήστη. <br><br>Θα πρέπει να είναι αρκετά <span class="text-span-16">ευέλικτα</span> ώστε να ικανοποιούν τις διαφορετικές απαιτήσεις των χρηστών και να μπορούν να προσαρμόζονται σε δυναμικές καταστάσεις.</p>
              <div class="div-block-27"></div>
            </div>
            <div class="part-4">
              <h4 class="heading-13">διαφάνεια</h4>
              <p data-w-id="2624df42-42ca-5c6b-d255-9b3ad48e9b2c" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-8">Η πανταχού παρούσα πληροφορική στοχεύει να κάνει την τεχνολογία να ξεθωριάζει στο <span class="text-span-16">παρασκήνιο</span> και να γίνει ένα αόρατο μέρος της ζωής μας. Αυτή η αρχή της διαφάνειας υποδηλώνει ότι η τεχνολογία δεν πρέπει να είναι παρεμβατική και να λειτουργεί απρόσκοπτα χωρίς να εφιστά την προσοχή στον εαυτό της.</p>
              <div class="div-block-28"><img src="images/paper-silhouette-cutout-man-businessman-drawing-steps.jpg" loading="lazy" width="800" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 446.09375px, 45vw" alt="Διαφάνεια" srcset="images/paper-silhouette-cutout-man-businessman-drawing-steps-p-500.jpg 500w, images/paper-silhouette-cutout-man-businessman-drawing-steps-p-800.jpg 800w, images/paper-silhouette-cutout-man-businessman-drawing-steps-p-1080.jpg 1080w, images/paper-silhouette-cutout-man-businessman-drawing-steps-p-1600.jpg 1600w, images/paper-silhouette-cutout-man-businessman-drawing-steps-p-2000.jpg 2000w, images/paper-silhouette-cutout-man-businessman-drawing-steps-p-2600.jpg 2600w, images/paper-silhouette-cutout-man-businessman-drawing-steps-p-3200.jpg 3200w" class="image-67"></div>
            </div>
            <div class="part-5">
              <h4 class="heading-14">αξιοπιστία</h4>
              <p data-w-id="7635089d-3963-a665-389e-274fa036d963" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-9">Θα πρέπει επισης να είναι ανθεκτικά και αξιόπιστα, ικανά να αντέχουν σε διάφορες περιβαλλοντικές συνθήκες, αστοχίες υλικού και διακοπές δικτύου. Θα πρέπει να υπάρχουν μηχανισμοί ανοχής σφαλμάτων και χειρισμού σφαλμάτων ώστε να διασφαλίζεται η <span class="text-span-16">σταθερότητα</span> του συστήματος και να αποφεύγεται η απώλεια ή η καταστροφή δεδομένων.</p>
              <div class="div-block-37"><img src="images/ai-robot-using-cyber-security-protect-information-privacy-1.jpg" loading="lazy" width="800" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 446.09375px, 45vw" alt="Αξιοπιστία" srcset="images/ai-robot-using-cyber-security-protect-information-privacy-1-p-500.jpg 500w, images/ai-robot-using-cyber-security-protect-information-privacy-1-p-800.jpg 800w, images/ai-robot-using-cyber-security-protect-information-privacy-1-p-1080.jpg 1080w, images/ai-robot-using-cyber-security-protect-information-privacy-1-p-1600.jpg 1600w, images/ai-robot-using-cyber-security-protect-information-privacy-1-p-2000.jpg 2000w, images/ai-robot-using-cyber-security-protect-information-privacy-1-p-2600.jpg 2600w, images/ai-robot-using-cyber-security-protect-information-privacy-1.jpg 3367w" class="image-68"></div>
            </div>
            <div class="part-6">
              <h4 class="heading-15">προστασία ιδιωτικότητας</h4>
              <p data-w-id="d9adb0f0-f0f3-19ff-a896-c5a79e0d4346" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-10">Το απόρρητο και η ασφάλεια είναι κρίσιμα ζητήματα στον διάχυτο υπολογισμό. Οι αρχές σχεδιασμού από αυτή την άποψη πρέπει να δίνουν έμφαση στον <span class="text-span-16">έλεγχο</span> και τη <span class="text-span-16">συναίνεση</span> των χρηστών στα <span>προσωπικά δεδομένα</span>, στην εξασφάλιση ασφαλούς επικοινωνίας και αποθήκευσης και στην εφαρμογή μηχανισμών για την προστασία του απορρήτου.<br></p>
              <div class="div-block-29"></div>
            </div>
            <div class="part-7">
              <h4 class="heading-16">επεκτασιμότητα</h4>
              <div class="div-block-150">
                <p data-w-id="b3a51cea-ad30-bc95-1163-558e6d160562" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-11">Τέλος τα συστήματα αυτά θα πρέπει να σχεδιάζονται ώστε να είναι επεκτάσιμα, επιτρέποντάς τα να φιλοξενούν διάφορες συσκευές, τεχνολογίες και περιβάλλοντα. Θα πρέπει να μπορούν να <span class="text-span-16">συνδέονται απρόσκοπτα</span> με νέες συσκευές ή τεχνολογίες καθώς αυτές εμφανίζονται, διασφαλίζοντας τη συμβατότητα και τη διαλειτουργικότητα.</p>
              </div>
            </div>
          </div>
        </div>
        <div data-w-id="f7079682-78ae-748b-0613-2c514b23bb8e" class="between-section-10">
          <div class="transition-div black"></div>
        </div>
      </div>
    </div>
    <div id="dy-2" class="dy-2" data-section-name="Διάχυτη Υπολογιστική">
      <div id="custom-content-1" class="customized-content">
        <div class="styles w-embed">
          <style>
            .embed {
              opacity: 1;
            }
            body { 
              overscroll-behavior: none;
            }
            .track2 {
              height: calc(100vh + 1000px);
            }
          </style>
        </div>
        <div class="hero">
          <h1 class="custom-heading">Τα Τρία Κύματα<br>της Διάχυτης<br>Υπολογιστικής</h1>
          <p class="custom-par">Στο ταξίδι μας στον συναρπαστικό κόσμο της πανταχού παρούσας πληροφορικής, καταλαβαίνουμε ότι μερικές φορές είστε πρόθυμοι να βουτήξετε κατευθείαν στην καρδιά του θέματος. Στις επόμενες ενότητες, θα ξεκινήσουμε μια συναρπαστική εξερεύνηση των τριών κυμάτων της πανταχού παρούσας πληροφορικής, προσφέροντας μια ολοκληρωμένη εικόνα.</p>
        </div>
        <div class="track2">
          <div class="embed w-embed w-script">
            <script type="module" src="https://unpkg.com/@splinetool/viewer@0.9.434/build/spline-viewer.js"></script>
            <spline-viewer url="https://prod.spline.design/e93XQTFw0wdijxyk/scene.splinecode"></spline-viewer>
          </div>
        </div>
        <div class="between-section-1">
        </div>
      </div>
      <div id="stadia-dy-content" class="stadia-dy-content" data-section-name="Τα Τρία Κύματα">
        <div class="stadia-dy">
          <div data-w-id="dc4f9a3b-e279-6fc7-f432-f4c8f0b04b70" class="stadia center"><img src="images/27240.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/27240-p-500.png 500w, images/27240-p-800.png 800w, images/27240-p-1080.png 1080w, images/27240-p-1600.png 1600w, images/27240-p-2600.png 2600w, images/27240-p-3200.png 3200w" alt="" class="image-144-copy">
            <div class="text-block-36">Όπως ακριβώς με τα κύματα υπολογιστών...</div>
            <div class="container-33 w-container">
              <p class="paragraph-29">Διακρίνουμε 3</p>
              <h2 class="heading-29">Στάδια - Κύματα</h2>
              <p class="paragraph-30">Διάχυτης Υπολογιστικής</p>
            </div>
          </div>
          <div class="prwto-kyma"><img src="images/wave1.png" loading="lazy" id="w-node-df029de1-4cde-2c9c-731f-12da1081d6ea-3257b2da" sizes="(max-width: 479px) 0px, 100vw" alt="" srcset="images/wave1-p-500.png 500w, images/wave1-p-800.png 800w, images/wave1-p-1080.png 1080w, images/wave1-p-1600.png 1600w, images/wave1-p-2000.png 2000w, images/wave1-p-2600.png 2600w, images/wave1-p-3200.png 3200w" class="image-159">
            <div class="div-block-2">
              <h3 data-w-id="dc4f9a3b-e279-6fc7-f432-f4c8f0b04b7a" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-3">Πρώτο Κύμα</h3>
              <ul data-w-id="38051722-995e-b9e2-cd75-932e8fbf8b53" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" role="list" class="list-4">
                <li>
                  <a href="#mobile-fp" data-w-id="d06dbc12-c05c-dfdb-1e5a-891bc941d1f8" class="link-list-item w-inline-block">
                    <div>01. Φορητές Συσκευές</div>
                  </a>
                </li>
                <li>
                  <a href="#wireless-com-fp" class="link-list-item w-inline-block">
                    <div>02. Ασύρματη Επικοινωνία</div>
                  </a>
                </li>
                <li>
                  <a href="#rfid-fp" class="link-list-item w-inline-block">
                    <div>03. Τεχνολογία RFID</div>
                  </a>
                </li>
                <li>
                  <a href="#cloud-fp" class="link-list-item w-inline-block">
                    <div>04. Cloud Computing</div>
                  </a>
                </li>
                <li>
                  <a href="#sensors-fp" class="link-list-item w-inline-block">
                    <div>05. Αισθητήρες και Ενεργοποιητές</div>
                  </a>
                </li>
                <li>
                  <a href="#comp-vis-fp" class="link-list-item w-inline-block">
                    <div>06. Υπολογιστική Όραση</div>
                  </a>
                </li>
                <li>
                  <a href="#lbs-fp" class="link-list-item w-inline-block">
                    <div>07. Συστήματα που βασίζονται στη θέση</div>
                  </a>
                </li>
                <li>
                  <a href="#nlp-fp" class="link-list-item w-inline-block">
                    <div>08. Επεξεργασία φυσικής γλώσσας</div>
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <div class="prwto-kyma-2">
            <div id="w-node-df029de1-4cde-2c9c-731f-12da1081d6eb-3257b2da" class="div-block-4">
              <div class="arch-block"></div>
              <p class="paragraph-43">Περιλαμβάνει το όραμα και την <span class="bold-span">πρώιμη ανάπτυξη</span> της ιδέας. Κατά τη διάρκεια αυτής της περιόδου, οι ερευνητές μελέτησαν την ιδέα της ενσωμάτωσης υπολογιστικών συσκευών σε διάφορα αντικείμενα, με στόχο τη δημιουργία έξυπνων περιβαλλόντων που θα μπορούσαν να προσαρμοστούν στις ανθρώπινες ανάγκες. Σε αυτό το κύμα έχουμε τα <span class="bold-span">βασικά δομικά στοιχεία</span> που αποτελούν τα <span class="bold-span">θεμέλια</span> για τις μετέπειτα εξελίξεις στον τομέα.<br></p>
              <a href="#prwto-stadio" data-w-id="c320b1df-dca3-b35e-647e-944c4984887a" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="link-block w-inline-block">
                <div class="text-block-27">στο Πρώτο Κύμα</div>
              </a>
            </div>
          </div>
          <div class="deytero-kyma"><img src="images/wave2.png" loading="lazy" id="w-node-_124c4873-939b-c279-0205-d313afb4a910-3257b2da" sizes="(max-width: 479px) 0px, 100vw" alt="" srcset="images/wave2-p-500.png 500w, images/wave2-p-800.png 800w, images/wave2-p-1080.png 1080w, images/wave2-p-1600.png 1600w, images/wave2-p-2000.png 2000w, images/wave2-p-2600.png 2600w, images/wave2-p-3200.png 3200w" class="image-159">
            <div class="div-block-3">
              <h3 data-w-id="124c4873-939b-c279-0205-d313afb4a912" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-1">Δεύτερο Κύμα</h3>
              <ul data-w-id="b09ed23a-2f2a-04f6-6770-02f1af9181fb" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" role="list" class="list-6">
                <li>
                  <a href="#smart-house" data-w-id="d06dbc12-c05c-dfdb-1e5a-891bc941d1f8" class="link-list-item deutero w-inline-block">
                    <div>01. Έξυπνο Σπίτι</div>
                  </a>
                </li>
                <li>
                  <a href="#smart-car" data-w-id="d06dbc12-c05c-dfdb-1e5a-891bc941d1f8" class="link-list-item deutero w-inline-block">
                    <div>02. Έξυπνο Αυτοκίνητο</div>
                  </a>
                </li>
                <li>
                  <a href="#smart-clothes" data-w-id="d06dbc12-c05c-dfdb-1e5a-891bc941d1f8" class="link-list-item deutero w-inline-block">
                    <div>03. Έξυπνα Ρούχα</div>
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <div class="deytero-kyma-2">
            <div id="w-node-_9451b9ab-7033-4c2c-8e64-d9882b424acb-3257b2da" class="div-block-59">
              <div class="arch-block-2"></div>
              <p class="paragraph-43">Αντιπροσωπεύει την εποχή που βιώνουμε <span class="bold-span">σήμερα</span>. Χαρακτηρίζεται από την αξιοποίηση των τεχνολογιών του <span class="bold-span">πρώτου κύματος</span> και την αναδιαμόρφωση του τρόπου με τον οποίο αλληλεπιδρούμε με το περιβάλλον μας. Η εστίαση μετατοπίστηκε στη δημιουργία προσωπικών και φορητών υπολογιστικών εμπειριών έχοντας τους <span class="bold-span">χρήστες στο επίκεντρο</span>.</p>
              <a href="#deutero-stadio" data-w-id="9451b9ab-7033-4c2c-8e64-d9882b424ad9" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="link-block-9 w-inline-block">
                <div class="text-block-27">στο Δεύτερο Κύμα</div>
              </a>
            </div>
          </div>
          <div class="trito-kyma"><img src="images/wave3.png" loading="lazy" id="w-node-_1ee1c6d4-f87b-e25b-4443-3c9dabe09a15-3257b2da" sizes="(max-width: 479px) 0px, 100vw" alt="" srcset="images/wave3-p-500.png 500w, images/wave3-p-800.png 800w, images/wave3-p-1080.png 1080w, images/wave3-p-1600.png 1600w, images/wave3-p-2000.png 2000w, images/wave3-p-2600.png 2600w, images/wave3-p-3200.png 3200w" class="image-159">
            <div class="div-block-5">
              <h3 data-w-id="1ee1c6d4-f87b-e25b-4443-3c9dabe09a17" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-2">Τρίτο Κύμα</h3>
              <ul data-w-id="8f885d1a-96fb-cf2c-04fe-96e1532547e6" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" role="list" class="list-1">
                <li>
                  <a href="#scenario-intro" data-w-id="d06dbc12-c05c-dfdb-1e5a-891bc941d1f8" class="link-list-item trito w-inline-block">
                    <div>01. Μια μέρα στη ζωή ενός κατοίκου του μέλλοντος</div>
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <div class="trito-kyma-2">
            <div id="w-node-bbbda4b0-680f-d2ce-9b3e-1d9fa4101506-3257b2da" class="div-block-6">
              <div class="arch-block-3"></div>
              <p class="paragraph-43">Aντιπροσωπεύει τις <span class="bold-span">μελλοντικές δυνατότητες</span> και το εξελισσόμενο τοπίο της διάχυτης υπολογιστικής. Υπερβαίνει συγκεκριμένες τεχνολογίες και εφαρμογές, ενθαρρύνοντας την <span class="bold-span">αφηρημένη σκέψη</span> και οραματίζοντας <span class="bold-span">νέους ορίζοντες</span>. Διερευνά τις δυνατότητες για απρόσκοπτη ενσωμάτωση των υπολογιστών σε κάθε πτυχή της ζωής μας, όπου η τεχνολογία γίνεται πραγματικά αόρατη και συνδυάζεται αρμονικά με το περιβάλλον μας.</p>
              <a href="#trito-stadio" data-w-id="bbbda4b0-680f-d2ce-9b3e-1d9fa4101513" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="link-block-10 w-inline-block">
                <div class="text-block-27">στο Τρίτο Κύμα</div>
              </a>
            </div>
          </div>
          <div data-w-id="4f39e806-43d0-09f3-5425-8adfa88aa9d7" class="div-block-168-copy"><img src="images/wave3_1.png" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 6001px) 100vw, 6001px" srcset="images/wave3_1-p-500.png 500w, images/wave3_1-p-800.png 800w, images/wave3_1-p-1080.png 1080w, images/wave3_1-p-1600.png 1600w, images/wave3_1-p-2000.png 2000w, images/wave3_1-p-2600.png 2600w, images/wave3_1-p-3200.png 3200w, images/wave3_1.png 6001w" alt="" class="image-165"></div>
        </div>
      </div>
      <div id="kymata" class="kymata">
        <div class="prwto-kyma-content" data-section-name="Πρώτο Κύμα">
          <div class="arxh-prwto-kyma">
            <div id="prwto-stadio" class="arxh-prwto">
              <h3 data-w-id="8262db12-abf8-9d64-7e09-d35c8cb7610b" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-60">Το ξεκίνημα της διάχυτης υπολογιστικής: Χτίζοντας τα θεμέλια</h3>
              <div class="container-50 w-container">
                <h2 class="heading-52">Πρώτο<br></h2>
                <h2 class="heading-52-copy">Κύμα<br></h2>
              </div>
            </div>
            <div class="telos-prwto-2"><img src="images/wave2_1.png" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 6001px) 100vw, 6001px" srcset="images/wave2_1-p-500.png 500w, images/wave2_1-p-800.png 800w, images/wave2_1-p-1080.png 1080w, images/wave2_1-p-1600.png 1600w, images/wave2_1-p-2000.png 2000w, images/wave2_1-p-2600.png 2600w, images/wave2_1-p-3200.png 3200w, images/wave2_1.png 6001w" alt="" class="image-165"></div>
          </div>
          <div class="forhtes-suskeues" data-section-name="01. Φορητές Συσκευές">
            <section id="mobile-fp" class="forhtes-suskeues-front-page">
              <section data-w-id="c2d1c73a-c998-d6b9-8cde-f7ee0c2cdc9f" class="section-phone">
                <div class="phone-front">
                  <div class="buttons">
                    <div class="buttons-depth-layer layer-2">
                      <div class="btn1"></div>
                      <div class="btn1 btn2"></div>
                      <div class="btn1 btn2"></div>
                    </div>
                    <div class="buttons-depth-layer">
                      <div class="btn1"></div>
                      <div class="btn1 btn2"></div>
                      <div class="btn1 btn2"></div>
                    </div>
                    <div class="btn1"></div>
                    <div class="btn1 btn2"></div>
                    <div class="btn1 btn2"></div>
                  </div>
                  <div class="phone-depth-layer first">
                    <div class="phone-depth-layer">
                      <div class="phone-depth-layer">
                        <div class="phone-depth-layer">
                          <div class="phone-depth-layer">
                            <div class="phone-depth-layer">
                              <div class="phone-depth-layer">
                                <div class="phone-depth-layer">
                                  <div class="phone-depth-layer">
                                    <div class="phone-depth-layer">
                                      <div class="phone-depth-layer">
                                        <div class="phone-depth-layer">
                                          <div class="phone-depth-layer">
                                            <div class="phone-depth-layer">
                                              <div class="phone-depth-layer">
                                                <div class="phone-depth-layer">
                                                  <div class="phone-depth-layer">
                                                    <div class="phone-depth-layer">
                                                      <div class="phone-depth-layer">
                                                        <div class="phone-depth-layer">
                                                          <div class="phone-depth-layer">
                                                            <div class="phone-depth-layer">
                                                              <div class="phone-depth-layer">
                                                                <div class="phone-depth-layer last"></div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="front-design">
                    <div class="cam">
                      <div class="cam-dot">
                        <div class="camera-gloss"></div>
                        <div class="camerra-gloss-2"></div>
                      </div>
                    </div>
                    <div class="screen-2">
                      <div class="screen-wallpaper"></div>
                    </div>
                    <div class="light"></div>
                  </div>
                  <div class="shadow"></div>
                </div>
                <div class="phone-back">
                  <div class="buttons buttons-back">
                    <div class="buttons-depth-layer layer-2">
                      <div class="btn1 btn3"></div>
                    </div>
                    <div class="buttons-depth-layer">
                      <div class="btn1 btn3"></div>
                    </div>
                    <div class="btn1 btn3"></div>
                  </div>
                  <div class="flashlight">
                    <div class="flash-layer">
                      <div class="flash-layer">
                        <div class="flash-layer">
                          <div class="flash-layer is-flashligh"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="cam3">
                    <div class="cam1-layer">
                      <div class="cam1-layer">
                        <div class="cam1-layer">
                          <div class="cam1-layer light">
                            <div class="cam1-layer last">
                              <div class="back-camera-lens">
                                <div class="backcamera-detail">
                                  <div class="camera-gloss"></div>
                                  <div class="camera-gloss-3"></div>
                                </div>
                              </div>
                              <div class="cam-light"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="cam2">
                    <div class="cam1-layer">
                      <div class="cam1-layer">
                        <div class="cam1-layer">
                          <div class="cam1-layer light">
                            <div class="cam1-layer last">
                              <div class="back-camera-lens medium">
                                <div class="backcamera-detail greener">
                                  <div class="camera-gloss"></div>
                                  <div class="camera-gloss-3"></div>
                                </div>
                              </div>
                              <div class="cam-light"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="cam1">
                    <div class="cam1-layer">
                      <div class="cam1-layer">
                        <div class="cam1-layer">
                          <div class="cam1-layer light">
                            <div class="cam1-layer last">
                              <div class="backcamera-detail">
                                <div class="camera-gloss"></div>
                                <div class="camera-gloss-3"></div>
                              </div>
                              <div class="cam-light"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="back-cam">
                    <div class="back-cam-layer">
                      <div class="back-cam-layer first">
                        <div class="back-cam-layer">
                          <div class="back-cam-layer">
                            <div class="back-cam-layer last"></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="phone-depth-layer first">
                    <div class="phone-depth-layer">
                      <div class="phone-depth-layer">
                        <div class="phone-depth-layer">
                          <div class="phone-depth-layer">
                            <div class="phone-depth-layer">
                              <div class="phone-depth-layer">
                                <div class="phone-depth-layer">
                                  <div class="phone-depth-layer">
                                    <div class="phone-depth-layer">
                                      <div class="phone-depth-layer">
                                        <div class="phone-depth-layer">
                                          <div class="phone-depth-layer">
                                            <div class="phone-depth-layer">
                                              <div class="phone-depth-layer">
                                                <div class="phone-depth-layer">
                                                  <div class="phone-depth-layer">
                                                    <div class="phone-depth-layer">
                                                      <div class="phone-depth-layer">
                                                        <div class="phone-depth-layer">
                                                          <div class="phone-depth-layer">
                                                            <div class="phone-depth-layer">
                                                              <div class="phone-depth-layer">
                                                                <div class="phone-depth-layer last"></div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="back-design">
                    <div class="back-design-light"><img src="images/apple-seeklogo.com.svg" loading="lazy" alt="" class="icon"></div>
                  </div>
                  <div class="shadow"></div>
                  <div class="cam-sensor"></div>
                </div>
                <div data-w-id="c2d1c73a-c998-d6b9-8cde-f7ee0c2cdd1d" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-div-1">
                  <h4 class="heading-72"><span class="text-span-29">01.</span> Φορητές Συσκευές</h4>
                </div>
              </section>
            </section>
            <div class="forhtes-suskeues-options">
              <div>
                <h4 class="options-heading mobile">Επιλέξτε την πορεία σας:</h4>
              </div>
              <div id="w-node-_1c7b534d-2577-2225-ed3c-50d020ca0e10-3257b2da" class="w-layout-layout options-stack wf-layout-layout">
                <div id="w-node-_1c7b534d-2577-2225-ed3c-50d020ca0e11-3257b2da" class="w-layout-cell button-cell">
                  <div class="button-div mobile">
                    <p class="button-paragraph mobile"><span class="button-text-span">Είστε έτοιμες/οι να μάθετε παραπάνω για τις<br>Φορητές Συσκευές;</span><br>Πατήστε το κουμπί παρακάτω για να εμφανίσετε ενότητες θεωρίας.<br></p>
                    <a data-w-id="1c7b534d-2577-2225-ed3c-50d020ca0e1b" style="display:inline-block" href="#" class="theory-button-show mobile w-button">Εμφάνισε μου τη θεωρία!</a>
                    <a data-w-id="1c7b534d-2577-2225-ed3c-50d020ca0e1d" href="#" class="theory-button-hide mobile w-button">Κρύψε τη θεωρία!</a>
                  </div>
                </div>
                <div id="w-node-_1c7b534d-2577-2225-ed3c-50d020ca0e1f-3257b2da" class="w-layout-cell button-cell">
                  <div class="button-div mobile">
                    <p class="button-paragraph mobile"><span class="button-text-span">Είστε έτοιμες/οι να εξερευνήσετε παραπάνω τις<br>Φορτητές Συσκευές;</span><br>Πατήστε το κουμπί παρακάτω για να εμφανίσετε πρακτικές ενότητες και εφαρμογές.<br></p>
                    <a href="#" class="apps-button-show mobile w-button">Εμφάνισε μου τις εφαρμογές!</a>
                    <a href="#" class="apps-button-hide w-button">Κρύψε τις εφαρμογές!</a>
                  </div>
                </div>
              </div>
            </div>
            <div style="display:none" class="forhtes-suskeues-theory" data-section-name="Θεωρία">
              <div class="theory-app-div">
                <h5 class="theory-heading mobile">Θεωρία</h5>
                <div class="line-4 mobile"></div>
              </div>
              <div class="forhtes-suskeues-1">
                <div class="section-text-gradient-effect-3">
                  <div data-w-id="c2d1c73a-c998-d6b9-8cde-f7ee0c2cdd26" class="text-effect-wrapper">
                    <div class="text-effect-sticky-element">
                      <div class="container-w3 gutter-outside">
                        <div class="text-effect-inner-copy-2">
                          <div class="text-effect-gradient-copy-2">
                            <div class="text-overlap-end-copy-2"></div>
                          </div>
                          <p class="text-effect-text-copy">Αυτές οι συσκευές, συμπεριλαμβανομένων των smartphone και των tablet, έχουν φέρει επανάσταση στον τρόπο αλληλεπίδρασης με την τεχνολογία, επιτρέποντάς μας να έχουμε ισχυρές υπολογιστικές δυνατότητες στις τσέπες μας.</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <section class="forhtes-suskeues-animation">
                <div class="page-wrapper">
                  <div class="marquee_component">
                    <div class="marquee_wrapper is-crimson">
                      <div class="display_text-huge marquee_item">Connectivity-Portability-</div>
                      <div class="display_text-huge marquee_item">Connectivity-Portability-</div>
                      <div class="w-embed">
                        <style>
                        @keyframes scroll {
                          from {
                            transform: translateX(0);
                          }
                          to {
                            transform: translateX(-100%);
                          }
                        }
                        .marquee_item {
                          animation: scroll 30s linear infinite;
                        }
                        .marquee_wrapper:hover > .marquee_item  {
                            animation-play-state: paused;
                        }
                        </style>
                      </div>
                    </div>
                    <div class="marquee_wrapper-2">
                      <div class="display_text-medium marquee_item-2">Communication-Convenience-</div>
                      <div class="display_text-medium marquee_item-2">Communication-Convenience-</div>
                      <div class="w-embed">
                        <style>
                        @keyframes scroll {
                          from {
                            transform: translateX(0);
                          }
                          to {
                            transform: translateX(-100%);
                          }
                        }
                        .marquee_item-2 {
                          animation: scroll 30s linear infinite;
                        }
                        .marquee_wrapper-2:hover > .marquee_item-2  {
                            animation-play-state: paused;
                        }
                        </style>
                      </div>
                    </div>
                  </div>
                </div>
              </section>
              <div class="forhtes-suskeues-2-wrapper">
                <section class="forhtes-suskeues-2">
                  <div class="div-block-214 mobile">
                    <div class="div-block-215">
                      <h5 class="heading-70">Φορητές Συσκευές</h5>
                    </div>
                    <div id="w-node-c2d1c73a-c998-d6b9-8cde-f7ee0c2cdd42-3257b2da" class="w-layout-layout quick-stack-5 wf-layout-layout">
                      <div id="w-node-c2d1c73a-c998-d6b9-8cde-f7ee0c2cdd43-3257b2da" class="w-layout-cell">
                        <div class="s-a-info-div mobile">
                          <div class="number-2 mobile">1.</div>
                          <h5 class="heading-73">Smartphones</h5>
                          <p class="paragraph-76">Ευέλικτες συσκευές που συνδυάζουν επικοινωνία, πρόσβαση στο Διαδίκτυο, εφαρμογές και πολλά άλλα σε ένα πακέτο μεγέθους τσέπης.</p>
                        </div>
                      </div>
                      <div id="w-node-c2d1c73a-c998-d6b9-8cde-f7ee0c2cdd4b-3257b2da" class="w-layout-cell">
                        <div class="s-a-info-div mobile">
                          <div class="number-2 mobile">2.</div>
                          <h5 class="heading-73">Tablets</h5>
                          <p class="paragraph-76">Μεγαλύτερες από τα smartphone, αυτές οι συσκευές προσφέρουν μεγαλύτερη οθόνη για εργασίες όπως η περιήγηση, η ανάγνωση και η ελαφριά παραγωγικότητα.</p>
                        </div>
                      </div>
                      <div id="w-node-c2d1c73a-c998-d6b9-8cde-f7ee0c2cdd53-3257b2da" class="w-layout-cell">
                        <div class="s-a-info-div mobile">
                          <div class="number-2 mobile">3.</div>
                          <h5 class="heading-73">Wearable συσκευές</h5>
                          <p class="paragraph-76">Συμπεριλαμβανομένων των smartwatches και των trackers fitness, αυτές οι συσκευές προσφέρουν παρακολούθηση της υγείας, ειδοποιήσεις και γρήγορη πρόσβαση σε εφαρμογές.</p>
                        </div>
                      </div>
                    </div>
                    <div id="w-node-c2d1c73a-c998-d6b9-8cde-f7ee0c2cdd5b-3257b2da" class="w-layout-layout quick-stack-4 wf-layout-layout">
                      <div id="w-node-c2d1c73a-c998-d6b9-8cde-f7ee0c2cdd5c-3257b2da" class="w-layout-cell">
                        <div class="s-a-info-div mobile">
                          <div class="number-2 mobile">4.</div>
                          <h5 class="heading-73">Laptops</h5>
                          <p class="paragraph-76">Φορητοί υπολογιστές για πιο σύνθετες εργασίες, με ορισμένα μοντέλα να μετατρέπονται σε tablet για ευελιξία.</p>
                        </div>
                      </div>
                      <div id="w-node-c2d1c73a-c998-d6b9-8cde-f7ee0c2cdd64-3257b2da" class="w-layout-cell">
                        <div class="s-a-info-div mobile">
                          <div class="number-2 mobile">5.</div>
                          <h5 class="heading-73">E-Readers</h5>
                          <p class="paragraph-76">Ειδικές συσκευές για την ανάγνωση ψηφιακών βιβλίων και εγγράφων, που παρέχουν εστιασμένη εμπειρία ανάγνωσης.</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </section>
              </div>
            </div>
            <div data-w-id="c2d1c73a-c998-d6b9-8cde-f7ee0c2cdd6c" class="kinhtes-suskeues-4"></div>
          </div>
          <div class="wireless-com" data-section-name="02. Ασύρματη Επικοινωνία">
            <section id="wireless-com-fp" class="wireless-coms-front-page">
              <div class="borders-2">
                <div class="typed-text"></div>
                <div class="typed-cursor"></div>
                <p data-w-id="5c9a1a76-5ea4-de32-e4e7-2cccf10ae496" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-67">Οι τεχνολογίες ασύρματης επικοινωνίας διαδραματίζουν κρίσιμο ρόλο στην διάχυτη υπολογιστική, επιτρέποντας την απρόσκοπτη και αποτελεσματική <span class="bold-span">ανταλλαγή δεδομένων</span> μεταξύ συσκευών <span class="bold-span">χωρίς την ανάγκη φυσικών συνδέσεων</span>.</p>
              </div>
            </section>
            <section class="wireless-coms-options">
              <div>
                <h4 class="options-heading">Επιλέξτε την πορεία σας:</h4>
              </div>
              <div id="w-node-_7d7a4d06-cdf4-1ba4-b2b8-7ce3f2dd5978-3257b2da" class="w-layout-layout options-stack wf-layout-layout">
                <div id="w-node-_91ac5947-b8e0-3760-d748-38aa0ed3e9b3-3257b2da" class="w-layout-cell button-cell">
                  <div class="button-div">
                    <p class="button-paragraph"><span class="button-text-span">Είστε έτοιμες/οι να μάθετε παραπάνω για την<br>Ασύρματη Επικοινωνία;</span><br>Πατήστε το κουμπί παρακάτω για να εμφανίσετε ενότητες θεωρίας.<br></p>
                    <a data-w-id="d7042569-63d1-a563-4cab-9e6d36d10bbe" style="display:inline-block" href="#" class="theory-button-show w-button">Εμφάνισε μου τη θεωρία!</a>
                    <a data-w-id="31283fdc-d8d0-7df5-a337-192a8436af0d" style="display:none" href="#" class="theory-button-hide w-button">Κρύψε τη θεωρία!</a>
                  </div>
                </div>
                <div id="w-node-fe944e4e-7f74-081d-e139-bd47419ace67-3257b2da" class="w-layout-cell button-cell">
                  <div class="button-div">
                    <p class="button-paragraph"><span class="button-text-span">Είστε έτοιμες/οι να εξερευνήσετε παραπάνω την<br>Ασύρματη Επικοινωνία;</span><br>Πατήστε το κουμπί παρακάτω για να εμφανίσετε  πρακτικές ενότητες και εφαρμογές.<br></p>
                    <a href="#" class="apps-button-show w-button">Εμφάνισε μου τις εφαρμογές!</a>
                    <a href="#" class="apps-button-hide w-button">Κρύψε τις εφαρμογές!</a>
                  </div>
                </div>
              </div>
            </section>
            <div style="display:none" class="wireless-coms-theory" data-section-name="Θεωρία">
              <div class="theory-app-div wireless-com">
                <h5 class="theory-heading">Θεωρία</h5>
                <div class="line-4 wireless-com"></div>
              </div>
              <section class="wireless-coms-1">
                <p class="paragraph-68">Μερικές βασικές τεχνολογίες ασύρματης επικοινωνίας:</p>
                <div class="div-block-180">
                  <ul role="list" class="list-7 w-list-unstyled">
                    <li class="list-item-17">
                      <div data-w-id="4cfcdeef-d974-99c2-e04a-530e70e01fd0" class="wrapper">
                        <div style="-webkit-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="red-color"></div>
                        <div style="color:rgb(229,34,34)" class="title-3">Wi-Fi</div>
                        <div style="opacity:0" class="text-content">
                          <p class="paragraph-70">Το Wi-Fi επιτρέπει στις συσκευές να συνδέονται ασύρματα σε τοπικά δίκτυα (LAN). Παρέχει μεταφορά δεδομένων υψηλής ταχύτητας και χρησιμοποιείται συνήθως σε σπίτια, γραφεία, δημόσιους χώρους και ιδρύματα για να επιτρέψει τη σύνδεση στο Διαδίκτυο και τη διασύνδεση συσκευών.</p>
                        </div>
                      </div>
                    </li>
                    <li class="list-item-17">
                      <div data-w-id="3dac9b53-e69c-3188-f53c-5479221c2a33" class="wrapper">
                        <div style="-webkit-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="red-color"></div>
                        <div style="color:rgb(229,34,34)" class="title-3">Bluetooth</div>
                        <div style="opacity:0" class="text-content">
                          <p class="paragraph-70">Το Bluetooth είναι μια τεχνολογία ασύρματης επικοινωνίας μικρής εμβέλειας που διευκολύνει τη μετάδοση δεδομένων μεταξύ συσκευών σε κοντινή απόσταση. Χρησιμοποιείται συνήθως για ασύρματη ροή ήχου, σύνδεση περιφερειακών συσκευών όπως πληκτρολόγια και ποντίκια με υπολογιστές και διασύνδεση έξυπνων συσκευών στο οικοσύστημα Internet of Things (IoT).<br></p>
                        </div>
                      </div>
                    </li>
                    <li class="list-item-17">
                      <div data-w-id="5962bb89-a5b3-9bb1-9edf-d6453ed928ab" class="wrapper">
                        <div style="-webkit-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="red-color"></div>
                        <div style="color:rgb(229,34,34)" class="title-3">Zigbee</div>
                        <div style="opacity:0" class="text-content">
                          <p class="paragraph-70">Το Zigbee είναι ένα πρωτόκολλο ασύρματης επικοινωνίας χαμηλής κατανάλωσης που έχει σχεδιαστεί για εφαρμογές που απαιτούν χαμηλούς ρυθμούς δεδομένων και εκτεταμένη διάρκεια ζωής της μπαταρίας. Χρησιμοποιείται συνήθως στον οικιακό αυτοματισμό, την έξυπνη διαχείριση ενέργειας και τα βιομηχανικά συστήματα ελέγχου, επιτρέποντας στις συσκευές να επικοινωνούν ασύρματα σε ένα δίκτυο πλέγματος.<br></p>
                        </div>
                      </div>
                    </li>
                    <li class="list-item-17">
                      <div data-w-id="51dc6671-282f-d476-7cc1-868015b6c4d4" class="wrapper">
                        <div style="-webkit-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="red-color"></div>
                        <div style="color:rgb(229,34,34)" class="title-3">Δίκτυα κινητής τηλεφωνίας</div>
                        <div style="opacity:0" class="text-content-copy">
                          <p class="paragraph-70">Τα δίκτυα κινητής τηλεφωνίας, όπως τα 2G, 3G, 4G και 5G, παρέχουν κάλυψη ασύρματης επικοινωνίας ευρείας περιοχής. Αυτά τα δίκτυα επιτρέπουν στις κινητές συσκευές να συνδέονται στο διαδίκτυο και να επικοινωνούν μεταξύ τους, υποστηρίζοντας φωνητικές κλήσεις, μηνύματα, δεδομένα κινητής τηλεφωνίας και πρόσβαση στο Διαδίκτυο.<br></p>
                        </div>
                      </div>
                    </li>
                    <li class="list-item-17">
                      <div data-w-id="8c24c0c2-d507-8544-a4a0-f1e796c994a1" class="wrapper">
                        <div style="-webkit-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="red-color"></div>
                        <div style="color:rgb(229,34,34)" class="title-3">Επικοινωνία κοντινού πεδίου (NFC)</div>
                        <div style="opacity:0" class="text-content-copy">
                          <p class="paragraph-70">Το NFC είναι μια τεχνολογία ασύρματης επικοινωνίας μικρής εμβέλειας που επιτρέπει την ανέπαφη επικοινωνία μεταξύ συσκευών. Συχνά χρησιμοποιείται για πληρωμές μέσω κινητού τηλεφώνου, συστήματα έκδοσης εισιτηρίων, έλεγχο πρόσβασης και μεταφορά δεδομένων μεταξύ συσκευών σε κοντινή απόσταση.<br></p>
                        </div>
                      </div>
                    </li>
                  </ul>
                </div>
              </section>
              <section data-w-id="c296814c-ba93-f5b0-1b7d-2bdabd0f6da4" class="wireless-coms-2">
                <div class="paragraph-wrapper"><img src="images/close-up-purple-red-fiber-optic-cables.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 297.3958435058594px, (max-width: 6666px) 30vw, 2000px" srcset="images/close-up-purple-red-fiber-optic-cables-p-500.jpg 500w, images/close-up-purple-red-fiber-optic-cables-p-800.jpg 800w, images/close-up-purple-red-fiber-optic-cables-p-1080.jpg 1080w, images/close-up-purple-red-fiber-optic-cables-p-1600.jpg 1600w, images/close-up-purple-red-fiber-optic-cables.jpg 2000w" alt="" class="image-170">
                  <p class="paragraph-67-copy">Στο πλαίσιο της διάχυτης υπολογιστικής, οι τεχνολογίες ασύρματης επικοινωνίας <span>επιτρέπουν </span>στις συσκευές να <span class="wireless-com-span">διασυνδέονται</span>, σχηματίζοντας <span class="wireless-com-span">δίκτυα</span> που επιτρέπουν την <span class="wireless-com-span">ανταλλαγή δεδομένων και τη συνεργασία</span>. Αυτές οι τεχνολογίες <span class="wireless-com-span">υποστηρίζουν </span>τη μετάδοση διαφόρων τύπων δεδομένων, συμπεριλαμβανομένων κειμένου, φωνής, εικόνων, βίντεο και δεδομένων αισθητήρων, επιτρέποντας την επικοινωνία σε πραγματικό χρόνο, την απομακρυσμένη πρόσβαση και τη συνεργασία μεταξύ συσκευών και χρηστών.</p>
                </div>
                <div class="paragraph-wrapper-2"><img src="images/5664494_792.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 218.08334350585938px, 22vw" srcset="images/5664494_792-p-500.jpg 500w, images/5664494_792-p-800.jpg 800w, images/5664494_792-p-1080.jpg 1080w, images/5664494_792-p-1600.jpg 1600w, images/5664494_792-p-2000.jpg 2000w, images/5664494_792-p-2600.jpg 2600w, images/5664494_792-p-3200.jpg 3200w, images/5664494_792.jpg 5556w" alt="" class="image-170-copy">
                  <p class="paragraph-67-copy">Με τις <span class="wireless-com-span">εξελίξεις</span> στις τεχνολογίες ασύρματων επικοινωνιών, η πανταχού παρούσα πληροφορική έχει γίνει <span class="wireless-com-span">πιο διάχυτη και διασυνδεδεμένη</span>. Επιτρέπει την απρόσκοπτη ενοποίηση συσκευών, υπηρεσιών και εφαρμογών, οδηγώντας σε βελτιωμένη παραγωγικότητα, ευκολία και συνδεσιμότητα σε διάφορους τομείς, συμπεριλαμβανομένων των έξυπνων κατοικιών, της υγειονομικής περίθαλψης, των μεταφορών, της ψυχαγωγίας και άλλων.<br></p>
                </div>
              </section>
              <section data-w-id="3bffd773-527a-ae8e-713b-bb492feaefb5" class="wireless-coms-fun-fact">
                <div class="tag">
                  <div class="text-block-25">Fun Fact</div>
                </div>
                <div class="title-2-copy">
                  <div class="text-block-26">Αριθμός Συνδέσεων<br>Κινητής Τηλεφωνίας</div>
                  <div class="text-block-24">Πόσες συνδέσεις κινητής τηλεφωνίας υπάρχουν παγκοσμίως;</div>
                </div>
                <div class="coms-vs-population">
                  <div class="content-2">
                    <div class="comparisson-wrapper">
                      <div class="whole-info-wrapper">
                        <div class="image-wrapper"><img src="images/smartphone.png" loading="lazy" alt="" class="image-171"></div>
                        <div class="info-wrapper">
                          <div id="w-node-_0a4901be-de7b-fb1b-3da2-39845e8243e5-3257b2da" class="w-layout-layout quick-stack wf-layout-layout">
                            <div id="w-node-_0a4901be-de7b-fb1b-3da2-39845e8243e6-3257b2da" class="w-layout-cell">
                              <div class="text-block-28">11.701</div>
                            </div>
                            <div id="w-node-_9095b34a-33f9-b1d7-2e3a-1d1f241e0814-3257b2da" class="w-layout-cell cell">
                              <div class="text-block-29">Δις</div>
                            </div>
                            <div id="w-node-_01b84b5f-21c5-c896-d183-272a8b3f327b-3257b2da" class="w-layout-cell">
                              <div class="text-block-30">Διασυνδέσεις κινητής τηλεφωνίας</div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="whole-info-wrapper">
                        <div class="image-wrapper"><img src="images/earth.png" loading="lazy" alt="" class="image-171"></div>
                        <div class="info-wrapper">
                          <div id="w-node-_9391102f-c261-7477-fef8-ee8cb4217f63-3257b2da" class="w-layout-layout quick-stack wf-layout-layout">
                            <div id="w-node-_9391102f-c261-7477-fef8-ee8cb4217f64-3257b2da" class="w-layout-cell">
                              <div class="text-block-28">8.036 </div>
                            </div>
                            <div id="w-node-_9391102f-c261-7477-fef8-ee8cb4217f67-3257b2da" class="w-layout-cell cell">
                              <div class="text-block-29">Δις</div>
                            </div>
                            <div id="w-node-_9391102f-c261-7477-fef8-ee8cb4217f6a-3257b2da" class="w-layout-cell">
                              <div class="text-block-30">Τρέχων παγκόσμιος πληθυσμός</div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="paragraph-wrapper-3">
                      <p class="paragraph-71">Σύμφωνα με τα δεδομένα πληροφοριών σε πραγματικό χρόνο της <span class="wireless-com-span">GSMA</span>, υπάρχουν πλέον <span class="text-span-26">πάνω από 11.706 δισεκατομμύρια</span> συνδέσεις κινητής τηλεφωνίας παγκοσμίως, που ξεπερνούν τον τρέχοντα παγκόσμιο πληθυσμό των <span class="text-span-26">8.036 δισεκατομμυρίων</span> που παρέχεται από εκτιμήσεις ψηφιακών αναλυτών του ΟΗΕ. Αυτά τα δεδομένα σημαίνουν ότι υπάρχουν <span class="wireless-com-span">3,665 δισεκατομμύρια περισσότερες</span> συνδέσεις κινητής τηλεφωνίας από ανθρώπους <span class="wireless-com-span">σε όλο τον κόσμο</span>, καθιστώντας την εφεύρεση της κινητής τηλεφωνίας από το 1973 ως σήμερα, το <span class="wireless-com-span">ταχύτερα αυξανόμενο ανθρωπογενές τεχνολογικό φαινόμενο</span>.</p>
                      <a href="https://www.bankmycell.com/blog/how-many-phones-are-in-the-world" target="_blank" class="link">(Source: https://www.bankmycell.com/blog/how-many-phones-are-in-the-world)</a>
                    </div>
                  </div>
                </div>
              </section>
            </div>
            <section data-w-id="3eef8ffb-94f0-d9c1-bb7c-529a9e5230a7" class="wireless-coms-between-section"></section>
          </div>
          <div class="rfid" data-section-name="03. RFID">
            <section id="rfid-fp" class="rfid-front-page">
              <div id="w-node-_696550bb-38b0-7073-aa0f-a222c59a55af-3257b2da" class="borders">
                <div class="heading-div-2">
                  <h4 class="heading-41"><span class="text-span-27">03.</span> Τεχνολογία RFID</h4>
                  <h5 data-w-id="184c747f-bcd1-3104-ea73-0931e02ed131" style="color:rgb(41,132,174)" class="heading-42">(Radio Frequency Identifier)</h5>
                  <h6 class="heading-43">Ταυτοποίηση μέσω Ραδιοσυχνοτήτων</h6>
                </div>
              </div>
            </section>
            <section class="rfid-options">
              <div>
                <h4 class="options-heading">Επιλέξτε την πορεία σας:</h4>
              </div>
              <div id="w-node-a8a5de7c-fac2-fd3d-867d-cb20f091d177-3257b2da" class="w-layout-layout options-stack wf-layout-layout">
                <div id="w-node-a8a5de7c-fac2-fd3d-867d-cb20f091d178-3257b2da" class="w-layout-cell button-cell">
                  <div class="button-div rfid">
                    <p class="button-paragraph"><span class="button-text-span">Είστε έτοιμες/οι να μάθετε παραπάνω για την<br>Τεχνολογία RFID;</span><br>Πατήστε το κουμπί παρακάτω για να εμφανίσετε ενότητες θεωρίας.<br></p>
                    <a data-w-id="a8a5de7c-fac2-fd3d-867d-cb20f091d17e" style="display:inline-block" href="#" class="theory-button-show rfid w-button">Εμφάνισε μου τη θεωρία!</a>
                    <a data-w-id="a8a5de7c-fac2-fd3d-867d-cb20f091d180" href="#" class="theory-button-hide rfid w-button">Κρύψε τη θεωρία!</a>
                  </div>
                </div>
                <div id="w-node-a8a5de7c-fac2-fd3d-867d-cb20f091d182-3257b2da" class="w-layout-cell button-cell">
                  <div class="button-div rfid">
                    <p class="button-paragraph"><span class="button-text-span">Είστε έτοιμες/οι να εξερευνήσετε παραπάνω την<br>Τέχνολογία RFID;</span><br>Πατήστε το κουμπί παρακάτω για να εμφανίσετε πρακτικές ενότητες και εφαρμογές.<br></p>
                    <a href="#" class="apps-button-show rfid w-button">Εμφάνισε μου τις εφαρμογές!</a>
                    <a href="#" class="apps-button-hide w-button">Κρύψε τις εφαρμογές!</a>
                  </div>
                </div>
              </div>
            </section>
            <div style="display:none" class="rfid-theory" data-section-name="Θεωρία">
              <div class="theory-app-div">
                <h5 class="theory-heading">Θεωρία</h5>
                <div class="line-4 rfid"></div>
              </div>
              <div data-w-id="2b614cc2-610e-ddc9-9bfb-756bfe297e97" class="rfid-1">
                <div class="div-block-99"></div>
                <div id="w-node-_2b774fad-7567-5826-a209-93b66985d4c7-3257b2da" class="div-block-98">
                  <p class="paragraph-40">Το RFID, που σημαίνει Αναγνώριση ραδιοσυχνοτήτων, είναι μια τεχνολογία που χρησιμοποιεί <span data-w-id="97eb44cc-7673-5aef-5db5-1ffd8f6683a4" style="color:rgb(41,132,174)" class="bold-span">ραδιοκύματα</span> για τον εντοπισμό και την παρακολούθηση αντικειμένων που είναι εξοπλισμένα με ετικέτες RFID.</p>
                </div>
                <div id="w-node-e49eab37-f664-8d00-7420-b1e4e113167e-3257b2da" class="div-block-100">
                  <p class="paragraph-40">Τα συστήματα RFID αποτελούνται από τρία κύρια στοιχεία: ετικέτες RFID, αναγνώστες RFID και ένα σύστημα υποστήριξης για την επεξεργασία δεδομένων.</p>
                </div>
              </div>
              <div data-w-id="210ceb0c-016e-2d2f-3857-27d38c072f4b" class="rfid-2">
                <div id="w-node-_210ceb0c-016e-2d2f-3857-27d38c072f4c-3257b2da" class="div-block-101">
                  <div class="div-block-103"></div>
                  <ul role="list" class="list-8">
                    <li class="list-item-18">
                      <p class="paragraph-40"><span data-w-id="dd11bb9d-c04e-1b22-9449-66eb9398ba25" style="color:rgb(41,132,174)" class="bold-span">Οι ετικέτες RFID</span> είναι μικρές ηλεκτρονικές συσκευές που περιέχουν ένα μοναδικό αναγνωριστικό και μπορούν να αποθηκεύσουν πρόσθετες πληροφορίες. Mπορούν να προσαρτηθούν ή να ενσωματωθούν σε αντικείμενα, προϊόντα ή ακόμα και ζωντανά όντα. <br></p>
                    </li>
                  </ul>
                </div>
                <div id="w-node-_210ceb0c-016e-2d2f-3857-27d38c072f54-3257b2da" class="div-block-102">
                  <div class="lottie-animation-2" data-w-id="9ed01eca-d5f9-1e0a-f5d2-38e5ce1bf550" data-animation-type="lottie" data-src="documents/111199-circuit-board-2.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="2.6666666666666665" data-duration="0"></div>
                </div>
              </div>
              <div data-w-id="079a9d9b-f754-8134-c7cd-fef80f2f8635" class="rfid-3">
                <div id="w-node-_079a9d9b-f754-8134-c7cd-fef80f2f863d-3257b2da" class="div-block-102 bot"></div>
                <div id="w-node-_079a9d9b-f754-8134-c7cd-fef80f2f8636-3257b2da" class="div-block-104">
                  <div class="div-block-105"></div>
                  <ul role="list" class="list-8">
                    <li>
                      <p class="paragraph-40"><span data-w-id="6c58ddd3-0744-2b67-12f7-522391c6bc91" style="color:rgb(41,132,174)" class="bold-span">Οι αναγνώστες RFID</span>, γνωστοί και ως ανακριτές, είναι συσκευές που εκπέμπουν ραδιοκύματα και λαμβάνουν σήματα από ετικέτες RFID εντός της εμβέλειάς τους. Όταν μια ετικέτα RFID εισέρχεται στο πεδίο μιας συσκευής ανάγνωσης RFID, λαμβάνει ισχύ από τη συσκευή ανάγνωσης και αποκρίνεται μεταδίδοντας τις μοναδικές πληροφορίες αναγνώρισής της. <br></p>
                    </li>
                  </ul>
                </div>
              </div>
              <div data-w-id="b60838b3-13db-7772-2185-e4638db4b1f1" class="rfid-4">
                <div id="w-node-_414d369a-1b1d-87b3-7eb4-6c225432db6d-3257b2da" class="div-block-107">
                  <div class="div-block-21"></div>
                  <ul role="list" class="list-8">
                    <li>
                      <p class="paragraph-40"><span data-w-id="37c533d3-eebb-eb97-59bf-7fc55b51c2ec" style="color:rgb(41,132,174)" class="bold-span">Το σύστημα υποστήριξης</span> περιλαμβάνει την υποδομή και το λογισμικό που είναι υπεύθυνο για τη διαχείριση δεδομένων RFID. Δηλαδή τις βάσεις δεδομένων, ενδιάμεσο λογισμικό και λογισμικό εφαρμογών που επεξεργάζονται τα δεδομένα που συλλέγονται, τα συσχετίζουν με πληροφορίες και επιτρέπουν στις εφαρμογές να αξιοποιήσουν τις πληροφορίες που είναι αποθηκευμένες στις ετικέτες. <br></p>
                    </li>
                  </ul>
                </div>
                <div id="w-node-_3f920429-bcbe-b416-4a11-730d85afd75f-3257b2da" class="div-block-108">
                  <p class="paragraph-40">Η τεχνολογία RFID προσφέρει πλεονεκτήματα όπως αυτοματισμό, ορατότητα σε πραγματικό χρόνο, βελτιωμένη ακρίβεια και αυξημένη απόδοση σε διάφορες εφαρμογές. Η υιοθέτησή της ήταν καθοριστική για την απρόσκοπτη αναγνώριση, παρακολούθηση και διαχείριση δεδομένων σε όλους τους κλάδους.<br></p>
                </div>
              </div>
            </div>
            <div data-w-id="827a648f-4c6a-05f2-2d20-cba41883de67" class="rfid-between-section"></div>
          </div>
          <div class="cloud" data-section-name="04. Cloud Computing">
            <div id="cloud-fp" class="cloud-front-page">
              <div class="borders-3">
                <div class="heading-div">
                  <h4 class="heading-49"><span class="text-span-27">04.</span> Cloud Computing</h4>
                  <p class="paragraph-3">Είναι μια τεχνολογία που παρέχει υπολογιστικούς πόρους και υπηρεσίες μέσω του Διαδικτύου.</p>
                </div>
                <div class="slider__section">
                  <div class="slider__wave w-embed"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 804 50.167" enable-background="new 0 0 804 50.167" xml:space="preserve">
                      <path fill="#f5f4f2" d="M804,0v16.671c0,0-204.974,33.496-401.995,33.496C204.974,50.167,0,16.671,0,16.671V0H804z"></path>
                    </svg></div>
                  <div class="slider__container">
                    <div class="splide">
                      <div class="splide__track">
                        <div class="splide__list">
                          <div class="splide__slide"><img srcset="images/1200px-Amazon_Web_Services_Logo.svg-p-500.jpg 500w, images/1200px-Amazon_Web_Services_Logo.svg-p-800.jpg 800w, images/1200px-Amazon_Web_Services_Logo.svg-p-1080.jpg 1080w, images/1200px-Amazon_Web_Services_Logo.svg-p-1600.jpg 1600w, images/1200px-Amazon_Web_Services_Logo.svg.jpg 1913w" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 309.22918701171875px, 33vw" src="images/1200px-Amazon_Web_Services_Logo.svg.jpg" alt="Amazon Web Services Logo" class="splide__img"></div>
                          <div class="splide__slide"><img srcset="images/Salesforce-logo-p-500.jpg 500w, images/Salesforce-logo-p-800.jpg 800w, images/Salesforce-logo-p-1080.jpg 1080w, images/Salesforce-logo-p-1600.jpg 1600w, images/Salesforce-logo-p-2000.jpg 2000w, images/Salesforce-logo-p-2600.jpg 2600w, images/Salesforce-logo-p-3200.jpg 3200w, images/Salesforce-logo.jpg 4582w" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 309.22918701171875px, 33vw" src="images/Salesforce-logo.jpg" alt="Salesforce Logo" class="splide__img"></div>
                          <div class="splide__slide"><img srcset="images/GCP-cloud2x-p-500.jpg 500w, images/GCP-cloud2x-p-800.jpg 800w, images/GCP-cloud2x-p-1080.jpg 1080w, images/GCP-cloud2x-p-1600.jpg 1600w, images/GCP-cloud2x-p-2000.jpg 2000w, images/GCP-cloud2x.jpg 2360w" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 309.22918701171875px, 33vw" src="images/GCP-cloud2x.jpg" alt="Google Cloud Logo" class="splide__img"></div>
                          <div class="splide__slide"><img srcset="images/oracle-cloud-logo-1595927845169-p-500.jpg 500w, images/oracle-cloud-logo-1595927845169-p-800.jpg 800w, images/oracle-cloud-logo-1595927845169-p-1080.jpg 1080w, images/oracle-cloud-logo-1595927845169.jpg 1254w" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 309.22918701171875px, 33vw" src="images/oracle-cloud-logo-1595927845169.jpg" alt="Oracle Cloud Logo" class="splide__img"></div>
                          <div class="splide__slide"><img srcset="images/ibm-cloud-logo-p-500.jpg 500w, images/ibm-cloud-logo-p-800.jpg 800w, images/ibm-cloud-logo-p-1080.jpg 1080w, images/ibm-cloud-logo.jpg 1372w" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 309.22918701171875px, 33vw" src="images/ibm-cloud-logo.jpg" alt="IBM Cloud Logo" class="splide__img"></div>
                          <div class="splide__slide"><img srcset="images/Microsoft_Azure.svg-p-500.jpg 500w, images/Microsoft_Azure.svg-p-800.jpg 800w, images/Microsoft_Azure.svg-p-1080.jpg 1080w, images/Microsoft_Azure.svg.jpg 1214w" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 309.22918701171875px, 33vw" src="images/Microsoft_Azure.svg.jpg" alt="Microsoft Azure Logo" class="splide__img"></div>
                          <div class="splide__slide"><img srcset="images/unnamed-p-500.jpg 500w, images/unnamed-p-800.jpg 800w, images/unnamed-p-1080.jpg 1080w, images/unnamed.jpg 1426w" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 309.22918701171875px, 33vw" src="images/unnamed.jpg" alt="Alibaba Cloud Logo" class="splide__img"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="slider__wave is--bottom w-embed"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 804 50.167" enable-background="new 0 0 804 50.167" xml:space="preserve">
                      <path fill="#f5f4f2" d="M804,0v16.671c0,0-204.974,33.496-401.995,33.496C204.974,50.167,0,16.671,0,16.671V0H804z"></path>
                    </svg></div>
                </div>
                <div class="controls">
                  <a data-w-id="ea22dcaf-4a7f-3f3d-84c0-bad0024cc168" href="#" class="control prev-splide w-inline-block">
                    <div class="control__fill"></div>
                    <div class="control__arrow w-embed"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 24 18">
                        <path fill="currentColor" d="M23.999,8H5.481c5.009-2.91,6.349-7.311,6.416-7.548L9.976-0.102C9.9,0.156,8.03,6.213-0.073,8.024L0.146,9
	l-0.218,0.976C8.03,11.787,9.9,17.844,9.976,18.101l1.922-0.554C11.83,17.31,10.49,12.91,5.481,10h18.518V8z"></path>
                      </svg></div>
                  </a>
                  <a href="#" class="control next-splide w-inline-block">
                    <div class="control__fill"></div>
                    <div class="control__arrow is--flipped w-embed"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 24 18">
                        <path fill="currentColor" d="M23.999,8H5.481c5.009-2.91,6.349-7.311,6.416-7.548L9.976-0.102C9.9,0.156,8.03,6.213-0.073,8.024L0.146,9
	l-0.218,0.976C8.03,11.787,9.9,17.844,9.976,18.101l1.922-0.554C11.83,17.31,10.49,12.91,5.481,10h18.518V8z"></path>
                      </svg></div>
                  </a>
                </div>
                <div class="div-block-220"><img src="images/left-arrow_271220.png" loading="lazy" alt="" class="image-189"><img src="images/right-arrow_271228.png" loading="lazy" alt="" class="image-189"></div>
              </div>
            </div>
            <section class="cloud-options">
              <div>
                <h4 class="options-heading-copy">Επιλέξτε την πορεία σας:</h4>
              </div>
              <div id="w-node-d3b81ecb-005f-4981-156b-c3395044053b-3257b2da" class="w-layout-layout options-stack wf-layout-layout">
                <div id="w-node-d3b81ecb-005f-4981-156b-c3395044053c-3257b2da" class="w-layout-cell button-cell">
                  <div class="button-div cloud">
                    <p class="button-paragraph-copy"><span class="button-text-span">Είστε έτοιμες/οι να μάθετε παραπάνω για το<br>Cloud Computing;</span><br>Πατήστε το κουμπί παρακάτω για να εμφανίσετε ενότητες θεωρίας.</p>
                    <a data-w-id="d3b81ecb-005f-4981-156b-c33950440542" style="display:inline-block" href="#" class="theory-button-show cloud w-button">Εμφάνισε μου τη θεωρία!</a>
                    <a data-w-id="d3b81ecb-005f-4981-156b-c33950440544" href="#" class="theory-button-hide cloud w-button">Κρύψε τη θεωρία!</a>
                  </div>
                </div>
                <div id="w-node-d3b81ecb-005f-4981-156b-c33950440546-3257b2da" class="w-layout-cell button-cell">
                  <div class="button-div cloud">
                    <p class="button-paragraph-copy"><span class="button-text-span">Είστε έτοιμες/οι να εξερευνήσετε παραπάνω το<br>Cloud Computing;</span><br>Πατήστε το κουμπί παρακάτω για να εμφανίσετε πρακτικές ενότητες και εφαρμογές.</p>
                    <a href="#" class="apps-button-show cloud w-button">Εμφάνισε μου τις εφαρμογές!</a>
                    <a href="#" class="apps-button-hide w-button">Κρύψε τις εφαρμογές!</a>
                  </div>
                </div>
              </div>
            </section>
            <div style="display:none" class="cloud-theory" data-section-name="Θεωρία">
              <div class="theory-app-div">
                <h5 class="theory-heading cloud">Θεωρία</h5>
                <div class="line-4 cloud"></div>
              </div>
              <section data-w-id="adbb11db-6456-f4a1-dfc5-4acbd5ee100c" class="cloud-1">
                <div class="div-block-216">
                  <p class="paragraph-79">Φανταστείτε ότι έχετε έναν ισχυρό υπολογιστή που μπορεί να κάνει πολλές εργασίες. Τώρα, σκεφτείτε να μοιραστείτε τις ικανότητες αυτού του υπολογιστή με πολλά άτομα μέσω του Διαδικτύου. Το cloud computing είναι σαν αυτή την ιδέα κοινής χρήσης. Αντί να έχει ο καθένας τον δικό του υπερυπολογιστή, μπορεί να χρησιμοποιήσει μέρη ενός μεγάλου υπερυπολογιστή που είναι αποθηκευμένος κάπου αλλού.</p>
                </div>
                <div class="black-fade-bot"></div>
              </section>
              <div class="cloud-image-wrapper"><img src="images/Page%201.png" loading="lazy" alt="" class="image-186"></div>
              <section class="cloud-2">
                <p class="paragraph-78">Η σημασία του Cloud Computing στον πανταχού παρόντα υπολογισμό:</p>
                <div class="paragraph-list-2">
                  <div class="list-paragraph-item-16">
                    <div class="line-15"></div>
                    <div class="div-block-172-copy">
                      <h6 class="heading-74">Αποθήκευση Δεδομένων (Data Storage)</h6>
                    </div>
                    <div class="w-layout-grid grid-5">
                      <div id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee101d-3257b2da"><img src="images/cloud-storage-upload-interface-concept%20(1).jpg" loading="lazy" id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee101e-3257b2da" alt="" class="image-185"></div>
                      <div id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee101f-3257b2da">
                        <p class="paragraph-64-copy">Η αποθήκευση στο cloud επιτρέπει στις συσκευές να αποθηκεύουν και να έχουν πρόσβαση σε δεδομένα από ένα κεντρικό μέρος. Αυτό σημαίνει ότι οι χρήστες μπορούν να έχουν πρόσβαση στις πληροφορίες τους από οποιαδήποτε συνδεδεμένη συσκευή.<br></p>
                      </div>
                    </div>
                  </div>
                  <div class="list-paragraph-item-15">
                    <div class="line-15"></div>
                    <div class="div-block-172-copy">
                      <h6 class="heading-74">Υπολογιστική Ισχύς (Computing Power)</h6>
                    </div>
                    <div class="w-layout-grid grid-5">
                      <div id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee1029-3257b2da"><img src="images/blade-servers-close-up%20(1).jpg" loading="lazy" id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee102a-3257b2da" alt="" class="image-185"></div>
                      <div id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee102b-3257b2da">
                        <p class="paragraph-64-copy">Το Cloud computing βοηθά συσκευές με περιορισμένη ισχύ, όπως φορητές συσκευές και συσκευές IoT, να χειρίζονται περίπλοκες εργασίες. Εκφορτώνει αυτές τις εργασίες σε ισχυρούς διακομιστές στο cloud.<br></p>
                      </div>
                    </div>
                  </div>
                  <div class="list-paragraph-item-12">
                    <div class="line-15"></div>
                    <div class="div-block-172-copy">
                      <h6 class="heading-74">Επεξεργασία Δεδομένων (Data Processing)</h6>
                    </div>
                    <div class="w-layout-grid grid-5">
                      <div id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee1035-3257b2da"><img src="images/laptop.jpg" loading="lazy" id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee1036-3257b2da" alt="" class="image-185"></div>
                      <div id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee1037-3257b2da">
                        <p class="paragraph-64-copy">Το Cloud computing αναλύει δεδομένα που αποστέλλονται από συσκευές, παρέχοντας πληροφορίες σε πραγματικό χρόνο και έξυπνες αποφάσεις.<br></p>
                      </div>
                    </div>
                  </div>
                  <div class="list-paragraph-item-14">
                    <div class="line-15"></div>
                    <div class="div-block-172-copy">
                      <h6 class="heading-74">Συνεργασία (Collaboration)</h6>
                    </div>
                    <div class="w-layout-grid grid-5">
                      <div id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee1041-3257b2da"><img src="images/collab.jpg" loading="lazy" id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee1042-3257b2da" alt="" class="image-185"></div>
                      <div id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee1043-3257b2da">
                        <p class="paragraph-64-copy">Οι πλατφόρμες συνεργασίας που βασίζονται στο cloud επιτρέπουν στους χρήστες να συνεργάζονται και να συγχρονίζουν δεδομένα μεταξύ συσκευών σε πραγματικό χρόνο.<br></p>
                      </div>
                    </div>
                  </div>
                  <div class="list-paragraph-item-9">
                    <div class="line-15"></div>
                    <div class="div-block-172-copy">
                      <h6 class="heading-74">Software as a Service (SaaS)</h6>
                    </div>
                    <div class="w-layout-grid grid-5">
                      <div id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee104d-3257b2da"><img src="images/saas-concept-collage%20(1)%20(1).jpg" loading="lazy" id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee104e-3257b2da" alt="" class="image-185"></div>
                      <div id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee104f-3257b2da">
                        <p class="paragraph-64-copy">Οι εφαρμογές που βασίζονται στο cloud επιτρέπουν στις συσκευές να έχουν πρόσβαση στο λογισμικό χωρίς τοπικές εγκαταστάσεις.<br></p>
                      </div>
                    </div>
                  </div>
                  <div class="list-paragraph-item-17">
                    <div class="line-15"></div>
                    <div class="div-block-172-copy">
                      <h6 class="heading-74">Ενημερώσεις και Συντήρηση (Updates and Maintenance)</h6>
                    </div>
                    <div class="w-layout-grid grid-5">
                      <div id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee1059-3257b2da"><img src="images/business-man-holding-smartphone-with-maintenance-repair%20(1).jpg" loading="lazy" id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee105a-3257b2da" alt="" class="image-185"></div>
                      <div id="w-node-adbb11db-6456-f4a1-dfc5-4acbd5ee105b-3257b2da">
                        <p class="paragraph-64-copy">Οι υπηρεσίες που βασίζονται στο cloud μπορούν να ενημερώνονται κεντρικά, διασφαλίζοντας ότι οι συσκευές έχουν πάντα τις πιο πρόσφατες δυνατότητες.<br></p>
                      </div>
                    </div>
                  </div>
                  <div class="list-paragraph-item-13">
                    <div class="line-15"></div>
                  </div>
                </div>
              </section>
              <section class="cloud-poll">
                <div class="poll-content-wrapper">
                  <div class="poll-container">
                    <p id="erwthsh">Πόσο εξοικειωμένες/οι είστε με το Cloud Computing;</p>
                    <form id="pollForm">
                        <label for="Very_Familiar">
                            <div class="radio-wrapper">
                                <input type="radio" id="Very_Familiar" name="vote" value="Very_Familiar">
                                <span>Εξπέρ των Νεφών</span>
                            </div>
                        </label>
                        <label for="Somewhat_Familiar">
                            <div class="radio-wrapper">
                                <input type="radio" id="Somewhat_Familiar" name="vote" value="Somewhat_Familiar">
                                <span>Έμπειρος στο Cloud</span>
                            </div>
                        </label>
                        <label for="Not_Sure">
                            <div class="radio-wrapper">
                                <input type="radio" id="Not_Sure" name="vote" value="Not_Sure">
                                <span>Έτσι και έτσι</span>
                            </div>
                        </label>
                        <label for="Not_Very_Familiar">
                            <div class="radio-wrapper">
                                <input type="radio" id="Not_Very_Familiar" name="vote" value="Not_Very_Familiar">
                                <span>Νέος στο Cloud</span>
                            </div>
                        </label>
                        <label for="Not_Familiar_at_All">
                            <div class="radio-wrapper">
                                <input type="radio" id="Not_Familiar_at_All" name="vote" value="Not_Familiar_at_All">
                                <span>Συννεφιασμένη Κυριακή</span>
                            </div>
                        </label>
                        <input type="submit" value="Ψηφίστε" disabled id="submitBtn">
                    </form>
                    <div id="message"></div>
                    <div id="results" style="display: none;">
                      <p id="apotelesmata">Αποτελέσματα:</p>
                      <div class="vote-container">
                        <p id="your-vote">Η ψήφος σου:</p>
                        <div class="rectangle"></div>
                      </div>
                      <canvas id="chart"></canvas>
                    </div>
                  </div>
                  <div class="data-info">
                    <h3 class="poll-disclaimer-title">Disclaimer:</h3>
                    <p class="poll-disclaimer-par"><strong>Είστε περίεργοι για την επιλογή σας;</strong> Δείτε πού τοποθετείστε στο γράφημα πίτας με βάση το τι επέλεξαν οι άλλοι χρήστες. Τα δεδομένα που εμφανίζονται είναι σταθερά και βασίζονται σε πληροφορίες που βρήκαμε στο διαδίκτυο.</p>
                  </div>
                </div>
              </section> 
            </div>
            <section data-w-id="e061a9eb-aae0-b0b9-c4e7-9d7f4809555c" class="cloud-between-section"></section>
          </div>
          <div class="sensors-actuators" data-section-name="05. Αισθητήρες και Ενεργοποιητές">
            <section id="sensors-fp" class="sensors-actuators-front-page">
              <div class="borders-5">
                <div class="div-block-189">
                  <h4 class="heading-47"><span class="text-span-27">05.</span> Αισθητήρες<br>και Eνεργοποιητές</h4>
                  <h5 class="heading-48">Αντίληψη και Αλληλεπίδραση</h5>
                </div><img src="images/close-up-black-surface-with-lights.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 971.3333740234375px, 100vw" srcset="images/close-up-black-surface-with-lights-p-500.jpg 500w, images/close-up-black-surface-with-lights-p-800.jpg 800w, images/close-up-black-surface-with-lights-p-1080.jpg 1080w, images/close-up-black-surface-with-lights-p-1600.jpg 1600w, images/close-up-black-surface-with-lights-p-2000.jpg 2000w, images/close-up-black-surface-with-lights-p-2600.jpg 2600w, images/close-up-black-surface-with-lights-p-3200.jpg 3200w, images/close-up-black-surface-with-lights.jpg 5000w" alt="" class="image-176">
              </div>
            </section>
            <section class="sensors-actuators-options">
              <div>
                <h4 class="options-heading">Επιλέξτε την πορεία σας:</h4>
              </div>
              <div id="w-node-edc45aab-430e-0c26-b811-af3dbf79ae52-3257b2da" class="w-layout-layout options-stack wf-layout-layout">
                <div id="w-node-edc45aab-430e-0c26-b811-af3dbf79ae53-3257b2da" class="w-layout-cell button-cell">
                  <div class="button-div sensors">
                    <p class="button-paragraph"><span class="button-text-span">Είστε έτοιμες/οι να μάθετε παραπάνω για τους<br>Αισθητήρες και Ενεργοποιητές;</span><br>Πατήστε το κουμπί παρακάτω για να εμφανίσετε ενότητες θεωρίας.<br></p>
                    <a data-w-id="edc45aab-430e-0c26-b811-af3dbf79ae59" style="display:inline-block" href="#" class="theory-button-show sensors w-button">Εμφάνισε μου τη θεωρία!</a>
                    <a data-w-id="edc45aab-430e-0c26-b811-af3dbf79ae5b" href="#" class="theory-button-hide sensors w-button">Κρύψε τη θεωρία!</a>
                  </div>
                </div>
                <div id="w-node-edc45aab-430e-0c26-b811-af3dbf79ae5d-3257b2da" class="w-layout-cell button-cell">
                  <div class="button-div sensors">
                    <p class="button-paragraph"><span class="button-text-span">Είστε έτοιμες/οι να εξερευνήσετε παραπάνω<br>τους Αισθητήρες και Ενεργοποιητές;</span><br>Πατήστε το κουμπί παρακάτω για να εμφανίσετε πρακτικές ενότητες και εφαρμογές.<br></p>
                    <a href="#" class="apps-button-show sensors w-button">Εμφάνισε μου τις εφαρμογές!</a>
                    <a href="#" class="apps-button-hide w-button">Κρύψε τις εφαρμογές!</a>
                  </div>
                </div>
              </div>
            </section>
            <div style="display:none" class="sensors-actuators-theory" data-section-name="Θεωρία">
              <div class="theory-app-div sensors">
                <h5 class="theory-heading">Θεωρία</h5>
                <div class="line-4 sensors"></div>
              </div>
              <div class="sensors-actuators-1">
                <div class="div-block-209">
                  <div data-w-id="4c763cfa-1aff-2ed7-8b95-75a2f8dbf573" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="s-a-par-wrapper">
                    <ul role="list" class="list-8">
                      <li>
                        <p class="paragraph-46">Οι <span class="text-span-20-copy">αισθητήρες</span> είναι συσκευές που ανιχνεύουν και μετρούν πράγματα όπως η κίνηση, η θερμοκρασία και το φως, παρέχοντας πληροφορίες για το περιβάλλον.</p>
                      </li>
                    </ul>
                  </div>
                  <div class="s-a-par-wrapper">
                    <ul role="list" class="list-8">
                      <li>
                        <p class="paragraph-46">Οι <span class="text-span-20-copy">ενεργοποιητές</span>, από την άλλη πλευρά, είναι συσκευές που λαμβάνουν ψηφιακά σήματα και παράγουν φυσικές ενέργειες ή αλλαγές στο περιβάλλον.</p>
                      </li>
                    </ul>
                  </div>
                  <div class="s-a-par-wrapper bigger">
                    <ul role="list" class="list-8">
                      <li>
                        <p class="paragraph-46">Οι αισθητήρες συλλέγουν δεδομένα από το περιβάλλον, επιτρέποντας στις συσκευές να κατανοήσουν τι συμβαίνει. Οι ενεργοποιητές, από την άλλη πλευρά, επιτρέπουν στις συσκευές να αλληλεπιδρούν με τον φυσικό κόσμο παράγοντας εξόδους. <span class="text-span-20-copy">Μαζί</span>, οι αισθητήρες και οι ενεργοποιητές δημιουργούν έναν βρόχο ανάδρασης: οι αισθητήρες παρέχουν πληροφορίες, οι οποίες επεξεργάζονται και χρησιμοποιούνται για την έναρξη ενεργειών μέσω των ενεργοποιητών.</p>
                      </li>
                    </ul>
                  </div>
                </div><img src="images/3264447.ai.png" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="images/3264447.ai-p-500.png 500w, images/3264447.ai-p-800.png 800w, images/3264447.ai-p-1080.png 1080w, images/3264447.ai-p-1600.png 1600w, images/3264447.ai-p-2000.png 2000w, images/3264447.ai-p-2600.png 2600w, images/3264447.ai.png 3125w" alt="" class="image-2">
              </div>
              <div class="sensors-actuators-2-wrapper">
                <section class="sensors-actuators-2">
                  <div class="div-block-214 top">
                    <div class="div-block-215">
                      <h5 class="heading-70">Αισθητήρες</h5>
                    </div>
                    <div id="w-node-ea2f0517-37ba-ea84-a2c7-71646f7f788b-3257b2da" class="w-layout-layout quick-stack-2 wf-layout-layout">
                      <div id="w-node-ea2f0517-37ba-ea84-a2c7-71646f7f788c-3257b2da" class="w-layout-cell">
                        <div class="s-a-info-div">
                          <div class="number-2">1.</div>
                          <h5 class="heading-73">Αισθητήρες θερμοκρασίας</h5>
                          <p class="paragraph-76">Αυτοί μετρούν τη θερμοκρασία περιβάλλοντος ενός χώρου, ο οποίος μπορεί να χρησιμοποιηθεί για τον έλεγχο του κλίματος και την ενεργειακή απόδοση.</p>
                        </div>
                      </div>
                      <div id="w-node-ea2f0517-37ba-ea84-a2c7-71646f7f788d-3257b2da" class="w-layout-cell">
                        <div class="s-a-info-div">
                          <div class="number-2">2.</div>
                          <h5 class="heading-73">Αισθητήρες φωτός</h5>
                          <p class="paragraph-76">Επίσης γνωστοί ως φωτοανιχνευτές ή αντιστάσεις που εξαρτώνται από το φως (LDRs), αυτοί ανιχνεύουν αλλαγές στην ένταση του φωτός και χρησιμοποιούνται σε συστήματα αυτόματου φωτισμού.</p>
                        </div>
                      </div>
                      <div id="w-node-b7e429d8-2cf2-ef84-90a5-0c9bfeebc70c-3257b2da" class="w-layout-cell">
                        <div class="s-a-info-div">
                          <div class="number-2">3.</div>
                          <h5 class="heading-73">Αισθητήρες κίνησης</h5>
                          <p class="paragraph-76">Αυτοί ανιχνεύουν κίνηση ή αλλαγές στη θέση τους. Βρίσκονται συνήθως σε συστήματα ασφαλείας και αυτόματες πόρτες.</p>
                        </div>
                      </div>
                    </div>
                    <div id="w-node-_7ca90078-fc3c-72fa-c174-110abdfaf3da-3257b2da" class="w-layout-layout quick-stack-3 wf-layout-layout">
                      <div id="w-node-_7ca90078-fc3c-72fa-c174-110abdfaf3db-3257b2da" class="w-layout-cell">
                        <div class="s-a-info-div">
                          <div class="number-2">4.</div>
                          <h5 class="heading-73">Αισθητήρες εγγύτητας</h5>
                          <p class="paragraph-76">Αυτοί ανιχνεύουν την παρουσία ή την απουσία ενός αντικειμένου εντός ενός συγκεκριμένου εύρους. Χρησιμοποιούνται σε διεπαφές χωρίς αφή και ανίχνευση αντικειμένων.</p>
                        </div>
                      </div>
                      <div id="w-node-_7ca90078-fc3c-72fa-c174-110abdfaf3dd-3257b2da" class="w-layout-cell">
                        <div class="s-a-info-div">
                          <div class="number-2">5.</div>
                          <h5 class="heading-73">Επιταχυνσιόμετρα</h5>
                          <p class="paragraph-76">Μετρούν την επιτάχυνση και τον προσανατολισμό. Χρησιμοποιούνται σε συσκευές όπως smartphone για περιστροφή οθόνης και παρακολούθηση δραστηριότητας.</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </section>
              </div>
              <div class="sensors-actuators-3-wrapper">
                <section class="sensors-actuators-3">
                  <div class="div-block-214">
                    <div class="div-block-215">
                      <h5 class="heading-70">Ενεργοποιητές</h5>
                    </div>
                    <div id="w-node-aa9524d9-f4f4-89f0-e8f5-cf782b44f687-3257b2da" class="w-layout-layout quick-stack-3 wf-layout-layout">
                      <div id="w-node-aa9524d9-f4f4-89f0-e8f5-cf782b44f688-3257b2da" class="w-layout-cell">
                        <div class="s-a-info-div">
                          <div class="number-2">1.</div>
                          <h5 class="heading-73">Κινητήρες</h5>
                          <p class="paragraph-76">Αυτές οι συσκευές δημιουργούν κίνηση μετατρέποντας την ηλεκτρική ενέργεια σε μηχανική. Χρησιμοποιούνται στη ρομποτική, σε αυτοματοποιημένα μηχανήματα και σε έξυπνες συσκευές.</p>
                        </div>
                      </div>
                      <div id="w-node-aa9524d9-f4f4-89f0-e8f5-cf782b44f690-3257b2da" class="w-layout-cell">
                        <div class="s-a-info-div">
                          <div class="number-2">2.</div>
                          <h5 class="heading-73">Σωληνοειδή</h5>
                          <p class="paragraph-76">Δημιουργούν γραμμική κίνηση όταν τις διέρχεται ηλεκτρικό ρεύμα. Χρησιμοποιούνται σε εφαρμογές όπως μηχανισμοί ασφάλισης και βαλβίδες.</p>
                        </div>
                      </div>
                    </div>
                    <div id="w-node-aa9524d9-f4f4-89f0-e8f5-cf782b44f6a0-3257b2da" class="w-layout-layout quick-stack-3 wf-layout-layout">
                      <div id="w-node-aa9524d9-f4f4-89f0-e8f5-cf782b44f6a1-3257b2da" class="w-layout-cell">
                        <div class="s-a-info-div">
                          <div class="number-2">3.</div>
                          <h5 class="heading-73">LED<br>(Δίοδοι εκπομπής φωτός)</h5>
                          <p class="paragraph-76">Τα LED χρησιμοποιούνται ως ενεργοποιητές για την οπτική εμφάνιση πληροφοριών. Βρίσκονται σε οθόνες, ενδείξεις κατάστασης και φώτα ειδοποιήσεων.</p>
                        </div>
                      </div>
                      <div id="w-node-aa9524d9-f4f4-89f0-e8f5-cf782b44f6a9-3257b2da" class="w-layout-cell">
                        <div class="s-a-info-div">
                          <div class="number-2">4.</div>
                          <h5 class="heading-73">Πιεζοηλεκτρικοί ενεργοποιητές</h5>
                          <p class="paragraph-76">Αυτοί οι ενεργοποιητές δημιουργούν ακριβείς και ελεγχόμενες κινήσεις με βάση τις αλλαγές στην τάση. Χρησιμοποιούνται σε βελτιστοποιημένους μηχανισμούς και συσκευές απτικής ανάδρασης.</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </section>
              </div>
            </div>
            <div data-w-id="3eed6603-e99c-0543-50ad-4323ef131afc" class="sensors-actuators-between-section"></div>
          </div>
          <div class="comp-vision" data-section-name="06. Υπολογιστική Όραση">
            <section id="comp-vis-fp" class="comp-vision-front-page">
              <div class="borders-4">
                <div class="w-layout-grid grid-3">
                  <div class="div-block-154">
                    <h4 class="heading-59"><span class="text-span-27">06.</span> Υπολογιστική <span class="text-span-23">Όραση</span></h4>
                  </div>
                  <div id="w-node-_93f8aa49-9a41-3362-a3a0-48fed82c7ded-3257b2da" class="div-block-155"><img src="images/close.png" loading="lazy" alt="" class="image-162">
                    <p class="paragraph-62">H εξαγωγή, ανάλυση και ερμηνεία πληροφοριών από <span class="text-span-23">οπτικά </span>δεδομένα</p>
                  </div>
                </div>
              </div>
            </section>
            <section class="comp-vision-options">
              <div>
                <h4 class="options-heading">Επιλέξτε την πορεία σας:</h4>
              </div>
              <div id="w-node-a8749d74-979e-6f01-8af8-570b0a22831e-3257b2da" class="w-layout-layout options-stack wf-layout-layout">
                <div id="w-node-a8749d74-979e-6f01-8af8-570b0a22831f-3257b2da" class="w-layout-cell button-cell">
                  <div class="button-div comp">
                    <p class="button-paragraph"><span class="button-text-span">Είστε έτοιμες/οι να μάθετε παραπάνω για την<br>Υπολογιστική Όραση;</span><br>Πατήστε το κουμπί παρακάτω για να εμφανίσετε ενότητες θεωρίας.<br></p>
                    <a data-w-id="a8749d74-979e-6f01-8af8-570b0a228325" style="display:inline-block" href="#" class="theory-button-show comp w-button">Εμφάνισε μου τη θεωρία!</a>
                    <a data-w-id="a8749d74-979e-6f01-8af8-570b0a228327" href="#" class="theory-button-hide comp w-button">Κρύψε τη θεωρία!</a>
                  </div>
                </div>
                <div id="w-node-a8749d74-979e-6f01-8af8-570b0a228329-3257b2da" class="w-layout-cell button-cell">
                  <div class="button-div comp">
                    <p class="button-paragraph"><span class="button-text-span">Είστε έτοιμες/οι να εξερευνήσετε παραπάνω την<br>Υπολογιστική Όραση;</span><br>Πατήστε το κουμπί παρακάτω για να εμφανίσετε πρακτικές ενότητες και εφαρμογές.<br></p>
                    <a data-w-id="a8749d74-979e-6f01-8af8-570b0a22832f" style="display:inline-block" href="#" class="apps-button-show comp w-button">Εμφάνισε μου τις εφαρμογές!</a>
                    <a data-w-id="a8749d74-979e-6f01-8af8-570b0a228331" style="display:none" href="#" class="apps-button-hide comp w-button">Κρύψε τις εφαρμογές!</a>
                  </div>
                </div>
              </div>
            </section>
            <div style="display:none" class="comp-vision-theory" data-section-name="Θεωρία">
              <div class="theory-app-div comp">
                <h5 class="theory-heading">Θεωρία</h5>
                <div class="line-4 comp"></div>
              </div>
              <div class="sticky-wrapper-5">
                <section class="comp-vision-1">
                  <div data-w-id="704aa380-1b58-e8d3-0ce3-f4e582bc0cf6" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-217">
                    <p class="paragraph-81">Στην καρδιά της πανταχού παρούσας πληροφορικής βρίσκεται η κρίσιμη αρχή της όρασης υπολογιστών, μια τεχνολογία που δίνει στις συσκευές την ικανότητα να αντιλαμβάνονται και να ερμηνεύουν τον οπτικό κόσμο, αντικατοπτρίζοντας την ανθρώπινη αίσθηση όρασης.</p>
                  </div>
                </section>
                <section data-w-id="704aa380-1b58-e8d3-0ce3-f4e582bc0cf9" class="comp-vision-3">
                  <div class="green-fade-2"></div>
                  <div class="content-list-2 w-container">
                    <div id="w-node-_704aa380-1b58-e8d3-0ce3-f4e582bc0cfc-3257b2da" class="dot-div"><img src="images/rec_152790.png" loading="lazy" data-w-id="53b56dca-882b-d396-d816-76808090c353" alt="" class="dot"></div>
                    <div id="w-node-_704aa380-1b58-e8d3-0ce3-f4e582bc0cff-3257b2da" class="dot-div"><img src="images/rec_152790.png" loading="lazy" data-w-id="5b834e9b-bc1e-f2ad-17b5-82c08fe1b741" alt="" class="dot rest"></div>
                    <div id="w-node-_704aa380-1b58-e8d3-0ce3-f4e582bc0d02-3257b2da" class="dot-div"><img src="images/rec_152790.png" loading="lazy" data-w-id="8c252c2d-c281-0cf3-ade4-e12e9c27164e" alt="" class="dot rest"></div>
                    <div id="w-node-_704aa380-1b58-e8d3-0ce3-f4e582bc0d05-3257b2da" class="dot-div"><img src="images/rec_152790.png" loading="lazy" data-w-id="8a7d0d8d-4491-1f4f-31e2-eaea767d2949" alt="" class="dot rest"></div>
                    <div id="w-node-_704aa380-1b58-e8d3-0ce3-f4e582bc0d08-3257b2da" class="div-block-218">
                      <div class="comp-vis-line"></div>
                      <p class="paragraph-80 space-up">Περιλαμβάνει ένα ευρύ φάσμα τεχνικών, συμπεριλαμβανομένης της επεξεργασίας εικόνας, της αναγνώρισης προτύπων, της ανίχνευσης αντικειμένων, της τμηματοποίησης εικόνας και της κατανόησης σκηνής.</p><img src="images/looking-future-through-robotic-eyes-generated-by-ai-1.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 493.66668701171875px, 50vw" srcset="images/looking-future-through-robotic-eyes-generated-by-ai-1-p-500.jpg 500w, images/looking-future-through-robotic-eyes-generated-by-ai-1-p-800.jpg 800w, images/looking-future-through-robotic-eyes-generated-by-ai-1-p-1080.jpg 1080w, images/looking-future-through-robotic-eyes-generated-by-ai-1-p-1600.jpg 1600w, images/looking-future-through-robotic-eyes-generated-by-ai-1-p-2000.jpg 2000w, images/looking-future-through-robotic-eyes-generated-by-ai-1-p-2600.jpg 2600w, images/looking-future-through-robotic-eyes-generated-by-ai-1-p-3200.jpg 3200w, images/looking-future-through-robotic-eyes-generated-by-ai-1.jpg 6067w" alt="" class="image-187">
                      <div class="div-block-219"></div>
                    </div>
                    <div id="w-node-_704aa380-1b58-e8d3-0ce3-f4e582bc0d0e-3257b2da" class="div-block-218">
                      <p class="paragraph-80">Με την επεξεργασία εικόνων ή βίντεο που τραβήχτηκαν από κάμερες ή αισθητήρες, οι αλγόριθμοι υπολογιστικής όρασης μπορούν να αναγνωρίσουν αντικείμενα, να αναγνωρίσουν πρόσωπα, να παρακολουθήσουν την κίνηση, να μετρήσουν αποστάσεις και να συμπεράνουν πολύπλοκες χωρικές σχέσεις.<br></p><img src="images/man-with-glasses-hat-sit-front-computer-1.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 196.2604217529297px, 20vw" srcset="images/man-with-glasses-hat-sit-front-computer-1-p-500.jpg 500w, images/man-with-glasses-hat-sit-front-computer-1-p-800.jpg 800w, images/man-with-glasses-hat-sit-front-computer-1-p-1080.jpg 1080w, images/man-with-glasses-hat-sit-front-computer-1-p-1600.jpg 1600w, images/man-with-glasses-hat-sit-front-computer-1-p-2000.jpg 2000w, images/man-with-glasses-hat-sit-front-computer-1-p-2600.jpg 2600w, images/man-with-glasses-hat-sit-front-computer-1-p-3200.jpg 3200w, images/man-with-glasses-hat-sit-front-computer-1.jpg 5376w" alt="" class="image-187">
                      <div class="div-block-219"></div>
                    </div>
                    <div id="w-node-_704aa380-1b58-e8d3-0ce3-f4e582bc0d14-3257b2da" class="div-block-218">
                      <p class="paragraph-80">Η μηχανική όραση είναι η ραχοκοκαλία πολλών εφαρμογών στην καθημερινή μας ζωή και αποτελεί βασικό στοιχείο της πανταχού παρούσας υπολογιστικής. <br><br></p><img src="images/comp-vis.png" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 991px) 100vw, 50vw" srcset="images/comp-vis.png 500w, images/comp-vis.png 800w, images/comp-vis.png 1080w, images/comp-vis.png 1600w, images/comp-vis.png 1920w" alt="" class="image-187">
                      <div class="div-block-219"></div>
                    </div>
                    <div id="w-node-_704aa380-1b58-e8d3-0ce3-f4e582bc0d1b-3257b2da" class="div-block-218">
                      <p class="paragraph-80">Καθώς η τεχνολογία συνεχίζει να προοδεύει, περιμένουμε ότι η όραση των υπολογιστών θα διαδραματίσει ακόμη πιο σημαντικό ρόλο, οδηγώντας την καινοτομία και διαμορφώνοντας το μέλλον.<br></p><img src="images/comp-vis-easy.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 991px) 100vw, 20vw" srcset="images/comp-vis-easy.jpg 500w, images/comp-vis-easy.jpg 800w, images/comp-vis-easy.jpg 1080w, images/comp-vis-easy.jpg 1600w, images/comp-vis-easy.jpg 2000w, images/comp-vis-easy.jpg 2600w, images/comp-vis-easy.jpg 3200w, images/comp-vis-easy.jpg 4166w" alt="" class="image-187">
                      <div class="div-block-162-copy-2"></div>
                    </div>
                  </div>
                </section>
              </div>
              <section class="show-app-section">
                <div>
                  <h4 class="options-heading-2">Αφού είδατε τη θεωρία:</h4>
                </div>
                <div class="button-wrapper">
                  <div class="button-div comp">
                    <p class="button-paragraph"><span class="button-text-span">Είστε έτοιμες/οι να εξερευνήσετε παραπάνω την Υπολογιστική Όραση;</span><br>Πατήστε το κουμπί παρακάτω για να εμφανίσετε πρακτικές ενότητες και εφαρμογές.<br></p>
                    <a data-w-id="33f7953d-3d53-cfca-bd80-a46006507ac9" style="display:inline-block" href="#" class="apps-button-show comp w-button">Εμφάνισε μου τις εφαρμογές!</a>
                    <a data-w-id="33f7953d-3d53-cfca-bd80-a46006507acb" href="#" class="apps-button-hide comp w-button">Κρύψε τις εφαρμογές!</a>
                  </div>
                </div>
              </section>
            </div>
            <div style="display:none" class="comp-vision-application" data-section-name="Εφαρμογή">
              <div class="theory-app-div">
                <h5 class="theory-heading">Εφαρμογή</h5>
                <div class="line-4 comp"></div>
              </div>
              <section class="comp-vision-application-3">
                <div class="disclaimer-div">
                  <h5 class="heading-75">Disclaimer</h5>
                  <p class="disclaimer-par">Πατώντας το παρακάτω κουμπί θα ανακατευθυνθείτε στη σελίδα μιας εφαρμογής που χρησιμοποιεί την κάμερα σας. Μπορείτε να διαβάστε τις παρακάτω πληροφορίες σχετικά με τη χρήση της κάμερας web και το απόρρητο για μια σαφή κατανόηση του τρόπου χειρισμού των δεδομένων σας.<br></p>
                  <a data-w-id="18bcd2dc-cbbb-0420-d582-c414bd3345d8" style="display:inline-block" href="#" class="disclaimer-button w-button">Διαβάστε περισσότερα</a>
                  <a data-w-id="18bcd2dc-cbbb-0420-d582-c414bd3345da" style="display:none" href="#" class="disclaimer-button w-button">Κρύψτε περιττές πληροφορίες</a>
                </div>
                <div style="display:none" class="disclaimer-div more-info">
                  <ul role="list">
                    <li>
                      <p class="disclaimer-par more-info">Η εφαρμογή χρησιμοποιεί την κάμερα web για να βελτιώσει την εμπειρία χρήστη και να σας παρέχει συγκεκριμένες δυνατότητες και λειτουργίες. Η πρόσβαση στην κάμερα web απαιτείται για την αναγνώριση προσώπου. Να είστε βέβαιοι ότι λαμβάνουμε σοβαρά υπόψη το απόρρητό σας και τα δεδομένα που συλλέγονται μέσω της webcam σας θα χρησιμοποιηθούν μόνο για τους αναφερόμενους σκοπούς. Έχετε τον πλήρη έλεγχο των ρυθμίσεων της κάμερας web και μπορείτε να επιλέξετε να απενεργοποιήσετε την πρόσβαση στην κάμερα web ανά πάσα στιγμή μέσω των ρυθμίσεων της εφαρμογής.</p>
                    </li>
                    <li>
                      <p class="disclaimer-par more-info">Θέλουμε να σας διαβεβαιώσουμε ότι αυτή η εφαρμογή δεν συλλέγει δεδομένα από τη χρήση της κάμερας web. Το απόρρητό σας είναι πρωταρχικής σημασίας και δεσμευόμαστε να σας παρέχουμε μια ασφαλή και ευχάριστη εμπειρία χωρίς να διακυβεύονται τα προσωπικά σας στοιχεία.</p>
                    </li>
                  </ul>
                </div>
                <div class="button-div-2">
                  <a href="face_recognition.html" target="_blank" class="link-block-11 w-inline-block">
                    <div class="text-block-40">Πάμε στην εφαρμογή</div><img src="images/right-arrow.png" loading="lazy" alt="" class="image-188">
                  </a>
                </div>
              </section>
            </div>
            <section data-w-id="fb5b0d22-3feb-9fe5-161f-20cbad99c684" class="comp-vision-between-section">
              <div class="transition-div-2"></div>
            </section>
          </div>
          <div class="lbs" data-section-name="07. Συστήματα που βασίζονται στη Θέση">
            <section id="lbs-fp" class="lbs-front-page">
              <div class="borders-6"><img src="images/location.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 971.3333740234375px, 100vw" srcset="images/location-p-500.jpg 500w, images/location-p-800.jpg 800w, images/location-p-1080.jpg 1080w, images/location-p-1600.jpg 1600w, images/location-p-2000.jpg 2000w, images/location-p-2600.jpg 2600w, images/location.jpg 4096w" alt="" class="image-177">
                <div class="lbs-heading-div">
                  <h4 class="heading-44"><span class="text-span-27">07.</span> Συστήματα που<br>βασίζονται στη θέση</h4>
                  <h5 class="heading-45">(Location-Based Systems)</h5>
                </div>
              </div>
            </section>
            <section class="lbs-options">
              <div>
                <h4 class="options-heading">Επιλέξτε την πορεία σας:</h4>
              </div>
              <div id="w-node-_8106a59d-83a7-f6f3-7bea-a6424595c1a0-3257b2da" class="w-layout-layout options-stack wf-layout-layout">
                <div id="w-node-_8106a59d-83a7-f6f3-7bea-a6424595c1a1-3257b2da" class="w-layout-cell button-cell">
                  <div class="button-div">
                    <p class="button-paragraph"><span class="button-text-span">Είστε έτοιμες/οι να μάθετε παραπάνω για τα<br>Location-Based Systems;</span><br>Πατήστε το κουμπί παρακάτω για να εμφανίσετε ενότητες θεωρίας.<br></p>
                    <a data-w-id="8106a59d-83a7-f6f3-7bea-a6424595c1ab" style="display:inline-block" href="#" class="theory-button-show w-button">Εμφάνισε μου τη θεωρία!</a>
                    <a data-w-id="8106a59d-83a7-f6f3-7bea-a6424595c1ad" style="display:none" href="#" class="theory-button-hide w-button">Κρύψε τη θεωρία!</a>
                  </div>
                </div>
                <div id="w-node-_8106a59d-83a7-f6f3-7bea-a6424595c1af-3257b2da" class="w-layout-cell button-cell">
                  <div class="button-div">
                    <p class="button-paragraph"><span class="button-text-span">Είστε έτοιμες/οι να εξερευνήσετε παραπάνω τα<br>Location-Based Systems;</span><br>Πατήστε το κουμπί παρακάτω για να εμφανίσετε πρακτικές ενότητες και εφαρμογές.<br></p>
                    <a href="#" class="apps-button-show w-button">Εμφάνισε μου τις εφαρμογές!</a>
                    <a href="#" class="apps-button-hide w-button">Κρύψε τις εφαρμογές!</a>
                  </div>
                </div>
              </div>
            </section>
            <div style="display:none" class="lbs-theory" data-section-name="Θεωρία">
              <div class="theory-app-div">
                <h5 class="theory-heading">Θεωρία</h5>
                <div class="line-4 lbs"></div>
              </div>
              <section class="lbs-1"></section>
              <div data-w-id="60bb3460-efc0-efc2-781d-dec963ca714c" class="lbs-4">
                <div class="dark-fade"></div>
                <div class="div-block-175">
                  <p class="paragraph-37">Τα συστήματα που βασίζονται στη θέση είναι τεχνολογίες που παρέχουν ακριβείς πληροφορίες <span class="bold-span">θέσης και πλοήγησης</span>, επιτρέποντας στις συσκευές και τις εφαρμογές να προσδιορίζουν την ακριβή γεωγραφική τους θέση. Το πιο γνωστό σύστημα που βασίζεται στη θέση είναι το <span class="bold-span">Παγκόσμιο Σύστημα Εντοπισμού Θέσης (GPS)</span>, αλλά υπάρχουν και άλλα συστήματα, όπως το Galileo, το GLONASS και το BeiDou.</p>
                </div>
                <div class="div-block-7">
                  <p class="paragraph-37">Λειτουργούν αξιοποιώντας ένα <span class="bold-span">δίκτυο δορυφόρων</span> που μεταδίδουν σήματα σε δέκτες στη Γη. Αυτά τα σήματα περιέχουν πληροφορίες σχετικά με τη θέση του δορυφόρου και την ώρα μετάδοσης του σήματος. Λαμβάνοντας σήματα από πολλούς δορυφόρους και αναλύοντας το χρόνο που χρειάστηκε για να φτάσει κάθε σήμα, η συσκευή μπορεί να υπολογίσει τη θέση της με μεγάλη ακρίβεια.</p>
                </div>
                <div class="div-block-8">
                  <p class="paragraph-37">Τα συστήματα που βασίζονται στη θέση έχουν γίνει αναπόσπαστο μέρος σε διάφορες εφαρμογές και υπηρεσίες. Ακολουθούν μερικά <span class="bold-span">παραδείγματα</span>:<br></p>
                </div>
              </div>
              <div data-w-id="ffd3aae0-597c-37b9-3ba2-81f285cc72fd" class="lbs-5">
                <div class="fade-2"></div>
                <div class="sticky-wrapper">
                  <div class="earth"></div>
                </div>
                <div class="tab-wrapper">
                  <div data-w-id="b2b878df-4c66-21a0-2209-81a72ef164d1" class="tab">
                    <div class="tab-title">
                      <p class="title-1">Πλοήγηση (Navigation)</p><img src="images/close.png" loading="lazy" style="display:block" alt="" class="plus-sign">
                    </div>
                    <div style="opacity:0;display:none" class="tab-content">
                      <p class="tab-paragraph">Η πλοήγηση είναι η επιστήμη και η τέχνη του προσδιορισμού της θέσης κάποιου και του σχεδιασμού μιας διαδρομής από το ένα μέρος στο άλλο, χρησιμοποιώντας εργαλεία όπως χάρτες, πυξίδες ή GPS.</p>
                    </div>
                  </div>
                </div>
                <div class="tab-wrapper-2">
                  <div data-w-id="bc41ee1a-791f-948d-27c2-d924e0ecabcd" class="tab">
                    <div class="tab-title">
                      <p class="title-1">Geofencing</p><img src="images/close.png" loading="lazy" style="display:block" alt="" class="plus-sign">
                    </div>
                    <div style="opacity:0;display:none" class="tab-content">
                      <p class="tab-paragraph">Το Geofencing περιλαμβάνει τη δημιουργία ενός εικονικού ορίου γύρω από μια γεωγραφική περιοχή. Όταν οι ενεργοποιημένες συσκευές εισέρχονται ή εξέρχονται από αυτό το όριο, ενεργοποιούνται συγκεκριμένες προκαθορισμένες ενέργειες ή ειδοποιήσεις, οι οποίες χρησιμοποιούνται συχνά σε εφαρμογές μάρκετινγκ, ασφάλειας και logistics.</p>
                    </div>
                  </div>
                </div>
                <div class="tab-wrapper-3">
                  <div data-w-id="f995ccb8-1978-ba50-c79d-8fc7f4a5bf4b" class="tab">
                    <div class="tab-title">
                      <p class="title-1">Υπηρεσίες βάσει Τοποθεσίας<br>(Location-based Services)</p><img src="images/close.png" loading="lazy" style="display:block" alt="" class="plus-sign">
                    </div>
                    <div style="opacity:0;display:none" class="tab-content">
                      <p class="tab-paragraph">Οι υπηρεσίες που βασίζονται στην τοποθεσία είναι σαν εφαρμογές στο τηλέφωνό σας που χρησιμοποιούν την τοποθεσία σας για να σας παρέχουν πληροφορίες ή υπηρεσίες. Για παράδειγμα, όταν χρησιμοποιείτε μια εφαρμογή χάρτη για να βρείτε το πλησιέστερο εστιατόριο, αυτή είναι μια υπηρεσία που βασίζεται στην τοποθεσία.</p>
                    </div>
                  </div>
                </div>
                <div class="tab-wrapper-4">
                  <div data-w-id="249ebb7a-0835-b1bd-ef5b-5aaae4a6ecf4" class="tab">
                    <div class="tab-title">
                      <p class="title-1">Υπηρεσίες Έκτακτης Ανάγκης<br>(Emergency Services)</p><img src="images/close.png" loading="lazy" style="display:block" alt="" class="plus-sign">
                    </div>
                    <div style="opacity:0;display:none" class="tab-content">
                      <p class="tab-paragraph">Φανταστείτε ότι χάνεστε ή κινδυνεύετε και καλείτε για βοήθεια. Οι υπηρεσίες έκτακτης ανάγκης μπορούν να χρησιμοποιήσουν συστήματα που βασίζονται στην τοποθεσία για να ανακαλύψουν γρήγορα πού βρίσκεστε, ώστε να μπορούν να έρθουν και να σας βοηθήσουν πιο γρήγορα.</p>
                    </div>
                  </div>
                </div>
                <div class="tab-wrapper-5">
                  <div data-w-id="105e8e5f-a83e-b0b0-9d76-b9b94f242b83" class="tab">
                    <div class="tab-title">
                      <p class="title-1">Υπαίθρια Αναψυχή<br>(Outdoor Recreation)</p><img src="images/close.png" loading="lazy" style="display:block" alt="" class="plus-sign">
                    </div>
                    <div style="opacity:0;display:none" class="tab-content">
                      <p class="tab-paragraph">Φανταστείτε ότι κάνετε πεζοπορία ή ποδηλασία στην ύπαιθρο. Τα συστήματα που βασίζονται στην τοποθεσία μπορούν να σας βοηθήσουν να βρείτε μονοπάτια, να δείτε πού βρίσκεστε σε έναν χάρτη ή ακόμα και να μοιραστείτε την τοποθεσία σας με φίλους, ώστε να γνωρίζουν πού εξερευνάτε.</p>
                    </div>
                  </div>
                </div>
                <div class="tab-wrapper-6">
                  <div data-w-id="5258bf5a-c929-2d43-12a5-f4d7de3c2c7e" class="tab">
                    <div class="tab-title">
                      <p class="title-1">Διαχείριση Στόλου<br>(Fleet Management)</p><img src="images/close.png" loading="lazy" style="display:block" alt="" class="plus-sign">
                    </div>
                    <div style="opacity:0;display:none" class="tab-content">
                      <p class="tab-paragraph">Στη διαχείριση στόλου, τα συστήματα αυτά χρησιμοποιούν τεχνολογίες, για την παρακολούθηση και τον έλεγχο της θέσης των οχημάτων εντός ενός στόλου. Αυτό επιτρέπει την παρακολούθηση σε πραγματικό χρόνο, τη βελτιστοποίηση διαδρομής, την παρακολούθηση συντήρησης και τη βελτιωμένη λειτουργική απόδοση, τα οποία είναι ζωτικής σημασίας για την αποτελεσματική λειτουργία του στόλου.</p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="lbs-6">
                <div class="div-block-7-copy">
                  <p class="paragraph-37">Τα συστήματα που βασίζονται στην τοποθεσία έχουν αλλάξει τον τρόπο πλοήγησης, πρόσβασης σε πληροφορίες και αλληλεπίδρασης με το περιβάλλον μας. Παρέχοντας ακριβείς πληροφορίες θέσης, αυτά τα συστήματα επιτρέπουν ένα ευρύ φάσμα εφαρμογών.<br></p>
                </div>
              </div>
              <section data-w-id="f0272da2-932a-ec44-92fe-a30df9c4711c" class="lbs-fun-fact-section">
                <div class="tag">
                  <div class="text-block-25">Fun Fact</div>
                </div>
                <div class="title-2">
                  <div class="text-block-23">Pokémon Go: </div>
                  <div class="text-block-24">Μεταμορφώνοντας τα παιχνίδια με συστήματα που βασίζονται στην τοποθεσία</div>
                </div>
                <div class="pokemon-go">
                  <div class="phone">
                    <div class="screen">
                      <div class="screen-content">
                        <div class="div-block-178"><img src="images/screen-content.png" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, 526.2916870117188px" srcset="images/screen-content-p-500.png 500w, images/screen-content.png 750w" alt="Pokemon Go UI" class="image-169"></div>
                        <div class="div-block-179">
                          <p class="paragraph-66">Το <span class="bold-span">Pokémon Go</span>, ένα δημοφιλές παιχνίδι επαυξημένης πραγματικότητας, βασίζεται σε μεγάλο βαθμό σε συστήματα που βασίζονται <span class="bold-span">στην τοποθεσία</span>. </p>
                          <div class="line-10"></div>
                          <p class="paragraph-66">Το παιχνίδι χρησιμοποιεί <span class="bold-span">δεδομένα GPS</span> για να προσδιορίσει την πραγματική θέση του παίκτη και επικαλύπτει εικονικούς χαρακτήρες Pokémon στο περιβάλλον. </p>
                          <div class="line-10"></div>
                          <p class="paragraph-66">Οι παίκτες μπορούν να εξερευνήσουν το περιβάλλον τους, να αιχμαλωτίσουν Pokémon και να συμμετάσχουν σε μάχες, δημιουργώντας μια καθηλωτική εμπειρία παιχνιδιού με επίγνωση της τοποθεσίας.</p>
                          <div class="line-10"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </section>
              <section data-w-id="9eec8cfd-c748-8860-6765-1d1aff535de3" class="transition-section"></section>
            </div>
            <section data-w-id="f18c368d-223e-dea3-656f-e5d8a910e4ac" class="lbs-between-section"></section>
          </div>
          <div class="nlp" data-section-name="08. Επεξεργασία Φυσικής Γλώσσας">
            <section id="nlp-fp" data-w-id="b15dd819-0079-d80a-1429-8258f30b9aad" class="nlp-front-page">
              <div class="borders-7">
                <div class="dark-fade-2"></div>
                <div class="heading-div-3">
                  <h4 class="heading-39"><span class="text-span-27">08.</span> Επεξεργασία</h4>
                  <div class="div-block-93"></div>
                  <h4 class="heading-55">Φυσικής</h4>
                  <h4 class="heading-40">Γλώσσας</h4>
                  <div class="div-block-94"></div>
                </div>
              </div>
            </section>
            <section class="nlp-options">
              <div>
                <h4 class="options-heading">Επιλέξτε την πορεία σας:</h4>
              </div>
              <div id="w-node-_30d980eb-7a49-f98e-0540-ac6176b17b4c-3257b2da" class="w-layout-layout options-stack wf-layout-layout">
                <div id="w-node-_30d980eb-7a49-f98e-0540-ac6176b17b4d-3257b2da" class="w-layout-cell button-cell">
                  <div class="button-div nlp">
                    <p class="button-paragraph"><span class="button-text-span">Είστε έτοιμες/οι να μάθετε παραπάνω για την<br>Eπεξεργασία Γλώσσας;</span><br>Πατήστε το κουμπί για να εμφανίσετε ενότητες θεωρίας.<br></p>
                    <a data-w-id="30d980eb-7a49-f98e-0540-ac6176b17b57" style="display:inline-block" href="#" class="theory-button-show nlp w-button">Εμφάνισε μου τη θεωρία!</a>
                    <a data-w-id="30d980eb-7a49-f98e-0540-ac6176b17b59" href="#" class="theory-button-hide nlp w-button">Κρύψε τη θεωρία!</a>
                  </div>
                </div>
                <div id="w-node-_30d980eb-7a49-f98e-0540-ac6176b17b5b-3257b2da" class="w-layout-cell button-cell">
                  <div class="button-div nlp">
                    <p class="button-paragraph"><span class="button-text-span">Είστε έτοιμες/οι να εξερευνήσετε παραπάνω την<br>Επεξεργασία Γλώσσας;</span><br>Πατήστε το κουμπί παρακάτω για να εμφανίσετε πρακτικές ενότητες και εφαρμογές.<br></p>
                    <a data-w-id="30d980eb-7a49-f98e-0540-ac6176b17b65" style="display:inline-block" href="#" class="apps-button-show nlp w-button">Εμφάνισε μου τις εφαρμογές!</a>
                    <a href="#" class="apps-button-hide w-button">Κρύψε τις εφαρμογές!</a>
                  </div>
                </div>
              </div>
            </section>
            <div style="display:none" class="nlp-theory" data-section-name="Θεωρία">
              <div class="theory-app-div nlp">
                <h5 class="theory-heading">Θεωρία</h5>
                <div class="line-4 nlp"></div>
              </div>
              <div class="nlp-2">
                <div class="columns w-row">
                  <div data-w-id="70b5e94b-5a83-616d-8152-b9daff1c2f9a" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="column-2 w-col w-col-6">
                    <p class="paragraph-37">Η επεξεργασία φυσικής γλώσσας (Natural Language Processing ή NLP) είναι θεμελιώδης τεχνολογία στον πανταχού παρόντα υπολογισμό. Το NLP εστιάζει στο να βοηθά τους υπολογιστές να κατανοούν και να δημιουργούν <span class="bold-span">ανθρώπινη γλώσσα</span>.</p>
                  </div>
                  <div data-w-id="70b5e94b-5a83-616d-8152-b9daff1c2f9b" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="column-3 w-col w-col-6">
                    <p class="paragraph-37">Περιλαμβάνει <span class="bold-span">τεχνολογίες </span>όπως η αναγνώριση ομιλίας (speech recognition), η κατανόηση της φυσικής γλώσσας, η ανάλυση συναισθημάτων (sentiment analysis), η μηχανική μετάφραση και η δημιουργία κειμένου.</p>
                  </div>
                </div>
              </div>
              <div class="nlp-3">
                <h5 class="heading-62">Τεχνολογίες</h5>
                <div class="paragraph-list">
                  <div class="list-paragraph-item">
                    <div class="line-2"></div>
                    <div class="div-block-172">
                      <h6 class="heading-61">Αναγνώριση Ομιλίας (Speech Recognition)</h6>
                    </div>
                    <div class="w-layout-grid grid-4">
                      <div id="w-node-ce639967-497b-e0c4-db34-341795f9bc29-3257b2da"><img src="images/side-view-woman-working-laptop-1.jpg" loading="lazy" id="w-node-_413aef7f-1407-64bb-58d8-23bea005a449-3257b2da" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 793.0625px, (max-width: 9998px) 80vw, 7999px" alt="Αναγνώριση ομιλίας" srcset="images/side-view-woman-working-laptop-1-p-500.jpg 500w, images/side-view-woman-working-laptop-1-p-800.jpg 800w, images/side-view-woman-working-laptop-1-p-1080.jpg 1080w, images/side-view-woman-working-laptop-1-p-1600.jpg 1600w, images/side-view-woman-working-laptop-1-p-2000.jpg 2000w, images/side-view-woman-working-laptop-1-p-2600.jpg 2600w, images/side-view-woman-working-laptop-1-p-3200.jpg 3200w, images/side-view-woman-working-laptop-1.jpg 7999w" class="image-166"></div>
                      <div id="w-node-ea25a8c9-9dac-f44a-fb2f-6492fcb45d75-3257b2da">
                        <p class="paragraph-64">Η αναγνώριση ομιλίας εστιάζει στη μετατροπή της προφορικής γλώσσας σε γραπτό κείμενο. Περιλαμβάνει τη λήψη εισόδου ήχου, την επεξεργασία του χρησιμοποιώντας ακουστικά και γλωσσικά μοντέλα και τη δημιουργία κειμενικών αναπαραστάσεων των προφορικών λέξεων. <br><br>Η τεχνολογία αναγνώρισης ομιλίας χρησιμοποιείται σε εφαρμογές όπως βοηθοί φωνής, συστήματα ελεγχόμενης φωνής, υπηρεσίες μεταγραφής και φωνητικές εντολές για διάφορες συσκευές.<br></p>
                      </div>
                    </div>
                  </div>
                  <div class="list-paragraph-item-2">
                    <div class="line-2"></div>
                    <div class="div-block-172">
                      <h6 class="heading-61">Κατανόηση Φυσικής Γλώσσας (Natural Language Understanding)</h6>
                    </div>
                    <div class="w-layout-grid grid-4">
                      <div id="w-node-_207d0140-74f9-c853-eb24-2261877b793c-3257b2da"><img src="images/communication-teamwork-commenting-expressing-one039s-opinion-survey-feedbacks-generative-ai.jpg" loading="lazy" id="w-node-_207d0140-74f9-c853-eb24-2261877b793d-3257b2da" sizes="(max-width: 479px) 0px, (max-width: 991px) 100vw, (max-width: 8617px) 80vw, 6894px" alt="" srcset="images/communication-teamwork-commenting-expressing-one039s-opinion-survey-feedbacks-generative-ai.jpg 500w, images/communication-teamwork-commenting-expressing-one039s-opinion-survey-feedbacks-generative-ai.jpg 800w, images/communication-teamwork-commenting-expressing-one039s-opinion-survey-feedbacks-generative-ai.jpg 1080w, images/communication-teamwork-commenting-expressing-one039s-opinion-survey-feedbacks-generative-ai.jpg 1600w, images/communication-teamwork-commenting-expressing-one039s-opinion-survey-feedbacks-generative-ai.jpg 2000w, images/communication-teamwork-commenting-expressing-one039s-opinion-survey-feedbacks-generative-ai.jpg 2600w, images/communication-teamwork-commenting-expressing-one039s-opinion-survey-feedbacks-generative-ai.jpg 3200w, images/communication-teamwork-commenting-expressing-one039s-opinion-survey-feedbacks-generative-ai.jpg 6894w" class="image-167"></div>
                      <div id="w-node-_207d0140-74f9-c853-eb24-2261877b793e-3257b2da">
                        <p class="paragraph-64">Η κατανόηση φυσικής γλώσσας στοχεύει στην κατανόηση και την εξαγωγή νοήματος από τις εισροές ανθρώπινης γλώσσας. Περιλαμβάνει ανάλυση προτάσεων, προσδιορισμό οντοτήτων και σχέσεων και ερμηνεία της πρόθεσης και του πλαισίου των δηλώσεων ή των ερωτημάτων του χρήστη.<br><br>Η κατανόηση φυσικής γλώσσας είναι ζωτικής σημασίας για την ενεργοποίηση διεπαφών συνομιλίας και εξατομικευμένων εμπειριών χρήστη.<br></p>
                      </div>
                    </div>
                  </div>
                  <div class="list-paragraph-item-3">
                    <div class="line-2"></div>
                    <div class="div-block-172">
                      <h6 class="heading-61">Ανάλυση Συναισθήματος (Sentiment Analysis)</h6>
                    </div>
                    <div class="w-layout-grid grid-4">
                      <div id="w-node-_62f59dc3-2993-8a0d-4d09-25889e08317b-3257b2da"><img src="images/young-woman-using-voice-search-smartphone-indoors-closeup-2.jpg" loading="lazy" id="w-node-_62f59dc3-2993-8a0d-4d09-25889e08317c-3257b2da" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 793.0625px, (max-width: 7200px) 80vw, 5760px" alt="Ανάλυση συναισθήματος" srcset="images/young-woman-using-voice-search-smartphone-indoors-closeup-2-p-500.jpg 500w, images/young-woman-using-voice-search-smartphone-indoors-closeup-2-p-800.jpg 800w, images/young-woman-using-voice-search-smartphone-indoors-closeup-2-p-1080.jpg 1080w, images/young-woman-using-voice-search-smartphone-indoors-closeup-2-p-1600.jpg 1600w, images/young-woman-using-voice-search-smartphone-indoors-closeup-2-p-2000.jpg 2000w, images/young-woman-using-voice-search-smartphone-indoors-closeup-2-p-2600.jpg 2600w, images/young-woman-using-voice-search-smartphone-indoors-closeup-2-p-3200.jpg 3200w, images/young-woman-using-voice-search-smartphone-indoors-closeup-2.jpg 5760w" class="image-168"></div>
                      <div id="w-node-_62f59dc3-2993-8a0d-4d09-25889e08317d-3257b2da">
                        <p class="paragraph-64">Η ανάλυση συναισθήματος εστιάζει στον προσδιορισμό του συναισθήματος που εκφράζεται σε ένα δεδομένο κομμάτι κειμένου. Μπορεί να βοηθήσει στην κατανόηση της κοινής γνώμης, των σχολίων των πελατών και του συναισθήματος των μέσων κοινωνικής δικτύωσης για προϊόντα, υπηρεσίες ή εκδηλώσεις.<br><br>Η ανάλυση συναισθήματος δίνει τη δυνατότητα στις επιχειρήσεις να συλλέγουν πληροφορίες και να λαμβάνουν τεκμηριωμένες αποφάσεις με βάση το συναίσθημα των χρηστών.<br></p>
                      </div>
                    </div>
                  </div>
                  <div class="list-paragraph-item-4">
                    <div class="line-2"></div>
                  </div>
                </div>
                <div class="div-block-171">
                  <div class="div-block-95"></div>
                  <div class="div-block-124"></div>
                  <div class="div-block-96"></div>
                  <div class="div-block-125"></div>
                </div>
              </div>
            </div>
            <div data-w-id="de1377a5-5745-5f47-a9d2-6963c350f46e" class="between-section-7"></div>
          </div>
          <div class="telos-prwto-kyma">
            <div class="telos-prwto">
              <h3 data-w-id="71b40643-8c78-b4ab-0f05-9ff8eb289020" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-60-copy">Τέλος</h3>
              <div class="container-50 w-container">
                <h2 class="heading-52">Πρώτου<br></h2>
                <h2 class="heading-52-copy">Κύματος<br></h2>
              </div>
            </div>
            <div class="telos-prwto-2"><img src="images/wave2_1.png" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 6001px) 100vw, 6001px" srcset="images/wave2_1-p-500.png 500w, images/wave2_1-p-800.png 800w, images/wave2_1-p-1080.png 1080w, images/wave2_1-p-1600.png 1600w, images/wave2_1-p-2000.png 2000w, images/wave2_1-p-2600.png 2600w, images/wave2_1-p-3200.png 3200w, images/wave2_1.png 6001w" alt="" class="image-165">
              <div class="div-block-202">
                <h3 class="heading-69">Επιστροφή</h3>
                <a href="#stadia-dy-content" class="back-to-kymata-link w-inline-block">
                  <div class="text-block-27-copy">Πίσω στα Κύματα</div>
                </a>
                <h3 class="heading-69 quiz">Έτοιμες/οι να δοκιμάσετε όσα μάθατε;</h3>
                <a href="knowledge_quiz.html" target="_blank" class="to-the-quiz w-inline-block">
                  <div class="text-block-27-copy">Δοκίμασε το Κουίζ</div>
                </a>
              </div>
            </div>
          </div>
          <section data-w-id="98956c57-b513-91e0-efec-64777f4d11db" class="kymata-between-section prwto"></section>
        </div>
        <div class="deutero-kyma-content" data-section-name="Δεύτερο Κύμα">
          <div class="arxh-deutero-kyma">
            <div id="deutero-stadio" class="arxh-deytero">
              <h3 data-w-id="1a5d8820-4852-867e-fca9-6fde50f95b8e" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-64">Αναπτυσσόμενη συνδεσιμότητα: Ο άνθρωπος στο επίκεντρο</h3>
              <div class="container-50 w-container">
                <h2 class="heading-65">Δεύτερο<br></h2>
                <h2 class="heading-65-copy">Κύμα<br></h2>
              </div>
            </div>
            <div class="arxh-deytero-2"><img src="images/wave4.png" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 6001px) 100vw, 6001px" srcset="images/wave4-p-500.png 500w, images/wave4-p-800.png 800w, images/wave4-p-1080.png 1080w, images/wave4-p-1600.png 1600w, images/wave4-p-2000.png 2000w, images/wave4-p-2600.png 2600w, images/wave4-p-3200.png 3200w, images/wave4.png 6001w" alt="" class="image-165"></div>
          </div>
          <div class="smart-house" id="smart-house" data-section-name="01. Έξυπνο Σπίτι">
            <div class="main-second-wave-section-1">
              <div class="content-wrapper-2">
                <div class="content-3">
                  <h3 class="content-title-2">01. Έξυπνο Σπίτι</h3>
                  <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a39-3257b2da" class="w-layout-layout main-stack wf-layout-layout">
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a3a-3257b2da" class="w-layout-cell">
                      <div class="paragraph-div">
                        <p class="paragraph-75">Ένα έξυπνο σπίτι είναι μια κατοικία στην οποία χρησιμοποιούνται σύγχρονες τεχνολογίες, συστήματα και συσκευές που επιτρέπουν την αυτοματοποιημένη διαχείριση διαφόρων λειτουργιών...</p>
                        <div class="line-14"></div>
                      </div>
                    </div>
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a3f-3257b2da" class="w-layout-cell">
                      <div class="image-div"><img src="images/38335.jpg" loading="lazy" alt="" class="image-183"></div>
                    </div>
                  </div>
                  <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a42-3257b2da" class="w-layout-layout main-stack item-2 wf-layout-layout">
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a43-3257b2da" class="w-layout-cell">
                      <div class="image-div">
                        <div class="static-image-div smart-home"></div>
                      </div>
                    </div>
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a46-3257b2da" class="w-layout-cell">
                      <div class="paragraph-div">
                        <p class="paragraph-75">Χρησιμοποιεί ειδικά gadget και υπολογιστές για να εκτελεί λειτουργίες όπως να σβήνει τα φώτα όταν δεν βρίσκεστε σε ένα δωμάτιο, να ρυθμίζει τη θερμοκρασία όπως σας αρέσει, ακόμη και να σας επιτρέπει να του μιλάτε για να παίξετε μουσική ή να ανοίξετε πόρτες.</p>
                        <div class="line-14"></div>
                      </div>
                    </div>
                  </div>
                  <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a4b-3257b2da" class="w-layout-layout main-stack item-3 wf-layout-layout">
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a4c-3257b2da" class="w-layout-cell">
                      <div class="paragraph-div">
                        <p class="paragraph-75">Το παν είναι να κάνετε το σπίτι σας να λειτουργεί καλύτερα για εσάς με τη βοήθεια της τεχνολογίας.</p>
                        <div class="line-14"></div>
                      </div>
                    </div>
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a51-3257b2da" class="w-layout-cell">
                      <div class="image-div"><img src="images/2234408_clean.jpg" loading="lazy" alt="" class="image-182"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="main-second-wave-section-2 smart-home"></div>
          </div>
          <div class="smart-car" id="smart-car" data-section-name="02. Έξυπνο Αυτοκίνητο">
            <div class="main-second-wave-section-1">
              <div class="content-wrapper-2">
                <div class="content-3">
                  <h3 class="content-title-2">02. Έξυπνο Αυτοκίνητο</h3>
                  <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a5e-3257b2da" class="w-layout-layout main-stack wf-layout-layout">
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a5f-3257b2da" class="w-layout-cell">
                      <div class="paragraph-div">
                        <p class="paragraph-75">Ένα έξυπνο αυτοκίνητο είναι σαν ένα όχημα υψηλής τεχνολογίας που μπορεί να κάνει περισσότερα από την απλή οδήγηση...</p>
                        <div class="line-14"></div>
                      </div>
                    </div>
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a64-3257b2da" class="w-layout-cell">
                      <div class="image-div"><img src="https://uploads-ssl.webflow.com/64df6d246f095d8659555fd3/64df6d83731709d159918f13_sports-car-presentation-sports-car-model-covered-with-white-rag-pastel-background.jpg" loading="lazy" alt="" class="image-184"></div>
                    </div>
                  </div>
                  <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a67-3257b2da" class="w-layout-layout main-stack item-2 wf-layout-layout">
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a68-3257b2da" class="w-layout-cell">
                      <div class="image-div"><img src="https://uploads-ssl.webflow.com/64df6d246f095d8659555fd3/64df6d83731709d159918f01_gps-system-smart-car.jpg" loading="lazy" alt="" class="image-180"></div>
                    </div>
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a6b-3257b2da" class="w-layout-cell">
                      <div class="paragraph-div">
                        <p class="paragraph-75">Χρησιμοποιεί υπολογιστές και αισθητήρες για να σας βοηθήσει να παρκάρετε, να παραμένετε στη λωρίδα σας και να αποφύγετε ατυχήματα.</p>
                        <div class="line-14"></div>
                      </div>
                    </div>
                  </div>
                  <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a70-3257b2da" class="w-layout-layout main-stack item-4 wf-layout-layout">
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a71-3257b2da" class="w-layout-cell">
                      <div class="paragraph-div">
                        <p class="paragraph-75">Είναι σαν να έχεις συγκυβερνήτη που σε προσέχει ενώ είσαι στο δρόμο.</p>
                        <div class="line-14"></div>
                      </div>
                    </div>
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a76-3257b2da" class="w-layout-cell">
                      <div class="image-div">
                        <div class="static-image-div smart-car"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="main-second-wave-section-2 smart-car"></div>
          </div>
          <div class="smart-clothes" id="smart-clothes" data-section-name="03. Έξυπνα Ρούχα">
            <div class="main-second-wave-section-1">
              <div class="content-wrapper-2">
                <div class="content-3">
                  <h3 class="content-title-2">03. Έξυπνα Ρούχα</h3>
                  <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a83-3257b2da" class="w-layout-layout main-stack wf-layout-layout">
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a84-3257b2da" class="w-layout-cell">
                      <div class="paragraph-div">
                        <p class="paragraph-75">Είναι σαν τα κανονικά ρούχα, αλλά με μια τεχνολογική ανατροπή...</p>
                        <div class="line-14"></div>
                      </div>
                    </div>
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a89-3257b2da" class="w-layout-cell">
                      <div class="image-div"><img src="https://uploads-ssl.webflow.com/64df6d246f095d8659555fd3/64df6d83731709d159918f36_31023.eps.png" loading="lazy" alt="" class="image-178"></div>
                    </div>
                  </div>
                  <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a8c-3257b2da" class="w-layout-layout main-stack item-2 wf-layout-layout">
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a8d-3257b2da" class="w-layout-cell">
                      <div class="image-div"><img src="https://uploads-ssl.webflow.com/64df6d246f095d8659555fd3/64df6d83731709d159918f3c_smart_clothes.jpg" loading="lazy" alt="" class="image-181"></div>
                    </div>
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a90-3257b2da" class="w-layout-cell">
                      <div class="paragraph-div">
                        <p class="paragraph-75">Έχουν ειδικούς αισθητήρες και μικροσκοπικούς υπολογιστές υφασμένους μέσα τους. Αυτοί οι αισθητήρες μπορούν να παρακολουθούν πράγματα όπως τον καρδιακό σας ρυθμό, πόσα βήματα κάνετε, ακόμη και τη θερμοκρασία του σώματός σας.</p>
                        <div class="line-14"></div>
                      </div>
                    </div>
                  </div>
                  <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a95-3257b2da" class="w-layout-layout main-stack item-4 wf-layout-layout">
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a96-3257b2da" class="w-layout-cell">
                      <div class="paragraph-div">
                        <p class="paragraph-75">Αυτές οι πληροφορίες μπορούν να σας βοηθήσουν να παρακολουθείτε την υγεία και τη δραστηριότητά σας. Είναι σαν να φοράς ρούχα που μπορούν επίσης να είναι ο προσωπικός σου βοηθός υγείας.</p>
                        <div class="line-14"></div>
                      </div>
                    </div>
                    <div id="w-node-_97bf2580-1c71-290c-3336-6ccf18519a9b-3257b2da" class="w-layout-cell">
                      <div class="image-div"><img src="images/medical-banner-with-doctor-holding-stethoscope-1.jpg" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 767px) 100vw, (max-width: 991px) 801.5104370117188px, 81vw" srcset="images/medical-banner-with-doctor-holding-stethoscope-1-p-500.jpg 500w, images/medical-banner-with-doctor-holding-stethoscope-1-p-800.jpg 800w, images/medical-banner-with-doctor-holding-stethoscope-1-p-1080.jpg 1080w, images/medical-banner-with-doctor-holding-stethoscope-1-p-1600.jpg 1600w, images/medical-banner-with-doctor-holding-stethoscope-1-p-2000.jpg 2000w, images/medical-banner-with-doctor-holding-stethoscope-1-p-2600.jpg 2600w, images/medical-banner-with-doctor-holding-stethoscope-1-p-3200.jpg 3200w, images/medical-banner-with-doctor-holding-stethoscope-1.jpg 6366w" alt="" class="image-179"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="main-second-wave-section-2 smart-clothes"></div>
          </div>
          <!-- <section class="more-section">
            <div>
              <div class="more-text">more...</div>
            </div>
          </section> -->
          <div class="telos-deutero-kyma">
            <div class="telos-deutero">
              <h3 data-w-id="a8f6b1ed-c6d6-97a2-aa42-d188990c0629" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-60-copy deutero">Τέλος</h3>
              <div class="container-50 w-container">
                <h2 class="heading-52 deutero">Δεύτερου<br></h2>
                <h2 class="heading-52-copy deutero">Κύματος<br></h2>
              </div>
            </div>
            <div class="telos-deutero-2"><img src="images/wave4.png" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 6001px) 100vw, 6001px" srcset="images/wave4-p-500.png 500w, images/wave4-p-800.png 800w, images/wave4-p-1080.png 1080w, images/wave4-p-1600.png 1600w, images/wave4-p-2000.png 2000w, images/wave4-p-2600.png 2600w, images/wave4-p-3200.png 3200w, images/wave4.png 6001w" alt="" class="image-165">
              <div class="div-block-202">
                <h3 class="heading-69 deutero">Επιστροφή</h3>
                <a href="#stadia-dy-content" class="back-to-kymata-link deutero w-inline-block">
                  <div class="text-block-27-copy">Πίσω στα Κύματα</div>
                </a>
              </div>
            </div>
          </div>
          <section data-w-id="1b0f8432-1369-2a73-4178-781138243345" class="kymata-between-section deutero"></section>
        </div>
        <div class="trito-kyma-content" data-section-name="Τρίτο Κύμα">
          <div class="arxh-trito-kyma">
            <div id="trito-stadio" class="arxh-trito">
              <h3 data-w-id="a3b5d564-e8dd-db89-8b22-e5fb4d58d37e" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-66">Άπειρες δυνατότητες: Οραματίζοντας την πανταχού παρούσα νοημοσύνη</h3>
              <div class="container-50 w-container">
                <h2 class="heading-67">Τρίτο</h2>
                <h2 class="heading-67-copy">Κύμα<br></h2>
              </div>
            </div>
            <div class="arxh-trito-2"><img src="images/wave5.png" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 6001px) 100vw, 6001px" srcset="images/wave5-p-500.png 500w, images/wave5-p-800.png 800w, images/wave5-p-1080.png 1080w, images/wave5-p-1600.png 1600w, images/wave5-p-2000.png 2000w, images/wave5-p-2600.png 2600w, images/wave5-p-3200.png 3200w, images/wave5.png 6001w" alt="" class="image-165"></div>
          </div>
          <div class="scenario-intro" id="scenario-intro">
            <div class="div-block-213">
              <p class="paragraph-77">Στο όχι και τόσο μακρινό μέλλον, η πανταχού παρούσα πληροφορική έχει υφάνει το δρόμο της σε κάθε πτυχή της κοινωνίας, ενσωματώνοντας απρόσκοπτα την τεχνολογία σε κάθε πτυχή της ζωής μας. Ας δούμε τη ζωή του Άλεξ, ενός καθημερινού ανθρώπου που ζει σε αυτόν τον φουτουριστικό κόσμο.</p>
            </div>
          </div>
          <div class="scenario-wrapper" data-section-name="Σενάριο 1: Μια μέρα στη ζωή ενός κατοίκου του μέλλοντος">
            <div tr-scroll-toggle="component" class="cta_component">
              <div class="cta_sticky">
                <div class="cta_img-wrap">
                  <div tr-scroll-toggle="list" class="cta_img-list">
                    <div class="cta_img-item">
                      <div tr-item-animation="scale-to-1" class="cta_img-overflow"><img class="cta_img-photo" src="images/house-with-large-window-that-says-home-top-right-1.jpg" alt="" sizes="(max-width: 479px) 0px, 100vw" tr-item-animation="scale-to-1" srcset="images/house-with-large-window-that-says-home-top-right-1-p-500.jpg 500w, images/house-with-large-window-that-says-home-top-right-1-p-800.jpg 800w, images/house-with-large-window-that-says-home-top-right-1-p-1080.jpg 1080w, images/house-with-large-window-that-says-home-top-right-1-p-1600.jpg 1600w, images/house-with-large-window-that-says-home-top-right-1-p-2000.jpg 2000w, images/house-with-large-window-that-says-home-top-right-1-p-2600.jpg 2600w, images/house-with-large-window-that-says-home-top-right-1.jpg 3500w"></div>
                    </div>
                    <div class="cta_img-item">
                      <div tr-item-animation="scale-to-1" class="cta_img-overflow"><img class="cta_img-photo" src="images/luxury-modern-loft-with-elegant-home-generated-by-ai-1.jpg" alt="" sizes="(max-width: 479px) 0px, 100vw" tr-item-animation="scale-to-1" srcset="images/luxury-modern-loft-with-elegant-home-generated-by-ai-1-p-500.jpg 500w, images/luxury-modern-loft-with-elegant-home-generated-by-ai-1-p-800.jpg 800w, images/luxury-modern-loft-with-elegant-home-generated-by-ai-1-p-1080.jpg 1080w, images/luxury-modern-loft-with-elegant-home-generated-by-ai-1-p-1600.jpg 1600w, images/luxury-modern-loft-with-elegant-home-generated-by-ai-1-p-2000.jpg 2000w, images/luxury-modern-loft-with-elegant-home-generated-by-ai-1-p-2600.jpg 2600w, images/luxury-modern-loft-with-elegant-home-generated-by-ai-1-p-3200.jpg 3200w, images/luxury-modern-loft-with-elegant-home-generated-by-ai-1.jpg 6067w"></div>
                    </div>
                    <div class="cta_img-item">
                      <div tr-item-animation="scale-to-1" class="cta_img-overflow"><img class="cta_img-photo" src="images/glowing-finger-controls-modern-nightlife-technology-table-generated-by-ai-1.jpg" alt="" sizes="(max-width: 479px) 0px, 100vw" tr-item-animation="scale-to-1" srcset="images/glowing-finger-controls-modern-nightlife-technology-table-generated-by-ai-1-p-500.jpg 500w, images/glowing-finger-controls-modern-nightlife-technology-table-generated-by-ai-1-p-800.jpg 800w, images/glowing-finger-controls-modern-nightlife-technology-table-generated-by-ai-1-p-1080.jpg 1080w, images/glowing-finger-controls-modern-nightlife-technology-table-generated-by-ai-1-p-1600.jpg 1600w, images/glowing-finger-controls-modern-nightlife-technology-table-generated-by-ai-1-p-2000.jpg 2000w, images/glowing-finger-controls-modern-nightlife-technology-table-generated-by-ai-1-p-2600.jpg 2600w, images/glowing-finger-controls-modern-nightlife-technology-table-generated-by-ai-1-p-3200.jpg 3200w, images/glowing-finger-controls-modern-nightlife-technology-table-generated-by-ai-1.jpg 6067w"></div>
                    </div>
                    <div class="cta_img-item">
                      <div tr-item-animation="scale-to-1" class="cta_img-overflow"><img class="cta_img-photo" src="images/modern-home-kitchen-control-system-smart-technologies-concept-1.jpg" alt="" sizes="(max-width: 479px) 0px, 100vw" tr-item-animation="scale-to-1" srcset="images/modern-home-kitchen-control-system-smart-technologies-concept-1-p-500.jpg 500w, images/modern-home-kitchen-control-system-smart-technologies-concept-1-p-800.jpg 800w, images/modern-home-kitchen-control-system-smart-technologies-concept-1-p-1080.jpg 1080w, images/modern-home-kitchen-control-system-smart-technologies-concept-1-p-1600.jpg 1600w, images/modern-home-kitchen-control-system-smart-technologies-concept-1-p-2000.jpg 2000w, images/modern-home-kitchen-control-system-smart-technologies-concept-1-p-2600.jpg 2600w, images/modern-home-kitchen-control-system-smart-technologies-concept-1-p-3200.jpg 3200w, images/modern-home-kitchen-control-system-smart-technologies-concept-1.jpg 4608w"></div>
                    </div>
                    <div class="cta_img-item">
                      <div tr-item-animation="scale-to-1" class="cta_img-overflow"><img class="cta_img-photo" src="images/futuristic-scuba-diving-adventure-fun-generated-by-ai-1.jpg" alt="" sizes="(max-width: 479px) 0px, 100vw" tr-item-animation="scale-to-1" srcset="images/futuristic-scuba-diving-adventure-fun-generated-by-ai-1-p-500.jpg 500w, images/futuristic-scuba-diving-adventure-fun-generated-by-ai-1-p-800.jpg 800w, images/futuristic-scuba-diving-adventure-fun-generated-by-ai-1-p-1080.jpg 1080w, images/futuristic-scuba-diving-adventure-fun-generated-by-ai-1-p-1600.jpg 1600w, images/futuristic-scuba-diving-adventure-fun-generated-by-ai-1-p-2000.jpg 2000w, images/futuristic-scuba-diving-adventure-fun-generated-by-ai-1-p-2600.jpg 2600w, images/futuristic-scuba-diving-adventure-fun-generated-by-ai-1-p-3200.jpg 3200w, images/futuristic-scuba-diving-adventure-fun-generated-by-ai-1.jpg 6067w"></div>
                    </div>
                    <div class="cta_img-item">
                      <div tr-item-animation="scale-to-1" class="cta_img-overflow"><img class="cta_img-photo" src="images/spacethemed-kids-room-interior-with-glow-dark-stars-planet-decor-ai-generated-1.jpg" alt="" sizes="(max-width: 479px) 0px, 100vw" tr-item-animation="scale-to-1" srcset="images/spacethemed-kids-room-interior-with-glow-dark-stars-planet-decor-ai-generated-1-p-500.jpg 500w, images/spacethemed-kids-room-interior-with-glow-dark-stars-planet-decor-ai-generated-1-p-800.jpg 800w, images/spacethemed-kids-room-interior-with-glow-dark-stars-planet-decor-ai-generated-1-p-1080.jpg 1080w, images/spacethemed-kids-room-interior-with-glow-dark-stars-planet-decor-ai-generated-1-p-1600.jpg 1600w, images/spacethemed-kids-room-interior-with-glow-dark-stars-planet-decor-ai-generated-1-p-2000.jpg 2000w, images/spacethemed-kids-room-interior-with-glow-dark-stars-planet-decor-ai-generated-1-p-2600.jpg 2600w, images/spacethemed-kids-room-interior-with-glow-dark-stars-planet-decor-ai-generated-1-p-3200.jpg 3200w, images/spacethemed-kids-room-interior-with-glow-dark-stars-planet-decor-ai-generated-1.jpg 8736w"></div>
                    </div>
                    <div class="cta_img-item">
                      <div tr-item-animation="scale-to-1" class="cta_img-overflow"><img class="cta_img-photo" src="images/long-shot-adult-nature-with-3d-geometric-shapes-1.jpg" alt="" sizes="(max-width: 479px) 0px, 100vw" tr-item-animation="scale-to-1" srcset="images/long-shot-adult-nature-with-3d-geometric-shapes-1-p-500.jpg 500w, images/long-shot-adult-nature-with-3d-geometric-shapes-1-p-800.jpg 800w, images/long-shot-adult-nature-with-3d-geometric-shapes-1-p-1080.jpg 1080w, images/long-shot-adult-nature-with-3d-geometric-shapes-1-p-1600.jpg 1600w, images/long-shot-adult-nature-with-3d-geometric-shapes-1-p-2000.jpg 2000w, images/long-shot-adult-nature-with-3d-geometric-shapes-1-p-2600.jpg 2600w, images/long-shot-adult-nature-with-3d-geometric-shapes-1-p-3200.jpg 3200w, images/long-shot-adult-nature-with-3d-geometric-shapes-1.jpg 4096w"></div>
                    </div>
                  </div>
                </div>
                <div class="cta_content">
                  <p class="cta_numbers"><span tr-scroll-toggle="number-current">0</span> — <span tr-scroll-toggle="number-total">0</span></p>
                  <div class="cta_title-wrap">
                    <div tr-scroll-toggle="transform-y" class="cta_title-list">
                      <div class="cta_title-item">
                        <p class="cta_title-parag">Καθώς ο Alex βγαίνει από το αυτόνομα ηλεκτρικό όχημά του, τον υποδέχεται μια ευχάριστη συμφωνία με ήχους περιβάλλοντος και απαλό φωτισμό. Το εξωτερικό του σπιτιού του διαθέτει μια δυναμική πρόσοψη, ικανή να αλλάζει χρώματα και σχέδια για να ταιριάζει με τη διάθεση ή την περίσταση. Η πόρτα αναγνωρίζει τη βιομετρική υπογραφή του Άλεξ και ξεκλειδώνει.</p>
                      </div>
                      <div class="cta_title-item">
                        <p class="cta_title-parag">Περπατώντας στο σαλόνι, η παρουσία του Άλεξ πυροδοτεί μια σειρά από ενέργειες. Οι τοίχοι, ενσωματωμένοι με επιφάνειες οθόνης, ζωντανεύουν, επιδεικνύοντας ένα ήρεμο σκηνικό της φύσης που ταιριάζει με τον τρέχοντα καιρό έξω. Η θερμοκρασία του δωματίου προσαρμόζεται αυτόματα σε ένα άνετο επίπεδο και ο έξυπνος φωτισμός προσαρμόζεται στην ώρα της ημέρας, μιμούμενος το φυσικό φως του ήλιου.</p>
                      </div>
                      <div class="cta_title-item">
                        <p class="cta_title-parag">Ο Άλεξ πέφτει στον βελούδινο καναπέ και κάνει χειρονομίες προς το τραπεζάκι. Μια ολογραφική διεπαφή υλοποιείται, επιτρέποντάς του να εντοπίζει μηνύματα ηλεκτρονικού ταχυδρομείου, μηνύματα και άρθρα ειδήσεων μέσω μιας απλής χειρονομίας. Εν τω μεταξύ, μια εικονική βοηθός με το όνομα &#x27;Aria&#x27;, προσφέρεται να συνοψίσει τα σημαντικότερα σημεία της ημέρας και το πρόγραμμα για το βράδυ.</p>
                      </div>
                      <div class="cta_title-item">
                        <p class="cta_title-parag">Πεινασμένος μετά από μια κουραστική μέρα, ο Άλεξ κατευθύνεται στην κουζίνα. Το έξυπνο ψυγείο σαρώνει το περιεχόμενό του και προτείνει μια ποικιλία από θρεπτικές επιλογές για δείπνο με βάση τα διαθέσιμα. Με μια φωνητική εντολή, τα συστατικά για μια σούπα λαχανικών παραδίδονται γρήγορα στον πάγκο της κουζίνας μέσω μιας σειράς αυτοματοποιημένων μεταφορέων.<br></p>
                      </div>
                      <div class="cta_title-item">
                        <p class="cta_title-parag">Η Aria παρέχει οδηγίες μαγειρέματος βήμα προς βήμα, τοποθετώντας τις στον πάγκο. Ενώ περιμένει το γεύμα, ο Άλεξ αποφασίζει να χαλαρώσει στην αίθουσα ψυχαγωγίας. Με μία μόνο κίνηση, η οθόνη σε μέγεθος τοίχου μετατρέπεται σε οθόνη υψηλής ανάλυσης. Ο Άλεξ βουτά σε ένα καθηλωτικό παιχνίδι εικονικής πραγματικότητας, πλοηγώντας αβίαστα σε έναν κόσμο γεμάτο με εκπληκτικά τοπία και συναρπαστικές προκλήσεις.<br></p>
                      </div>
                      <div class="cta_title-item">
                        <p class="cta_title-parag">Καθώς τελειώνει το βράδυ, ο Άλεξ κατευθύνεται στην κρεβατοκάμαρα. Ο έξυπνος καθρέφτης στο μπάνιο προτείνει μια χαλαρωτική ρουτίνα πριν τον ύπνο, καθοδηγώντας τους σε διατάσεις και ασκήσεις χαλάρωσης. Ο φωτισμός του περιβάλλοντος στην κρεβατοκάμαρα μειώνεται σταδιακά, δημιουργώντας μια γαλήνια ατμόσφαιρα που ευνοεί τον ύπνο.<br></p>
                      </div>
                      <div class="cta_title-item">
                        <p class="cta_title-parag">Το δωμάτιο μεταμορφώνεται σε ένα χαλαρωτικό αστρικό τοπίο, με απαλούς ήχους της φύσης. Η Άρια απαγγέλλει απαλά μια ήρεμη ιστορία πριν τον ύπνο και το δωμάτιο σταδιακά σβήνει στο σκοτάδι καθώς ο Άλεξ αποκοιμιέται, βυθισμένος πλήρως σε έναν κόσμο όπου η τεχνολογία εξυπηρετεί απρόσκοπτα κάθε πτυχή της ζωής του.<br></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div tr-scroll-toggle="trigger" class="cta_trigger"></div>
            </div>
          </div>
          <!-- <section class="more-section">
            <div>
              <div class="more-text">more...</div>
            </div>
          </section> -->
          <div class="telos-trito-kyma">
            <div class="telos-trito">
              <h3 data-w-id="1194b26d-8765-b1f7-e5dc-4ea3ba33399e" style="opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-60-copy trito">Τέλος</h3>
              <div class="container-50 w-container">
                <h2 class="heading-52 trito">Τρίτου</h2>
                <h2 class="heading-52-copy trito">Κύματος<br></h2>
              </div>
            </div>
            <div class="telos-trito-2"><img src="images/wave5.png" loading="lazy" sizes="(max-width: 479px) 0px, (max-width: 6001px) 100vw, 6001px" srcset="images/wave5-p-500.png 500w, images/wave5-p-800.png 800w, images/wave5-p-1080.png 1080w, images/wave5-p-1600.png 1600w, images/wave5-p-2000.png 2000w, images/wave5-p-2600.png 2600w, images/wave5-p-3200.png 3200w, images/wave5.png 6001w" alt="" class="image-165">
              <div class="div-block-202">
                <h3 class="heading-69 trito">Επιστροφή</h3>
                <a href="#stadia-dy-content" class="back-to-kymata-link trito w-inline-block">
                  <div class="text-block-27-copy">Πίσω στα Κύματα</div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <footer>
      <p>© 2023 by Nikolaos Mavrapidis. All rights reserved.</p>
      <p>Thesis Project on Ubiquitous Computing.</p>
      <p>Hosted by: <a href="https://museum.di.uoa.gr/" target="_blank">Museum of IT</a></p>
    </footer>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
  <script src="js/poll.js"></script>
  <script src="js/introQuiz.js"></script>
  <script src="js/stickyTag.js"></script>
  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62d7cc298e26ff69d857b2d5" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  <script src="js/webflow.js" type="text/javascript"></script>
  <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script>
  <script src="js/autoTyping.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/gsap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollTrigger.min.js"></script>
  <script src="js/scrollTrigger.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.6/dist/js/splide.min.js"></script>
  <script src="js/carousel.js"></script>

</body>

</html>