website/index.html

645 lines
36 KiB
HTML
Raw Normal View History

2023-09-01 11:55:25 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
2023-09-01 20:48:11 +02:00
<title>Arnaud Fauconnet</title>
2023-09-01 11:55:25 +02:00
<meta content="" name="description">
<meta content="" name="keywords">
2023-09-04 11:39:30 +02:00
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
2023-09-02 16:34:38 +02:00
2023-09-01 11:55:25 +02:00
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Satisfy"
rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Laura
2023-09-01 11:45:11 +02:00
* Updated: Jul 27 2023 with Bootstrap v5.3.1
2023-09-01 11:55:25 +02:00
* Template URL: https://bootstrapmade.com/laura-free-creative-bootstrap-theme/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
2023-09-02 16:36:37 +02:00
<header id="header" class="fixed-top d-flex justify-content-center
align-items-center header-transparent">
2023-09-01 11:55:25 +02:00
2023-09-02 16:36:37 +02:00
<nav id="navbar" class="navbar" data-aos="fade-down" data-aos-delay="2000">
2023-09-01 11:55:25 +02:00
<ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#resume">Resume</a></li>
<li><a class="nav-link scrollto" href="#services">Services</a></li>
<li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
<li><a class="nav-link scrollto" href="#contact">Contact</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero">
<div class="hero-container">
2023-09-02 16:36:37 +02:00
<h1 data-aos="zoom-in">Arnaud Fauconnet</h1>
2023-09-02 18:21:47 +02:00
<h2 data-aos="fade" data-aos-delay="1000">I'm a Computer Science graduate</h2>
2023-09-02 16:36:37 +02:00
<span data-aos="fade-down" data-aos-delay="2000"><a href="#about" class="btn-scroll scrollto" title="Scroll
Down"><i class="bx bx-chevron-down"></i></a></span>
2023-09-01 11:55:25 +02:00
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= About Me Section ======= -->
2023-09-02 17:11:43 +02:00
<section id="about" class="about">
2023-09-01 11:55:25 +02:00
<div class="container">
2023-09-02 17:11:43 +02:00
<div class="section-title" data-aos="fade-up">
2023-09-01 11:55:25 +02:00
<span>About Me</span>
<h2>About Me</h2>
2023-09-01 14:27:22 +02:00
<p> Passionate about computer science and love to have lengthy conversations
about it.<br>
Autonomous but also capable of communicating and
handling people.<br>
Overall flexible, adaptable and always curious by new experiences.
</p>
2023-09-01 11:55:25 +02:00
</div>
<div class="row">
<div class="image col-lg-4 d-flex align-items-stretch
justify-content-center justify-content-lg-start" data-aos="fade-up-right">
2023-09-01 11:55:25 +02:00
</div>
2023-09-02 17:11:43 +02:00
<div class="content col-lg-8 ps-lg-4 d-flex flex-column align-items-stretch justify-content-center"
data-aos="fade-up-left">
2023-09-01 17:23:37 +02:00
<div class="row">
<div class="col-lg-6 mt-4 mt-lg-0">
2023-09-01 17:23:37 +02:00
<ul>
<li><i class="bi bi-chevron-right"></i>
<strong>Name:</strong>
<span>Arnaud Fauconnet</span>
</li>
<li><i class="bi bi-chevron-right"></i> <strong>Website:</strong>
<a href="https://karma-riuk.com">karma-riuk.com</a>
</li>
<li><i class="bi bi-chevron-right"></i>
<strong>City:</strong>
<span>Lugano, CH</span>
</li>
</ul>
</div>
<div class="col-lg-6">
<ul>
2023-09-01 17:26:57 +02:00
<li><i class="bi bi-chevron-right"></i> <strong>Age:</strong> <span>23</span>
2023-09-01 17:23:37 +02:00
</li>
<li><i class="bi bi-chevron-right"></i> <strong>Degree:</strong> <span>Master in
Software and Data
Engineering </span>
</li>
<li><i class="bi bi-chevron-right"></i> <strong>Email:</strong>
<a
href="mailto:arnaud.fauconnet.pro@gmail.com">arnaud.fauconnet.pro@gmail.com</a>
</li>
</ul>
</div>
</div>
<!-- End .content-->
<div class="skills-content ps-lg-4">
2023-09-01 11:55:25 +02:00
<div class="row">
<div class="progress col-md-6">
2023-09-01 17:23:37 +02:00
<span class="skill">Python <i class="val">95%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="95"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
2023-09-01 11:55:25 +02:00
</div>
<div class="progress col-md-6">
2023-09-01 17:23:37 +02:00
<span class="skill">Java <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="90"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
2023-09-01 11:55:25 +02:00
</div>
</div>
2023-09-01 17:23:37 +02:00
<div class="row">
<div class="progress col-md-6">
2023-09-01 17:23:37 +02:00
<span class="skill">C <i class="val">85%</i></span>
2023-09-01 14:29:38 +02:00
<div class="progress-bar-wrap">
2023-09-01 17:23:37 +02:00
<div class="progress-bar" role="progressbar" aria-valuenow="85"
2023-09-01 14:29:38 +02:00
aria-valuemin="0" aria-valuemax="100"></div>
2023-09-01 11:55:25 +02:00
</div>
</div>
<div class="progress col-md-6">
2023-09-01 18:48:40 +02:00
<span class="skill">C++ <i class="val">95%</i></span>
2023-09-01 14:29:38 +02:00
<div class="progress-bar-wrap">
2023-09-01 18:48:40 +02:00
<div class="progress-bar" role="progressbar" aria-valuenow="95"
2023-09-01 14:29:38 +02:00
aria-valuemin="0" aria-valuemax="100"></div>
2023-09-01 11:55:25 +02:00
</div>
</div>
2023-09-01 17:23:37 +02:00
</div>
<div class="row">
<div class="progress col-md-6">
2023-09-01 17:23:37 +02:00
<span class="skill">HTML/CSS <i class="val">100%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="100"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress col-md-6">
2023-09-01 17:23:37 +02:00
<span class="skill">Javscript / Typescript <i class="val">95%</i></span>
2023-09-01 14:29:38 +02:00
<div class="progress-bar-wrap">
2023-09-01 15:20:41 +02:00
<div class="progress-bar" role="progressbar" aria-valuenow="95"
2023-09-01 14:29:38 +02:00
aria-valuemin="0" aria-valuemax="100"></div>
2023-09-01 11:55:25 +02:00
</div>
</div>
</div>
2023-09-01 17:23:37 +02:00
<div class="row">
<div class="progress col-md-6">
2023-09-01 17:23:37 +02:00
<span class="skill">Bash <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="90"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress col-md-6">
2023-09-01 17:23:37 +02:00
<span class="skill">Lua <i class="val">85%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="85"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
2023-09-01 11:55:25 +02:00
</div>
2023-09-01 17:23:37 +02:00
2023-09-01 11:55:25 +02:00
</div>
2023-09-01 14:29:38 +02:00
</div>
2023-09-01 11:55:25 +02:00
</section><!-- End About Me Section -->
<!-- ======= My Resume Section ======= -->
<section id="resume" class="resume">
<div class="container">
2023-09-02 17:37:29 +02:00
<div class="section-title" data-aos="fade-up">
2023-09-01 11:55:25 +02:00
<span>My Resume</span>
<h2>My Resume</h2>
2023-09-01 20:48:29 +02:00
<p>A brief overview of my professional experience and qualifications</p>
2023-09-01 11:55:25 +02:00
</div>
<div class="row">
<div class="col-lg-6">
<div data-aos="fade-up-right">
2023-09-02 17:37:29 +02:00
<h3 class="resume-title">Sumary</h3>
<div class="resume-item pb-0">
<h4>Arnaud Fauconnet</h4>
<p><em>I'm a dedicated computer science enthusiast, fueled by a passion for programming
and
a knack for collaborating with others to craft exceptional software solutions.
Currently pursuing my Master's degree in Software and Data Engineering, I'm on a
continuous journey to turn my love for technology into impactful innovations.
</em>
</p>
<p>
<ul>
<li>Unversità della Svizzera Italiana</li>
<li>Lugano, Ticino, CH</li>
2023-09-04 11:39:59 +02:00
<li><a href="mailto:arnaud.fauconnet.pro@gmail.com">arno.fauconnet.pro@gmail.com</a>
</li>
2023-09-02 17:37:29 +02:00
</ul>
</p>
</div>
2023-09-01 11:55:25 +02:00
</div>
2023-09-02 17:37:29 +02:00
<div data-aos="fade-up">
<h3 class="resume-title">Education</h3>
<div class="resume-item">
<h4>Master in Software &amp; Data Engineering</h4>
<h5>2023 - Present</h5>
<p><em>Università della Svizzera Italiana, Lugano, CH <br> GPA: n.a./10</em></p>
<p>This program offers me a comprehensive education that delves deep into the latest
software engineering techniques and data engineering principles. The curriculum is
structured around four modules Software Engineering, Data Engineering, Electives,
and
Master's Thesis providing me with invaluable insights into software design,
quality
assurance, data modeling, and decision support.</p>
</div>
<div class="resume-item" data-aos="fade-up">
<h4>Bachelor in Informatics</h4>
<h5>2020 - 2023</h5>
<p><em>Università della Svizzera Italiana, Lugano, CH <br> GPA: 9.21/10</em></p>
2023-09-05 18:52:47 +02:00
<p>I completed my Bachelor's in Computer Science at USI, where I explored a diverse
curriculum. My favorite courses included "Systems Programming," "Computer Graphics,"
and "Image and Video Processing," which deepened my expertise in these areas. I
excelled in my Bachelor Project (equivalent to a Thesis), earning a perfect score,
highlighting my dedication and systematic problem-solving skills. My time at USI
equipped me with a strong foundation and practical experience, preparing me for a
successful journey in the field of computer science.</p>
2023-09-02 17:37:29 +02:00
</div>
2023-09-01 11:55:25 +02:00
</div>
</div>
<div class="col-lg-6">
<div data-aos="fade-up-left">
2023-09-02 17:37:29 +02:00
<h3 class="resume-title">Professional Experience</h3>
<div class="resume-item">
2023-09-02 18:21:47 +02:00
<h4>UROP</h4>
<h5>Summer 2023</h5>
2023-09-04 11:39:59 +02:00
<p><em>Internship at Università della Svizzera Italiana, Lugano, CH</em></p>
2023-09-02 17:37:29 +02:00
<p>
2023-09-02 18:21:47 +02:00
<a
href="https://www.inf.usi.ch/en/informatics-research/internships/students">UROP</a>
2023-09-04 11:39:59 +02:00
(Undergraduate Research Opportunities Program) is an internship offered to the top
five students that apply and allows you to work with a research group of your
choice.
<ul>
<li>Worked under the tutelage of Prof. Didyk and PhD student Jorge Condor</li>
<li>Brought my expertise to a project that aims to do HDR reconstruction using
Neural Radiance Fields (NeRFs) in combination with event cameras</li>
<li>Extended a pre-existing event camera simulator to make it compute the data
wanted by my supervisors in order to generate synthetic data to train the NeRFs
</li>
<li>Learned how to use Unreal Engine 5 to create short sequences of a camera flying
around a scene</li>
<li>It was very instructive since neither of my supervisors knew the material I had
to work on, so I had to learn how to read code and understand it deeply in order
to complete the task required of me</li>
</ul>
</p>
</div>
</div>
<div>
<div class="resume-item" data-aos="fade-up">
<h4>Teacher assistant</h4>
<h5>2022 - present</h5>
<p><em>Part-time job at Università della Svizzera Italiana, Lugano, CH</em></p>
<p>
Helped teachers with grading assignments and exams. Tried to create a meaningful
connection with students that needed my help to make them succeed in completing
their course. I loved being able to transmit my passion on to them and see the
sparkles in their eyes when they learned about concepts I taught them.
</p>
</div>
<div class="resume-item" data-aos="fade-up">
<h4 style="font-weight: normal">Programming Fundamentals 2</h4>
<h5>Spring 2023</h5>
<p><em>9 ECTS - Prof. Matthias Hauswirth</em></p>
<ul>
<li>
One of the most important of the bachelor as it teaches first year students to
write code in Java
</li>
2023-09-05 18:52:47 +02:00
<li>Mentored and lead three groups of two or three students in their end-of-semester
2023-09-04 11:39:59 +02:00
project</li>
</ul>
</div>
<div class="resume-item" data-aos="fade-up">
<h4 style="font-weight: normal">Systems Programming</h4>
<h5>Autumn 2022</h5>
<p><em>6 ECTS - Prof. Antonio Carzaniga</em></p>
<p>
2023-09-02 17:37:29 +02:00
<ul>
2023-09-04 11:39:59 +02:00
<li>Teaches fundamentals of C and C++ during the second year</li>
<li>Heavily participated in assignment and exam corrections</li>
2023-09-02 17:37:29 +02:00
</ul>
</p>
</div>
2023-09-01 11:55:25 +02:00
</div>
2023-09-02 17:37:29 +02:00
<div class="resume-item" data-aos="fade-up">
2023-09-04 11:39:59 +02:00
<h4>Front-end Intern</h4>
<h5>Autumn 2022</h5>
<p><em>Internship at TCPOS SA - Zucchetti Switzerland, Mendrisio, CH</em></p>
2023-09-05 18:52:47 +02:00
2023-09-01 11:55:25 +02:00
<p>
2023-09-05 18:52:47 +02:00
This internship took place during the Autumn semester of the 3rd year of my Bachelor's
degree. It was part of the course "<a href="#">Software Atelier 5: Field Project</a>"
where students spend two days per week working for a company associated with USI.
<!-- TODO: ask chatgpt to reformulate SA5 cuz I can't write :))))) -->
2023-09-01 11:55:25 +02:00
<ul>
2023-09-05 18:52:47 +02:00
<li>Worked under the tutelage of Stefano Sarina which
<!-- TODO: come cazzo si dice che lo stimo un botto in inglese?? Non lo so ma si può chiedere a... chi lo sa? CHATGPT OF COURSE, let's goooooooooooo -->
</li>
<li>Went through a full all of the major steps of creating a website:
<ul class="mt-1">
<li>Create a figma design (it was bad, I'm not a designer :) ) </li>
<li>Develop a MVP (minimum viable product)</li>
<li>Fully implement the website with calls to the API on the back-end and
displaying the resulting data</li>
</ul>
</li>
<li>Created a React app from scratch (without using <code>npm create-react-app</code>)
to learn all about a React application was made of
</li>
<li>Worked with the following technologies:
<ul class="mt-1">
<li>React</li>
<li>Webpack</li>
<li>TypeScript</li>
<li>SASS</li>
<li>Material UI</li>
</ul>
</li>
2023-09-01 11:55:25 +02:00
</ul>
</p>
</div>
</div>
</div>
</div>
2023-09-02 18:21:47 +02:00
<a href="/assets/pdf/Fauconnet_Arnaud_CV.pdf" class="btn mt-lg-3" data-aos="fade-up">Download my CV </a>
2023-09-01 11:55:25 +02:00
</section><!-- End My Resume Section -->
<!-- ======= My Services Section ======= -->
<section id="services" class="services">
<div class="container">
<div class="section-title">
<span>My Services</span>
<h2>My Services</h2>
<p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box">
<div class="icon"><i class="bx bxl-dribbble"></i></div>
<h4 class="title"><a href="">Lorem Ipsum</a></h4>
<p class="description">Voluptatum deleniti atque corrupti quos dolores et quas molestias
excepturi sint occaecati cupiditate non provident</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box">
<div class="icon"><i class="bx bx-file"></i></div>
<h4 class="title"><a href="">Sed ut perspiciatis</a></h4>
<p class="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box">
<div class="icon"><i class="bx bx-tachometer"></i></div>
<h4 class="title"><a href="">Magni Dolores</a></h4>
<p class="description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box">
<div class="icon"><i class="bx bx-world"></i></div>
<h4 class="title"><a href="">Nemo Enim</a></h4>
<p class="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui
blanditiis praesentium voluptatum deleniti atque</p>
</div>
</div>
</div>
</div>
</section><!-- End My Services Section -->
<!-- ======= My Portfolio Section ======= -->
<section id="portfolio" class="portfolio">
<div class="container">
<div class="section-title">
<span>My Portfolio</span>
<h2>My Portfolio</h2>
<p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
</div>
<ul id="portfolio-flters" class="d-flex justify-content-center">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-app">App</li>
<li data-filter=".filter-card">Card</li>
<li data-filter=".filter-web">Web</li>
</ul>
<div class="row portfolio-container">
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid"
alt=""></div>
<div class="portfolio-info">
<h4>App 1</h4>
<p>App</p>
<a href="assets/img/portfolio/portfolio-1.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox preview-link" title="App 1"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i
class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid"
alt=""></div>
<div class="portfolio-info">
<h4>Web 3</h4>
<p>Web</p>
<a href="assets/img/portfolio/portfolio-2.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox preview-link" title="Web 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i
class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid"
alt=""></div>
<div class="portfolio-info">
<h4>App 2</h4>
<p>App</p>
<a href="assets/img/portfolio/portfolio-3.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox preview-link" title="App 2"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i
class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-4.jpg" class="img-fluid"
alt=""></div>
<div class="portfolio-info">
<h4>Card 2</h4>
<p>Card</p>
<a href="assets/img/portfolio/portfolio-4.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox preview-link" title="Card 2"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i
class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-5.jpg" class="img-fluid"
alt=""></div>
<div class="portfolio-info">
<h4>Web 2</h4>
<p>Web</p>
<a href="assets/img/portfolio/portfolio-5.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox preview-link" title="Web 2"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i
class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-6.jpg" class="img-fluid"
alt=""></div>
<div class="portfolio-info">
<h4>App 3</h4>
<p>App</p>
<a href="assets/img/portfolio/portfolio-6.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox preview-link" title="App 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i
class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-7.jpg" class="img-fluid"
alt=""></div>
<div class="portfolio-info">
<h4>Card 1</h4>
<p>Card</p>
<a href="assets/img/portfolio/portfolio-7.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox preview-link" title="Card 1"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i
class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-8.jpg" class="img-fluid"
alt=""></div>
<div class="portfolio-info">
<h4>Card 3</h4>
<p>Card</p>
<a href="assets/img/portfolio/portfolio-8.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox preview-link" title="Card 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i
class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-9.jpg" class="img-fluid"
alt=""></div>
<div class="portfolio-info">
<h4>Web 3</h4>
<p>Web</p>
<a href="assets/img/portfolio/portfolio-9.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox preview-link" title="Web 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" class="details-link" title="More Details"><i
class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
</section><!-- End My Portfolio Section -->
<!-- ======= Contact Me Section ======= -->
<section id="contact" class="contact">
<div class="container">
<div class="section-title">
<span>Contact Me</span>
<h2>Contact Me</h2>
<p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
</div>
<div class="row">
2023-09-01 14:31:32 +02:00
<div class="col-md-6">
2023-09-01 17:25:07 +02:00
<div class="email info-box h-100 d-flex flex-column
justify-content-around">
<i><i class="bx bx-envelope"></i></i>
2023-09-01 14:31:32 +02:00
<h3>Email Me</h3>
<a href="mailto:arnaud.fauconnet.pro@gmail.com">arnaud.fauconnet.pro@gmail.com</a>
2023-09-01 11:55:25 +02:00
</div>
</div>
2023-09-01 14:31:32 +02:00
<div class="col-md-6">
<div class="info-box">
<i class="bx bx-share-alt"></i>
<h3>Social Profiles</h3>
<div class="social-links">
2023-09-01 17:25:25 +02:00
<a href="#" class="github"><i class="bi bi-github"></i></a>
2023-09-01 14:31:32 +02:00
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
<a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
2023-09-01 11:55:25 +02:00
</div>
2023-09-01 14:31:32 +02:00
</div>
2023-09-01 11:55:25 +02:00
</div>
</div>
</div>
</section><!-- End Contact Me Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
2023-09-01 12:11:19 +02:00
<h3>Arnaud Fauconnet</h3>
2023-09-01 14:31:37 +02:00
<p>Thanks a lot for visiting my website, I hope you learned a little
bit about who I am and what I am capable of.</p>
2023-09-01 11:55:25 +02:00
<div class="social-links">
2023-09-01 17:25:25 +02:00
<a href="#" class="github"><i class="bx bxl-github"></i></a>
2023-09-01 11:55:25 +02:00
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
<a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
</div>
<div class="copyright">
&copy; Copyright <strong><span>Laura</span></strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/laura-free-creative-bootstrap-theme/ -->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
2023-09-04 11:39:30 +02:00
<script src="assets/vendor/aos/aos.js"></script>
2023-09-01 11:55:25 +02:00
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>