ITFest - Homepage

<!DOCTYPE html> <html lang="en"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-617X5FFV4E"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("js", new Date()); gtag("config", "G-617X5FFV4E"); </script> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width" /> <title>ITFest - Homepage</title> <link rel="stylesheet" href="pages/basics.css" /> <link rel="stylesheet" href="pages/homepage/homepage.css" /> <link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet" /> <link rel="icon" type="image/x-icon" href="assets/sigle/favicon.png" /> <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=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" /> </head> <body>  <nav> <a href="homepage.html"><img src="assets/sigle/logo_fara_motto.webp" alt="logo" /></a> <div class="navbar-content" id="navbar"> <input type="checkbox" class="toggle-menu" id="hamburger-checkbox" /> <div class="hamburger" id="hamburger-icon"></div> <div class="navbar-text"> <a id="current-page" href="homepage.html"><i class="bx bxs-home"></i> Acas膬</a> <div class="events"> <a href="pages/evenimente/evenimente.html"><i class="bx bxs-calendar-event"></i> Evenimente</a> </div> <a href="pages/parteneri/parteneri.html"><i class="bx bxs-briefcase"></i> Parteneri</a> <a href="pages/editii-trecute/editii-trecute.html"><i class="bx bxs-calendar"></i> Edi葲ii trecute</a> <a href="pages/echipa/echipa.html"><i class="bx bx-group"></i> Echip膬</a> <a href="pages/pagina-articole/pagina-articole.html"><i class="bx bxs-edit-alt"></i> Articole</a> <a class="navbutton" href="https://itfester.sisc.ro/" target="_blank">脦nscrie-te </a> </div> </div> </nav>   <div id="hero-container-and-animation"></div> <div class="hero-container"> <div class="hero-left"> <img class="hero-logo" src="assets/sigle/logo.webp" /> <div class="hero-desc"> <script> const div = document.querySelector(".hero-desc"); const text = " Ve葯ti bune pentru pasiona葲ii de tehnologie! ITFest, ajuns la a XVII-a edi葲ie, revine cu for葲e proaspete 葯i este gata s膬 te surprind膬卯ntr-un cadru 卯n care vei explora cele mai recente inova葲ii 葯i nout膬葲i tehnologice."; function textTypingEffect(element, text, i = 0) { if (i === 0) { element.textContent = ""; } element.textContent += text[i]; if (i === text.length - 1) { return; } setTimeout(() => textTypingEffect(element, text, i + 1), 30); } textTypingEffect(div, text); </script> </div> </div> <div class="hero-right"> <img class="hero-mascota" src="assets/homepage/laptop homepageumbra.png" alt="mascota" /> <a href="https://itfester.sisc.ro/" target="_blank"><button id="hero-btn" class="hero-buttons">脦nscrie-te</button> </a> </div> </div> </div>   <div class="homepage-loading-bar"> <h2>Se 卯ncarc膬 evenimentele...</h2> <div class="container-loading-bar"></div> </div>   <div class="homepage-modals-container"> <div id="events-container" class="eveniment-container"> <div class="eveniment-televizor hidden"> <h2 class="eveniment-title">Stand</h2> <p class="eveniment-date">7 & 8 oct</p> <button class="eveniment-button" id="details1">Detalii</button> </div> <div class="eveniment-televizor hidden"> <h2 class="eveniment-title">Career Launch I</h2> <p class="eveniment-date">8-13 oct</p> <button class="eveniment-button" id="details2">Detalii</button> </div> <div class="eveniment-televizor hidden"> <h2 class="eveniment-title">Job Hub</h2> <p class="eveniment-date">10 oct</p> <button class="eveniment-button" id="details3">Detalii</button> </div> <div class="eveniment-televizor hidden"> <h2 class="eveniment-title">Hackathon I</h2> <p class="eveniment-date">19 oct</p> <button class="eveniment-button" id="details4">Detalii</button> </div> <div class="eveniment-televizor hidden"> <h2 class="eveniment-title">Career Launch II</h2> <p class="eveniment-date">22-24 oct</p> <button class="eveniment-button" id="details5">Detalii</button> </div> <div class="eveniment-televizor hidden"> <h2 class="eveniment-title">Workshop</h2> <p class="eveniment-date">30 oct</p> <button class="eveniment-button" id="details6">Detalii</button> </div> <div class="eveniment-televizor hidden"> <h2 class="eveniment-title">Hackathon II</h2> <p class="eveniment-date">2 nov</p> <button class="eveniment-button" id="details7">Detalii</button> </div> <div class="eveniment-televizor hidden"> <h2 class="eveniment-title">LAN Party</h2> <p class="eveniment-date">16 nov</p> <button class="eveniment-button" id="details8">Detalii</button> </div> </div> </div>   <div class="giveaway-gradient"> <h1 class="giveaway-title">Giveaway</h1> <div class="giveaway-container" id="desktop-template"> <div class="giveaway-container-left"> <div class="giveaway-card"> <p class="giveaway-number">1</p> <p class="giveaway-text">Urm膬re葯te pagina de Instagram a <a href="https://www.instagram.com/sisc.itfest/" target="_blank">sisc.itfest </a> 葯i <a href="https://www.instagram.com/sisc.ase/" target="_blank"> sisc.ase</a>.</p> </div> <div class="giveaway-card"> <p class="giveaway-number">2</p> <p class="giveaway-text"> S膬 apreciezi <a href="https://www.instagram.com/p/DA0FIgrIHuk/" target="_blank">aceast膬</a> postare. </p> </div> <div class="giveaway-card"> <p class="giveaway-number">3</p> <p class="giveaway-text">S膬 distribui  <a href="https://www.instagram.com/p/DA0FIgrIHuk/" target="_blank">aceast膬</a>  postare la story. </p> </div> </div> <div class="giveaway-container-right"> <img src="assets/homepage/castigiveawaylol.png" alt="" /> </div> </div> </div>   <h1 class="section-title">Testimoniale</h1> <div class="testimonials-container"> <div class="swiper" id="carouselContainer"> <div class="testimonials-card-container swiper-wrapper" id="slideHolder" > <div class="testimonials-card swiper-slide"> <div class="testimonials-body"> <div class="testimonials-top"> <div class="testimonials-img-container"> <img src="assets/testimoniale/mancu.webp" alt="" class="testimonials-img" /> </div> <div class="testimonials-id"> <p class="testimonials-name">Mancu Alexandru-Petru</p> <div class="testimonials-prize"> Hackathon Inulta - Locul 2 </div> </div> </div> <div class="testimonials-review"> <p class="testimonials-answer"> "Hackathon-ul a avut o structur膬 interesant膬, reu葯ind s膬 simuleze etapele unui proiect prin care trece un consultant din cadrul Inulta, de la primirea cerin葲elor de proiect, p芒n膬 la prezentarea final膬 a proiectului c膬tre client. Hackathon-ul ITFest x Inulta a fost un prilej bun de a ne testa cuno葯tin葲ele 葯i de a vedea 卯n linii mari care este rolul unui consultant din companie. 脦n urma Hackathon-ului am fost recrutat de Inulta, iar 卯n prezent lucrez al膬turi de ei." </p> </div> </div> </div> <div class="testimonials-card swiper-slide"> <div class="testimonials-body"> <div class="testimonials-top"> <div class="testimonials-img-container"> <img src="assets/testimoniale/bujor.webp" alt="" class="testimonials-img" /> </div> <div class="testimonials-id"> <p class="testimonials-name">Bujor Alexandru Mario</p> <div class="testimonials-prize"> Hackathon N-Able - Locul 1 </div> </div> </div> <div class="testimonials-review"> <p class="testimonials-answer"> "Hackathon-ul c芒葯tigat a fost o experien葲膬 de 卯nv膬葲are esen葲ial膬. Am dob芒ndit noi competen葲e tehnice 葯i am 卯nv膬葲at s膬 le aplic sub presiune, 卯ntr-un mediu competitiv. Colaborarea 卯n echip膬 a devenit o abilitate-cheie, 卯nv膬葲芒nd s膬 comunic膬m eficient 葯i s膬 distribuim responsabilit膬葲ile. Prezentarea ideii 卯n fa葲a juriului ne-a 卯nv膬葲at s膬 valorific膬m oportunit膬葲ile de business. Aceast膬 victorie m-a motivat s膬 continui s膬卯nv膬葲葯i s膬 evoluez 卯n domeniul tehnologic 葯i 卯n mediul de afaceri." </p> </div> </div> </div> <div class="testimonials-card swiper-slide"> <div class="testimonials-body"> <div class="testimonials-top"> <div class="testimonials-img-container"> <img src="assets/testimoniale/mihnea.webp" alt="" class="testimonials-img" /> </div> <div class="testimonials-id"> <p class="testimonials-name">Catan膬-Adam Mihnea</p> <div class="testimonials-prize"> Hackathon N-Able - Locul 1 </div> </div> </div> <div class="testimonials-review"> <p class="testimonials-answer"> "ITFest este unul dintre cele mai frumoase evenimente din domeniul IT prin oportunit膬葲ile oferite studen葲ilor de a se remarca 葯i de a descoperi companiile participante. Hackathon-ul mi-a oferit ocazia sa 卯mi dep膬葯esc limitele, lucr芒nd sub presiune la un proiect cu impact 卯n via葲a real膬." </p> </div> </div> </div> <div class="testimonials-card swiper-slide"> <div class="testimonials-body"> <div class="testimonials-top"> <div class="testimonials-img-container"> <img src="assets/testimoniale/cebuc.webp" alt="" class="testimonials-img" /> </div> <div class="testimonials-id"> <p class="testimonials-name">Gabriel-C膬t膬lin Cebuc</p> <div class="testimonials-prize"> Hackathon Axway - Locul 3 </div> </div> </div> <div class="testimonials-review"> <p class="testimonials-answer"> "ITFest este o experien葲膬 nou膬, din care po葲i 卯nv膬葲a foarte multe lucruri care te vor ajuta pe viitor. ITFest este realizat cu mare pasiune 葯i d膬ruire de c膬tre voluntarii din Sindicatul Studen葲ilor din Cibernetic膬, care 卯葲i pot insufla ce 卯nseamn膬 devotamentul." </p> </div> </div> </div> <div class="testimonials-card swiper-slide"> <div class="testimonials-body"> <div class="testimonials-top"> <div class="testimonials-img-container"> <img src="assets/testimoniale/cezin.webp" alt="" class="testimonials-img" /> </div> <div class="testimonials-id"> <p class="testimonials-name">Cezin Cupii</p> <div class="testimonials-prize"> Hackathon Axway - Locul 3 </div> </div> </div> <div class="testimonials-review"> <p class="testimonials-answer">"Echip膬, competi葲ie, SiSC."</p> </div> </div> </div> <div class="testimonials-card swiper-slide"> <div class="testimonials-body"> <div class="testimonials-top"> <div class="testimonials-img-container"> <img src="assets/testimoniale/daria.webp" alt="" class="testimonials-img" /> </div> <div class="testimonials-id"> <p class="testimonials-name">S膬ndulescu Daria-Antonia</p> <div class="testimonials-prize"> Hackathon N-Able - Locul 3 </div> </div> </div> <div class="testimonials-review"> <p class="testimonials-answer"> "Proiectul ITFest mi-a oferit prima experien葲膬 a unui Hackathon din via葲a mea! De葯i m-am 卯nscris cu pu葲in膬 team膬, am 卯nt芒lnit un mediu primitor, dar care m-a 卯mpins s膬 ies din zona de comfort. Cu siguran葲膬 nu m膬 a葯teptam ca rezultatul final s膬 fie unul at芒t de bun!" </p> </div> </div> </div> <div class="testimonials-card swiper-slide"> <div class="testimonials-body"> <div class="testimonials-top"> <div class="testimonials-img-container"> <img src="assets/testimoniale/simion.webp" alt="" class="testimonials-img" /> </div> <div class="testimonials-id"> <p class="testimonials-name">Simion Alexandra-Maria</p> <div class="testimonials-prize"> Hackathon N-Able - Locul 3 </div> </div> </div> <div class="testimonials-review"> <p class="testimonials-answer"> "Experien葲a din cadrul Hackathon-ului ITFest a fost o oportunitate deosebit膬 pentru a ne antrena creativitatea 葯i pentru a ne testa skill-urile. De la idee la primul contur al aplica葲iei, de la bug-uri la un demo reu葯it, le-am avut pe toate prin efortul de echip膬! A葯 repeta garantat un astfel de Hackathon!" </p> </div> </div> </div> <div class="testimonials-card swiper-slide"> <div class="testimonials-body"> <div class="testimonials-top"> <div class="testimonials-img-container"> <img src="assets/testimoniale/Aida.webp" alt="" class="testimonials-img" /> </div> <div class="testimonials-id"> <p class="testimonials-name">Sente葯 Aida-Elena</p> <div class="testimonials-prize"> Hackathon N-Able - Locul 3 </div> </div> </div> <div class="testimonials-review"> <p class="testimonials-answer"> "Mi-a pl膬cut foarte mult cum ne-am organizat, dou膬 fete nu 葯tiam react 葯i 卯nv膬葲asem cum s膬 ne descurc膬m fix atunci 葯i am putut s膬 folosesc multe din tutorialele pe care le-am v膬zut. Recomand pentru adrenalin膬葯i provocare, dar 葯i pentru o autoevaluare a lucrului 卯n echip膬葯i a propriilor cuno葯tin葲e." </p> </div> </div> </div> <div class="testimonials-card swiper-slide"> <div class="testimonials-body"> <div class="testimonials-top"> <div class="testimonials-img-container"> <img src="assets/testimoniale/lavinia.webp" alt="" class="testimonials-img" /> </div> <div class="testimonials-id"> <p class="testimonials-name">Graure Lavinia</p> <div class="testimonials-prize"> Hackathon Inulta - Locul 3 </div> </div> </div> <div class="testimonials-review"> <p class="testimonials-answer"> "Hackathon-ul de la INULTA a fost o experien葲膬 incredibil膬. Am avut oportunitatea s膬 lucrez cu o echip膬 talentat膬葯i s膬 m膬 implic 卯n multiple provoc膬ri, fiind o ocazie unic膬 de 卯nv膬葲are 葯i dezvoltare. Ce mi-a pl膬cut cel mai mult a fost abordarea inovatoare a companiei 葯i sprijinul lor constant pentru dezvoltarea personal膬. Este cu adev膬rat un eveniment care m-a inspirat 葯i a contribuit la alegerea mea de a r膬m芒ne si de a lucra in aceast膬 companie, INULTA." </p> </div> </div> </div> </div> <div class="swiper-pagination"></div> </div> </div>   <footer> <a href="https://sisc.ro/" target="_blank"><img src="assets/sigle/sigla_mono.webp" alt="" /></a> <div class="social-media"> <a href="https://www.facebook.com/itfest.sisc/" target="_blank"><i class="bx bxl-facebook-square"></i> </a> <a href="https://www.instagram.com/sisc.itfest/" target="_blank"><i class="bx bxl-instagram"></i></a> <a href="https://www.linkedin.com/company/siscase/" target="_blank"><i class="bx bxl-linkedin-square"></i></a> <a href="https://www.youtube.com/user/SiSCotii" target="_blank"><i class="bx bxl-youtube"></i></a> <a href="https://www.tiktok.com/@sisc.ase" target="_blank"><i class="bx bxl-tiktok"></i></a> </div> </footer> </body> <script src="https://cdn.jsdelivr.net/npm/vanta/dist/vanta.net.min.js"></script> <script src="https://unpkg.com/boxicons@2.1.4/dist/boxicons.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script> <script src="pages/homepage/homepage.js"></script> <script src="pages/basics.js"></script> </html>

CINXE.COM

ITFest - Homepage