karma/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: karma:2c0997058ea29917d8f494e4447af665faae6dfc
Branches Tags
karma:main
...
compare: karma:2aaa70cc5e1f030edac7d1f7b81f4e4c5f98835b
Branches Tags
karma:main

2 Commits
2c0997058e ... 2aaa70cc5e

Author SHA1 Message Date
Karma Riuk
2aaa70cc5e renamed services to skills 2023-09-07 10:20:57 +02:00
Karma Riuk
f3178c4f26 added back in the testimonials 2023-09-07 10:18:36 +02:00
2 changed files with 103 additions and 14 deletions
Show Stats Expand all files Collapse all files

18
assets/css/style.css
View File

@ -736,9 +736,9 @@ section {
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# My Services # My Skills
--------------------------------------------------------------*/ --------------------------------------------------------------*/
.services .icon-box { .skills .icon-box {
padding: 30px; padding: 30px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@ -749,7 +749,7 @@ section {
border: 1px solid #fff; border: 1px solid #fff;
} }
.services .icon { .skills .icon {
margin: 0 auto 20px auto; margin: 0 auto 20px auto;
padding-top: 17px; padding-top: 17px;
display: inline-block; display: inline-block;
@ -760,34 +760,34 @@ section {
background: #fff4df; background: #fff4df;
} }
.services .icon i { .skills .icon i {
font-size: 36px; font-size: 36px;
line-height: 1; line-height: 1;
color: var(--highlight); color: var(--highlight);
} }
.services .title { .skills .title {
font-weight: 700; font-weight: 700;
margin-bottom: 15px; margin-bottom: 15px;
font-size: 18px; font-size: 18px;
} }
.services .title a { .skills .title a {
color: #111; color: #111;
transition: 0.3s; transition: 0.3s;
} }
.services .description { .skills .description {
font-size: 15px; font-size: 15px;
line-height: 28px; line-height: 28px;
margin-bottom: 0; margin-bottom: 0;
} }
.services .icon-box:hover { .skills .icon-box:hover {
border-color: var(--highlight); border-color: var(--highlight);
} }
.services .icon-box:hover .title a { .skills .icon-box:hover .title a {
color: var(--highlight); color: var(--highlight);
} }

99
index.html
View File

@ -50,7 +50,7 @@
<li><a class="nav-link scrollto active" href="#hero">Home</a></li> <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="#about">About</a></li>
<li><a class="nav-link scrollto" href="#resume">Resume</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="#skills">Skills</a></li>
<li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li> <li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
<li><a class="nav-link scrollto" href="#contact">Contact</a></li> <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
</ul> </ul>
@ -370,13 +370,13 @@
<a href="/assets/pdf/Fauconnet_Arnaud_CV.pdf" class="btn mt-lg-3" data-aos="fade-up">Download my CV </a> <a href="/assets/pdf/Fauconnet_Arnaud_CV.pdf" class="btn mt-lg-3" data-aos="fade-up">Download my CV </a>
</section><!-- End My Resume Section --> </section><!-- End My Resume Section -->
<!-- ======= My Services Section ======= --> <!-- ======= My Skills Section ======= -->
<section id="services" class="services"> <section id="skills" class="skills">
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title">
<span>My Services</span> <span>My Skills</span>
<h2>My Services</h2> <h2>My Skills</h2>
<p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p> <p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
</div> </div>
@ -421,6 +421,95 @@
</div> </div>
</section><!-- End My Services Section --> </section><!-- End My Services Section -->
<!-- ======= Testimonials Section ======= -->
<section id="testimonials" class="testimonials">
<div class="container position-relative">
<div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
<h3>Saul Goodman</h3>
<h4>Ceo &amp; Founder</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit
rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam,
risus at semper.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
<h3>Sara Wilsson</h3>
<h4>Designer</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid
cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet
legam anim culpa.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
<h3>Jena Karlis</h3>
<h4>Store Owner</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem
veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint
minim.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
<h3>Matt Brandon</h3>
<h4>Freelancer</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim
fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem
dolore labore illum veniam.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
<h3>John Larson</h3>
<h4>Entrepreneur</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster
veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam
culpa fore nisi cillum quid.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- End Testimonials Section -->
<!-- ======= My Portfolio Section ======= --> <!-- ======= My Portfolio Section ======= -->
<section id="portfolio" class="portfolio"> <section id="portfolio" class="portfolio">