index.html

<!DOCTYPE html>
<html lang="en-US" dir="ltr">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <!-- ===============================================-->
    <!--    Document Title-->
    <!-- ===============================================-->
    <title>Athens Natural Language Processing Summer School </title>


    <!-- ===============================================-->
    <!--    Favicons-->
    <!-- ===============================================-->
    <link rel="apple-touch-icon" sizes="180x180" href="2024/assets/img/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="2024/assets/img/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="2024/assets/img/favicons/favicon-16x16.png">
    <link rel="shortcut icon" type="image/x-icon" href="2024/assets/img/favicons/favicon.ico">
    <link rel="manifest" href="2024/assets/img/favicons/manifest.json">
    <meta name="msapplication-TileImage" content="2024/assets/img/favicons/mstile-150x150.png">
    <meta name="theme-color" content="#ffffff">
    <script src="2024/vendors/overlayscrollbars/OverlayScrollbars.min.js"></script>


    <!-- ===============================================-->
    <!--    Stylesheets-->
    <!-- ===============================================-->
    <link href="2024/vendors/swiper/swiper-bundle.min.css" rel="stylesheet">
    <link href="2024/vendors/hamburgers/hamburgers.min.css" rel="stylesheet">
    <link href="2024/vendors/loaders.css/loaders.min.css" rel="stylesheet">
    <link href="2024/assets/css/theme.css" rel="stylesheet" />
    <link href="2024/assets/css/user.css" rel="stylesheet" />

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&amp;family=Open+Sans:wght@300;400;600;700;800&amp;display=swap" rel="stylesheet">
  </head>


  <body>

    <div class="sticky-top navbar-elixir">
      <div class="container">
        <nav class="navbar navbar-expand-lg"> 
		  <a class="navbar-brand" href="index.html">
			<img src="2024/assets/img/logo-dark.png" alt="logo" />
		  </a>
          <button class="navbar-toggler p-0" type="button" data-bs-toggle="collapse" data-bs-target="#primaryNavbarCollapse" aria-controls="primaryNavbarCollapse" aria-expanded="false" aria-label="Toggle navigation"><span class="hamburger hamburger--emphatic"><span class="hamburger-box"><span class="hamburger-inner"></span></span></span></button>
          <div class="collapse navbar-collapse mymenu" id="primaryNavbarCollapse">
            <h4>Athens NLP Summer School</h4>
          </div>
        </nav>
      </div>
    </div>

    <!-- ===============================================-->
    <!--    Main Content-->
    <!-- ===============================================-->
    <main class="main" id="top">
      <div class="preloader" id="preloader">
        <div class="loader">
          <div class="line-scale">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
          </div>
        </div>
      </div>

 <!-- ============================================-->
      <!-- <section> begin ============================-->
        <section class="bg-100 text-center">

      <div class=" py-6">
		

        <div class="container">
          <div class="row align-items-center" data-zanim-timeline="{}" data-zanim-trigger="scroll">
            <div class="col-1 my-3 overflow-hidden"></div>
            
			<div class="col-10 my-3 overflow-hidden">
				<div class="card-body p-5"> 
					<img class="card-img-top" src="generalΑthNLP.jpg" alt="AthNLP" />              					
				</div>
                <p>AthNLP  is a series of summer schools (2019, 2024, 2025) that bring together students, academics, researchers and industry experts with interests in Natural Language Processing and Machine Learning.
				<a href="https://athnlp.github.io/2025/">Athens Natural Language Processing Summer School (AthNLP) 2025</a> will take place οn September 4th-10th in Athens, Greece.</p>
			</div>
            <div class="col-1 my-3 overflow-hidden"></div>
            </div>
			
			<div class="text-center mb-6">
				<hr class="short" data-zanim-xs='{"from":{"opacity":0,"width":0},"to":{"opacity":1,"width":"4.20873rem"},"duration":0.8}' data-zanim-trigger="scroll" />
			</div>
		
            <div class="row mt-4 mt-md-5">
                <!--<div class="col-md-2 mt-4" data-zanim-timeline="{}"></div>-->
                <div class="col-md-4 mt-4" data-zanim-timeline="{}">          
                  <div class="ring-icon mx-auto" data-zanim-xs="{&quot;delay&quot;:0}" style="transform: translate(0px, 0px); opacity: 1;">
                      <a class="d-flex align-items-center" href="2025/index.html"  target="_blank">2025</a>
                    </div>
                </div>
				        <div class="col-md-4 mt-4" data-zanim-timeline="{}">
                   <div class="ring-icon mx-auto" data-zanim-xs="{&quot;delay&quot;:0}" style="transform: translate(0px, 0px); opacity: 1;">
                        <a class="d-flex align-items-center" href="2024/index.html"  target="_blank">2024</a></div>
                </div>				
                <div class="col-md-4 mt-4" data-zanim-timeline="{}">
                    <div class="ring-icon mx-auto" data-zanim-xs="{&quot;delay&quot;:0}" style="transform: translate(0px, 0px); opacity: 1;">
                        <a class="d-flex align-items-center" href="http://athnlp2019.iit.demokritos.gr/" target="_blank">2019</a>
                    </div>
                </div>
                 <!--<div class="col-md-2 mt-4" data-zanim-timeline="{}"></div>-->
            </div>
        </div>
      </div>
 
    </main>
    <!-- ===============================================-->
    <!--    End of Main Content-->
    <!-- ===============================================-->
 <!-- ============================================-->
      <!-- <section> begin ============================-->
        <section style="background-color: #3D4C6F" class="py-6 text-center text-md-start">

          <div class="container">
            <div class="row align-items-center d-flex">
              <div class="col-md ">
                <h4 class="text-white mb-3">Follow AthNLP </h4>
                  <ul class="list-unstyled d-flex">
                    <li class="mb-3">
                      <a class="text-decoration-none d-flex align-items-center" href="https://www.linkedin.com/company/athens-nlp-summer-school/"> 
                        
                        <span title="Linkedin"  class="brand-icon me-3"><span class="fab fa-linkedin-in"></span></span>                        
                      </a>
                    </li>
                      <li class="mb-3"><a class="text-decoration-none d-flex align-items-center" href="https://twitter.com/athensnlp">
                        
                        <span title="X"  class="brand-icon me-3"><svg xmlns="http://www.w3.org/2000/svg" height="14" width="14" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="#ffffff" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg></span>                        
                      </a>
                    </li>
                      <li class="mb-3">
                        <a class="text-decoration-none d-flex align-items-center" href="https://www.youtube.com/@AthNLP"> 
                           
                           <span title="YouTube"  class="brand-icon me-3"><span class="fab fa-youtube"></span></span>
                        </a>
                       </li>
                       <li class="mb-3">
                        <a class="text-decoration-none d-flex align-items-center" href="https://bsky.app/profile/athnlp.bsky.social"> 
                           <!--<h5 class="me-3 fs-0 text-white mb-0 d-inline-block">Bluesky</h5>-->
                           <span title="Bluesky" class="brand-icon me-3"><svg xmlns="http://www.w3.org/2000/svg" height="14" width="14" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="#ffffff" d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z"/></svg></span>
                        </a>
                       </li>
                   
                  </ul>
              </div>
            
            </div>
          </div>
          <!-- end of .container-->
  
        </section>
        <!-- <section> close ============================-->
        <!-- ============================================-->
	  
    <!--===============================================-->
    <!--    Footer-->
    <!--===============================================-->


    <!-- ===============================================-->
    <!--    JavaScripts-->
    <!-- ===============================================-->
    <script src="2024/vendors/popper/popper.min.js"></script>
    <script src="2024/vendors/bootstrap/bootstrap.min.js"></script>
    <script src="2024/vendors/is/is.min.js"></script>
    <script src="2024/vendors/bigpicture/BigPicture.js"> </script>
    <script src="2024/vendors/countup/countUp.umd.js"> </script>
    <script src="2024/vendors/swiper/swiper-bundle.min.js"></script>
    <script src="2024/vendors/fontawesome/all.min.js"></script>
    <script src="2024/vendors/lodash/lodash.min.js"></script>
    <script src="2024/vendors/imagesloaded/imagesloaded.pkgd.min.js"></script>
    <script src="2024/vendors/gsap/gsap.js"></script>
    <script src="2024/vendors/gsap/customEase.js"></script>
    <script src="2024/assets/js/theme.js"></script>

  </body>

</html>