CINXE.COM
XXVI. National Immunology Congress
<!DOCTYPE html> <html lang="en-US"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>XXVI. National Immunology Congress</title> <link rel="canonical" href="https://ulusalimmunoloji2023.org/index-en.html" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="26. The National Immunology Congress"> <meta name="keywords" content="national immunology congress, national immunology congress 2023, 26. national immunology congress, immunology"> <link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,700i%7CCrimson+Text:400,400i,700,700i" rel="stylesheet" type="text/css"> <!-- Bootstrap CSS --> <link rel="stylesheet" id="bootstrap-css" href="https://ulusalimmunoloji2023.org/css/bootstrap/css/bootstrap.css" type="text/css" media="all"/> <!-- Font Awesome Icons CSS --> <link rel="stylesheet" id="font-awesome" href="https://ulusalimmunoloji2023.org/css/fontawesome/css/all.min.css" type="text/css" media="all"/> <!-- Owl Carousel --> <link rel="stylesheet" id="owl-carousel" href="js/owl-carousel/owl.carousel.css" type="text/css" media="all"/> <!-- Main CSS File --> <link rel="stylesheet" id="lawyers-style-css" href="style.css" type="text/css" media="all"/> <!-- favicons --> <link rel="icon" href="images/icons/favicon-32x32.png" sizes="32x32"/> <link rel="icon" href="images/icons/favicon-192x192.png" sizes="192x192"/> <link rel="apple-touch-icon-precomposed" href="images/icons/favicon-180x180.png"/> <style> @import url("//fonts.googleapis.com/css?family=Poppins:300,400,500,600,800,900&display=swap"); #countdown { color: #fff; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2em; /* background: rgba(255, 255, 255, 0.3); */ /* box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); */ -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } #countdown .circle { position: relative; width: 150px; height: 150px; display: flex; align-items: center; justify-content: center; } #countdown .circle svg { position: relative; width: 150px; height: 150px; transform: rotate(270deg); } #countdown .circle svg circle { width: 100%; height: 100%; fill: transparent; stroke-width: 8; stroke: #092c62; stroke-linecap: round; transform: translate(5px, 5px); } #countdown .circle svg circle:nth-child(2) { stroke: var(--clr); stroke-dasharray: 440; stroke-dashoffset: 440; } #countdown div { position: absolute; text-align: center; font-weight: 500; color: #000; font-size: 1.5em; line-height: 0.5em; } #countdown div span { font-size: 0.35em; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; } @media screen and (max-width: 600px) { #countdown .circle { width: 100px; height: 100px; } #countdown .circle svg { height: 100px; width: 100px; } #countdown .circle svg circle { cx: 45; cy: 45; r: 45; stroke-width: 5; } #countdown div { font-size: 1.25em; } } @media screen and (max-width: 300px) { .text { font-size: 25px; } } </style> </head> <body> <div class="menu-mask"></div> <!-- MOBILE MENU HOLDER --> <div class="mobile-menu-holder"> <div class="modal-menu-container"> <div class="exit-mobile"> <span class="icon-bar1"></span> <span class="icon-bar2"></span></div> <ul class="menu-mobile"> <li class="menu-item current-menu-item"> <a href="index-en.html">HOME PAGE</a> </li> <li class="menu-item menu-item-has-children "> <a href="#">GENERAL INFORMATION</a> <ul class="sub-menu"> <li class="menu-item"><a href="generalinformation.html" style="font-size: 12px">DETAILED INFORMATION</a></li> <li class="menu-item"><a href="committee.html" style="font-size: 12px">ORGANIZING COMMITTEE</a></li> <li class="menu-item"><a href="congresscenter.html" style="font-size: 12px">VENUE & TRANSPORTATION</a></li> </ul> </li> <li class="menu-item"> <a href="scientificprogram.html">SCIENTIFIC PROGRAM</a> </li> <li class="menu-item menu-item-has-children"> <a href="#">COURSES</a> <ul class="sub-menu"> <li class="menu-item"><a href="courses.html" style="font-size: 12px">NEUROIMMUNOLOGY FROM BASICS TO CLINIC</a></li> <li class="menu-item"><a href="courses2.html" style="font-size: 12px">HOT TOPICS IN IMMUNOLOGY</a></li> </ul> </li> <li class="menu-item "> <a href="abstracts.html">ABSTRACT</a> </li> <li class="menu-item "> <a href="registration.html">REGISTRATION ACCOMMODATION</a> </li> <li class="menu-item"> <a href="contact.html">CONTACT</a> </li> <li class="menu-item"> <a href="index_php.html">TR</a> </li> </ul> </div> </div> <!-- /MOBILE MENU HOLDER --> <!-- HEADER --> <header id="header-bar" class="header-1 "> <div class="container "> <div class="header-wrap "> <div class="logo logo-1"><a href="index_php.html"></a></div> <div class="nav-holder nav-holder-1"> <ul class="menu-nav menu-nav-1"> <li class="menu-item current-menu-item"> <a href="index-en.html">HOME PAGE</a> </li> <li class="menu-item menu-item-has-children "> <a href="#">GENERAL INFORMATION</a> <ul class="sub-menu"> <li class="menu-item"><a href="generalinformation.html" style="font-size: 12px">DETAILED INFORMATION</a></li> <li class="menu-item"><a href="committee.html" style="font-size: 12px">ORGANIZING COMMITTEE</a></li> <li class="menu-item"><a href="congresscenter.html" style="font-size: 12px">VENUE & TRANSPORTATION</a></li> </ul> </li> <li class="menu-item"> <a href="scientificprogram.html">SCIENTIFIC PROGRAM</a> </li> <li class="menu-item menu-item-has-children"> <a href="#">COURSES</a> <ul class="sub-menu"> <li class="menu-item"><a href="courses.html" style="font-size: 12px">NEUROIMMUNOLOGY FROM BASICS TO CLINIC</a></li> <li class="menu-item"><a href="courses2.html" style="font-size: 12px">HOT TOPICS IN IMMUNOLOGY</a></li> </ul> </li> <li class="menu-item"> <a href="abstracts.html">ABSTRACT</a> </li> <li class="menu-item"> <a href="registration.html">REGISTRATION ACCOMMODATION</a> </li> <li class="menu-item"> <a href="contact.html">CONTACT</a> </li> <li class="menu-item"> <a href="index_php.html">TR</a> </li> </ul> </div> <div class="nav-button-holder"> <button type="button" class="nav-button"> <span class="icon-bar"></span> </button></div> </div> </div> </header> <!-- /HEADER --> <!-- HOME SLIDER --> <div class="slider-container"> <div class="owl-carousel owl-theme home-slider"> <div class="slider-post slider-item-box"> </div> </div> </div> <!-- /HOME SLIDER --> <!-- PAGE CONTENT --> <div class="page-holder custom-page-template page-full fullscreen-page home-page-content clearfix"> <div class="container"> <h3 class="text" align="center">TIME LEFT TO THE CONGRESS</h3> <p> </p> <div id="countdown"> <div class="circle" style="--clr: #ff4c4c;"> <svg> <circle cx="70" cy="70" r="70"></circle> <circle cx="70" cy="70" r="70" id="dd"></circle> </svg> <div id="days">000<br><span>DAYS</span></div> </div> <div class="circle" style="--clr: #ffd700;"> <svg> <circle cx="70" cy="70" r="70"></circle> <circle cx="70" cy="70" r="70" id="hh"></circle> </svg> <div id="hours">00<br><span>HOURS</span></div> </div> <div class="circle" style="--clr: #ffc0cb;"> <svg> <circle cx="70" cy="70" r="70"></circle> <circle cx="70" cy="70" r="70" id="mm"></circle> </svg> <div id="minutes">00<br><span>MINUTES</span></div> </div> <div class="circle" style="--clr: #b0e0e6;"> <svg> <circle cx="70" cy="70" r="70"></circle> <circle cx="70" cy="70" r="70" id="ss"></circle> </svg> <div id="seconds">00<br><span>SECONDS</span></div> </div> </div> </div> <p> </p> <p> </p> <!-- SECTION 1--> <section class="section-holder "> <div class="container"> <div class="row"> <div class="col-lg-12 "> <h2 class="section-heading-title margin-b16" align="center">INVITATION LETTER</h2> <p align="justify">Distinguished scientists, academics and students working on immunology,</p> <p align="justify">On the 100<sup>th</sup> anniversary of our Republic, we invite you to “26. the National Immunology Congress” which will be held on 11-13 November 2023.</p> <p align="justify">National Immunology Congresses bring together clinicians and researchers from different disciplines who are interested in immunology and provide a platform where they can discuss current issues and establish collaborations.</p> <p align="justify">This year, the role of the immune system in the pathogenesis and treatment approaches of various diseases will be discussed with an approach that combines clinical and basic immunology issues. We aimed to reach a high scientific content with 2 half-day courses, more than 15 symposia, more than 10 short-talks and 3 conferences. In addition, we have planned sessions that will provide young people who study in the field of immunology the opportunity to share their opinions about science.</p> <p align="justify">The 26<sup>th</sup> National Immunology Congress will focus on immunotherapy, immunopathogenesis, transplantation immunology, autoimmunity-tolerance, hypersensitivity, molecular immunology, and bioinformatics approaches in immunology.</p> <p align="justify">We hope to come together at our National Congress, where we will enjoy sharing scientific outputs with oral and poster presentations, discussions and retrieve scientific motivation.</p> <h6>Prof. Dr. Güneş ESENDAĞLI<br> President of the 26<sup>th</sup> National Immunology Congress</h6> </div> </div> <!-- /row --> </div> <!-- /container --> </section> </div> <!-- /PAGE CONTENT --> <!-- FOOTER --> <footer id="footer-var2"> <div id="footer-content"> <ul class="footer-social alignc"> <li><a class="social-facebook" href="https://www.facebook.com/flapkongre" target="_blank"><i class="fab fa-facebook-f"></i></a></li> <li><i class="fab fa-instagram"></i></li> <li><a class="social-twitter" href="https://twitter.com/flaptour" target="_blank"><i class="fab fa-twitter"></i></a></li> <li><i class="fab fa-linkedin"></i></li> </ul> <div class="foo-copyright alignc">All rights reserved | Designed by <a href="https://flaptour.com.tr/" target="_blank">FlapTour</a></div> </div> </footer> <!-- /FOOTER --> <div class="scrollup"> <a class="scrolltop" href="#"> <i class="fa fa-chevron-up"></i> </a></div> <!-- JS --> <script src="js/jquery.js"></script> <script src="js/jquery-migrate.min.js"></script> <script src="css/bootstrap/js/popper.js"></script> <script src="css/bootstrap/js/bootstrap.js"></script> <script src="js/easing.js"></script> <script src="js/fitvids.js"></script> <script src="js/owl-carousel/owl.carousel.js"></script> <script src="js/isotope.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <!-- MAIN JS --> <script src="js/init.js"></script> <!-- CONTAT FORM JS --> <script src="js/jquery.form.min.js"></script> <script src="js/contactform.js"></script> <script> console.log("New Year Countdown Using JavaScript"); console.log("I hope you guys like it :))"); let days = document.getElementById('days'); let hours = document.getElementById('hours'); let minutes = document.getElementById('minutes'); let seconds = document.getElementById('seconds'); let dd = document.getElementById('dd'); let hh = document.getElementById('hh'); let mm = document.getElementById('mm'); let ss = document.getElementById('ss'); let countdown = document.getElementById("countdown"); let wishDays = 10; let x = setInterval(function () { let currentYear = new Date().getFullYear(); let newYear = new Date(`Nov 11, ${currentYear + 0} 00:00:00`); let now = new Date().getTime(); let distance = newYear - now; // time calculation let d = Math.floor(distance / (1000 * 60 * 60 * 24)); let h = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); let m = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); let s = Math.floor((distance % (1000 * 60)) / (1000)); // output the result days.innerHTML = d + "<br><span>DAYS</span>"; hours.innerHTML = h + "<br><span>HOURS</span>"; minutes.innerHTML = m + "<br><span>MINUTES</span>"; seconds.innerHTML = s + "<br><span>SECONDS</span>"; // animate stroke dd.style.strokeDashoffset = 440 - (440 * d) / 365; hh.style.strokeDashoffset = 440 - (440 * h) / 24; mm.style.strokeDashoffset = 440 - (440 * m) / 60; ss.style.strokeDashoffset = 440 - (440 * s) / 60; // if countdown is over, change the innerText of .text if (distance < 0) { document.querySelector('.text').innerText = `Happy New Year ${currentYear}`; } }, 1000); // snowflakes const canvas = document.getElementById("snowflakes"); const ctx = canvas.getContext("2d"); canvas.width = window.innerWidth; canvas.height = window.innerHeight; // snowflake colors const colors = ["#eee", "#ddd", "#ccc"]; class SnowFlake { constructor() { this.x = 0; this.y = 0; this.vx = 0; this.vy = 0; this.radius = 0; this.color = ""; this.reset(); } reset() { this.x = Math.random() * canvas.width; this.y = Math.random() * canvas.height; this.vx = Math.random() - 0.5; this.vy = Math.random() * 1 + 1; this.radius = Math.random() * 1 + 1; this.color = colors[Math.floor(Math.random() * colors.length)]; } draw() { ctx.beginPath(); ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2); ctx.fillStyle = this.color; ctx.fill(); ctx.closePath(); } update() { this.x += this.vx; this.y += this.vy; if (this.y + this.radius > canvas.height) { this.reset(); } } } const snowflakes = []; // initial snowflakes for (let i = 0; i < 100; i++) { snowflakes.push(new SnowFlake()); } // animation loop function animate() { requestAnimationFrame(animate); ctx.clearRect(0, 0, canvas.width, canvas.height); snowflakes.forEach((snowflake) => { snowflake.draw(); snowflake.update(); }); } animate(); // snow flake function createFlake() { const flake = document.createElement('ion-icon'); flake.setAttribute('name', 'snow-outline'); flake.style.left = Math.random() * window.innerWidth + 'px'; flake.style.animationDuration = Math.random() * 3 + 2 + 's'; // between 2 - 5 seconds flake.style.opacity = Math.random(); flake.style.fontSize = Math.random() * 10 + 10 + 'px'; document.body.appendChild(flake); setTimeout(() => { flake.remove(); }, 5000) } setInterval(createFlake, 500); // help button let help = document.getElementById('help'); let menu = document.querySelector('.menu'); help.onclick = function() { menu.classList.toggle('active'); if (menu.classList.contains('active')) { help.innerHTML = `<ion-icon name="close-outline"></ion-icon>`; } else { help.innerHTML = `<ion-icon name="menu-outline"><ion-icon>`; } } </script> </body> </html>