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-02 16:34:38 +02:00
|
|
|
|
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
|
|
|
|
|
|
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>
|
|
|
|
|
|
<h2 data-aos="fade" data-aos-delay="1000">I'm a Computer Science student</h2>
|
|
|
|
|
|
<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 16:36:37 +02:00
|
|
|
|
<section id="about" class="about" data-aos="fade-up">
|
2023-09-01 11:55:25 +02:00
|
|
|
|
<div class="container">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="section-title">
|
|
|
|
|
|
<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">
|
2023-09-02 16:37:01 +02:00
|
|
|
|
<div class="image col-lg-4 d-flex align-items-stretch
|
|
|
|
|
|
justify-content-center justify-content-lg-start">
|
|
|
|
|
|
|
2023-09-01 11:55:25 +02:00
|
|
|
|
</div>
|
2023-09-01 17:23:37 +02:00
|
|
|
|
<div class="content col-lg-8 ps-lg-4 d-flex flex-column align-items-stretch justify-content-center">
|
|
|
|
|
|
<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">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="section-title">
|
|
|
|
|
|
<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">
|
|
|
|
|
|
<h3 class="resume-title">Sumary</h3>
|
|
|
|
|
|
<div class="resume-item pb-0">
|
2023-09-01 20:48:29 +02:00
|
|
|
|
<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>
|
2023-09-01 11:55:25 +02:00
|
|
|
|
<p>
|
|
|
|
|
|
<ul>
|
2023-09-01 20:48:29 +02:00
|
|
|
|
<li>Unversità della Svizzera Italiana</li>
|
|
|
|
|
|
<li>Lugano, Ticino, CH</li>
|
|
|
|
|
|
<li>arno.fauconnet.pro@gmail.com</li>
|
2023-09-01 11:55:25 +02:00
|
|
|
|
</ul>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<h3 class="resume-title">Education</h3>
|
|
|
|
|
|
<div class="resume-item">
|
2023-09-01 20:48:29 +02:00
|
|
|
|
<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 – 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>
|
2023-09-01 11:55:25 +02:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="resume-item">
|
2023-09-01 20:48:29 +02:00
|
|
|
|
<h4>Bachelor in Informatics</h4>
|
|
|
|
|
|
<h5>2020 - 2023</h5>
|
|
|
|
|
|
<p><em>Università della Svizzera Italiana, Lugano, CH <br> GPA: 9.21/10</em></p>
|
|
|
|
|
|
<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-01 11:55:25 +02:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-6">
|
|
|
|
|
|
<h3 class="resume-title">Professional Experience</h3>
|
|
|
|
|
|
<div class="resume-item">
|
|
|
|
|
|
<h4>Senior graphic design specialist</h4>
|
|
|
|
|
|
<h5>2019 - Present</h5>
|
2023-09-01 20:48:29 +02:00
|
|
|
|
<p><em>Università della Svizzera Italiana, Lugano, CH</em></p>
|
2023-09-01 11:55:25 +02:00
|
|
|
|
<p>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>Lead in the design, development, and implementation of the graphic, layout, and
|
|
|
|
|
|
production communication materials</li>
|
|
|
|
|
|
<li>Delegate tasks to the 7 members of the design team and provide counsel on all
|
|
|
|
|
|
aspects of the project. </li>
|
|
|
|
|
|
<li>Supervise the assessment of all graphic materials in order to ensure quality and
|
|
|
|
|
|
accuracy of the design</li>
|
|
|
|
|
|
<li>Oversee the efficient use of production project budgets ranging from $2,000 -
|
|
|
|
|
|
$25,000</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="resume-item">
|
|
|
|
|
|
<h4>Graphic design specialist</h4>
|
|
|
|
|
|
<h5>2017 - 2018</h5>
|
|
|
|
|
|
<p><em>Stepping Stone Advertising, New York, NY</em></p>
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>Developed numerous marketing programs (logos, brochures,infographics, presentations,
|
|
|
|
|
|
and advertisements).</li>
|
|
|
|
|
|
<li>Managed up to 5 projects or tasks at a given time while under pressure</li>
|
|
|
|
|
|
<li>Recommended and consulted with clients on the most appropriate graphic design</li>
|
|
|
|
|
|
<li>Created 4+ design presentations and proposals a month for clients and account
|
|
|
|
|
|
managers</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</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-02 16:34:38 +02:00
|
|
|
|
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
|
2023-09-01 11:55:25 +02:00
|
|
|
|
|
|
|
|
|
|
<!-- Template Main JS File -->
|
|
|
|
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
