<html xmlns:bs="http://www.w3.org/1999/xhtml" lang="en" dir="ltr"> <head> <meta charset="UTF-8"></meta> <meta name="description" content="Abdelouadoud Rasmi is a talented senior fullstack / backend Java developer, using Spring boot, from Algeria, i have worked on so many projects for big companies"></meta> <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta> <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta> <title>Abdelouadoud Rasmi</title>  <link rel="fav icon" href="/images/rasmi.jpeg" type="image/x-icon"></link>  <link rel="stylesheet" href="css/style.css"></link>  <link rel="preconnect" href="https://fonts.googleapis.com"></link> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""></link> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet"></link> </head> <body> <main> <aside class="sidebar" data-sidebar=""> <div class="sidebar-info"> <figure class="avatar-box"> <img src="https://avatars.githubusercontent.com/u/88406384?v=4" class="rounded-img" alt="Richard hanrick" width="80"></img> </figure> <div class="info-content"> <h1 class="name" title="Abdelouadoud Rasmi">Abdelouadoud Rasmi</h1> <p class="title">Java developer</p> </div> <button class="info_more-btn" data-sidebar-btn=""> <span>Show Contacts</span> <ion-icon name="chevron-down"></ion-icon> </button> </div> <div class="sidebar-info_more"> <div class="separator"></div> <ul class="contacts-list"> <li class="contact-item"> <div class="icon-box"> <ion-icon name="mail-outline"></ion-icon> </div> <div class="contact-info"> <p class="contact-title">Email</p> <a href="abdelouadoudrasmi@gmail.com" class="contact-link">abdelouadoudrasmi@gmail.com</a> </div> </li> <li class="contact-item"> <div class="icon-box"> <ion-icon name="phone-portrait-outline"></ion-icon> </div> <div class="contact-info"> <p class="contact-title">Phone</p> <a href="+ (33) 7 510 273 79" class="contact-link">+ (33) 7 510 273 79</a> </div> </li> <li class="contact-item"> <div class="icon-box"> <ion-icon name="calendar-outline"></ion-icon> </div> <div class="contact-info"> <p class="contact-title">Birthday</p> <time datetime="April 06, 1998"> April 06, 1998 </time> </div> </li> <li class="contact-item"> <div class="icon-box"> <ion-icon name="location-outline"></ion-icon> </div> <div class="contact-info"> <p class="contact-title">Location</p> <address>Paris, France</address> </div> </li> </ul> <div class="separator"></div> <ul class="social-list"> <li class="social-item"> <a href="#" class="social-link"> <ion-icon name="logo-facebook"></ion-icon> </a> </li> <li class="social-item"> <a href="#" class="social-link"> <ion-icon name="logo-twitter"></ion-icon> </a> </li> <li class="social-item"> <a href="#" class="social-link"> <ion-icon name="logo-instagram"></ion-icon> </a> </li> </ul> </div> </aside> <div class="main-content"> <nav class="navbar"> <ul class="navbar-list"> <li class="navbar-item"> <button class="navbar-link  active" data-nav-link="">About</button> </li> <li class="navbar-item"> <button class="navbar-link" data-nav-link="">Resume</button> </li> <li class="navbar-item"> <button class="navbar-link" data-nav-link="">Portfolio</button> </li> <li class="navbar-item"> <button class="navbar-link" data-nav-link="">Blog</button> </li> <li class="navbar-item"> <button class="navbar-link" data-nav-link="">Contact</button> </li> </ul> </nav>  <article class="about  active" data-page="about"> <header> <h2 class="h2 article-title">About me</h2> </header> <section class="about-text"> <p> Abdelouadoud Rasmi is a talented senior fullstack / backend Java developer, using Spring boot, from Algeria, i have worked on so many projects for big companies </p> </section>  <section class="service"> <h3 class="h3 service-title">What i'm doing</h3> <ul class="service-list">  <li class="service-item"> <div class="service-icon-box"> <img src="images/icon-dev.svg" alt="Web development" width="40"></img> </div> <div class="service-content-box"> <h4 class="h4 service-item-title">Web development</h4> <p class="service-item-text"> Java, Spring boot, Javascript & Angular... </p> </div> </li>  <li class="service-item"> <div class="service-icon-box"> <img src="images/icon-quote.svg" alt="Devops" width="40"></img> </div> <div class="service-content-box"> <h4 class="h4 service-item-title">Devops</h4> <p class="service-item-text"> Docker, Jenkins, Maven, Tomcat, Ci/Cd pipelines... </p> </div> </li>  <li class="service-item"> <div class="service-icon-box"> <img src="images/icon-design.svg" alt="Conceptualization" width="40"></img> </div> <div class="service-content-box"> <h4 class="h4 service-item-title">Conceptualization</h4> <p class="service-item-text"> Architecture, UML, Microservices, different types of diagrams </p> </div> </li>  <li class="service-item"> <div class="service-icon-box"> <img src="images/icon-app.svg" alt="Mobile development" width="40"></img> </div> <div class="service-content-box"> <h4 class="h4 service-item-title">Mobile development</h4> <p class="service-item-text"> I have experience with Android development </p> </div> </li>  </ul> </section>  <section class="testimonials"> <h3 class="h3 testimonials-title">Testimonials</h3> <ul class="testimonials-list has-scrollbar">  <li class="testimonials-item"> <div class="content-card" data-testimonials-item=""> <figure class="testimonials-avatar-box"> <img src="" alt="" width="60" data-testimonials-avatar=""></img> </figure> <h4 class="h4 testimonials-item-title" data-testimonials-title="">  </h4> <div class="testimonials-text" data-testimonials-text=""> <p>  </p> </div> </div> </li>  <li class="testimonials-item"> <div class="content-card" data-testimonials-item=""> <figure class="testimonials-avatar-box"> <img src="" alt="null" width="60" data-testimonials-avatar=""></img> </figure> <h4 class="h4 testimonials-item-title" data-testimonials-title="">  </h4> <div class="testimonials-text" data-testimonials-text=""> <p>  </p> </div> </div> </li>  </ul> </section>  <div class="modal-container" data-modal-container=""> <div class="overlay" data-overlay=""></div> <section class="testimonials-modal"> <button class="modal-close-btn" data-modal-close-btn=""> <ion-icon name="close-outline"></ion-icon> </button> <div class="modal-img-wrapper"> <figure class="modal-avatar-box"> <img src="images/avatar-1.png" alt="Daniel lewis" width="80" data-modal-img=""></img> </figure> <img src="images/icon-quote.svg" alt="quote icon"></img> </div> <div class="modal-content"> <h4 class="h3 modal-title" data-modal-title="">Daniel lewis</h4> <time datetime="2021-06-14">14 June, 2021</time> <div data-modal-text=""> <p> Richard was hired to create a corporate identity. We were very pleased with the work done. She has a lot of experience and is very concerned about the needs of client. Lorem ipsum dolor sit amet, ullamcous cididt consectetur adipiscing elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia. </p> </div> </div> </section> </div>  <section class="clients"> <h3 class="h3 clients-title">Clients</h3> <ul class="clients-list has-scrollbar">  <li class="clients-item"> <a href=""> <img src="" alt="client logo"></img> </a> </li>  <li class="clients-item"> <a href=""> <img src="" alt="client logo"></img> </a> </li>  <li class="clients-item"> <a href=""> <img src="" alt="client logo"></img> </a> </li>  <li class="clients-item"> <a href=""> <img src="" alt="client logo"></img> </a> </li>  <li class="clients-item"> <a href=""> <img src="" alt="client logo"></img> </a> </li>  </ul> </section> </article>  <article class="resume" data-page="resume"> <header> <h2 class="h2 article-title">Resume</h2> </header> <section class="timeline"> <div class="title-wrapper"> <div class="icon-box"> <ion-icon name="book-outline"></ion-icon> </div> <h3 class="h3">Education</h3> </div> <ol class="timeline-list">  <li class="timeline-item"> <h4 class="h4 timeline-item-title">High school degree - Baccalaureate exam</h4> <span>2012 — 2015</span> <p class="timeline-text"> High school degree, Baccalaureate exam with very good mark, one of the best students in my city </p> </li> </ol> </section> <section class="timeline"> <div class="title-wrapper"> <div class="icon-box"> <ion-icon name="book-outline"></ion-icon> </div> <h3 class="h3">Experience</h3> </div> <ol class="timeline-list">  <li class="timeline-item"> <h4 class="h4 timeline-item-title">Fullstack Java developer - Alten</h4> <span>2023 (6 months)</span> <p class="timeline-text"> Permanent position as a Java developer, worked on 3 different projects <br>-tes<br>-odfd </p> </li>  <li class="timeline-item"> <h4 class="h4 timeline-item-title"></h4> <span></span> <p class="timeline-text">  </p> </li>  <li class="timeline-item"> <h4 class="h4 timeline-item-title"></h4> <span></span> <p class="timeline-text">  </p> </li>  <li class="timeline-item"> <h4 class="h4 timeline-item-title"></h4> <span></span> <p class="timeline-text">  </p> </li>  </ol> </section> <section class="skill"> <h3 class="h3 skills-title">My skills</h3> <ul class="skills-list content-card">  <li class="skills-item"> <div class="title-wrapper"> <h5 class="h5">Java</h5> <data value="100">100%</data> </div> <div class="skill-progress-bg"> <div class="skill-progress-fill" style="width:100%"></div> </div> </li>  <li class="skills-item"> <div class="title-wrapper"> <h5 class="h5">Spring boot</h5> <data value="100">100%</data> </div> <div class="skill-progress-bg"> <div class="skill-progress-fill" style="width:100%"></div> </div> </li>  <li class="skills-item"> <div class="title-wrapper"> <h5 class="h5">Mysql - PostgresSQL - SQLITE - H2 DB</h5> <data value="100">100%</data> </div> <div class="skill-progress-bg"> <div class="skill-progress-fill" style="width:100%"></div> </div> </li>  <li class="skills-item"> <div class="title-wrapper"> <h5 class="h5"></h5> <data value="">%</data> </div> <div class="skill-progress-bg"> <div class="skill-progress-fill" style="width:%"></div> </div> </li>  <li class="skills-item"> <div class="title-wrapper"> <h5 class="h5"></h5> <data value="">%</data> </div> <div class="skill-progress-bg"> <div class="skill-progress-fill" style="width:%"></div> </div> </li>  </ul> </section> </article>  <article class="portfolio" data-page="portfolio"> <header> <h2 class="h2 article-title">Portfolio</h2> </header> <section class="projects"> <ul class="filter-list"> <li class="filter-item"> <button class="active" data-filter-btn="">All</button> </li> <li class="filter-item"> <button data-filter-btn="">Web design</button> </li> <li class="filter-item"> <button data-filter-btn="">Applications</button> </li> <li class="filter-item"> <button data-filter-btn="">Web development</button> </li> </ul> <div class="filter-select-box"> <button class="filter-select" data-select=""> <div class="select-value" data-selecct-value="">Select category</div> <div class="select-icon"> <ion-icon name="chevron-down"></ion-icon> </div> </button> <ul class="select-list"> <li class="select-item"> <button data-select-item="">All</button> </li> <li class="select-item"> <button data-select-item="">Web design</button> </li> <li class="select-item"> <button data-select-item="">Applications</button> </li> <li class="select-item"> <button data-select-item="">Web development</button> </li> </ul> </div> <ul class="project-list">  <li class="project-item  active" data-filter-item="" data-category=""> <a href="#"> <figure class="project-img"> <div class="project-item-icon-box"> <ion-icon name="eye-outline"></ion-icon> </div> <img src="" alt="" loading="lazy"></img> </figure> <h3 class="project-title">}</h3> <p class="project-category"></p> </a> </li>  </ul> </section> </article>   <article class="blog" data-page="blog"> <header> <h2 class="h2 article-title">Blog</h2> </header> <section class="blog-posts"> <ul class="blog-posts-list">  <li class="blog-post-item"> <a href="#"> <figure class="blog-banner-box"> <img src="" alt="" loading="lazy"></img> </figure> <div class="blog-content"> <div class="blog-meta"> <p class="blog-category">Design</p> <span class="dot"></span> <time datetime=""></time> </div> <h3 class="h3 blog-item-title"></h3> <p class="blog-text">  </p> </div> </a> </li>  </ul> </section> </article>  <article class="contact" data-page="contact"> <header> <h2 class="h2 article-title">Contact</h2> </header> <section class="mapbox" data-mapbox=""> <figure> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d199666.5651251294!2d-121.58334177520186!3d38.56165006739519!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x809ac672b28397f9%3A0x921f6aaa74197fdb!2sSacramento%2C%20CA%2C%20USA!5e0!3m2!1sen!2sbd!4v1647608789441!5m2!1sen!2sbd" width="400" height="300" loading="lazy"></iframe> </figure> </section> <section class="contact-form"> <h3 class="h3 form-title">Contact Form</h3> <form action="#" class="form" data-form=""> <div class="input-wrapper"> <input type="text" name="fullname" class="form-input" placeholder="Full name" required="" data-form-input=""></input> <input type="email" name="email" class="form-input" placeholder="Email address" required="" data-form-input=""></input> </div> <textarea name="message" class="form-input" placeholder="Your Message" required="" data-form-input=""></textarea> <button class="form-btn" type="submit" disabled="" data-form-btn=""> <ion-icon name="paper-plane"></ion-icon> <span>Send Message</span> </button> </form> </section> </article> </div> </main> <script src="js/script.js"></script> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule="" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> </body> </html>