gruby refaktor otyły panie
This commit is contained in:
Sebastian Molenda
@@ -0,0 +1,253 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<title>Services - FolioOne Bootstrap Template</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="assets/img/favicon.png" rel="icon">
|
||||
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com" rel="preconnect">
|
||||
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" 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/aos/aos.css" rel="stylesheet">
|
||||
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Main CSS File -->
|
||||
<link href="assets/css/main.css" rel="stylesheet">
|
||||
|
||||
<!-- =======================================================
|
||||
* Template Name: FolioOne
|
||||
* Template URL: https://bootstrapmade.com/folioone-bootstrap-portfolio-website-template/
|
||||
* Updated: Aug 23 2025 with Bootstrap v5.3.7
|
||||
* Author: BootstrapMade.com
|
||||
* License: https://bootstrapmade.com/license/
|
||||
======================================================== -->
|
||||
</head>
|
||||
|
||||
<body class="services-page">
|
||||
|
||||
<header id="header" class="header d-flex align-items-center light-background sticky-top">
|
||||
<div class="container position-relative d-flex align-items-center justify-content-between">
|
||||
|
||||
<!-- <a href="index.html" class="logo d-flex align-items-center me-auto me-xl-0">
|
||||
<img src="assets/img/logo.webp" alt="">
|
||||
<h1 class="sitename">FolioOne</h1>
|
||||
</a> -->
|
||||
|
||||
<nav id="navmenu" class="navmenu">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="resume.html">Resume</a></li>
|
||||
<li><a href="services.html" class="active">Services</a></li>
|
||||
<li><a href="portfolio.html">Portfolio</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Dropdown 1</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Deep Dropdown 1</a></li>
|
||||
<li><a href="#">Deep Dropdown 2</a></li>
|
||||
<li><a href="#">Deep Dropdown 3</a></li>
|
||||
<li><a href="#">Deep Dropdown 4</a></li>
|
||||
<li><a href="#">Deep Dropdown 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Dropdown 2</a></li>
|
||||
<li><a href="#">Dropdown 3</a></li>
|
||||
<li><a href="#">Dropdown 4</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||||
</nav>
|
||||
|
||||
<div class="header-social-links">
|
||||
<a href="#" class="twitter"><i class="bi bi-twitter-x"></i></a>
|
||||
<a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
|
||||
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
|
||||
<a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
|
||||
<!-- Services Section -->
|
||||
<section id="services" class="services section">
|
||||
|
||||
<!-- Section Title -->
|
||||
<div class="container section-title" data-aos="fade-up">
|
||||
<h2>Services</h2>
|
||||
<p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam</p>
|
||||
</div><!-- End Section Title -->
|
||||
|
||||
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
||||
|
||||
<div class="row justify-content-center g-5">
|
||||
|
||||
<div class="col-md-6" data-aos="fade-right" data-aos-delay="100">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-code-slash"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h3>Custom Web Development</h3>
|
||||
<p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<a href="service-details.html" class="service-link">
|
||||
<span>Learn More</span>
|
||||
<i class="bi bi-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End Service Item -->
|
||||
|
||||
<div class="col-md-6" data-aos="fade-left" data-aos-delay="100">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-phone-fill"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h3>Mobile App Solutions</h3>
|
||||
<p>Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vivamus magna justo, lacinia eget consectetur sed. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Donec rutrum congue leo eget malesuada.</p>
|
||||
<a href="service-details.html" class="service-link">
|
||||
<span>Learn More</span>
|
||||
<i class="bi bi-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End Service Item -->
|
||||
|
||||
<div class="col-md-6" data-aos="fade-right" data-aos-delay="200">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-palette2"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h3>UI/UX Design</h3>
|
||||
<p>Pellentesque in ipsum id orci porta dapibus. Proin eget tortor risus. Vivamus suscipit tortor eget felis porttitor volutpat. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.</p>
|
||||
<a href="service-details.html" class="service-link">
|
||||
<span>Learn More</span>
|
||||
<i class="bi bi-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End Service Item -->
|
||||
|
||||
<div class="col-md-6" data-aos="fade-left" data-aos-delay="200">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-bar-chart-line"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h3>Digital Marketing</h3>
|
||||
<p>Donec rutrum congue leo eget malesuada. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Nulla porttitor accumsan tincidunt. Curabitur aliquet quam id dui posuere blandit.</p>
|
||||
<a href="service-details.html" class="service-link">
|
||||
<span>Learn More</span>
|
||||
<i class="bi bi-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End Service Item -->
|
||||
|
||||
<div class="col-md-6" data-aos="fade-right" data-aos-delay="300">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-cloud-check"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h3>Cloud Computing</h3>
|
||||
<p>Curabitur aliquet quam id dui posuere blandit. Sed porttitor lectus nibh. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Nulla quis lorem ut libero malesuada feugiat.</p>
|
||||
<a href="service-details.html" class="service-link">
|
||||
<span>Learn More</span>
|
||||
<i class="bi bi-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End Service Item -->
|
||||
|
||||
<div class="col-md-6" data-aos="fade-left" data-aos-delay="300">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-shield-lock"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h3>Cybersecurity Solutions</h3>
|
||||
<p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Donec sollicitudin molestie malesuada. Curabitur arcu erat, accumsan id imperdiet et. Proin eget tortor risus.</p>
|
||||
<a href="service-details.html" class="service-link">
|
||||
<span>Learn More</span>
|
||||
<i class="bi bi-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End Service Item -->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section><!-- /Services Section -->
|
||||
|
||||
</main>
|
||||
|
||||
<footer id="footer" class="footer">
|
||||
|
||||
<div class="container">
|
||||
<div class="copyright text-center ">
|
||||
<p>© <span>Copyright</span> <strong class="px-1 sitename">FolioOne</strong> <span>All Rights Reserved<br></span></p>
|
||||
</div>
|
||||
<div class="social-links d-flex justify-content-center">
|
||||
<a href=""><i class="bi bi-twitter-x"></i></a>
|
||||
<a href=""><i class="bi bi-facebook"></i></a>
|
||||
<a href=""><i class="bi bi-instagram"></i></a>
|
||||
<a href=""><i class="bi bi-linkedin"></i></a>
|
||||
</div>
|
||||
<div class="credits">
|
||||
<!-- All the links in the footer should remain intact. -->
|
||||
<!-- You can delete the links only if you've purchased the pro version. -->
|
||||
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
||||
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
||||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> | <a href="https://bootstrapmade.com/tools/">DevTools</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<!-- Scroll Top -->
|
||||
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!-- Vendor JS Files -->
|
||||
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/vendor/php-email-form/validate.js"></script>
|
||||
<script src="assets/vendor/aos/aos.js"></script>
|
||||
<script src="assets/vendor/typed.js/typed.umd.js"></script>
|
||||
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
|
||||
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
|
||||
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
||||
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||||
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
||||
|
||||
<!-- Main JS File -->
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user