working on the skills (commiting to see if the
font-awesome icon is shown on the server)
This commit is contained in:
Karma Riuk
153
index.html
153
index.html
@ -27,6 +27,7 @@
|
||||
<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">
|
||||
<link href="assets/vendor/font-awesome/fontawesome.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Template Main CSS File -->
|
||||
<link href="assets/css/style.css" rel="stylesheet">
|
||||
@ -358,47 +359,139 @@
|
||||
<h2>My Skills</h2>
|
||||
<p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
|
||||
</div>
|
||||
<ul id="skills-filters" class="d-flex justify-content-center">
|
||||
<li data-filter="*" class="filter-active">All</li>
|
||||
<li data-filter=".filter-prod">Productivity</li>
|
||||
<li data-filter=".filter-lang">Languages</li>
|
||||
<li data-filter=".filter-frame">Frameworks</li>
|
||||
<li data-filter=".filter-web">Web</li>
|
||||
</ul>
|
||||
|
||||
<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>
|
||||
<!-- TODO: check the filter & link of each thing (normally the first
|
||||
line should be good) -->
|
||||
<div class="skills-container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
|
||||
<div class="icon-box">
|
||||
<div class="icon">
|
||||
<img src="assets/img/neovim.png" alt="neovim-logo" />
|
||||
</div>
|
||||
<h4 class="title"><a href="https://neovim.io">Neovim</a></h4>
|
||||
<p class="description">
|
||||
Neovim is a versatile text editor that's become
|
||||
an integral part of my workflow. It
|
||||
offers customization, plugin support, and version control integration, making it a
|
||||
reliable tool for my coding and writing tasks.
|
||||
</p>
|
||||
</div>
|
||||
</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 class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
|
||||
<div class="icon-box">
|
||||
<div class="icon">
|
||||
<img src="assets/img/arch.png" alt="arch-linux-logo" />
|
||||
</div>
|
||||
<h4 class="title"><a href="https://archlinux.org">Arch Linux</a></h4>
|
||||
<p class="description">Arch Linux is a minimalist, user-centric operating system that
|
||||
I've
|
||||
come to appreciate. It's not for everyone, but if you value control and enjoy
|
||||
crafting
|
||||
your system to suit your needs, it's a solid choice. With a rolling release model
|
||||
and a
|
||||
wealth of user-contributed packages, Arch Linux offers a clean slate to build your
|
||||
computing environment.</p>
|
||||
</div>
|
||||
</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 class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
|
||||
<div class="icon-box">
|
||||
<div class="icon">
|
||||
<img src="assets/img/docker.png" alt="docker-logo" />
|
||||
</div>
|
||||
<h4 class="title"><a href="https://www.docker.com">Docker</a></h4>
|
||||
<p class="description">Docker is a practical tool for managing containers, which I find
|
||||
quite handy. It simplifies application deployment and scaling by encapsulating
|
||||
applications and their dependencies. With Docker, you can create, test, and deploy
|
||||
applications consistently, making it a valuable addition to any developer's toolkit.
|
||||
</p>
|
||||
</div>
|
||||
</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 class="col-md-6 col-lg-3
|
||||
mb-5 skill-item filter-web">
|
||||
<div class="icon-box">
|
||||
<div class="icon"><i class="bx bx-server"></i></div>
|
||||
<h4 class="title"><a href="">Server Management</a></h4>
|
||||
<p class="description">Since 2018, I've been diving into the world of server
|
||||
administration,
|
||||
experimenting with various hardware setups. It's been an enriching journey that's
|
||||
expanded my technical horizons. I've come to appreciate the art of keeping servers
|
||||
running smoothly and securely. Additionally, delving into DevOps activities has
|
||||
allowed
|
||||
me to bridge the gap between development and operations, streamlining processes and
|
||||
improving overall efficiency.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
|
||||
<div class="icon-box">
|
||||
<div class="icon"><i class="fa fa-masks-theater"></i></div>
|
||||
<h4 class="title"><a href="https://neovim.io">Javascript / Typescript</a></h4>
|
||||
<p class="description">
|
||||
Neovim is a versatile text editor that's become
|
||||
an integral part of my workflow. It
|
||||
offers customization, plugin support, and version control integration, making it a
|
||||
reliable tool for my coding and writing tasks.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
|
||||
<div class="icon-box">
|
||||
<div class="icon">
|
||||
<img src="assets/img/tsjs.png" alt="neovim-logo" />
|
||||
</div>
|
||||
<h4 class="title"><a href="https://neovim.io">Javascript / Typescript</a></h4>
|
||||
<p class="description">
|
||||
Neovim is a versatile text editor that's become
|
||||
an integral part of my workflow. It
|
||||
offers customization, plugin support, and version control integration, making it a
|
||||
reliable tool for my coding and writing tasks.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
|
||||
<div class="icon-box">
|
||||
<div class="icon">
|
||||
<img src="assets/img/neovim.png" alt="neovim-logo" />
|
||||
</div>
|
||||
<h4 class="title"><a href="https://neovim.io">Neovim</a></h4>
|
||||
<p class="description">
|
||||
Neovim is a versatile text editor that's become
|
||||
an integral part of my workflow. It
|
||||
offers customization, plugin support, and version control integration, making it a
|
||||
reliable tool for my coding and writing tasks.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
|
||||
<div class="icon-box">
|
||||
<div class="icon">
|
||||
<img src="assets/img/neovim.png" alt="neovim-logo" />
|
||||
</div>
|
||||
<h4 class="title"><a href="https://neovim.io">Neovim</a></h4>
|
||||
<p class="description">
|
||||
Neovim is a versatile text editor that's become
|
||||
an integral part of my workflow. It
|
||||
offers customization, plugin support, and version control integration, making it a
|
||||
reliable tool for my coding and writing tasks.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section><!-- End My Services Section -->
|
||||
|
||||
<!-- ======= Testimonials Section ======= -->
|
||||
|
||||
Reference in New Issue
Block a user