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 >
2023-09-03 00:10:57 +02:00
< div class = "row" >
2023-09-02 16:37:01 +02:00
< div class = "image col-lg-4 d-flex align-items-stretch
2023-09-03 00:10:57 +02:00
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"
2023-09-03 00:10:57 +02:00
data-aos="fade-up-left">
2023-09-01 17:23:37 +02:00
< div class = "row" >
2023-09-02 16:37:01 +02:00
< 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" >
2023-09-02 16:37:01 +02:00
< 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 >
2023-09-02 16:37:01 +02:00
< 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" >
2023-09-02 16:37:01 +02:00
< 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 >
2023-09-02 16:37:01 +02:00
< 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" >
2023-09-02 16:37:01 +02:00
< 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 >
2023-09-02 16:37:01 +02:00
< 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" >
2023-09-02 16:37:01 +02:00
< 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 >
2023-09-02 16:37:01 +02:00
< 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" >
2023-09-03 00:10:57 +02:00
< 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 & 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 –
and
Master's Thesis –
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" >
2023-09-03 00:10:57 +02:00
< 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" >
© 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 >
