459 lines
31 KiB
HTML
459 lines
31 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" type="image/png" href="../assets/favicon.png">
|
|
<title>Alex Frequelin</title>
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin"/>
|
|
<link rel="stylesheet" href="../styles/fork-awesome/css/fork-awesome.min.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@v2.16.0/devicon.min.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css">
|
|
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Roboto:wght@300;400;500;700&display=swap"/>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Roboto:wght@300;400;500;700&display=swap" media="print" onload="this.media='all'"/>
|
|
<noscript>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Roboto:wght@300;400;500;700&display=swap"/>
|
|
</noscript>
|
|
<!-- <link href="../styles/font-awesome/css/all.min.css?ver=1.2.0" rel="stylesheet"> -->
|
|
<link rel="stylesheet" href="../styles/fontawesome/css/all.min.css">
|
|
<link href="../styles/bootstrap.min.css?ver=1.2.0" rel="stylesheet">
|
|
<link href="../styles/aos.css?ver=1.2.0" rel="stylesheet">
|
|
<link href="../styles/main.css?ver=1.2.0" rel="stylesheet">
|
|
<noscript>
|
|
<style type="text/css">
|
|
[data-aos] {
|
|
opacity: 1 !important;
|
|
transform: translate(0) scale(1) !important;
|
|
}
|
|
</style>
|
|
</noscript>
|
|
</head>
|
|
<body id="top">
|
|
<header class="d-print-none">
|
|
<div class="container text-center text-lg-left">
|
|
<div class="py-3 clearfix">
|
|
<h1 class="site-title mb-0">Light'emerald</h1>
|
|
<div class="site-nav">
|
|
<nav role="navigation">
|
|
<ul class="nav justify-content-center">
|
|
<li class="nav-item"><a class="nav-link" href="https://www.reddit.com/user/light_emerald" title="Reddit">
|
|
<i class="fab fa-reddit"></i><span class="menu-title sr-only">Reddit</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://discord.com/users/424216665673433088" title="Discord">
|
|
<i class="fa-brands fa-discord"></i><span class="menu-title sr-only">Discord</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://git.justw.tf/Lightemerald" title="Gitea">
|
|
<i class="fa-brands fa-git"></i><span class="menu-title sr-only">Gitea</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://github.com/lightemerald" title="Github">
|
|
<i class="fa-brands fa-github"></i><span class="menu-title sr-only">Github</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://gitlab.com/Lightemerald" title="Gitlab">
|
|
<i class="fa-brands fa-gitlab"></i><span class="menu-title sr-only">Gitlab</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://steamcommunity.com/id/lightemerald/" title="Steam">
|
|
<i class="fa-brands fa-steam"></i><span class="menu-title sr-only">Steam</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://www.youtube.com/@lightemerald" title="Youtube">
|
|
<i class="fa-brands fa-youtube"></i><span class="menu-title sr-only">Youtube</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://t.me/lightemerald" title="Telegram">
|
|
<i class="fa-brands fa-telegram"></i><span class="menu-title sr-only">Telegram</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://twitter.com/emerald_dot_moe" title="Twitter">
|
|
<i class="fa-brands fa-twitter"></i><span class="menu-title sr-only">Twitter</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://www.linkedin.com/in/alex-frequelin-meyer-449b25261/" title="Linkedin">
|
|
<i class="devicon-linkedin-plain"></i><span class="menu-title sr-only">Linkedin</span></a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div class="page-content">
|
|
<div class="container">
|
|
<div class="cover shadow-lg bg-div">
|
|
<div class="cover-bg p-3 p-lg-4 text-white">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-5">
|
|
<div class="avatar hover-effect bg-avatar shadow-sm p-1"><img src="../assets/avatar.png" width="200" height="200"/></div>
|
|
</div>
|
|
<div class="col-lg-8 col-md-7 text-center text-md-start">
|
|
<h2 class="h1 mt-2" data-aos="fade-left" data-aos-delay="0">Alex Frequelin</h2>
|
|
<p data-aos="fade-left" data-aos-delay="100">Backend Developer & Sysadmin</p>
|
|
<div class="d-print-none" data-aos="fade-left" data-aos-delay="200">
|
|
<a class="btn btn-light shadow-sm mt-1 me-1" href="https://cloud.aostia.net/s/E2APd5E8iyftHCP" target="_blank">Download CV</a>
|
|
<a class="btn btn-validate shadow-sm mt-1" href="mailto:light@emerald.moe">Contact me</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="about-section pt-4 px-3 px-lg-4 mt-1">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<h2 class="h3 mb-3">About Me</h2>
|
|
<p>Since a young age, I have been drawn to the world of informatics, spending countless hours tinkering with hardware and software, and honing my coding skills.
|
|
<br><br>My passion for technology and programming has only grown over the years, and I now specialize in building robust and efficient backend systems that power complex applications.
|
|
<br><br>I am constantly learning and exploring new technologies, and I am dedicated to delivering high-quality solutions that meet the needs of modern businesses.
|
|
<br><br>With a deep understanding of programming languages, data structures, and algorithms, I am committed to helping organizations leverage the power of technology to drive innovation and growth.</p>
|
|
</div>
|
|
<div class="col-md-5 offset-md-1">
|
|
<div class="row mt-2">
|
|
<div class="col-sm-4">
|
|
<div class="pb-1 underline">First name</div>
|
|
</div>
|
|
<div class="col-sm-8">
|
|
<div class="pb-1 text-secondary-color">Alex</div>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<div class="pb-1 underline">Last name</div>
|
|
</div>
|
|
<div class="col-sm-8">
|
|
<div class="pb-1 text-secondary-color">Frequelin Meyer</div>
|
|
</div>
|
|
<div class="col-sm-4 underline">
|
|
<div class="pb-1">Nickname</div>
|
|
</div>
|
|
<div class="col-sm-8">
|
|
<div class="pb-1 text-secondary-color">Light'emerald</div>
|
|
</div>
|
|
<div class="col-sm-4 underline">
|
|
<div class="pb-1">Age</div>
|
|
</div>
|
|
<div class="col-sm-8">
|
|
<div class="pb-1 text-secondary-color" id="age"></div>
|
|
<script>
|
|
const birthDate = new Date('2003-07-05');
|
|
const today = new Date();
|
|
const ageInMilliseconds = today - birthDate;
|
|
const ageInYears = Math.floor(ageInMilliseconds / 31556952000); // Approximate number of milliseconds in a year
|
|
document.getElementById('age').textContent = ageInYears;
|
|
</script>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<div class="pb-1 underline">Status</div>
|
|
</div>
|
|
<div class="col-sm-8">
|
|
<div class="pb-1 text-secondary-color">Student</div>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<div class="pb-1 underline">Email</div>
|
|
</div>
|
|
<div class="col-sm-8">
|
|
<div class="pb-1 text-secondary-color">light@emerald.moe</div>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<div class="pb-1 underline">Phone</div>
|
|
</div>
|
|
<div class="col-sm-8">
|
|
<div class="pb-1 text-secondary-color">+33 6 59 44 37 75</div>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<div class="pb-1 underline">Localization</div>
|
|
</div>
|
|
<div class="col-sm-8">
|
|
<div class="pb-1 text-secondary-color">France, Pantin</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="d-print-none"/>
|
|
<div class="skills-section px-3 px-lg-4">
|
|
<h2 class="h3 mb-3">Professional Skills</h2>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="mb-2"><span><i class="forka fa-nodejs"> </i> JavaScript & NodeJS</span>
|
|
<div class="progress my-1">
|
|
<div class="progress-bar bg-alpha" role="progressbar" data-aos="zoom-in-right" data-aos-delay="100" data-aos-anchor=".skills-section" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-2"><span><i class="forka fa-mysql"> </i> SQL (MySQL / MariaDB)</span>
|
|
<div class="progress my-1">
|
|
<div class="progress-bar bg-alpha" role="progressbar" data-aos="zoom-in-right" data-aos-delay="200" data-aos-anchor=".skills-section" style="width: 92%" aria-valuenow="92" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-2"><span><i class="devicon-cplusplus-plain"> </i> C/C++</span>
|
|
<div class="progress my-1">
|
|
<div class="progress-bar bg-alpha" role="progressbar" data-aos="zoom-in-right" data-aos-delay="300" data-aos-anchor=".skills-section" style="width: 88%" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-2"><span><i class="forka forka-php"> </i> PHP</span>
|
|
<div class="progress my-1">
|
|
<div class="progress-bar bg-alpha" role="progressbar" data-aos="zoom-in-right" data-aos-delay="300" data-aos-anchor=".skills-section" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-2"><span><i class="forka forka-python"> </i> Python</span>
|
|
<div class="progress my-1">
|
|
<div class="progress-bar bg-alpha" role="progressbar" data-aos="zoom-in-right" data-aos-delay="300" data-aos-anchor=".skills-section" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="mb-2"><span><i class="fab fa-rust"> </i> RUST</span>
|
|
<div class="progress my-1">
|
|
<div class="progress-bar bg-alpha" role="progressbar" data-aos="zoom-in-right" data-aos-delay="300" data-aos-anchor=".skills-section" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="mb-2"><span><i class="fab fa-redhat"></i> Red Hat Entreprise Linux / <i class="fab fa-centos"></i> CentOS / <i class="fab fa-fedora"></i> Fedora</span>
|
|
<div class="progress my-1">
|
|
<div class="progress-bar bg-beta" role="progressbar" data-aos="zoom-in-right" data-aos-delay="400" data-aos-anchor=".skills-section" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-2"><span><i class="forka fa-debian"></i> Debian / <i class="fab fa-ubuntu"></i> Ubuntu</span>
|
|
<div class="progress my-1">
|
|
<div class="progress-bar bg-beta" role="progressbar" data-aos="zoom-in-right" data-aos-delay="500" data-aos-anchor=".skills-section" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-2"><span><span class="mdi mdi-arch"></span> Archlinux (I use Arch BTW)</span>
|
|
<div class="progress my-1">
|
|
<div class="progress-bar bg-beta" role="progressbar" data-aos="zoom-in-right" data-aos-delay="600" data-aos-anchor=".skills-section" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-2"><span><i class="fa-brands fa-freebsd"></i> FreeBSD</span>
|
|
<div class="progress my-1">
|
|
<div class="progress-bar bg-beta" role="progressbar" data-aos="zoom-in-right" data-aos-delay="600" data-aos-anchor=".skills-section" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-2"><span><i class="forka fa-windows"></i> Windows Server</span>
|
|
<div class="progress my-1">
|
|
<div class="progress-bar bg-beta" role="progressbar" data-aos="zoom-in-right" data-aos-delay="600" data-aos-anchor=".skills-section" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="mb-2"><span><i class="devicon-gentoo-plain-wordmark"></i> Gentoo</span>
|
|
<div class="progress my-1">
|
|
<div class="progress-bar bg-beta" role="progressbar" data-aos="zoom-in-right" data-aos-delay="600" data-aos-anchor=".skills-section" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="d-print-none"/>
|
|
<div class="work-experience-section px-3 px-lg-4">
|
|
<h2 class="h3 mb-4">Work Experience</h2>
|
|
<div class="timeline timeline-primary">
|
|
<div class="timeline-card timeline-card-primary card shadow-sm" data-aos="fade-left" data-aos-delay="0">
|
|
<div class="card-body">
|
|
<div class="h5 mb-1">Back-end Developer <span class="text-muted h6">at Enoway</span></div>
|
|
<div class="text-muted text-small mb-2">2023 - Present</div>
|
|
<div>Enoway is a leading provider of video editing services that specializes in transforming raw footage into visually stunning and impactful videos.
|
|
With a team of talented video editors and cutting-edge technology, Enoway offers a range of video editing services including color grading, sound design, motion graphics, and visual effects.
|
|
Whether it's a promotional video for a business or a short film for a festival, Enoway has the expertise and experience to turn any idea into a high-quality video.
|
|
<br><br>As a back-end developer for Enoway, I play a crucial role in ensuring that our video editing services are delivered seamlessly and efficiently.
|
|
I work closely with the team to develop and maintain our platform, which enables our video editors to work collaboratively with customers and deliver projects on time.
|
|
I am responsible for managing the database, building APIs, and implementing features that enhance the user experience.
|
|
My role also involves optimizing the platform's performance, ensuring that it can handle large amount of users without compromising on speed and reliability.
|
|
By leveraging my technical skills and expertise, I help Enoway provide our clients with top-notch video editing services that exceed their expectations.</div>
|
|
</div>
|
|
</div>
|
|
<div class="timeline-card timeline-card-primary card shadow-sm" data-aos="fade-left" data-aos-delay="50">
|
|
<div class="card-body">
|
|
<div class="h5 mb-1">Administrator <span class="text-muted h6">at Nova Laboratory</span></div>
|
|
<div class="text-muted text-small mb-2">2021 - Present</div>
|
|
<div>Nova Laboratory is a company specializing in the development of multi-platform applications, with a focus on delivering high-quality software solutions to businesses and individuals alike.
|
|
With a team of experienced developers and designers, Nova Laboratory creates apps that are both functional and aesthetically pleasing, using the latest technologies and programming languages.
|
|
<br><br>As a council administrator at Nova Laboratory, my role was to provide strategic direction and make important decisions that contribute to the success of various projects.
|
|
I worked closely with the development team to ensure that each project was on track, and that deadlines were met.
|
|
Additionally, I was responsible for overseeing the work of other team members, providing guidance and feedback to help them improve their skills and achieve their goals.
|
|
Through my contributions, I helped to create innovative and effective apps that met the needs of our clients and users.</div>
|
|
</div>
|
|
</div>
|
|
<div class="timeline-card timeline-card-primary card shadow-sm" data-aos="fade-left" data-aos-delay="100">
|
|
<div class="card-body">
|
|
<div class="h5 mb-1">Foundator & Full-Stack Developer <span class="text-muted h6">of Chromatic.moe</span></div>
|
|
<div class="text-muted text-small mb-2">2019 - Present</div>
|
|
<div>Chromatic.moe specializes in developing APIs and bots for various purposes. My responsibilities included managing the development team, coordinating projects, and ensuring timely delivery of products.
|
|
<br>I also contributed to the development process as a full-stack developer, writing clean, efficient code that enabled our products to function seamlessly.
|
|
<br>Overall, my work at Chromatic.moe allowed me to gain valuable experience in project management, team coordination, and full-stack development in a dynamic and fast-paced environment.</div>
|
|
</div>
|
|
</div>
|
|
<div class="timeline-card timeline-card-primary card shadow-sm" data-aos="fade-left" data-aos-delay="150">
|
|
<div class="card-body">
|
|
<div class="h5 mb-1">Foundator <span class="text-muted h6">of SofM</span></div>
|
|
<div class="text-muted text-small mb-2">2019 - 2021</div>
|
|
<div>As the founder, community manager, staff manager, and developer at SofM, a B2C company specializing in gaming services, I oversaw the daily operations of the business and managed a team of staff to ensure smooth and efficient delivery of services.
|
|
<br>I was also responsible for developing and maintaining the company's website and online presence, ensuring a seamless user experience for our customers.
|
|
Additionally, as the community manager, I actively engaged with customers to build relationships, gather feedback, and address any concerns they may have had.
|
|
<br>My role as a full-stack developer allowed me to bring my technical expertise to the table, ensuring that our systems were up to date and efficient, and that the company remained competitive in the industry.</div>
|
|
</div>
|
|
</div>
|
|
<div class="timeline-card timeline-card-primary card shadow-sm" data-aos="fade-left" data-aos-delay="200">
|
|
<div class="card-body">
|
|
<div class="h5 mb-1">Foundator and Full-Stack Developer <span class="text-muted h6">of AOSTIA</span></div>
|
|
<div class="text-muted text-small mb-2">2018 - present</div>
|
|
<div>As a creator and full-stack developer at Aostia, I had the opportunity to work on a platform that provides email and cloud services to users.
|
|
<br>My role involved working on both the front-end and back-end of the platform, using a variety of technologies such as PHP, HTML, CSS, and JavaScript.
|
|
I worked on developing highly performant website front-ends, as well as implementing robust server-side functionality for Aostia's cloud and email services.
|
|
My work required a deep understanding of web development best practices, as well as the ability to ensure that Aostia's platform provided a seamless experience to users.
|
|
<br>Overall, my time at Aostia provided me with invaluable experience in both front-end and back-end web development, and I am proud to have contributed to a platform that offers essential services to users.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="d-print-none"/>
|
|
<div class="page-break"></div>
|
|
<div class="education-section px-3 px-lg-4 pb-4">
|
|
<h2 class="h3 mb-4">Education</h2>
|
|
<div class="timeline timeline-secondary">
|
|
<div class="timeline-card timeline-card-success card shadow-sm" data-aos="fade-left" data-aos-delay="0">
|
|
<div class="card-body">
|
|
<div class="h5 mb-1">BTS SIO SISR <span class="text-muted h6">from Lycée Robert Schumann</span></div>
|
|
<div class="text-muted text-small mb-2">2022 - 2024</div>
|
|
<div>The BTS SIO (IT Services for Organizations) is a diploma of Bac+2 level in France which allows students to acquire skills in computer science applied to organizations.
|
|
The BTS SIO includes two specialties, namely the SISR (Infrastructure Solutions, Systems and Networks) and the SLAM (Software Solutions and Business Applications).
|
|
<br><br>The BTS SIO SISR focuses on the design, implementation and management of IT infrastructures in organizations.
|
|
Students learn to install and configure computer networks, ensure the security of information systems, supervise server administration, manage databases and propose solutions to improve system performance.
|
|
<br><br>Skill acquired:<br>Cisco, Windows Server, Debian, Deploying networking infrastructures, Firewall.</div>
|
|
</div>
|
|
</div>
|
|
<div class="timeline-card timeline-card-success card shadow-sm" data-aos="fade-left" data-aos-delay="50">
|
|
<div class="card-body">
|
|
<div class="h5 mb-1">BUT Informatique <span class="text-muted h6">from IUT Paris Descartes</span></div>
|
|
<div class="text-muted text-small mb-2">2021 - 2022</div>
|
|
<div>The BUT Informatique (University Bachelor of Technology) is a bachelor's degree delivered by the University Institutes of Technology (IUT) in France.
|
|
<br><br>This training program lasts three years and allows students to acquire both theoretical and practical knowledge of computer science.
|
|
Students take courses in mathematics, algorithms, programming, information systems design, networking, computer security, artificial intelligence, web development, and more.
|
|
<br><br>Skill acquired:<br>Project management, Java, Cryptography, C/C++, Marketing, Code optimization.</div>
|
|
</div>
|
|
</div>
|
|
<div class="timeline-card timeline-card-success card shadow-sm" data-aos="fade-left" data-aos-delay="100">
|
|
<div class="card-body">
|
|
<div class="h5 mb-1">BAC STI2d <span class="text-muted h6">from Lycée Jules Richard</span></div>
|
|
<div class="text-muted text-small mb-2">2018 - 2021</div>
|
|
<div>The BAC STI2d (Sciences and Technologies of Industry and Sustainable Development) is a technological baccalaureate program in France.
|
|
This program emphasizes scientific and technological subjects, as well as the consideration of environmental and sustainable development issues.
|
|
<br><br>Students in this program study subjects such as mathematics, physics, chemistry, engineering sciences, technology, computer science, and economic, social and human sciences.
|
|
<br><br>Skill acquired:<br>Teamwork, Arduino, PHP, Mysql, Gantt, HTML5, CSS3, CATIA v5, Autodesk Inventor.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="d-print-none">
|
|
<div class="contant-section px-3 px-lg-4 pb-4">
|
|
<h2 class="h3 text mb-3">My Projects</h2>
|
|
<div class="row g-0">
|
|
<div class="col-md-6 portfolio-bloc" data-aos="fade-right" data-aos-delay="100"><a href="https://aostia.com/" target="_blank"><img class="img-fluid" src="../assets/aostia.png" width="800" height="500"></a></div>
|
|
<div class="col-md-6 portfolio-bloc d-flex align-items-center aos-init aos-animate" data-aos="fade-left" data-aos-delay="100">
|
|
<div class="m-4 mt-md-2">
|
|
<p class="text-teal text-small">Full-Stack / PHP / HTML / CSS / JavaScript</p>
|
|
<h3>Aostia</h3>
|
|
<p class="t">Aostia is a platform that provides reliable and affordable cloud and email services for individuals and professionals.
|
|
<br>With Aostia, you can securely store and access your important files and documents from anywhere, and stay connected with friends and family through our easy-to-use email service.
|
|
<br>Our platform is designed with your privacy and convenience in mind, so you can enjoy the benefits of the cloud without sacrificing your personal data.
|
|
<br>Join Aostia today and experience hassle-free cloud and email services for your everyday life.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row g-0 portfolio-reverse">
|
|
<div class="col-md-6 portfolio-bloc d-flex align-items-center aos-init" data-aos="fade-right" data-aos-delay="100">
|
|
<div class="m-4 mt-md-2 text-end">
|
|
<p class="text-teal text-small">Full-Stack / NodeJS / ExpressJS / HTML / CSS / JavaScript</p>
|
|
<h3>Emerald.moe</h3>
|
|
<p class="">Emerald.moe is a platform that simplifies the process of integrating new features for developers.
|
|
<br>With our easy-to-use API, developers can access the data they need with just a few lines of code, making their applications more feature-rich.
|
|
<br>Our platform is designed to help developers save time and effort by providing a streamlined, intuitive interface for accessing and using our APIs.
|
|
<br>Whether you're building a bot, a web application, or anything in between, Emerald.moe makes it easy to make your project a success.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 portfolio-bloc" data-aos="fade-left" data-aos-delay="100"><a href="https://api.emerald.moe/" target="_blank"><img class="img-fluid" src="../assets/emeraldapi.png" width="800" height="500"></a></div>
|
|
</div>
|
|
<div class="row g-0">
|
|
<div class="col-md-6 portfolio-bloc" data-aos="fade-right" data-aos-delay="100"><a href="https://emerald.bot/" target="_blank"><img class="img-fluid" src="../assets/emeraldbot.png" width="800" height="500"></a></div>
|
|
<div class="col-md-6 portfolio-bloc d-flex align-items-center aos-init" data-aos="fade-left" data-aos-delay="100">
|
|
<div class="m-4 mt-md-2">
|
|
<p class="text-teal text-small">Back-end / NodeJS / DiscordJS</p>
|
|
<h3>Emerald Bot</h3>
|
|
<p class="">Emerald is a powerful multipurpose Discord bot packed with features to make your server management and communication more efficient.
|
|
With Emerald, you can easily moderate your server, create polls, play music, and much more.
|
|
<br>Its intuitive interface and extensive list of commands makes it the perfect bot for both server owners and regular users alike.
|
|
<br>Whether you need help with moderation, entertainment, or just want to have some fun, Emerald has got you covered.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="d-print-none"/>
|
|
<div class="contant-section px-3 px-lg-4 pb-4">
|
|
<h2 class="h3 text mb-3">Technology Watch</h2>
|
|
<p data-aos="fade-up-left" data-aos-delay="0">This involves keeping up-to-date with the latest technological developments, researching new and emerging technologies, monitoring industry trends and advancements, and evaluating their potential impact on the businesses and organizations.
|
|
<br><br>It also involves analyzing and synthesizing information from various sources such as technical reports, research papers, and industry publications, and presenting this information to professors in a clear and concise manner.
|
|
<br><br>Technology watch is an important aspect of staying competitive in today's fast-paced technological landscape and is essential for businesses and organizations to remain innovative and adapt to changing market conditions.</p>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="mt-2">
|
|
|
|
<p data-aos="fade-up-left" data-aos-delay="50">Subject: Web3 & Cryptocurrency</p>
|
|
<table id="myTable" class="table" data-aos="fade-up-left" data-aos-delay="100">
|
|
<thead>
|
|
<tr>
|
|
<th>Date</th>
|
|
<th>Name</th>
|
|
<th>Description</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="d-print-none"/>
|
|
<div class="contant-section px-3 px-lg-4 pb-4">
|
|
<br>
|
|
<h2 class="h3 text mb-3 text-center">Thanks for reading</h2>
|
|
</div>
|
|
<a href="#" class="back-to-top"> <i class="fa-solid fa-chevron-up"> </i></a>
|
|
</div></div>
|
|
</div>
|
|
<footer class="pt-4 pb-4 text-muted text-center d-print-none">
|
|
<div class="container">
|
|
<div class="my-3">
|
|
<div class="footer-nav">
|
|
<nav role="navigation">
|
|
<ul class="nav justify-content-center">
|
|
<li class="nav-item"><a class="nav-link" href="https://www.reddit.com/user/light_emerald" title="Reddit">
|
|
<i class="fab fa-reddit"></i><span class="menu-title sr-only">Reddit</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://discord.com/users/424216665673433088" title="Discord">
|
|
<i class="fa-brands fa-discord"></i><span class="menu-title sr-only">Discord</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://git.justw.tf/Lightemerald" title="Gitea">
|
|
<i class="fa-brands fa-git"></i><span class="menu-title sr-only">Gitea</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://github.com/lightemerald" title="Github">
|
|
<i class="fa-brands fa-github"></i><span class="menu-title sr-only">Github</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://gitlab.com/Lightemerald" title="Gitlab">
|
|
<i class="fa-brands fa-gitlab"></i><span class="menu-title sr-only">Gitlab</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://steamcommunity.com/id/lightemerald/" title="Steam">
|
|
<i class="fa-brands fa-steam"></i><span class="menu-title sr-only">Steam</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://www.youtube.com/@lightemerald" title="Youtube">
|
|
<i class="fa-brands fa-youtube"></i><span class="menu-title sr-only">Youtube</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://t.me/lightemerald" title="Telegram">
|
|
<i class="fa-brands fa-telegram"></i><span class="menu-title sr-only">Telegram</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://twitter.com/emerald_dot_moe" title="Twitter">
|
|
<i class="fa-brands fa-twitter"></i><span class="menu-title sr-only">Twitter</span></a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="https://www.linkedin.com/in/alex-frequelin-meyer-449b25261/" title="Linkedin">
|
|
<i class="devicon-linkedin-plain"></i><span class="menu-title sr-only">Linkedin</span></a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script src="../scripts/bootstrap.bundle.min.js?ver=1.2.0"></script>
|
|
<script src="../scripts/aos.js?ver=1.2.0"></script>
|
|
<script src="../scripts/main.js?ver=1.2.0"></script>
|
|
</body>
|
|
</html>
|