forked from Chiefsoft/TaborgMain
Starter code added
This commit is contained in:
tokslaw7
@@ -1,4 +1,4 @@
|
||||
CONTAINER_PORT=7083
|
||||
CONTAINER_PORT=7084
|
||||
UID=1000
|
||||
#--------------------------------------------------------------------
|
||||
# Example Environment Configuration file
|
||||
|
||||
Generated
+6
@@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="$PROJECT_DIR$" vcs="Git" />
|
||||
</component>
|
||||
</project>
|
||||
@@ -0,0 +1,11 @@
|
||||
[Sun Mar 23 21:13:30.257131 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
|
||||
[Sun Mar 23 21:13:30.257401 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
|
||||
[Sun Mar 23 21:58:30.876109 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
|
||||
[Sun Mar 23 21:58:33.035390 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
|
||||
[Sun Mar 23 21:58:33.035726 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
|
||||
[Sun Mar 23 22:44:39.756112 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
|
||||
[Sun Mar 23 22:44:44.562094 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
|
||||
[Sun Mar 23 22:44:44.562283 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
|
||||
[Sat Apr 05 16:54:24.145967 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
|
||||
[Sun Apr 13 14:22:13.617241 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
|
||||
[Sun Apr 13 14:22:13.617729 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
|
||||
File diff suppressed because it is too large
Load Diff
@@ -7,5 +7,5 @@ use CodeIgniter\Router\RouteCollection;
|
||||
*/
|
||||
$routes->get('/', 'Home::index');
|
||||
$routes->get('/portfolio', 'Portfolio::index');
|
||||
$routes->get('/about', 'About::index');
|
||||
$routes->get('/about', 'about::index');
|
||||
$routes->get('/services', 'Services::index');
|
||||
|
||||
@@ -6,70 +6,6 @@ class About extends BaseController
|
||||
{
|
||||
public function index(): string
|
||||
{
|
||||
$expData = [];
|
||||
$content = [
|
||||
[
|
||||
"title" => "Senior Software Engineer",
|
||||
"company" => "MyFit.ai",
|
||||
"duration" => "2023-Present",
|
||||
"description" => "Designed and implemented initial System Architecture – API Gateway, Backend Microservices, Databases,
|
||||
Infrastructure, following TOGAF ADM principles.
|
||||
Led Architecture Change Management and Product design activities to align with business objectives.
|
||||
Initial Development planning - Ubuntu server setup, web server configuration, and containerization
|
||||
(Docker) for efficient deployment.
|
||||
Developed demonstration and proof-of-concept solutions mapping out implementation roadmaps.
|
||||
Hybrid App development collaboration with product team and iOS & Android store deployment.
|
||||
Developed scalable web applications using PHP, React.js, and Node.js to adhere to design specifications.
|
||||
Designed and developed new custom components to meet project requirements.
|
||||
Led backend development for AI-driven health tracking, handling user health data, scheduling, and task
|
||||
management with Laravel.
|
||||
Developed customer-facing applications using Next.js, React, and TypeScript, ensuring seamless user
|
||||
experience.
|
||||
Defined microservices consumption strategies using RESTful APIs and caching mechanisms for optimal
|
||||
performance.
|
||||
Worked within a cross-functional, scrum-based team focused on agile and continuous software delivery.
|
||||
Delivered customer-centric solutions through collaborative product development."
|
||||
],
|
||||
[
|
||||
"title" => "PHP Developer",
|
||||
"company" => "Intralot",
|
||||
"duration" => "2021-2023",
|
||||
"description" => "Developed and maintained complex PHP-based web applications for INTRALOT's digital platform for lottery gaming operations,
|
||||
contributing to a 15% increase in website performance and a 20% reduction in load times,
|
||||
resulting in an improved user experience for millions of lottery players.
|
||||
Collaborated with a cross-functional team to deliver and implement software applications,
|
||||
specialized utility programs."
|
||||
],
|
||||
[
|
||||
"title" => "Software Engineer",
|
||||
"company" => "Float Mobility",
|
||||
"duration" => "2019-2021",
|
||||
"description" => "Migrated the legacy platform to containers and implemented Kubernetes improving scalability and
|
||||
maintainability by 40%.
|
||||
Enhanced REST API performance by adding Redux caching, resulting in a 20% increase in page speed.
|
||||
Implemented real-time and high throughput systems using Apache Kafka, contributing to a 30% increase
|
||||
in data processing and ensuring reliable event-driven architecture.
|
||||
Mastered CI/CD for mobile apps and leveraged Smartphone Test Farm (STF) for device management and
|
||||
testing, reducing manual testing efforts by 50%.
|
||||
Applied Test-Driven Development using PHPUnit, leading to a 25% reduction in post-release bugs by
|
||||
writing tests before implementing functionality.
|
||||
Designed and optimized scalable microservice solutions using GCP/AWS, ensuring cost efficiency and
|
||||
business alignment."
|
||||
],
|
||||
[
|
||||
"title" => "Software Engineer",
|
||||
"company" => "ChiefSoft Works",
|
||||
"duration" => "2016-2021",
|
||||
"description" => "Utilized Entity Framework to successfully implement robust and efficient web service APIs,
|
||||
ensuring seamless integration and optimal performance within the system infrastructure.
|
||||
Provided technical oversight to previously developed and approved architectural solutions;
|
||||
drove innovation, developed, and reviewed the program and project-level architectures."
|
||||
]
|
||||
];
|
||||
|
||||
|
||||
$expData['content'] = $content;
|
||||
|
||||
return view('about', $expData);
|
||||
return view('about');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -6,10 +6,11 @@ class Home extends BaseController
|
||||
{
|
||||
public function index(): string
|
||||
{
|
||||
$siteData =[];
|
||||
$out = $this->APIcall('GET','http://10.10.10.35:8805/blogdata/tokslaw',[]);
|
||||
$siteData['blogdata'] = $out['payload']['blogdata'];
|
||||
$siteData['blog_media_url'] = $out['payload']['image_url'];
|
||||
// $siteData =[];
|
||||
// $out = $this->APIcall('GET','http://10.10.10.35:8805/blogdata/tokslaw',[]);
|
||||
// $siteData['blogdata'] = $out['payload']['blogdata'];
|
||||
// $siteData['blog_media_url'] = $out['payload']['image_url'];
|
||||
|
||||
// var_dump( $siteData['blog_media_url']);
|
||||
// exit();
|
||||
|
||||
@@ -26,6 +27,7 @@ class Home extends BaseController
|
||||
// $siteData['blogdata'] = $out['payload']['blogdata'];
|
||||
// $siteData['blog_media_url'] = $out['payload']['image_url'];
|
||||
|
||||
return view('welcome_message',$siteData);
|
||||
#return view('welcome_message',$siteData);
|
||||
return view('welcome_message');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,12 +0,0 @@
|
||||
<?php
|
||||
|
||||
namespace App\Controllers;
|
||||
|
||||
class Portfolio extends BaseController
|
||||
{
|
||||
public function index() : string
|
||||
{
|
||||
return view('portfolio');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,13 +0,0 @@
|
||||
<?php
|
||||
|
||||
namespace App\Controllers;
|
||||
|
||||
use App\Controllers\BaseController;
|
||||
|
||||
class Services extends BaseController
|
||||
{
|
||||
public function index() : string
|
||||
{
|
||||
return view('services');
|
||||
}
|
||||
}
|
||||
+646
-459
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,680 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="zxx">
|
||||
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="NetFusion - AI Powered Startup & Technology HTML5 Template" />
|
||||
<meta name="keywords" content="ai, artificial intelligence, chatbot, chatgpt, content, fast, landing, machine learning, modern, openai, saas, startup, unique" />
|
||||
<meta name="author" content="ThemeEarth" />
|
||||
|
||||
<title>NetFusion - AI Powered Startup & Technology HTML5 Template</title>
|
||||
|
||||
<link rel="icon" type="image/png" href="images/logo/favicon.png" />
|
||||
|
||||
<link rel="apple-touch-icon" href="images/logo/apple-touch-icon.png" />
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="images/logo/apple-touch-icon-57x57.png" />
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="images/logo/apple-touch-icon-72x72.png" />
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="images/logo/apple-touch-icon-76x76.png" />
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="images/logo/apple-touch-icon-114x114.png" />
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="images/logo/apple-touch-icon-120x120.png" />
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="images/logo/apple-touch-icon-144x144.png" />
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="images/logo/apple-touch-icon-152x152.png" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="images/logo/apple-touch-icon-180x180.png" />
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/fontawesome.min.css" />
|
||||
<link rel="stylesheet" href="css/magnific-popup.css" />
|
||||
<link rel="stylesheet" href="css/slick.css" />
|
||||
<link rel="stylesheet" href="css/meanmenu.css" />
|
||||
<link rel="stylesheet" href="css/nice-select.css" />
|
||||
<link rel="stylesheet" href="css/animate.css" />
|
||||
<link rel="stylesheet" href="css/style.css" />
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Preloader Start !-->
|
||||
<div id="preloader">
|
||||
<div id="preloader-status">
|
||||
<div class="preloader-ripple">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End !-->
|
||||
<!-- Header Start !-->
|
||||
<header class="header-area style-2">
|
||||
<!-- Header Nav Menu Start -->
|
||||
<div class="te-header-menu-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-lg-3 col-md-6 col-6 d-flex align-items-center">
|
||||
<div class="te-logo">
|
||||
<a href="index.html" class="te-standard-logo">
|
||||
<img src="images/logo/logo.png" alt="logo"/>
|
||||
</a>
|
||||
<a href="index.html" class="te-sticky-logo">
|
||||
<img src="images/logo/logo.png" alt="logo" />
|
||||
</a>
|
||||
<a href="index.html" class="te-retina-logo">
|
||||
<img src="images/logo/logo.png" alt="logo"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-9 col-lg-9 col-md-6 col-6 d-flex align-items-center justify-content-end">
|
||||
<div class="te-menu d-inline-block">
|
||||
<nav id="main-menu" class="te-main-menu">
|
||||
<ul>
|
||||
<li class="te-dropdown active">
|
||||
<a href="index.html">Home</a>
|
||||
<ul>
|
||||
<li><a href="index.html">Home Page 1</a></li>
|
||||
<li><a href="index-2.html">Home Page 2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about.php">About Us</a></li>
|
||||
<li class="te-dropdown">
|
||||
<a href="service.php">Services</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="service.php">Service Page</a></li>
|
||||
<li><a href="service-details.php">Service Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="project.php">Projects</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="project.php">Project Page</a></li>
|
||||
<li><a href="project-details.php">Project Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="blog.php">Blog</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="blog.php">Blog Page</a></li>
|
||||
<li><a href="blog-details.php">Blog Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="#">Page</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="faq.php">Faq Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contact.php">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Header Button Start !-->
|
||||
<div class="te-header-btn">
|
||||
<a href="#" class="te-quote-btn">JOIN HUB <i class="fa-solid fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<!-- Header Button Start !-->
|
||||
<!-- Mobile Menu Toggle Button Start !-->
|
||||
<div class="te-mobile-menu-bar d-lg-none text-end">
|
||||
<a href="#" class="te-mobile-menu-toggle-btn"><i class="fal fa-bars"></i></a>
|
||||
</div>
|
||||
<!-- Mobile Menu Toggle Button End !-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header Nav Menu End -->
|
||||
</header>
|
||||
<!-- Header End !-->
|
||||
<!-- Menu sidebar Section Start -->
|
||||
<div class="te-menu-sidebar-area">
|
||||
<div class="te-menu-sidebar-wrapper">
|
||||
<div class="te-menu-sidebar-close">
|
||||
<button class="te-menu-sidebar-close-btn" id="menu_sidebar_close_btn">
|
||||
<i class="fal fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="te-menu-sidebar-content">
|
||||
<div class="te-menu-sidebar-logo">
|
||||
<a href="index.html">
|
||||
<img src="images/logo/logo.png" alt="logo" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="te-mobile-nav-menu"></div>
|
||||
<div class="te-menu-sidebar-content">
|
||||
<div class="te-menu-sidebar-single-widget">
|
||||
<h5 class="te-menu-sidebar-title">Contact Info</h5>
|
||||
<div class="te-header-contact-info">
|
||||
<span><i class="fa-solid fa-location-dot"></i>6391 Elgin St. Celina, 10299</span>
|
||||
<span><a href="mailto:info@example.com"><i class="fa-solid fa-envelope"></i>info@example.com</a> </span>
|
||||
<span><a href="tel:+123-456-7890"><i class="fa-solid fa-phone"></i>+123-456-7890</a></span>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Menu sidebar Section Start -->
|
||||
<div class="te-body-overlay"></div>
|
||||
|
||||
<!-- Page Header Start !-->
|
||||
<div class="page-breadcrumb-area page-bg" style="background-image: url('images/section-bg/page-header.png')">
|
||||
<div class="page-overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="te-breadcrumb-wrapper">
|
||||
<div class="te-page-heading">
|
||||
<h3 class="te-page-title">Empowering businesses through technology</h3>
|
||||
</div>
|
||||
<div class="te-breadcrumb-list">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="active"><a href="#">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header End !-->
|
||||
|
||||
<div class="blog-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 te-blog-details-wrapper">
|
||||
<!-- Post Details Start -->
|
||||
<article class="te-post-item">
|
||||
<div class="te-post-thumbnail">
|
||||
<a href="#">
|
||||
<img src="images/blog-detail/b-details-feature.jpg" alt="Blog Image" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="te-post-content-wrapper">
|
||||
<div class="te-post-meta">
|
||||
<span><i class="far fa-calendar-check"></i>March 8, 2023</span>
|
||||
<span><a href="#"><i class="far fa-user"></i>By Wells Alden</a></span>
|
||||
<span><a href="#"><i class="far fa-comments"></i>8 Comments</a></span>
|
||||
</div>
|
||||
<h3 class="te-post-title">
|
||||
<a href="blog-details.php">Transforming challenges into opportunities with IT</a>
|
||||
</h3>
|
||||
<div class="te-post-content">
|
||||
<p>Aliquam eros justo, posuere loborti viverra laoreet matti ullamcorper posuere viverra .Aliqu eros justo, posuere lobortis, viverra laoreet augue mattis fermentum ullamcorper viverra laoreet. Aliquam eros justo, posuere loborti viverra laoreet matti ullamcorper posuere viverra .Aliquam eros justo, posuere lobortis, viverra laoreet augue mattis fer. Aliquam eros justo, posuere loborti viverra laoreet matti ullamcorper posuere viverra .Ali eros justo, posuere lobortis, viverra laoreet augue mattis fermentum ullamcorper viverra laoreet </p>
|
||||
<blockquote>
|
||||
<p>Aliquam eros justo, posuere loborti vive rlaoreet matti ullamc orper posu ere viverra .Aliquam eros justo, posuere lobortis no vive rra laoreet augue mattis fermentullamcorper viverra laoreet Aliquam eros justo,</p>
|
||||
<footer>- David Max, Techvolt</footer>
|
||||
</blockquote>
|
||||
<p>Justo, posuere loborti viverra laoreet matti ullamcorper posuere viverra .Ali eros justo, posuere lobortis, viverra laoreet augue mattis fermentum ullamcorper viverra laoreet. It is a long established fact that a reader williljl being li distracted by the readable content of amjlk page.</p>
|
||||
<p>Aliquam eros justo, posuere loborti viverra laoreet matti ullamcorper posuere viverra .Aliquam eros justo, posuere lobortis, viverra laoreet augue mattis fermentum ullamcorper viverr</p>
|
||||
<p>
|
||||
<img src="images/blog-detail/b-details.jpg" alt="image">
|
||||
</p>
|
||||
<p>Aliquam eros justo, posuere loborti viverra laoreet matti ullamcorper posuere viverra .Aliquam eros justo, posuere lobortis, viverra laoreet augue mattis fermentuer viverra laoreet Aliqerojustoposuere loborti viverra laoreet matti ullamcorper posuere viverra .Aliquam eros justo</p>
|
||||
<p>Aliquam eros justo, posuere loborti viverra laoreet matti ullamcorper posuere viverra .Aliquam eros justo, posuere lobortis, viverra laoreet augue mattis fermentum ullamcorper viverr</p>
|
||||
</div>
|
||||
<div class="te-single-post-meta">
|
||||
<div class="te-blog-post-tag">
|
||||
<span>TAGS</span>
|
||||
<div class="te-post-tag-list">
|
||||
<a href="#">Interiour</a>
|
||||
<a href="#">Architecher</a>
|
||||
<a href="#">Graphics</a>
|
||||
<a href="#">Web Development</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="te-social-share">
|
||||
<span class="te-social-share-title">SHARE</span>
|
||||
<a class="facebook" href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a class="twitter" href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a class="linkedin" href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<div class="te-blog-post-nav">
|
||||
<div class="te-post-navigation">
|
||||
<a href="#" class="te-post-img">
|
||||
<img src="images/blog/r1.jpg" alt="Image">
|
||||
<!-- <i class="fa-solid fa-arrow-left"></i> -->
|
||||
</a>
|
||||
<div class="text">
|
||||
<h4><a href="#" rel="prev">Unleash the power of IT</a> </h4>
|
||||
<span>March 8, 2023 . Investor</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
<div class="te-post-navigation">
|
||||
<a href="#" class="te-post-img">
|
||||
<img src="images/blog/r2.jpg" alt="Image">
|
||||
<!-- <i class="fa-solid fa-arrow-right"></i> -->
|
||||
</a>
|
||||
<div class="text">
|
||||
<h4><a href="#" rel="next">Where IT meets excellence</a> </h4>
|
||||
<span>March 8, 2023 . Investor</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Post Author Start -->
|
||||
<div class="te-author-info">
|
||||
<div class="te-author-thumb text-center">
|
||||
<a href="#"><img alt="" src="images/blog/avatar.jpg" class="avatar" height="120" width="120"></a>
|
||||
</div>
|
||||
<div class="te-author-text text-center">
|
||||
<h3><a href="#">David Max</a></h3>
|
||||
<span class="designation">Stuff Writer</span>
|
||||
<div class="te-author-social-profiles">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-youtube"></i></a>
|
||||
</div>
|
||||
|
||||
<p>Aliquam eros justo, posuere lobortis, viverra laoreet augue mattis fermentuer viverra laoreet Aliqerojustoposuere loborti viverra laoreet matti ullamcorper posuere viverra .Aliquam eros justo laoreet augue mattis fermentuer viverra laoreet </p>
|
||||
|
||||
<div class="te-author-post">
|
||||
<a href="#">View All Posts</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Post Author End -->
|
||||
|
||||
<!-- Comment List Start -->
|
||||
<div class="te-post-comments">
|
||||
<div class="te-comment-title">
|
||||
<h2>14 Comments Found</h2>
|
||||
</div>
|
||||
<div class="te-latest-comments">
|
||||
<ul>
|
||||
<li class="comment">
|
||||
<div class="te-comments-item">
|
||||
<div class="te-comments-avatar">
|
||||
<img src="images/commenter/commenter-1.jpg" alt="Commenter Author"
|
||||
height="96" width="96">
|
||||
</div>
|
||||
<div class="te-comments-text">
|
||||
<div class="te-avatar-name">
|
||||
<h5><a href="#">Avery James</a></h5>
|
||||
<span>14 August 2023, at 2.00 am</span>
|
||||
<a href="#" class="te-comment-reply">Reply</a>
|
||||
</div>
|
||||
<p>It is a long established fact that a reader williljl being li distracted by the readable content of amjlk page ghjkl when looking at its layout. the readable content of amjlk page ghjkl when looking at its layout that a reader.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="comment depth-1">
|
||||
<div class="te-comments-item">
|
||||
<div class="te-comments-avatar">
|
||||
<img src="images/commenter/commenter-2.jpg" alt="Commenter Author"
|
||||
height="96" width="96">
|
||||
</div>
|
||||
<div class="te-comments-text">
|
||||
<div class="te-avatar-name">
|
||||
<h5><a href="#">Jack David</a></h5>
|
||||
<span>14 August 2023, at 2.00 am</span>
|
||||
<a href="#" class="te-comment-reply">Reply</a>
|
||||
</div>
|
||||
<p>It is a long established fact that a reader williljl being li distracted by the readable content of amjlk page ghjkl when looking at its layout. the readable content of amjlk page ghjkl when looking at its layout that a reader.</p>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="children">
|
||||
<li class="comment">
|
||||
<div class="te-comments-item">
|
||||
<div class="te-comments-avatar">
|
||||
<img src="images/commenter/commenter-author.jpg"
|
||||
alt="Commenter Author" height="96" width="96">
|
||||
</div>
|
||||
<div class="te-comments-text">
|
||||
<div class="te-avatar-name">
|
||||
<h5><a href="#">Jesse Mac</a></h5>
|
||||
<span>14 August 2023, at 2.00 am</span>
|
||||
<a href="#" class="te-comment-reply">Reply</a>
|
||||
</div>
|
||||
<p>It is a long established fact that a reader williljl being li distracted by the readable content of amjlk page ghjkl when looking at its layout. the readable content of amjlk page ghjkl when looking at its layout that a reader.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="comment">
|
||||
<div class="te-comments-item">
|
||||
<div class="te-comments-avatar">
|
||||
<img src="images/commenter/commenter-3.jpg" alt="Commenter Author"
|
||||
height="96" width="96">
|
||||
</div>
|
||||
<div class="te-comments-text">
|
||||
<div class="te-avatar-name">
|
||||
<h5><a href="#">Bobby Jack</a></h5>
|
||||
<span>14 August 2023, at 2.00 am</span>
|
||||
<a href="#" class="te-comment-reply">Reply</a>
|
||||
</div>
|
||||
<p>It is a long established fact that a reader williljl being li distracted by the readable content of amjlk page ghjkl when looking at its layout. the readable content of amjlk page ghjkl when looking at its layout that a reader.</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Comment List End -->
|
||||
<!-- Comment Form Start -->
|
||||
<div class="te-post-comments-form">
|
||||
<div class="te-comment-respond">
|
||||
<div class="te-post-comments-title">
|
||||
<h2>Add A Comment</h2>
|
||||
</div>
|
||||
<form action="#" method="post" class="te-comment-form">
|
||||
<div class="row gx-4">
|
||||
<div class="col-xl-6">
|
||||
<div class="te-contacts-name">
|
||||
<input name="author" type="text" placeholder="Your name*">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6">
|
||||
<div class="te-contacts-email">
|
||||
<input name="email" type="text" placeholder="Your email*">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6">
|
||||
<div class="te-contacts-name">
|
||||
<input name="phone" type="text" placeholder="Your phone">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6">
|
||||
<div class="te-contacts-name">
|
||||
<input name="website" type="text" placeholder="Your website">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-12">
|
||||
<div class="te-contacts-message">
|
||||
<textarea name="comment" cols="20" rows="3"
|
||||
placeholder="Start writing comment"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<button class="te-theme-btn" type="submit">Post Comment <i class="fa-solid fa-arrow-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Comment Form End -->
|
||||
<!-- Post Details End -->
|
||||
</div>
|
||||
<!-- Blog Sidebar Start -->
|
||||
<div class="col-lg-4 order-1 order-lg-2">
|
||||
<div class="sidebar">
|
||||
<div class="widget te_widget_search">
|
||||
<div class="te-widget-title">
|
||||
<h4 class="wp-block-heading">Search</h4>
|
||||
</div>
|
||||
<form class="search-form" action="#" method="get">
|
||||
<input type="text" placeholder="Type and Search"/>
|
||||
<button type="submit"><i class="fas fa-search"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="widget te_widget_latest_post">
|
||||
<div class="te-widget-title">
|
||||
<h4 class="wp-block-heading">Recent Posts</h4>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div class="te-latest-post-thumb">
|
||||
<img src="images/blog/rp-1.jpg" alt=""/>
|
||||
</div>
|
||||
<div class="te-latest-post-desc">
|
||||
<h3 class="te-latest-post-title">
|
||||
<a href="blog-details.php">Elevate your business with IT expertise</a>
|
||||
</h3>
|
||||
<span class="te-latest-post-meta"><i class="fa-light fa-folder-open"></i>Web Design</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="te-latest-post-thumb">
|
||||
<img src="images/blog/rp-2.jpg" alt=""/>
|
||||
</div>
|
||||
<div class="te-latest-post-desc">
|
||||
<h3 class="te-latest-post-title">
|
||||
<a href="blog-details.php">Connecting businesses transforming </a>
|
||||
</h3>
|
||||
<span class="te-latest-post-meta"><i class="fa-light fa-folder-open"></i>Web Design</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="te-latest-post-thumb">
|
||||
<img src="images/blog/rp-3.jpg" alt=""/>
|
||||
</div>
|
||||
<div class="te-latest-post-desc">
|
||||
<h3 class="te-latest-post-title">
|
||||
<a href="blog-details.php">A picture is worth standard and stand us return</a>
|
||||
</h3>
|
||||
<span class="te-latest-post-meta"><i class="fa-light fa-folder-open"></i>Web Design</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="widget te_widget_categories">
|
||||
<div class="te-widget-title">
|
||||
<h4 class="wp-block-heading">Categories</h4>
|
||||
</div>
|
||||
<ul>
|
||||
<li><a href="#">Instralation Accecories</a>(1)</li>
|
||||
<li><a href="#">Business Advice</a>(8)</li>
|
||||
<li><a href="#">Stock market</a>(3)</li>
|
||||
<li><a href="#">Regular start</a>(5)</li>
|
||||
<li><a href="#">Finance & Banking</a>(1)</li>
|
||||
<li><a href="#">Started with projects</a>(3)</li>
|
||||
<li><a href="#">Corporate standup</a>(5)</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="widget te_widget_tag_cloud">
|
||||
<div class="te-widget-title">
|
||||
<h4 class="wp-block-heading">Tags</h4>
|
||||
</div>
|
||||
<div class="tagcloud">
|
||||
<a href="#">All Project</a>
|
||||
<a href="#">Interiour</a>
|
||||
<a href="#">Architecher</a>
|
||||
<a href="#">Graphics</a>
|
||||
<a href="#">Start shape</a>
|
||||
<a href="#">Starts</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="widget te_widget_instagram_feed">
|
||||
<div class="te-widget-title">
|
||||
<h4 class="wp-block-heading">Gallery</h4>
|
||||
</div>
|
||||
<div class="widget-instagram-feed">
|
||||
<div class="single-instagram-feed">
|
||||
<img src="images/instagram/instagram-1.jpg" alt="instagram photo">
|
||||
</div>
|
||||
<div class="single-instagram-feed">
|
||||
<img src="images/instagram/instagram-2.jpg" alt="instagram photo">
|
||||
</div>
|
||||
<div class="single-instagram-feed">
|
||||
<img src="images/instagram/instagram-3.jpg" alt="instagram photo">
|
||||
</div>
|
||||
<div class="single-instagram-feed">
|
||||
<img src="images/instagram/instagram-4.jpg" alt="instagram photo">
|
||||
</div>
|
||||
<div class="single-instagram-feed">
|
||||
<img src="images/instagram/instagram-5.jpg" alt="instagram photo">
|
||||
</div>
|
||||
<div class="single-instagram-feed">
|
||||
<img src="images/instagram/instagram-6.jpg" alt="instagram photo">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="widget te_widget_social_profile">
|
||||
<div class="te-widget-title">
|
||||
<h4 class="wp-block-heading">Social</h4>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a class="facebook" href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a class="twitter" href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a class="linkedin" href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a class="instagram" href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Blog Sidebar Start -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--- Blog End !-->
|
||||
|
||||
<!--- Start Footer !-->
|
||||
<footer class="footer style-1">
|
||||
<div class="te-footer-sec">
|
||||
<div class="container">
|
||||
<div class="row gy-5">
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<div class="te-footer-widget-info">
|
||||
<div class="te-footer-logo">
|
||||
<a href="index.html"><img src="images/logo/logo.png" alt="Footer Logo"></a>
|
||||
</div>
|
||||
<p>Lorem Ipsum is simply is dumi omy is text dummy text.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget te_widget_nav_menu">
|
||||
<h3 class="te-footer-widget-title">Our Services</h3>
|
||||
<ul class="menu">
|
||||
<li><a href="#">Mistakes To Avoid</a></li>
|
||||
<li><a href="#">Your Startup</a></li>
|
||||
<li><a href="#">Knew About Fonts</a></li>
|
||||
<li><a href="#">Winning Your Startup</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<h3 class="te-footer-widget-title">Address</h3>
|
||||
<div class="te-footer-widget-contact">
|
||||
<div class="footer-contact">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<a href="tel:+5550129">(629) 555-0129</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-envelope"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<a href="mailto:hello@netfusion.com"><span>hello@netfusion.com</span></a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<span>6391 Elgin St. Celina, 10299</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<div class="te-footer-widget-newsletter">
|
||||
<h3 class="te-footer-widget-title">Get Free Estimate</h3>
|
||||
<div class="te-subscribe-form-widget">
|
||||
<form>
|
||||
<div class="mc4wp-form-fields">
|
||||
<div class="single-field">
|
||||
<input type="email" placeholder="Email here">
|
||||
</div>
|
||||
<button class="submit-btn" type="submit"><i class="fa-solid fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-pinterest"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="te-footer-bottom-wrapper">
|
||||
<div class="te-copyright-text">
|
||||
<p>© <a href="#">NetFusion</a> 2023 | All Rights Reserved</p>
|
||||
</div>
|
||||
<div class="te-footer-bottom-menu">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Terms & Condition</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Privacy Policy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--- End Footer !-->
|
||||
<!-- Scroll Up Section Start -->
|
||||
<div class="progress-wrap">
|
||||
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- Scroll Up Section End -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/slick.min.js"></script>
|
||||
<script src="js/jquery.counterup.min.js"></script>
|
||||
<script src="js/waypoints.js"></script>
|
||||
<script src="js/jquery.meanmenu.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/inview.min.js"></script>
|
||||
<script src="js/wow.js"></script>
|
||||
<script src="js/tilt.jquery.js"></script>
|
||||
<script src="js/isotope.min.js"></script>
|
||||
<script src="js/scrolltotop.min.js"></script>
|
||||
<script src="js/plugins.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,639 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="zxx">
|
||||
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="NetFusion - AI Powered Startup & Technology HTML5 Template" />
|
||||
<meta name="keywords" content="ai, artificial intelligence, chatbot, chatgpt, content, fast, landing, machine learning, modern, openai, saas, startup, unique" />
|
||||
<meta name="author" content="ThemeEarth" />
|
||||
|
||||
<title>NetFusion - AI Powered Startup & Technology HTML5 Template</title>
|
||||
|
||||
<link rel="icon" type="image/png" href="images/logo/favicon.png" />
|
||||
|
||||
<link rel="apple-touch-icon" href="images/logo/apple-touch-icon.png" />
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="images/logo/apple-touch-icon-57x57.png" />
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="images/logo/apple-touch-icon-72x72.png" />
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="images/logo/apple-touch-icon-76x76.png" />
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="images/logo/apple-touch-icon-114x114.png" />
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="images/logo/apple-touch-icon-120x120.png" />
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="images/logo/apple-touch-icon-144x144.png" />
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="images/logo/apple-touch-icon-152x152.png" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="images/logo/apple-touch-icon-180x180.png" />
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/fontawesome.min.css" />
|
||||
<link rel="stylesheet" href="css/magnific-popup.css" />
|
||||
<link rel="stylesheet" href="css/slick.css" />
|
||||
<link rel="stylesheet" href="css/meanmenu.css" />
|
||||
<link rel="stylesheet" href="css/nice-select.css" />
|
||||
<link rel="stylesheet" href="css/animate.css" />
|
||||
<link rel="stylesheet" href="css/style.css" />
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Preloader Start !-->
|
||||
<div id="preloader">
|
||||
<div id="preloader-status">
|
||||
<div class="preloader-ripple">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End !-->
|
||||
<!-- Header Start !-->
|
||||
<header class="header-area style-2">
|
||||
<!-- Header Nav Menu Start -->
|
||||
<div class="te-header-menu-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-lg-3 col-md-6 col-6 d-flex align-items-center">
|
||||
<div class="te-logo">
|
||||
<a href="index.html" class="te-standard-logo">
|
||||
<img src="images/logo/logo.png" alt="logo"/>
|
||||
</a>
|
||||
<a href="index.html" class="te-sticky-logo">
|
||||
<img src="images/logo/logo.png" alt="logo" />
|
||||
</a>
|
||||
<a href="index.html" class="te-retina-logo">
|
||||
<img src="images/logo/logo.png" alt="logo"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-9 col-lg-9 col-md-6 col-6 d-flex align-items-center justify-content-end">
|
||||
<div class="te-menu d-inline-block">
|
||||
<nav id="main-menu" class="te-main-menu">
|
||||
<ul>
|
||||
<li class="te-dropdown active">
|
||||
<a href="index.html">Home</a>
|
||||
<ul>
|
||||
<li><a href="index.html">Home Page 1</a></li>
|
||||
<li><a href="index-2.html">Home Page 2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about.php">About Us</a></li>
|
||||
<li class="te-dropdown">
|
||||
<a href="service.php">Services</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="service.php">Service Page</a></li>
|
||||
<li><a href="service-details.php">Service Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="project.php">Projects</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="project.php">Project Page</a></li>
|
||||
<li><a href="project-details.php">Project Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="blog.php">Blog</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="blog.php">Blog Page</a></li>
|
||||
<li><a href="blog-details.php">Blog Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="#">Page</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="faq.php">Faq Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contact.php">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Header Button Start !-->
|
||||
<div class="te-header-btn">
|
||||
<a href="#" class="te-quote-btn">JOIN HUB <i class="fa-solid fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<!-- Header Button Start !-->
|
||||
<!-- Mobile Menu Toggle Button Start !-->
|
||||
<div class="te-mobile-menu-bar d-lg-none text-end">
|
||||
<a href="#" class="te-mobile-menu-toggle-btn"><i class="fal fa-bars"></i></a>
|
||||
</div>
|
||||
<!-- Mobile Menu Toggle Button End !-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header Nav Menu End -->
|
||||
</header>
|
||||
<!-- Header End !-->
|
||||
<!-- Menu sidebar Section Start -->
|
||||
<div class="te-menu-sidebar-area">
|
||||
<div class="te-menu-sidebar-wrapper">
|
||||
<div class="te-menu-sidebar-close">
|
||||
<button class="te-menu-sidebar-close-btn" id="menu_sidebar_close_btn">
|
||||
<i class="fal fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="te-menu-sidebar-content">
|
||||
<div class="te-menu-sidebar-logo">
|
||||
<a href="index.html">
|
||||
<img src="images/logo/logo.png" alt="logo" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="te-mobile-nav-menu"></div>
|
||||
<div class="te-menu-sidebar-content">
|
||||
<div class="te-menu-sidebar-single-widget">
|
||||
<h5 class="te-menu-sidebar-title">Contact Info</h5>
|
||||
<div class="te-header-contact-info">
|
||||
<span><i class="fa-solid fa-location-dot"></i>6391 Elgin St. Celina, 10299</span>
|
||||
<span><a href="mailto:info@example.com"><i class="fa-solid fa-envelope"></i>info@example.com</a> </span>
|
||||
<span><a href="tel:+123-456-7890"><i class="fa-solid fa-phone"></i>+123-456-7890</a></span>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Menu sidebar Section Start -->
|
||||
<div class="te-body-overlay"></div>
|
||||
|
||||
<!-- Page Header Start !-->
|
||||
<div class="page-breadcrumb-area page-bg" style="background-image: url('images/section-bg/page-header.png')">
|
||||
<div class="page-overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="te-breadcrumb-wrapper">
|
||||
<div class="te-page-heading">
|
||||
<h3 class="te-page-title">Blog</h3>
|
||||
</div>
|
||||
<div class="te-breadcrumb-list">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="active"><a href="#">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header End !-->
|
||||
|
||||
<!-- Blog Start !-->
|
||||
<div class="blog-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 te-blog-post">
|
||||
<!-- Single Blog Start -->
|
||||
<article class="te-post-item format-image">
|
||||
<div class="te-post-thumbnail">
|
||||
<a href="blog-details.php">
|
||||
<img src="images/blog/b1.jpg" alt="Blog Image"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="te-post-content-wrapper">
|
||||
<div class="te-post-meta">
|
||||
<span><i class="fa-light fa-folder-open"></i>Creativity</span>
|
||||
<span><i class="fa-regular fa-clock"></i>28th February 2022</span>
|
||||
<span><a href="#"><i class="fa-regular fa-comments"></i> 04 Comments</a></span>
|
||||
</div>
|
||||
<h3 class="te-post-title">
|
||||
<a href="blog-details.php">5 Tips for machine learning, and how does it relate to AI startups</a>
|
||||
</h3>
|
||||
<div class="te-post-content">
|
||||
<p>Aliquam eros justo, posuere loborti viverra lao ullamcorper posuere viverra .Aliquam eros justo, posuere lobortis non, viverra laoreet augue mattis start fermentum ullamcor viverra </p>
|
||||
</div>
|
||||
<div class="te-read-more">
|
||||
<a href="blog-details.php" class="te-theme-btn">Continue reading</a>
|
||||
<div class="te-social-share">
|
||||
<span class="te-social-share-title">share</span>
|
||||
<a class="facebook" href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a class="twitter" href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a class="linkedin" href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<!-- Single Blog End -->
|
||||
<!-- Single Blog Start -->
|
||||
<article class="te-post-item format-video">
|
||||
<div class="post-video">
|
||||
<img src="images/blog/b2.jpg" alt="Blog Image"/>
|
||||
<div class="popup-video-wrapper">
|
||||
<div class="video-btn">
|
||||
<a
|
||||
href="https://www.youtube.com/watch?v=7e90gBu4pas"
|
||||
class="mfp-iframe video-play"
|
||||
>
|
||||
<i class="fa-solid fa-play" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="te-post-content-wrapper">
|
||||
<div class="te-post-meta">
|
||||
<span><i class="fa-light fa-folder-open"></i>Creativity</span>
|
||||
<span><i class="fa-regular fa-clock"></i>28th February 2022</span>
|
||||
<span><a href="#"><i class="fa-regular fa-comments"></i> 04 Comments</a></span>
|
||||
</div>
|
||||
<h3 class="te-post-title">
|
||||
<a href="blog-details.php">What are some popular AI-powered startup success stories</a>
|
||||
</h3>
|
||||
<div class="te-post-content">
|
||||
<p>Aliquam eros justo, posuere loborti viverra lao ullamcorper posuere viverra .Aliquam eros justo, posuere lobortis non, viverra laoreet augue mattis start fermentum ullamcor viverra </p>
|
||||
</div>
|
||||
<div class="te-read-more">
|
||||
<a href="blog-details.php" class="te-theme-btn">Continue reading</a>
|
||||
<div class="te-social-share">
|
||||
<span class="te-social-share-title">share</span>
|
||||
<a class="facebook" href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a class="twitter" href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a class="linkedin" href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<!-- Single Blog End -->
|
||||
<!-- Single Blog Start -->
|
||||
<article class="te-post-item format-gallery">
|
||||
<div class="post-gallery">
|
||||
<img src="images/blog/b3.jpg" alt="Blog Image"/>
|
||||
<img src="images/blog/b3.jpg" alt="Blog Image"/>
|
||||
<img src="images/blog/b3.jpg" alt="Blog Image"/>
|
||||
<img src="images/blog/b3.jpg" alt="Blog Image"/>
|
||||
<img src="images/blog/b3.jpg" alt="Blog Image"/>
|
||||
<img src="images/blog/b3.jpg" alt="Blog Image"/>
|
||||
</div>
|
||||
<div class="te-post-content-wrapper">
|
||||
<div class="te-post-meta">
|
||||
<span><i class="fa-light fa-folder-open"></i>Creativity</span>
|
||||
<span><i class="fa-regular fa-clock"></i>28th February 2022</span>
|
||||
<span><a href="#"><i class="fa-regular fa-comments"></i> 04 Comments</a></span>
|
||||
</div>
|
||||
<h3 class="te-post-title">
|
||||
<a href="blog-details.php">AI technology expensive for startups to implement</a>
|
||||
</h3>
|
||||
<div class="te-post-content">
|
||||
<p>Aliquam eros justo, posuere loborti viverra lao ullamcorper posuere viverra .Aliquam eros justo, posuere lobortis non, viverra laoreet augue mattis start fermentum ullamcor viverra </p>
|
||||
</div>
|
||||
<div class="te-read-more">
|
||||
<a href="blog-details.php" class="te-theme-btn">Continue reading</a>
|
||||
<div class="te-social-share">
|
||||
<span class="te-social-share-title">share</span>
|
||||
<a class="facebook" href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a class="twitter" href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a class="linkedin" href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<!-- Single Blog End -->
|
||||
<!-- Single Blog Start -->
|
||||
<article class="te-post-item format-audio">
|
||||
<div class="post-audio embed-responsive">
|
||||
<iframe
|
||||
src="https://w.soundcloud.com/player/?visual=true&url=https%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F666328004&show_artwork=true&maxheight=960&maxwidth=640"
|
||||
data-dashlane-frameid="695"
|
||||
></iframe>
|
||||
</div>
|
||||
<div class="te-post-content-wrapper">
|
||||
<div class="te-post-meta">
|
||||
<span><i class="fa-light fa-folder-open"></i>Creativity</span>
|
||||
<span><i class="fa-regular fa-clock"></i>28th February 2022</span>
|
||||
<span><a href="#"><i class="fa-regular fa-comments"></i> 04 Comments</a></span>
|
||||
</div>
|
||||
<h3 class="te-post-title">
|
||||
<a href="blog-details.php">5 Tips for machine learning, and how does it relate to AI startups</a>
|
||||
</h3>
|
||||
<div class="te-post-content">
|
||||
<p>Aliquam eros justo, posuere loborti viverra lao ullamcorper posuere viverra .Aliquam eros justo, posuere lobortis non, viverra laoreet augue mattis start fermentum ullamcor viverra </p>
|
||||
</div>
|
||||
<div class="te-read-more">
|
||||
<a href="blog-details.php" class="te-theme-btn">Continue reading</a>
|
||||
<div class="te-social-share">
|
||||
<span class="te-social-share-title">share</span>
|
||||
<a class="facebook" href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a class="twitter" href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a class="linkedin" href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<!-- Single Blog End -->
|
||||
<!-- Single Blog Start -->
|
||||
<article class="te-post-item format-image">
|
||||
<div class="te-post-thumbnail">
|
||||
<a href="blog-details.php">
|
||||
<img src="images/blog/b3.jpg" alt="Blog Image"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="te-post-content-wrapper">
|
||||
<div class="te-post-meta">
|
||||
<span><i class="fa-light fa-folder-open"></i>Creativity</span>
|
||||
<span><i class="fa-regular fa-clock"></i>28th February 2022</span>
|
||||
<span><a href="#"><i class="fa-regular fa-comments"></i> 04 Comments</a></span>
|
||||
</div>
|
||||
<h3 class="te-post-title">
|
||||
<a href="blog-details.php">5 Tips for machine learning, and how does it relate to AI startups</a>
|
||||
</h3>
|
||||
<div class="te-post-content">
|
||||
<p>Aliquam eros justo, posuere loborti viverra lao ullamcorper posuere viverra .Aliquam eros justo, posuere lobortis non, viverra laoreet augue mattis start fermentum ullamcor viverra </p>
|
||||
</div>
|
||||
<div class="te-read-more">
|
||||
<a href="blog-details.php" class="te-theme-btn">Continue reading</a>
|
||||
<div class="te-social-share">
|
||||
<span class="te-social-share-title">share</span>
|
||||
<a class="facebook" href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a class="twitter" href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a class="linkedin" href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<!-- Single Blog End -->
|
||||
<div class="te-basic-pagination">
|
||||
<ul>
|
||||
<li><span aria-current="page" class="page-numbers current">1</span></li>
|
||||
<li><a class="page-numbers" href="#">2</a></li>
|
||||
<li><a class="page-numbers" href="#">3</a></li>
|
||||
<li><span class="page-numbers dots">…</span></li>
|
||||
<li><a class="page-numbers" href="#">5</a></li>
|
||||
<li><a class="next page-numbers" href="#"><i class="fa fa-arrow-right"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Blog Post List End -->
|
||||
<!-- Blog Sidebar Start -->
|
||||
<div class="col-lg-4 order-1 order-lg-2">
|
||||
<div class="sidebar">
|
||||
<div class="widget te_widget_search">
|
||||
<div class="te-widget-title">
|
||||
<h4 class="wp-block-heading">Search</h4>
|
||||
</div>
|
||||
<form class="search-form" action="#" method="get">
|
||||
<input type="text" placeholder="Type and Search"/>
|
||||
<button type="submit"><i class="fas fa-search"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="widget te_widget_latest_post">
|
||||
<div class="te-widget-title">
|
||||
<h4 class="wp-block-heading">Recent Posts</h4>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div class="te-latest-post-thumb">
|
||||
<img src="images/blog/rp-1.jpg" alt=""/>
|
||||
</div>
|
||||
<div class="te-latest-post-desc">
|
||||
<h3 class="te-latest-post-title">
|
||||
<a href="blog-details.php">startups measure the ROI of their AI investments</a>
|
||||
</h3>
|
||||
<span class="te-latest-post-meta"><i class="fa-light fa-folder-open"></i>Web Design</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="te-latest-post-thumb">
|
||||
<img src="images/blog/rp-2.jpg" alt=""/>
|
||||
</div>
|
||||
<div class="te-latest-post-desc">
|
||||
<h3 class="te-latest-post-title">
|
||||
<a href="blog-details.php">AI-powered startups ensure the security</a>
|
||||
</h3>
|
||||
<span class="te-latest-post-meta"><i class="fa-light fa-folder-open"></i>Web Design</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="te-latest-post-thumb">
|
||||
<img src="images/blog/rp-3.jpg" alt=""/>
|
||||
</div>
|
||||
<div class="te-latest-post-desc">
|
||||
<h3 class="te-latest-post-title">
|
||||
<a href="blog-details.php">AI-powered tools that helps startups </a>
|
||||
</h3>
|
||||
<span class="te-latest-post-meta"><i class="fa-light fa-folder-open"></i>Web Design</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="widget te_widget_categories">
|
||||
<div class="te-widget-title">
|
||||
<h4 class="wp-block-heading">Categories</h4>
|
||||
</div>
|
||||
<ul>
|
||||
<li><a href="#">AI-powered startup</a>(12)</li>
|
||||
<li><a href="#">AI and automation</a>(24)</li>
|
||||
<li><a href="#">AI-powered tools</a>(32)</li>
|
||||
<li><a href="#">Regular start</a>(56)</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="widget te_widget_tag_cloud">
|
||||
<div class="te-widget-title">
|
||||
<h4 class="wp-block-heading">Tags</h4>
|
||||
</div>
|
||||
<div class="tagcloud">
|
||||
<a href="#">All Project</a>
|
||||
<a href="#">Startup</a>
|
||||
<a href="#">Regular</a>
|
||||
<a href="#">startups security </a>
|
||||
<a href="#">Automation</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="widget te_widget_instagram_feed">
|
||||
<div class="te-widget-title">
|
||||
<h4 class="wp-block-heading">Gallery</h4>
|
||||
</div>
|
||||
<div class="widget-instagram-feed">
|
||||
<div class="single-instagram-feed">
|
||||
<img src="images/instagram/instagram-1.jpg" alt="instagram photo">
|
||||
</div>
|
||||
<div class="single-instagram-feed">
|
||||
<img src="images/instagram/instagram-2.jpg" alt="instagram photo">
|
||||
</div>
|
||||
<div class="single-instagram-feed">
|
||||
<img src="images/instagram/instagram-3.jpg" alt="instagram photo">
|
||||
</div>
|
||||
<div class="single-instagram-feed">
|
||||
<img src="images/instagram/instagram-4.jpg" alt="instagram photo">
|
||||
</div>
|
||||
<div class="single-instagram-feed">
|
||||
<img src="images/instagram/instagram-5.jpg" alt="instagram photo">
|
||||
</div>
|
||||
<div class="single-instagram-feed">
|
||||
<img src="images/instagram/instagram-6.jpg" alt="instagram photo">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="widget te_widget_social_profile">
|
||||
<div class="te-widget-title">
|
||||
<h4 class="wp-block-heading">Social</h4>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a class="facebook" href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a class="twitter" href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a class="linkedin" href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a class="instagram" href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Blog Sidebar Start -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Blog End !-->
|
||||
|
||||
<!--- Start Footer !-->
|
||||
<footer class="footer style-1">
|
||||
<div class="te-footer-sec">
|
||||
<div class="container">
|
||||
<div class="row gy-5">
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<div class="te-footer-widget-info">
|
||||
<div class="te-footer-logo">
|
||||
<a href="index.html"><img src="images/logo/logo.png" alt="Footer Logo"></a>
|
||||
</div>
|
||||
<p>Lorem Ipsum is simply is dumi omy is text dummy text.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget te_widget_nav_menu">
|
||||
<h3 class="te-footer-widget-title">Our Services</h3>
|
||||
<ul class="menu">
|
||||
<li><a href="#">Mistakes To Avoid</a></li>
|
||||
<li><a href="#">Your Startup</a></li>
|
||||
<li><a href="#">Knew About Fonts</a></li>
|
||||
<li><a href="#">Winning Your Startup</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<h3 class="te-footer-widget-title">Address</h3>
|
||||
<div class="te-footer-widget-contact">
|
||||
<div class="footer-contact">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<a href="tel:+5550129">(629) 555-0129</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-envelope"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<a href="mailto:hello@netfusion.com"><span>hello@netfusion.com</span></a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<span>6391 Elgin St. Celina, 10299</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<div class="te-footer-widget-newsletter">
|
||||
<h3 class="te-footer-widget-title">Get Free Estimate</h3>
|
||||
<div class="te-subscribe-form-widget">
|
||||
<form>
|
||||
<div class="mc4wp-form-fields">
|
||||
<div class="single-field">
|
||||
<input type="email" placeholder="Email here">
|
||||
</div>
|
||||
<button class="submit-btn" type="submit"><i class="fa-solid fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-pinterest"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="te-footer-bottom-wrapper">
|
||||
<div class="te-copyright-text">
|
||||
<p>© <a href="#">NetFusion</a> 2023 | All Rights Reserved</p>
|
||||
</div>
|
||||
<div class="te-footer-bottom-menu">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Terms & Condition</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Privacy Policy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--- End Footer !-->
|
||||
<!-- Scroll Up Section Start -->
|
||||
<div class="progress-wrap">
|
||||
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- Scroll Up Section End -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/slick.min.js"></script>
|
||||
<script src="js/jquery.counterup.min.js"></script>
|
||||
<script src="js/waypoints.js"></script>
|
||||
<script src="js/jquery.meanmenu.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/inview.min.js"></script>
|
||||
<script src="js/wow.js"></script>
|
||||
<script src="js/tilt.jquery.js"></script>
|
||||
<script src="js/isotope.min.js"></script>
|
||||
<script src="js/scrolltotop.min.js"></script>
|
||||
<script src="js/plugins.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,437 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="zxx">
|
||||
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="NetFusion - AI Powered Startup & Technology HTML5 Template" />
|
||||
<meta name="keywords" content="ai, artificial intelligence, chatbot, chatgpt, content, fast, landing, machine learning, modern, openai, saas, startup, unique" />
|
||||
<meta name="author" content="ThemeEarth" />
|
||||
|
||||
<title>NetFusion - AI Powered Startup & Technology HTML5 Template</title>
|
||||
|
||||
<link rel="icon" type="image/png" href="images/logo/favicon.png" />
|
||||
|
||||
<link rel="apple-touch-icon" href="images/logo/apple-touch-icon.png" />
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="images/logo/apple-touch-icon-57x57.png" />
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="images/logo/apple-touch-icon-72x72.png" />
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="images/logo/apple-touch-icon-76x76.png" />
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="images/logo/apple-touch-icon-114x114.png" />
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="images/logo/apple-touch-icon-120x120.png" />
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="images/logo/apple-touch-icon-144x144.png" />
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="images/logo/apple-touch-icon-152x152.png" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="images/logo/apple-touch-icon-180x180.png" />
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/fontawesome.min.css" />
|
||||
<link rel="stylesheet" href="css/magnific-popup.css" />
|
||||
<link rel="stylesheet" href="css/slick.css" />
|
||||
<link rel="stylesheet" href="css/meanmenu.css" />
|
||||
<link rel="stylesheet" href="css/nice-select.css" />
|
||||
<link rel="stylesheet" href="css/animate.css" />
|
||||
<link rel="stylesheet" href="css/style.css" />
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Preloader Start !-->
|
||||
<div id="preloader">
|
||||
<div id="preloader-status">
|
||||
<div class="preloader-ripple">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End !-->
|
||||
<!-- Header Start !-->
|
||||
<header class="header-area style-2">
|
||||
<!-- Header Nav Menu Start -->
|
||||
<div class="te-header-menu-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-lg-3 col-md-6 col-6 d-flex align-items-center">
|
||||
<div class="te-logo">
|
||||
<a href="index.html" class="te-standard-logo">
|
||||
<img src="images/logo/logo.png" alt="logo"/>
|
||||
</a>
|
||||
<a href="index.html" class="te-sticky-logo">
|
||||
<img src="images/logo/logo.png" alt="logo" />
|
||||
</a>
|
||||
<a href="index.html" class="te-retina-logo">
|
||||
<img src="images/logo/logo.png" alt="logo"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-9 col-lg-9 col-md-6 col-6 d-flex align-items-center justify-content-end">
|
||||
<div class="te-menu d-inline-block">
|
||||
<nav id="main-menu" class="te-main-menu">
|
||||
<ul>
|
||||
<li class="te-dropdown active">
|
||||
<a href="index.html">Home</a>
|
||||
<ul>
|
||||
<li><a href="index.html">Home Page 1</a></li>
|
||||
<li><a href="index-2.html">Home Page 2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about.php">About Us</a></li>
|
||||
<li class="te-dropdown">
|
||||
<a href="service.php">Services</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="service.php">Service Page</a></li>
|
||||
<li><a href="service-details.php">Service Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="project.php">Projects</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="project.php">Project Page</a></li>
|
||||
<li><a href="project-details.php">Project Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="blog.php">Blog</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="blog.php">Blog Page</a></li>
|
||||
<li><a href="blog-details.php">Blog Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="#">Page</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="faq.php">Faq Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contact.php">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Header Button Start !-->
|
||||
<div class="te-header-btn">
|
||||
<a href="#" class="te-quote-btn">JOIN HUB <i class="fa-solid fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<!-- Header Button Start !-->
|
||||
<!-- Mobile Menu Toggle Button Start !-->
|
||||
<div class="te-mobile-menu-bar d-lg-none text-end">
|
||||
<a href="#" class="te-mobile-menu-toggle-btn"><i class="fal fa-bars"></i></a>
|
||||
</div>
|
||||
<!-- Mobile Menu Toggle Button End !-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header Nav Menu End -->
|
||||
</header>
|
||||
<!-- Header End !-->
|
||||
<!-- Menu sidebar Section Start -->
|
||||
<div class="te-menu-sidebar-area">
|
||||
<div class="te-menu-sidebar-wrapper">
|
||||
<div class="te-menu-sidebar-close">
|
||||
<button class="te-menu-sidebar-close-btn" id="menu_sidebar_close_btn">
|
||||
<i class="fal fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="te-menu-sidebar-content">
|
||||
<div class="te-menu-sidebar-logo">
|
||||
<a href="index.html">
|
||||
<img src="images/logo/logo.png" alt="logo" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="te-mobile-nav-menu"></div>
|
||||
<div class="te-menu-sidebar-content">
|
||||
<div class="te-menu-sidebar-single-widget">
|
||||
<h5 class="te-menu-sidebar-title">Contact Info</h5>
|
||||
<div class="te-header-contact-info">
|
||||
<span><i class="fa-solid fa-location-dot"></i>6391 Elgin St. Celina, 10299</span>
|
||||
<span><a href="mailto:info@example.com"><i class="fa-solid fa-envelope"></i>info@example.com</a> </span>
|
||||
<span><a href="tel:+123-456-7890"><i class="fa-solid fa-phone"></i>+123-456-7890</a></span>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Menu sidebar Section Start -->
|
||||
<div class="te-body-overlay"></div>
|
||||
|
||||
<!-- Page Header Start !-->
|
||||
<div class="page-breadcrumb-area page-bg" style="background-image: url('images/section-bg/page-header.png')">
|
||||
<div class="page-overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="te-breadcrumb-wrapper">
|
||||
<div class="te-page-heading">
|
||||
<h3 class="te-page-title">Contact</h3>
|
||||
</div>
|
||||
<div class="te-breadcrumb-list">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="active"><a href="#">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header End !-->
|
||||
|
||||
<!-- Contact Form Section Start -->
|
||||
<div class="contact-form-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Contact Info Section Start !-->
|
||||
<div class="te-contact-info-wrapper">
|
||||
<div class="te-contact-info">
|
||||
|
||||
<div class="single-contact-info">
|
||||
<div class="contact-info-inner">
|
||||
<div class="title-wrapper">
|
||||
<h3 class="title">Address</h3>
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<p>Dhaka 102, utl 1216, road 45 house <br/> shantighar rahuta, 1213</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-info-inner">
|
||||
<div class="title-wrapper">
|
||||
<h3 class="title">Email Address</h3>
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<p>ijmnhhasan000@yourmail.com <br/> hhasan000@yourmail.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="single-contact-info">
|
||||
<div class="contact-info-inner">
|
||||
<div class="title-wrapper">
|
||||
<h3 class="title">Phone number</h3>
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<p>88-0123-45-678 <br/> 24 hour open </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-info-inner">
|
||||
<div class="title-wrapper">
|
||||
<h3 class="title">Social media</h3>
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<div class="social-link">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Contact Info Section End -->
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<!-- Comment Form Start -->
|
||||
<div class="te-comment-respond mt-0">
|
||||
<h2 class="title">Get in touch with us</h2>
|
||||
<form action="#" method="post" class="te-comment-form">
|
||||
<div class="row gx-4">
|
||||
<div class="col-xl-12">
|
||||
<div class="te-contacts-name">
|
||||
<input name="name" type="text" placeholder="Your Name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6">
|
||||
<div class="te-contacts-email">
|
||||
<input name="email" type="text" placeholder="Your Email*">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6">
|
||||
<div class="te-contacts-name">
|
||||
<input name="phone" type="text" placeholder="Your Phone">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-12">
|
||||
<div class="te-contacts-message">
|
||||
<textarea name="comment" cols="20" rows="3" placeholder="Write your Message here"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<button class="te-theme-btn blue-btn rounded-1" type="submit">Send a messege</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Comment Form End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Contact Form Section End -->
|
||||
|
||||
<!-- Map start -->
|
||||
<div class="contact-map-area">
|
||||
<div class="te-map-widget">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d423284.04409246973!2d-118.74137159485794!3d34.020608470699536!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80c2c75ddc27da13%3A0xe22fdf6f254608f4!2sLos%20Angeles%2C%20CA%2C%20USA!5e0!3m2!1sen!2sbd!4v1692992084415!5m2!1sen!2sbd" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Map end -->
|
||||
|
||||
<!--- Start Footer !-->
|
||||
<footer class="footer style-1">
|
||||
<div class="te-footer-sec">
|
||||
<div class="container">
|
||||
<div class="row gy-5">
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<div class="te-footer-widget-info">
|
||||
<div class="te-footer-logo">
|
||||
<a href="index.html"><img src="images/logo/logo.png" alt="Footer Logo"></a>
|
||||
</div>
|
||||
<p>Lorem Ipsum is simply is dumi omy is text dummy text.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget te_widget_nav_menu">
|
||||
<h3 class="te-footer-widget-title">Our Services</h3>
|
||||
<ul class="menu">
|
||||
<li><a href="#">Mistakes To Avoid</a></li>
|
||||
<li><a href="#">Your Startup</a></li>
|
||||
<li><a href="#">Knew About Fonts</a></li>
|
||||
<li><a href="#">Winning Your Startup</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<h3 class="te-footer-widget-title">Address</h3>
|
||||
<div class="te-footer-widget-contact">
|
||||
<div class="footer-contact">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<a href="tel:+5550129">(629) 555-0129</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-envelope"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<a href="mailto:hello@netfusion.com"><span>hello@netfusion.com</span></a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<span>6391 Elgin St. Celina, 10299</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<div class="te-footer-widget-newsletter">
|
||||
<h3 class="te-footer-widget-title">Get Free Estimate</h3>
|
||||
<div class="te-subscribe-form-widget">
|
||||
<form>
|
||||
<div class="mc4wp-form-fields">
|
||||
<div class="single-field">
|
||||
<input type="email" placeholder="Email here">
|
||||
</div>
|
||||
<button class="submit-btn" type="submit"><i class="fa-solid fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-pinterest"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="te-footer-bottom-wrapper">
|
||||
<div class="te-copyright-text">
|
||||
<p>© <a href="#">NetFusion</a> 2023 | All Rights Reserved</p>
|
||||
</div>
|
||||
<div class="te-footer-bottom-menu">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Terms & Condition</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Privacy Policy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--- End Footer !-->
|
||||
<!-- Scroll Up Section Start -->
|
||||
<div class="progress-wrap">
|
||||
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- Scroll Up Section End -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/slick.min.js"></script>
|
||||
<script src="js/jquery.counterup.min.js"></script>
|
||||
<script src="js/waypoints.js"></script>
|
||||
<script src="js/jquery.meanmenu.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/inview.min.js"></script>
|
||||
<script src="js/wow.js"></script>
|
||||
<script src="js/tilt.jquery.js"></script>
|
||||
<script src="js/isotope.min.js"></script>
|
||||
<script src="js/scrolltotop.min.js"></script>
|
||||
<script src="js/plugins.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,474 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="zxx">
|
||||
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="NetFusion - AI Powered Startup & Technology HTML5 Template" />
|
||||
<meta name="keywords" content="ai, artificial intelligence, chatbot, chatgpt, content, fast, landing, machine learning, modern, openai, saas, startup, unique" />
|
||||
<meta name="author" content="ThemeEarth" />
|
||||
|
||||
<title>NetFusion - AI Powered Startup & Technology HTML5 Template</title>
|
||||
|
||||
<link rel="icon" type="image/png" href="images/logo/favicon.png" />
|
||||
|
||||
<link rel="apple-touch-icon" href="images/logo/apple-touch-icon.png" />
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="images/logo/apple-touch-icon-57x57.png" />
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="images/logo/apple-touch-icon-72x72.png" />
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="images/logo/apple-touch-icon-76x76.png" />
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="images/logo/apple-touch-icon-114x114.png" />
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="images/logo/apple-touch-icon-120x120.png" />
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="images/logo/apple-touch-icon-144x144.png" />
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="images/logo/apple-touch-icon-152x152.png" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="images/logo/apple-touch-icon-180x180.png" />
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/fontawesome.min.css" />
|
||||
<link rel="stylesheet" href="css/magnific-popup.css" />
|
||||
<link rel="stylesheet" href="css/slick.css" />
|
||||
<link rel="stylesheet" href="css/meanmenu.css" />
|
||||
<link rel="stylesheet" href="css/nice-select.css" />
|
||||
<link rel="stylesheet" href="css/animate.css" />
|
||||
<link rel="stylesheet" href="css/style.css" />
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Preloader Start !-->
|
||||
<div id="preloader">
|
||||
<div id="preloader-status">
|
||||
<div class="preloader-ripple">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End !-->
|
||||
<!-- Header Start !-->
|
||||
<header class="header-area style-2">
|
||||
<!-- Header Nav Menu Start -->
|
||||
<div class="te-header-menu-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-lg-3 col-md-6 col-6 d-flex align-items-center">
|
||||
<div class="te-logo">
|
||||
<a href="index.html" class="te-standard-logo">
|
||||
<img src="images/logo/logo.png" alt="logo"/>
|
||||
</a>
|
||||
<a href="index.html" class="te-sticky-logo">
|
||||
<img src="images/logo/logo.png" alt="logo" />
|
||||
</a>
|
||||
<a href="index.html" class="te-retina-logo">
|
||||
<img src="images/logo/logo.png" alt="logo"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-9 col-lg-9 col-md-6 col-6 d-flex align-items-center justify-content-end">
|
||||
<div class="te-menu d-inline-block">
|
||||
<nav id="main-menu" class="te-main-menu">
|
||||
<ul>
|
||||
<li class="te-dropdown active">
|
||||
<a href="index.html">Home</a>
|
||||
<ul>
|
||||
<li><a href="index.html">Home Page 1</a></li>
|
||||
<li><a href="index-2.html">Home Page 2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about.php">About Us</a></li>
|
||||
<li class="te-dropdown">
|
||||
<a href="service.php">Services</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="service.php">Service Page</a></li>
|
||||
<li><a href="service-details.php">Service Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="project.php">Projects</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="project.php">Project Page</a></li>
|
||||
<li><a href="project-details.php">Project Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="blog.php">Blog</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="blog.php">Blog Page</a></li>
|
||||
<li><a href="blog-details.php">Blog Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="#">Page</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="faq.php">Faq Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contact.php">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Header Button Start !-->
|
||||
<div class="te-header-btn">
|
||||
<a href="#" class="te-quote-btn">JOIN HUB <i class="fa-solid fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<!-- Header Button Start !-->
|
||||
<!-- Mobile Menu Toggle Button Start !-->
|
||||
<div class="te-mobile-menu-bar d-lg-none text-end">
|
||||
<a href="#" class="te-mobile-menu-toggle-btn"><i class="fal fa-bars"></i></a>
|
||||
</div>
|
||||
<!-- Mobile Menu Toggle Button End !-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header Nav Menu End -->
|
||||
</header>
|
||||
<!-- Header End !-->
|
||||
<!-- Menu sidebar Section Start -->
|
||||
<div class="te-menu-sidebar-area">
|
||||
<div class="te-menu-sidebar-wrapper">
|
||||
<div class="te-menu-sidebar-close">
|
||||
<button class="te-menu-sidebar-close-btn" id="menu_sidebar_close_btn">
|
||||
<i class="fal fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="te-menu-sidebar-content">
|
||||
<div class="te-menu-sidebar-logo">
|
||||
<a href="index.html">
|
||||
<img src="images/logo/logo.png" alt="logo" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="te-mobile-nav-menu"></div>
|
||||
<div class="te-menu-sidebar-content">
|
||||
<div class="te-menu-sidebar-single-widget">
|
||||
<h5 class="te-menu-sidebar-title">Contact Info</h5>
|
||||
<div class="te-header-contact-info">
|
||||
<span><i class="fa-solid fa-location-dot"></i>6391 Elgin St. Celina, 10299</span>
|
||||
<span><a href="mailto:info@example.com"><i class="fa-solid fa-envelope"></i>info@example.com</a> </span>
|
||||
<span><a href="tel:+123-456-7890"><i class="fa-solid fa-phone"></i>+123-456-7890</a></span>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Menu sidebar Section Start -->
|
||||
<div class="te-body-overlay"></div>
|
||||
|
||||
<!-- Page Header Start !-->
|
||||
<div class="page-breadcrumb-area page-bg" style="background-image: url('images/section-bg/page-header.png')">
|
||||
<div class="page-overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="te-breadcrumb-wrapper">
|
||||
<div class="te-page-heading">
|
||||
<h3 class="te-page-title">FAQ</h3>
|
||||
</div>
|
||||
<div class="te-breadcrumb-list">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="active"><a href="#">faq</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header End !-->
|
||||
<div class="faq-area-page">
|
||||
<div class="container">
|
||||
<div class="row gy-5 gx-lg-5">
|
||||
<div class="col-12 text-center">
|
||||
<h2>Frequently asked question ?</h2>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<!-- Accordion Start -->
|
||||
<div class="accordion-wrapper style-2">
|
||||
<div class="te-accordion-box-wrapper" id="faq_list_two">
|
||||
<!-- Single Accordion Start -->
|
||||
<div class="te-accordion-list-item">
|
||||
<div id="headingOne">
|
||||
<div class="te-accordion-head" role="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||||
<h3 class="te-accordion-title">Contrary to popular Lorem Ipsum this item is ?</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#faq_list_two">
|
||||
<div class="te-accordion-body">
|
||||
<p>It is a long established fact that a reader will be distrol acted bioiiy desig de the rea dablea content of a page when looking at its layout this is Thoiie point of using.It is a long this established fact that a reader</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Accordion End -->
|
||||
<!-- Single Accordion Start -->
|
||||
<div class="te-accordion-list-item">
|
||||
<div id="headingTwo">
|
||||
<div class="te-accordion-head collapsed" role="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
<h3 class="te-accordion-title">Ignite your startup print ingan through AI innovation type ?</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#faq_list_two">
|
||||
<div class="te-accordion-body">
|
||||
<p>It is a long established fact that a reader will be distrol acted bioiiy desig de the rea dablea content of a page when looking at its layout this is Thoiie point of using.It is a long this established fact that a reader</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Accordion End -->
|
||||
<!-- Single Accordion Start -->
|
||||
<div class="te-accordion-list-item">
|
||||
<div id="headingThree">
|
||||
<div class="te-accordion-head collapsed" role="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||||
<h3 class="te-accordion-title"> The future with AI for startups print print AI capabilities ?</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#faq_list_two">
|
||||
<div class="te-accordion-body">
|
||||
<p>It is a long established fact that a reader will be distrol acted bioiiy desig de the rea dablea content of a page when looking at its layout this is Thoiie point of using.It is a long this established fact that a reader</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Accordion End -->
|
||||
<!-- Single Accordion Start -->
|
||||
<div class="te-accordion-list-item">
|
||||
<div id="headingFour">
|
||||
<div class="te-accordion-head collapsed" role="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
||||
<h3 class="te-accordion-title">Many desktop publishing packages and web page ?</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#faq_list_two">
|
||||
<div class="te-accordion-body">
|
||||
<p>It is a long established fact that a reader will be distrol acted bioiiy desig de the rea dablea content of a page when looking at its layout this is Thoiie point of using.It is a long this established fact that a reader</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Accordion End -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Accordion End -->
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<!-- Accordion Start -->
|
||||
<div class="accordion-wrapper style-2">
|
||||
<div class="te-accordion-box-wrapper" id="faq_list_three">
|
||||
<!-- Single Accordion Start -->
|
||||
<div class="te-accordion-list-item">
|
||||
<div id="headingOneFaq">
|
||||
<div class="te-accordion-head collapsed" role="button" data-bs-toggle="collapse" data-bs-target="#collapseOneFaq" aria-expanded="false" aria-controls="collapseOneFaq">
|
||||
<h3 class="te-accordion-title">Contrary to popular Lorem Ipsum this item is ?</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div id="collapseOneFaq" class="accordion-collapse collapse" aria-labelledby="headingOneFaq" data-bs-parent="#faq_list_three">
|
||||
<div class="te-accordion-body">
|
||||
<p>It is a long established fact that a reader will be distrol acted bioiiy desig de the rea dablea content of a page when looking at its layout this is Thoiie point of using.It is a long this established fact that a reader</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Accordion End -->
|
||||
<!-- Single Accordion Start -->
|
||||
<div class="te-accordion-list-item">
|
||||
<div id="headingTwoFaq">
|
||||
<div class="te-accordion-head collapsed" role="button" data-bs-toggle="collapse" data-bs-target="#collapseTwoFaq" aria-expanded="false" aria-controls="collapseTwoFaq">
|
||||
<h3 class="te-accordion-title">Ignite your startup print ingan through AI innovation type ?</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div id="collapseTwoFaq" class="accordion-collapse collapse" aria-labelledby="headingTwoFaq" data-bs-parent="#faq_list_three">
|
||||
<div class="te-accordion-body">
|
||||
<p>It is a long established fact that a reader will be distrol acted bioiiy desig de the rea dablea content of a page when looking at its layout this is Thoiie point of using.It is a long this established fact that a reader</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Accordion End -->
|
||||
<!-- Single Accordion Start -->
|
||||
<div class="te-accordion-list-item">
|
||||
<div id="headingThreeFaq">
|
||||
<div class="te-accordion-head collapsed" role="button" data-bs-toggle="collapse" data-bs-target="#collapseThreeFaq" aria-expanded="false" aria-controls="collapseThreeFaq">
|
||||
<h3 class="te-accordion-title"> The future with AI for startups print print AI capabilities ?</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div id="collapseThreeFaq" class="accordion-collapse collapse" aria-labelledby="headingThreeFaq" data-bs-parent="#faq_list_three">
|
||||
<div class="te-accordion-body">
|
||||
<p>It is a long established fact that a reader will be distrol acted bioiiy desig de the rea dablea content of a page when looking at its layout this is Thoiie point of using.It is a long this established fact that a reader</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Accordion End -->
|
||||
<!-- Single Accordion Start -->
|
||||
<div class="te-accordion-list-item">
|
||||
<div id="headingFourFaq">
|
||||
<div class="te-accordion-head" role="button" data-bs-toggle="collapse" data-bs-target="#collapseFourFaq" aria-expanded="false" aria-controls="collapseFourFaq">
|
||||
<h3 class="te-accordion-title">Many desktop publishing packages and web page ?</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div id="collapseFourFaq" class="accordion-collapse collapse show" aria-labelledby="headingFourFaq" data-bs-parent="#faq_list_three">
|
||||
<div class="te-accordion-body">
|
||||
<p>It is a long established fact that a reader will be distrol acted bioiiy desig de the rea dablea content of a page when looking at its layout this is Thoiie point of using.It is a long this established fact that a reader</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Accordion End -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Accordion End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--- Start Footer !-->
|
||||
<footer class="footer style-1">
|
||||
<div class="te-footer-sec">
|
||||
<div class="container">
|
||||
<div class="row gy-5">
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<div class="te-footer-widget-info">
|
||||
<div class="te-footer-logo">
|
||||
<a href="index.html"><img src="images/logo/logo.png" alt="Footer Logo"></a>
|
||||
</div>
|
||||
<p>Lorem Ipsum is simply is dumi omy is text dummy text.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget te_widget_nav_menu">
|
||||
<h3 class="te-footer-widget-title">Our Services</h3>
|
||||
<ul class="menu">
|
||||
<li><a href="#">Mistakes To Avoid</a></li>
|
||||
<li><a href="#">Your Startup</a></li>
|
||||
<li><a href="#">Knew About Fonts</a></li>
|
||||
<li><a href="#">Winning Your Startup</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<h3 class="te-footer-widget-title">Address</h3>
|
||||
<div class="te-footer-widget-contact">
|
||||
<div class="footer-contact">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<a href="tel:+5550129">(629) 555-0129</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-envelope"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<a href="mailto:hello@netfusion.com"><span>hello@netfusion.com</span></a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<span>6391 Elgin St. Celina, 10299</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<div class="te-footer-widget-newsletter">
|
||||
<h3 class="te-footer-widget-title">Get Free Estimate</h3>
|
||||
<div class="te-subscribe-form-widget">
|
||||
<form>
|
||||
<div class="mc4wp-form-fields">
|
||||
<div class="single-field">
|
||||
<input type="email" placeholder="Email here">
|
||||
</div>
|
||||
<button class="submit-btn" type="submit"><i class="fa-solid fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-pinterest"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="te-footer-bottom-wrapper">
|
||||
<div class="te-copyright-text">
|
||||
<p>© <a href="#">NetFusion</a> 2023 | All Rights Reserved</p>
|
||||
</div>
|
||||
<div class="te-footer-bottom-menu">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Terms & Condition</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Privacy Policy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--- End Footer !-->
|
||||
<!-- Scroll Up Section Start -->
|
||||
<div class="progress-wrap">
|
||||
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- Scroll Up Section End -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/slick.min.js"></script>
|
||||
<script src="js/jquery.counterup.min.js"></script>
|
||||
<script src="js/waypoints.js"></script>
|
||||
<script src="js/jquery.meanmenu.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/inview.min.js"></script>
|
||||
<script src="js/wow.js"></script>
|
||||
<script src="js/tilt.jquery.js"></script>
|
||||
<script src="js/isotope.min.js"></script>
|
||||
<script src="js/scrolltotop.min.js"></script>
|
||||
<script src="js/plugins.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,826 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="keywords" content="HTML Template, site template, seo, marketing, creative, corporate, modern, multipurpose, one page, business, responsive, minimal, saas, startup">
|
||||
<meta name="author" content="LiquidThemes">
|
||||
<meta name="description" content="Hub is a HTML template with high performance, and award-winning design collection.">
|
||||
<meta property="og:title" content="Hub HTML template">
|
||||
<meta property="og:description" content="Hub is a HTML template with high performance, and award-winning design collection.">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:image" content="./assets/images/common/og-image.jpg">
|
||||
|
||||
<link rel="stylesheet" href="./assets/vendors/liquid-icon/lqd-essentials/lqd-essentials.min.css">
|
||||
<link rel="stylesheet" href="./assets/css/theme.min.css">
|
||||
<link rel="stylesheet" href="./assets/css/utility.min.css">
|
||||
<link rel="stylesheet" href="./assets/css/demo/dark-portfolio/base.css">
|
||||
<link rel="stylesheet" href="./assets/css/demo/dark-portfolio/dark-portfolio.css">
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;700&display=swap" rel="stylesheet">
|
||||
|
||||
<title>Dark Portfolio Pro</title>
|
||||
<script>
|
||||
window.liquidParams = {
|
||||
currentZIndex: 10
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body class="lqd-pf-single lqd-pf-single-style-1 lqd-preloader-activated lqd-preloader-style-curtain site-wide-layout" data-mobile-nav-breakpoint="1199" data-mobile-nav-style="minimal" data-mobile-nav-scheme="custom" data-mobile-nav-trigger-alignment="right" data-mobile-header-scheme="custom" data-mobile-logo-alignment="default" data-lqd-cc="true">
|
||||
|
||||
<section>
|
||||
<h2 class="screen-reader-text">Skip links</h2>
|
||||
<ul class="liquid-skip-link screen-reader-text">
|
||||
<li>
|
||||
<a href="#primary" class="screen-reader-shortcut"> Skip to primary navigation</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#content" class="screen-reader-shortcut"> Skip to content</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<div class="lqd-preloader-wrap lqd-preloader-curtain" data-preloader-options='{ "animationType" : "slide", "animationTargets" : ".lqd-preloader-curtain-el", "stagger" : 215 }'>
|
||||
<div class="lqd-preloader-inner">
|
||||
<div class="lqd-preloader-curtain-el absolute top-0 start-0 lqd-preloader-curtain-front"></div>
|
||||
<div class="lqd-preloader-curtain-el absolute top-0 start-0 lqd-preloader-curtain-back"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="wrap">
|
||||
|
||||
<div class="lqd-sticky-placeholder hidden"></div>
|
||||
<header class="main-header main-header-overlay sticky-header-noshadow main-header-dynamiccolors lqd-active-row-dark bg-transparent pointer-events-none" data-sticky-header="true" data-sticky-values-measured="false" data-sticky-options='{ "disableOnMobile" :true, "dynamicColors" :true }' style="background-image: linear-gradient(180deg, rgba(0,0,0,0.73) 2.2293%, rgba(0,0,0,0.65) 19%, rgba(0,0,0,0.54) 34%, rgba(0,0,0,0.38) 48.5924%, rgba(0,0,0,0.19) 65.3185%, rgba(0,0,0,0.13) 73%, rgba(0,0,0,0.07) 80.9554%, rgba(0,0,0,0.04) 86.3185%, rgba(0,0,0,0.02) 88.4522%, rgba(17,17,17,0.01) 96.5924%, rgba(0,0,0,0) 96.8153%, rgba(0,0,0,0) 100%);">
|
||||
<section class="lqd-section lqd-head-sec-wrap px-40 md:hidden">
|
||||
<div class="lqd-head-sec container-fluid flex items-stretch justify-between p-0">
|
||||
<div class="col lqd-head-col">
|
||||
<div class="header-module module-logo no-rotate navbar-brand-plain py-55">
|
||||
<a class="navbar-brand pointer-events-auto" href="<?= $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . '/'; ?>" rel="home">
|
||||
<span class="navbar-brand-inner">
|
||||
<img class="logo-default" src="./assets/images/demo/start-hub-8/tokslaw-logo-.svg" alt="Tokslaw">
|
||||
</span>
|
||||
Home
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col lqd-head-col justify-end">
|
||||
<div class="header-module module-primary-nav flex-col items-end">
|
||||
<div class="collapse navbar-collapse lqd-submenu-default-style navbar-visible-ontoggle flex-col items-stretch px-5" id="main-header-collapse" aria-expanded="false" role="navigation">
|
||||
<ul class="main-nav lqd-menu-counter-right main-nav-hover-fade-inactive nav reset-ul h-full flex items-stretch justify-end link-14 link-white-80 pointer-events-auto" data-submenu-options='{ "toggleType" : "fade" , "handler" : "mouse-in-out" }' data-localscroll="true" data-localscroll-options='{ "itemsSelector" : "> li > a", "trackWindowScroll" : true }'>
|
||||
<li class="is-active">
|
||||
<a href="#portfolio" aria-current="page">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#about">About</a>
|
||||
</li>
|
||||
<li class="menu-item-has-children">
|
||||
<a href="#case-studies">
|
||||
Case Studies
|
||||
<span class="submenu-expander"></span>
|
||||
</a>
|
||||
<ul class="nav-item-children">
|
||||
<li>
|
||||
<a href="./page-dark-portfolio-nexa-mobile.html">Nexa Mobile</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./page-dark-portfolio-the-portraits.html">The Portraits</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Before – After</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Minimal</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Sticky</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Slider</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Classic Stack</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Video</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">User Interface</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#contact">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-module flex-col items-end py-10 ml-25">
|
||||
<button class="nav-trigger main-nav-trigger collapsed style-2 solid rounded-full txt-left relative flex items-center justify-center pointer-events-auto text-white hover:text-white module-trigger" type="button" data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#main-header-collapse" aria-expanded="false" aria-controls="main-header-collapse">
|
||||
<span class="bars relative ml-10">
|
||||
<span class="bars-inner w-full h-full flex flex-col">
|
||||
<span class="bar relative"></span>
|
||||
<span class="bar relative"></span>
|
||||
<span class="bar relative"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="txt">Menu</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="lqd-section lqd-mobile-sec">
|
||||
<div class="lqd-mobile-sec-inner navbar-header flex items-stretch justify-between bg-gray-800">
|
||||
<div class="lqd-mobile-modules-container"></div>
|
||||
<button type="button" class="navbar-toggle collapsed nav-trigger style-mobile flex items-center text-white" data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#lqd-mobile-sec-nav" aria-expanded="false" data-toggle-options='{ "changeClassnames" : { "html" : "mobile-nav-activated" } }'>
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="bars">
|
||||
<span class="bars-inner w-full h-full flex flex-col">
|
||||
<span class="bar"></span>
|
||||
<span class="bar"></span>
|
||||
<span class="bar"></span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<a class="navbar-brand flex justify-start" href="./index-dark-portfolio.html">
|
||||
<span class="navbar-brand-inner">
|
||||
<img class="logo-default" src="./assets/images/demo/start-hub-8/tokslaw-logo-.svg" alt="Tokslaw">
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="lqd-mobile-sec-nav">
|
||||
<div class="mobile-navbar-collapse navbar-collapse collapse bg-gray-800 text-white" id="lqd-mobile-sec-nav" aria-expanded="false" role="navigation">
|
||||
<ul class="main-nav lqd-menu-counter-right main-nav-hover-fade-inactive nav reset-ul items-stretch justify-end p-15 text-16 link-white" data-submenu-options='{ "toggleType" : "fade" , "handler" : "mouse-in-out" }' data-localscroll="true" data-localscroll-options='{ "itemsSelector" : "> li > a", "trackWindowScroll" : true }'>
|
||||
<li class="is-active">
|
||||
<a href="#portfolio" aria-current="page">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#about">About</a></li>
|
||||
<li class="menu-item-has-children">
|
||||
<a href="#services">
|
||||
Case Studies
|
||||
<span class="submenu-expander absolute"></span>
|
||||
</a>
|
||||
<ul class="nav-item-children link-14">
|
||||
<li>
|
||||
<a href="./page-dark-portfolio-nexa-mobile.html">Nexa Mobile</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./page-dark-portfolio-the-portraits.html">The Portraits</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Before – After</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Minimal</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Sticky</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Slider</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Classic Stack</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Video</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">User Interface</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#contact">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</header>
|
||||
|
||||
<main class="content bg-repeat bg-gray-900" id="lqd-site-content" style="background-image: url(./assets/images/demo/dark-portfolio/bg-dark-lines.svg);">
|
||||
<div id="lqd-contents-wrap">
|
||||
|
||||
<!-- Start Portfolio -->
|
||||
<section class="lqd-section portfolio pt-250 pb-90" id="portfolio" data-section-luminosity="dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-12" data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview" , "animationTarget" : "all-childs" , "duration" : "1800" , "delay" : "180" , "ease" : "power4.out" , "direction" : "forward" , "initValues" : {"y" :70, "rotationX" :-6, "transformOriginX" :50, "transformOriginY" :50, "transformOriginZ" : "0px" , "opacity" :0}, "animations" : {"y" :0, "rotationX" :0, "transformOriginX" :50, "transformOriginY" :50, "transformOriginZ" : "0px" , "opacity" :1} }'>
|
||||
<h1 class="ld-fh-element relative mb-0 text-52 leading-1/1em text-gray-300 module-title" data-text-rotator="true">
|
||||
I'm a passionate
|
||||
<span class="txt-rotate-keywords text-white">
|
||||
<span class="txt-rotate-keyword active">
|
||||
<span>Enterprise Architect</span>
|
||||
</span>
|
||||
<span class="txt-rotate-keyword">
|
||||
<span>Software Engineer</span>
|
||||
</span>
|
||||
<span class="txt-rotate-keyword">
|
||||
<span>Cybersecurity Engineer</span>
|
||||
</span>
|
||||
</span>
|
||||
</h1>
|
||||
<h2 class="ld-fh-element relative mb-0/5em text-52 text-gray-300 module-title"> looking for collaboration.</h2>
|
||||
<div class="w-full relative h-30"></div>
|
||||
<div class="lqd-pf-grid">
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<div class="liquid-filter-items items-center justify-between">
|
||||
<div class="liquid-filter-items-inner">
|
||||
<ul class="filter-list filter-list-inline size-custom text-14 md:hidden" id="lqd-portfolio">
|
||||
<li class="active" data-filter="*">
|
||||
<span>All</span>
|
||||
</li>
|
||||
<li data-filter=".branding">
|
||||
<span>Enterprise Software Product</span>
|
||||
</li>
|
||||
<li data-filter=".custom-print">
|
||||
<span>Product Design</span>
|
||||
</li>
|
||||
<li data-filter=".digital-design">
|
||||
<span>Product Branding</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="lqd-filter-dropdown hidden md:block" data-form-options='{ "dropdownAppendTo" : "self" }'>
|
||||
<select name="lqd-filter-dropdown-lqd-portfolio" id="lqd-filter-dropdown-lqd-portfolio">
|
||||
<option selected data-filter="*" value="*">All</option>
|
||||
<option data-filter=".branding" value="branding">Branding</option>
|
||||
<option data-filter=".custom-print" value="custom-print">Custom Print</option>
|
||||
<option data-filter=".digital-design" value="digital-design">Digital Design</option>
|
||||
</select>
|
||||
</div>
|
||||
<a href="#portfolio" class="btn btn-naked btn-has-label font-family-inherit flex items-center text-15 text-gray-300 hover:text-white" data-localscroll="true">
|
||||
<span class="btn-txt" data-text="See more">See more</span>
|
||||
<span class="btn-icon justify-end w-auto">
|
||||
<i class="lqd-icn-ess icon-md-arrow-forward"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lqd-pf-row row flex flex-wrap" data-liquid-masonry="true" data-masonry-options='{ "filtersID" : "#lqd-portfolio" }' data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview" , "animationTarget" : ".lqd-pf-item" , "duration" : "1800" , "startDelay" : "500" , "delay" : "180" , "ease" : "power4.out" , "initValues" : {"y" :60, "opacity" :0}, "animations" : {"y" :0, "opacity" :1} }'>
|
||||
<div class="lqd-pf-column col col-md-6 col-12 masonry-item branded-ecommerce digital-design">
|
||||
<article class="lqd-pf-item lqd-pf-item-style-1 lqd-pf-light pf-details-h-end relative overflow-hidden liquid-portfolio type-liquid-portfolio status-publish format-standard has-post-thumbnail hentry liquid-portfolio-category-branded-ecommerce liquid-portfolio-category-digital-design mb-50">
|
||||
<div class="lqd-pf-item-inner">
|
||||
<div class="lqd-pf-img">
|
||||
<figure>
|
||||
<img width="1120" height="1120" src="./assets/images/demo/dark-portfolio/dark-portfolio-1.jpg" alt="Dark Portfolio">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-pf-details flex flex-wrap items-stretch relative rounded-4">
|
||||
<span class="lqd-pf-overlay-bg lqd-overlay bg-gray-900"></span>
|
||||
<div class="lqd-pf-info flex w-full flex-wrap items-center justify-between p-1/5rem">
|
||||
<h2 class="relative my-0 h5">Nexa Mobile</h2>
|
||||
<ul class="reset-ul inline-nav lqd-pf-cat inline-flex relative z-2">
|
||||
<li>
|
||||
<a href="#">Branded Ecommerce</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./page-dark-portfolio-nexa-mobile.html" class="lqd-overlay lqd-pf-overlay-link lqd-cc-icon-trigger"></a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="lqd-pf-column col col-md-6 col-12 masonry-item branded-ecommerce branding branding-strategy digital-design">
|
||||
<article class="lqd-pf-item lqd-pf-item-style-1 lqd-pf-light pf-details-h-end relative overflow-hidden liquid-portfolio type-liquid-portfolio status-publish format-standard has-post-thumbnail hentry liquid-portfolio-category-branded-ecommerce liquid-portfolio-category-branding liquid-portfolio-category-branding-strategy mb-50">
|
||||
<div class="lqd-pf-item-inner">
|
||||
<div class="lqd-pf-img">
|
||||
<figure>
|
||||
<img width="1140" height="520" src="./assets/images/demo/dark-portfolio/dark-portfolio-2.jpg" alt="Dark Portfolio">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-pf-details flex flex-wrap items-stretch relative rounded-4">
|
||||
<span class="lqd-pf-overlay-bg lqd-overlay bg-gray-900"></span>
|
||||
<div class="lqd-pf-info flex w-full flex-wrap items-center justify-between p-1/5rem">
|
||||
<h2 class="relative my-0 h5">Beer</h2>
|
||||
<ul class="reset-ul inline-nav lqd-pf-cat inline-flex relative z-2">
|
||||
<li>
|
||||
<a href="#">Branded Ecommerce</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./assets/images/demo/dark-portfolio/dark-portfolio-2.jpg" class="lqd-overlay lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="lqd-pf-column col col-lg-3 col-md-6 col-12 masonry-item branded-ecommerce branding digital-experiences digital-design">
|
||||
<article class="lqd-pf-item lqd-pf-item-style-1 lqd-pf-light pf-details-h-end relative overflow-hidden liquid-portfolio type-liquid-portfolio status-publish format-standard has-post-thumbnail hentry liquid-portfolio-category-branded-ecommerce liquid-portfolio-category-branding liquid-portfolio-category-custom-print liquid-portfolio-category-digital-experiences mb-50">
|
||||
<div class="lqd-pf-item-inner">
|
||||
<div class="lqd-pf-img">
|
||||
<figure>
|
||||
<img width="540" height="520" src="./assets/images/demo/dark-portfolio/dark-portfolio-3.jpg" alt="Dark Portfolio">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-pf-details flex flex-wrap items-stretch relative rounded-4">
|
||||
<span class="lqd-pf-overlay-bg lqd-overlay bg-gray-900"></span>
|
||||
<div class="lqd-pf-info flex w-full flex-wrap items-center justify-between p-1/5rem">
|
||||
<h2 class="relative my-0 h5">Photo Retouching</h2>
|
||||
<ul class="reset-ul inline-nav lqd-pf-cat inline-flex relative z-2">
|
||||
<li>
|
||||
<a href="#">Branded Ecommerce</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./assets/images/demo/dark-portfolio/dark-portfolio-3.jpg" class="lqd-overlay lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="lqd-pf-column col col-lg-3 col-md-6 col-12 masonry-item branding digital-experiences digital-design">
|
||||
<article class="lqd-pf-item lqd-pf-item-style-1 lqd-pf-light pf-details-h-end relative overflow-hidden liquid-portfolio type-liquid-portfolio status-publish format-standard has-post-thumbnail hentry liquid-portfolio-category-branding liquid-portfolio-category-digital-experiences mb-50">
|
||||
<div class="lqd-pf-item-inner">
|
||||
<div class="lqd-pf-img">
|
||||
<figure>
|
||||
<img width="540" height="520" src="./assets/images/demo/dark-portfolio/dark-portfolio-4.jpg" alt="Dark Portfolio">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-pf-details flex flex-wrap items-stretch relative rounded-4">
|
||||
<span class="lqd-pf-overlay-bg lqd-overlay bg-gray-900"></span>
|
||||
<div class="lqd-pf-info flex w-full flex-wrap items-center justify-between p-1/5rem">
|
||||
<h2 class="relative my-0 h5">Frank 661</h2>
|
||||
<ul class="reset-ul inline-nav lqd-pf-cat inline-flex relative z-2">
|
||||
<li>
|
||||
<a href="#">Branding</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./assets/images/demo/dark-portfolio/dark-portfolio-4.jpg" class="lqd-overlay lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="lqd-pf-column col col-lg-9 col-md-6 col-12 masonry-item custom-print ecommerce masonry portfolio-single">
|
||||
<article class="lqd-pf-item lqd-pf-item-style-1 lqd-pf-light pf-details-h-end relative overflow-hidden liquid-portfolio type-liquid-portfolio status-publish format-standard has-post-thumbnail hentry liquid-portfolio-category-custom-print liquid-portfolio-category-ecommerce liquid-portfolio-category-masonry liquid-portfolio-category-portfolio-single mb-50">
|
||||
<div class="lqd-pf-item-inner">
|
||||
<div class="lqd-pf-img">
|
||||
<figure>
|
||||
<img width="1720" height="1160" src="./assets/images/demo/dark-portfolio/dark-portfolio-5.jpg" alt="Dark Portfolio">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-pf-details flex flex-wrap items-stretch relative rounded-4">
|
||||
<span class="lqd-pf-overlay-bg lqd-overlay bg-gray-900"></span>
|
||||
<div class="lqd-pf-info flex w-full flex-wrap items-center justify-between p-1/5rem">
|
||||
<h2 class="relative my-0 h5">Inspiration Board</h2>
|
||||
<ul class="reset-ul inline-nav lqd-pf-cat inline-flex relative z-2">
|
||||
<li>
|
||||
<a href="#">custom Print</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./assets/images/demo/dark-portfolio/dark-portfolio-5.jpg" class="lqd-overlay lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="lqd-pf-column col col-lg-3 col-md-6 col-12 masonry-item custom-print ecommerce">
|
||||
<article class="lqd-pf-item lqd-pf-item-style-1 lqd-pf-light pf-details-h-end relative overflow-hidden liquid-portfolio type-liquid-portfolio status-publish format-standard has-post-thumbnail hentry liquid-portfolio-category-branding liquid-portfolio-category-custom-print liquid-portfolio-category-ecommerce mb-50">
|
||||
<div class="lqd-pf-item-inner">
|
||||
<div class="lqd-pf-img">
|
||||
<figure>
|
||||
<img width="520" height="520" src="./assets/images/demo/dark-portfolio/dark-portfolio-6.jpg" alt="Dark Portfolio">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-pf-details flex flex-wrap items-stretch relative rounded-4">
|
||||
<span class="lqd-pf-overlay-bg lqd-overlay bg-gray-900"></span>
|
||||
<div class="lqd-pf-info flex w-full flex-wrap items-center justify-between p-1/5rem">
|
||||
<h2 class="relative my-0 h5">The Portraits</h2>
|
||||
<ul class="reset-ul inline-nav lqd-pf-cat inline-flex relative z-2">
|
||||
<li>
|
||||
<a href="#">Branding</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./page-dark-portfolio-the-portraits.html" class="lqd-overlay lqd-pf-overlay-link lqd-cc-icon-trigger"></a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="lqd-pf-column col col-lg-3 col-md-6 col-12 masonry-item branding-strategy custom-print">
|
||||
<article class="lqd-pf-item lqd-pf-item-style-1 lqd-pf-light pf-details-h-end relative overflow-hidden liquid-portfolio type-liquid-portfolio status-publish format-standard has-post-thumbnail hentry liquid-portfolio-category-branding-strategy liquid-portfolio-category-custom-print liquid-portfolio-category-digital-design mb-50">
|
||||
<div class="lqd-pf-item-inner">
|
||||
<div class="lqd-pf-img">
|
||||
<figure>
|
||||
<img width="518" height="518" src="./assets/images/demo/dark-portfolio/dark-portfolio-7.jpg" alt="Dark Portfolio">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="lqd-pf-details flex flex-wrap items-stretch relative rounded-4">
|
||||
<span class="lqd-pf-overlay-bg lqd-overlay bg-gray-900"></span>
|
||||
<div class="lqd-pf-info flex w-full flex-wrap items-center justify-between p-1/5rem">
|
||||
<h2 class="relative my-0 h5">Artboard Studio</h2>
|
||||
<ul class="reset-ul inline-nav lqd-pf-cat inline-flex relative z-2">
|
||||
<li>
|
||||
<a href="#">Branding Strategy</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./assets/images/demo/dark-portfolio/dark-portfolio-7.jpg" class="lqd-overlay lqd-pf-overlay-link lqd-cc-icon-trigger fresco" data-fresco-group="true"></a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Portfolio -->
|
||||
|
||||
<!-- Start About -->
|
||||
<section class="lqd-section about py-80 md:pt-0" id="about" data-section-luminosity="dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-lg-3 col-12 mb-30">
|
||||
<h5 class="ld-fh-element relative mb-1em"> About me</h5>
|
||||
</div>
|
||||
<div class="col col-lg-9 col-12">
|
||||
<div class="lqd-imggrp-single">
|
||||
<div class="lqd-imggrp-img-container" data-reveal="true" data-reveal-options='{ "direction" : "lr" , "bgcolor" : "rgb(116, 116, 116)" , "delay" : "" }' data-parallax="true" data-parallax-from='{ "y" :55 }' data-parallax-to='{ "y" :-100 }' data-parallax-options='{ "overflowHidden" :false, "ease" : "linear" , "start" : "top bottom" }'>
|
||||
<figure>
|
||||
<img width="1720" height="876" src="./assets/images/demo/dark-portfolio/tokslaw.png" alt="about">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container p-0">
|
||||
<div class="row justify-end md:justify-start">
|
||||
<div class="col col-lg-3 col-md-5 col-6">
|
||||
<div class="w-full relative flex flex-col -mt-170">
|
||||
<div class="lqd-counter lqd-counter-default relative z-1 mb-20 text-orange-300">
|
||||
<div class="lqd-counter-element relative mb-0/3em font-bold text-300 leading-1em xs:mb-0" data-enable-counter="true" data-counter-options='{ "targetNumber" : "9" }'>
|
||||
<span>9</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-3 col-6">
|
||||
<p class="ld-fh-element relative mb-0/5em text-20 leading-1/25em text-white-70 module-text">
|
||||
Years of
|
||||
<br>
|
||||
<br>
|
||||
experience
|
||||
</p>
|
||||
</div>
|
||||
<div class="col col-12 -mt-4/5em md:mt-0">
|
||||
<div class="ld-fancy-heading mask-text">
|
||||
<p class="ld-fh-element mb-0/5em lqd-split-lines text-18 leading-28" data-split-text="true" data-split-options='{ "type" : "lines" }' data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview" , "animationTarget" : ".lqd-lines > .split-inner" , "duration" : "1800" , "delay" : "250" , "ease" : "power4.out" , "direction" : "forward" , "initValues" : {"y" :80}, "animations" : {"y" :0} }'>
|
||||
Hi, my name is Toks! I am a self-taught software engineer with diverse experience in enterprise architecture, application development and full-stack engineering. I build products so that it is functional and user-friendly but at the same time attractive. My aim is to bring across your message and identity . I also have major skills in Cybersecurity.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End About -->
|
||||
|
||||
<!-- Start Services -->
|
||||
<section class="lqd-section services pt-80 pb-50 md:pt-0" id="services" data-section-luminosity="dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-lg-3 col-12 mb-30">
|
||||
<h5 class="ld-fh-element relative mb-1em"> Services</h5>
|
||||
</div>
|
||||
<div class="col col-lg-9 col-12">
|
||||
<div class="container p-0">
|
||||
<div class="row">
|
||||
<div class="col col-lg-4 col-6 mb-50 md:mb-0">
|
||||
<div class="iconbox text-left iconbox-heading-xs flex-col mb-2em">
|
||||
<div class="iconbox-icon-wrap">
|
||||
<span class="iconbox-icon-container mb-35 text-40 leading-1em">
|
||||
<svg class="w-40" xmlns="http://www.w3.org/2000/svg" width="45.375" height="48" viewbox="0 0 45.375 48"><path d="M36-45a3.836,3.836,0,0,1,2.813,1.172,3.836,3.836,0,0,1,1.172,2.813V-.984a3.836,3.836,0,0,1-1.172,2.813A3.836,3.836,0,0,1,36,3H12A3.836,3.836,0,0,1,9.188,1.828,3.836,3.836,0,0,1,8.016-.984V-41.016a3.836,3.836,0,0,1,1.172-2.812A3.836,3.836,0,0,1,12-45Zm2.016,3.984a1.889,1.889,0,0,0-.562-1.43A2.013,2.013,0,0,0,36-42.984H12a2.013,2.013,0,0,0-1.453.539,1.889,1.889,0,0,0-.562,1.43V-.984a1.889,1.889,0,0,0,.563,1.43A2.013,2.013,0,0,0,12,.984H36A2.013,2.013,0,0,0,37.453.445a1.889,1.889,0,0,0,.563-1.43ZM24-30.984a10,10,0,0,1,3.938.773A9.848,9.848,0,0,1,31.1-28.1a9.848,9.848,0,0,1,2.109,3.164A10,10,0,0,1,33.984-21a10,10,0,0,1-.773,3.938A9.848,9.848,0,0,1,31.1-13.9a9.848,9.848,0,0,1-3.164,2.109A10,10,0,0,1,24-11.016a10,10,0,0,1-3.937-.773A9.848,9.848,0,0,1,16.9-13.9a9.848,9.848,0,0,1-2.109-3.164A10,10,0,0,1,14.016-21a10,10,0,0,1,.773-3.937A9.848,9.848,0,0,1,16.9-28.1a9.848,9.848,0,0,1,3.164-2.109A10,10,0,0,1,24-30.984Zm0,18a7.827,7.827,0,0,0,5.672-2.344A7.97,7.97,0,0,0,32.2-20.812a5.887,5.887,0,0,0-.281-1.781,16.769,16.769,0,0,0-.7-1.828l-7.031,7.031-4.781-4.828,1.406-1.359L24-20.391l6-6a9.573,9.573,0,0,0-2.719-1.922,7.634,7.634,0,0,0-3.281-.7,7.711,7.711,0,0,0-5.648,2.367A7.711,7.711,0,0,0,15.984-21a7.711,7.711,0,0,0,2.367,5.648A7.711,7.711,0,0,0,24-12.984ZM20.016-39h7.969v2.016H20.016Zm6,33.984a1.945,1.945,0,0,1-.586,1.43A1.945,1.945,0,0,1,24-3a1.945,1.945,0,0,1-1.43-.586,1.945,1.945,0,0,1-.586-1.43A1.891,1.891,0,0,1,22.57-6.4,1.945,1.945,0,0,1,24-6.984a1.945,1.945,0,0,1,1.43.586A1.891,1.891,0,0,1,26.016-5.016ZM41.3-31.734l3.984-3.937,1.406,1.406L42.75-30.328ZM42-21h3.984v2.016H42Zm-.7,10.734,1.453-1.406,3.938,3.938L45.281-6.328Zm-39.984-24,1.406-1.406L6.7-31.734,5.25-30.328ZM2.016-21H6v2.016H2.016Zm-.7,13.266L5.25-11.672,6.7-10.266,2.719-6.328Z" transform="translate(-1.313 45)" fill="#d3aa85"></path></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div class="contents relative z-2">
|
||||
<h3 class="mb-15 text-18 text-white">Application Design</h3>
|
||||
<p>I enjoy turning complex problems into simple solutions.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-lg-4 col-6 mb-90 md:mb-0">
|
||||
<div class="iconbox text-left iconbox-heading-xs flex-col mb-2em">
|
||||
<div class="iconbox-icon-wrap">
|
||||
<span class="iconbox-icon-container mb-35 text-40 leading-1em">
|
||||
<svg class="w-40" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewbox="0 0 48 48"><path d="M23.2-21.8l1.406,1.406,6.984-7.031a9,9,0,0,1,1.8,3A10.1,10.1,0,0,1,33.984-21a10,10,0,0,1-.773,3.938A9.848,9.848,0,0,1,31.1-13.9a9.848,9.848,0,0,1-3.164,2.109A10,10,0,0,1,24-11.016a10,10,0,0,1-3.937-.773A9.848,9.848,0,0,1,16.9-13.9a9.848,9.848,0,0,1-2.109-3.164A10,10,0,0,1,14.016-21a10,10,0,0,1,.773-3.937A9.848,9.848,0,0,1,16.9-28.1a9.848,9.848,0,0,1,3.164-2.109A10,10,0,0,1,24-30.984a11.4,11.4,0,0,1,1.781.141,8.394,8.394,0,0,1,1.641.422l1.594-1.594a23.831,23.831,0,0,0-2.437-.7A11.438,11.438,0,0,0,24-33a11.678,11.678,0,0,0-4.664.938,12.12,12.12,0,0,0-3.82,2.578,12.12,12.12,0,0,0-2.578,3.82A11.678,11.678,0,0,0,12-21a11.678,11.678,0,0,0,.938,4.664,12.12,12.12,0,0,0,2.578,3.82,12.12,12.12,0,0,0,3.82,2.578A11.678,11.678,0,0,0,24-9a11.678,11.678,0,0,0,4.664-.937,12.12,12.12,0,0,0,3.82-2.578,12.12,12.12,0,0,0,2.578-3.82A11.678,11.678,0,0,0,36-21a11.9,11.9,0,0,0-.727-4.2,12.376,12.376,0,0,0-2.086-3.586l2.2-2.2H42l.984-1.031a18.151,18.151,0,0,1,1.266,2.438q.516,1.219.938,2.578H47.2a20.216,20.216,0,0,0-1.2-3.352,33.862,33.862,0,0,0-1.617-3.07L48-36.984l-3.187-3.234,1.969-1.969-1.359-1.406-2.016,2.016L39.984-45l-6,6v6.609ZM36-38.2l3.984-3.984,5.2,5.2L41.2-33H36Zm9.8,15.188a5.9,5.9,0,0,0,.094,1.008A5.9,5.9,0,0,1,45.984-21q0,.469-.023,1.008a4.119,4.119,0,0,1-.164,1.008h2.016a5.9,5.9,0,0,1,.094-1.008A5.9,5.9,0,0,0,48-21v-2.016ZM24,.984A21.676,21.676,0,0,1,15.4-.727,21.964,21.964,0,0,1,8.414-5.414,21.964,21.964,0,0,1,3.727-12.4,21.676,21.676,0,0,1,2.016-21a21.676,21.676,0,0,1,1.711-8.6,21.964,21.964,0,0,1,4.688-6.984A21.964,21.964,0,0,1,15.4-41.273,21.676,21.676,0,0,1,24-42.984a22.178,22.178,0,0,1,4.359.422,24.027,24.027,0,0,1,4.031,1.172l1.594-1.594a32.337,32.337,0,0,0-4.828-1.477A23.829,23.829,0,0,0,24-45a23.107,23.107,0,0,0-9.328,1.9,24.484,24.484,0,0,0-7.617,5.156A24.484,24.484,0,0,0,1.9-30.328,23.107,23.107,0,0,0,0-21a23.107,23.107,0,0,0,1.9,9.328A24.484,24.484,0,0,0,7.055-4.055,24.484,24.484,0,0,0,14.672,1.1,23.107,23.107,0,0,0,24,3a23.4,23.4,0,0,0,7.992-1.359,24.314,24.314,0,0,0,6.82-3.75,23.926,23.926,0,0,0,5.227-5.7A23.392,23.392,0,0,0,47.2-15H45.188a21.624,21.624,0,0,1-3,6.4,22.09,22.09,0,0,1-4.8,5.063A22.2,22.2,0,0,1,31.172-.211,21.59,21.59,0,0,1,24,.984Z" transform="translate(0 45)" fill="#d3aa85"></path></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div class="contents relative z-2">
|
||||
<h3 class="mb-15 text-18 text-white">Search Engine Opt.</h3>
|
||||
<p>Creating brand identities, digital experiences, that communicate</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-lg-4 col-6 mb-90 md:mb-0">
|
||||
<div class="iconbox text-left iconbox-heading-xs flex-col mb-2em">
|
||||
<div class="iconbox-icon-wrap">
|
||||
<span class="iconbox-icon-container mb-35 text-40 leading-1em">
|
||||
<svg class="w-40" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewbox="0 0 48 48"><path d="M33.984-11.016v-7.969L8.016-45,0-36.984,26.016-11.016Zm-1.969-1.969h-5.2L7.219-32.812l5.2-5.2L32.2-18.187v5.2Zm-24-29.2,2.766,2.766-4.969,5.2-3-2.766Zm13.969,35.2L20.016-5.016H39.984V-24.984l-1.969,1.969V-6.984H21.984Zm9-21L32.2-26.812,45.984-40.594v3.609H48V-45Zm15-1.031H48V-33H45.984Zm0,30H4.781l12.8-12.8-1.359-1.406L0,3H48V-24.984H45.984Z" transform="translate(0 45)" fill="#d3aa85"></path></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div class="contents relative z-2">
|
||||
<h3 class="mb-15 text-18 text-white">User Interface</h3>
|
||||
<p>Beautiful and intuitive interface designs for clients.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-lg-4 col-6 mb-90 md:mb-0">
|
||||
<div class="iconbox text-left iconbox-heading-xs flex-col mb-2em">
|
||||
<div class="iconbox-icon-wrap">
|
||||
<span class="iconbox-icon-container mb-35 text-40 leading-1em">
|
||||
<svg class="w-40" xmlns="http://www.w3.org/2000/svg" width="48" height="46.781" viewbox="0 0 48 46.781"><path d="M13.406.188l1.172,1.594L24-3.8l9.422,5.578L34.594.188,24-6.187Zm2.578-17.2V-33H8.016v15.984Zm-6-13.969h4.031v12H9.984Zm18,13.969v-12H20.016v12Zm-6-9.984h4.031v8.016H21.984Zm18,9.984V-36.984H32.016v19.969Zm-6-18h4.031v16.031H33.984Zm12,22.031a1.933,1.933,0,0,1-.539,1.43,1.933,1.933,0,0,1-1.43.539H3.984a1.933,1.933,0,0,1-1.43-.539,1.933,1.933,0,0,1-.539-1.43V-41.016a1.933,1.933,0,0,1,.539-1.43,1.933,1.933,0,0,1,1.43-.539H44.016a1.933,1.933,0,0,1,1.43.539,1.933,1.933,0,0,1,.539,1.43H48a3.836,3.836,0,0,0-1.172-2.812A3.836,3.836,0,0,0,44.016-45H3.984a3.836,3.836,0,0,0-2.812,1.172A3.836,3.836,0,0,0,0-41.016v28.031a3.836,3.836,0,0,0,1.172,2.813A3.836,3.836,0,0,0,3.984-9H44.016a3.836,3.836,0,0,0,2.813-1.172A3.836,3.836,0,0,0,48-12.984V-29.016H45.984Zm0-20.016H48v-3.984H45.984Z" transform="translate(0 45)" fill="#d3aa85"></path></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div class="contents relative z-2">
|
||||
<h3 class="mb-15 text-18 text-white">Social Media</h3>
|
||||
<p>Creating brand identities, digital experiences, that communicate</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-lg-4 col-6 mb-90 md:mb-0">
|
||||
<div class="iconbox text-left iconbox-heading-xs flex-col mb-2em">
|
||||
<div class="iconbox-icon-wrap">
|
||||
<span class="iconbox-icon-container mb-35 text-40 leading-1em">
|
||||
<svg class="w-40" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewbox="0 0 48 48"><path d="M32.016-21a7.711,7.711,0,0,0-2.367-5.648A7.711,7.711,0,0,0,24-29.016a7.711,7.711,0,0,0-5.648,2.367A7.711,7.711,0,0,0,15.984-21a7.711,7.711,0,0,0,2.367,5.648A7.711,7.711,0,0,0,24-12.984a7.711,7.711,0,0,0,5.648-2.367A7.711,7.711,0,0,0,32.016-21ZM24-15a5.8,5.8,0,0,1-4.266-1.734A5.8,5.8,0,0,1,18-21a5.8,5.8,0,0,1,1.734-4.266A5.8,5.8,0,0,1,24-27a5.8,5.8,0,0,1,4.266,1.734A5.8,5.8,0,0,1,30-21a5.8,5.8,0,0,1-1.734,4.266A5.8,5.8,0,0,1,24-15ZM27.984,3H30V-.984H27.984ZM42-21a12.082,12.082,0,0,0-.094-1.5,12.082,12.082,0,0,1-.094-1.5L48-27.422,42.188-38.016,36-34.406a21.548,21.548,0,0,0-2.859-2.086A18.2,18.2,0,0,0,30-38.016V-45H18v6.984a18.2,18.2,0,0,0-3.141,1.523A21.548,21.548,0,0,0,12-34.406L5.813-37.781,0-27.422,6.188-24a12.082,12.082,0,0,1-.094,1.5A12.082,12.082,0,0,0,6-21a12.082,12.082,0,0,0,.094,1.5A12.082,12.082,0,0,1,6.188-18L0-14.578,5.813-3.984,12-7.594a21.548,21.548,0,0,0,2.859,2.086A18.2,18.2,0,0,0,18-3.984V3h6V.984H20.016V-5.391a20.953,20.953,0,0,1-4.1-1.852,17.848,17.848,0,0,1-3.492-2.742L6.8-6.8,3-13.781l5.391-3.234q-.141-1.031-.258-1.992A16.452,16.452,0,0,1,8.016-21a16.452,16.452,0,0,1,.117-1.992q.117-.961.258-1.992L2.813-28.219l3.8-6.984q1.359.75,2.789,1.523t2.789,1.664a29.991,29.991,0,0,1,3.68-2.6,34.03,34.03,0,0,1,3.914-1.992v-6.375H27.8v6.375q1.359.469,2.672,1.055A21.712,21.712,0,0,1,33-34.219a15.956,15.956,0,0,0,1.289,1.2,6.315,6.315,0,0,0,1.289,1.008q1.359-.75,2.813-1.523T41.2-35.2L45-28.219q-.469.188-3.117,1.547t-2.461,1.688q.141,1.031.258,1.992A16.452,16.452,0,0,1,39.8-21a16.452,16.452,0,0,1-.117,1.992q-.117.961-.258,1.992L45-13.781,41.2-6.8,38.391-8.391,35.578-9.984a15.843,15.843,0,0,1-2.625,2.109A31.111,31.111,0,0,1,30-6.187v2.2a18.2,18.2,0,0,0,3.141-1.523A21.548,21.548,0,0,0,36-7.594l6.188,3.375L48-14.812l-6.187-3.375a10.5,10.5,0,0,1,.094-1.336A11.527,11.527,0,0,0,42-21Z" transform="translate(0 45)" fill="#d3aa85"></path></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div class="contents relative z-2">
|
||||
<h3 class="mb-15 text-18 text-white">App Development</h3>
|
||||
<p>My aim is to bring across your digital message and identity.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-lg-4 col-6 mb-90 md:mb-0">
|
||||
<div class="iconbox text-left iconbox-heading-xs flex-col mb-2em">
|
||||
<div class="iconbox-icon-wrap">
|
||||
<span class="iconbox-icon-container mb-35 text-40 leading-1em">
|
||||
<svg class="w-40" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewbox="0 0 48 48"><path d="M27.984-18.984a7.687,7.687,0,0,0,5.672-2.367A7.749,7.749,0,0,0,36-27V-40.781l5.391,4.594L42.8-37.781,35.2-44.391l-7.594,6.609,1.406,1.594,4.969-4.594V-27a5.839,5.839,0,0,1-1.711,4.266A5.777,5.777,0,0,1,27.984-21H18a5.609,5.609,0,0,0-3.094.938,9.831,9.831,0,0,0-2.555,2.414,12.4,12.4,0,0,0-1.734,3.234,10.011,10.011,0,0,0-.633,3.4v6H12v-6a9.784,9.784,0,0,1,1.734-5.25A5.017,5.017,0,0,1,18-18.984Zm-24-24h24V-45h-24a3.836,3.836,0,0,0-2.812,1.172A3.836,3.836,0,0,0,0-41.016V-.984A3.836,3.836,0,0,0,1.172,1.828,3.836,3.836,0,0,0,3.984,3V.984A1.933,1.933,0,0,1,2.555.445a1.933,1.933,0,0,1-.539-1.43V-41.016a1.933,1.933,0,0,1,.539-1.43A1.933,1.933,0,0,1,3.984-42.984ZM9.984,3H12V-.984H9.984Zm.8-31.219,3.234-3.375L17.2-28.219,18.8-29.812,15.422-33,18.8-36.187,17.2-37.781l-3.187,3.375-3.234-3.375L9.188-36.187,12.609-33,9.188-29.812ZM39.188-13.781,36-10.406l-3.187-3.375-1.594,1.594L34.594-9,31.219-5.812l1.594,1.594L36-7.594l3.188,3.375,1.594-1.594L37.406-9l3.375-3.187Zm6.8-27.234H48a3.836,3.836,0,0,0-1.172-2.812A3.836,3.836,0,0,0,44.016-45H42v2.016h2.016a1.933,1.933,0,0,1,1.43.539A1.933,1.933,0,0,1,45.984-41.016Zm0,40.031a1.933,1.933,0,0,1-.539,1.43,1.933,1.933,0,0,1-1.43.539H18V3H44.016a3.836,3.836,0,0,0,2.813-1.172A3.836,3.836,0,0,0,48-.984V-29.016H45.984Zm0-32.016H48v-3.984H45.984Z" transform="translate(0 45)" fill="#d3aa85"></path></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div class="contents relative z-2">
|
||||
<h3 class="mb-15 text-18 text-white">Branding Strategy</h3>
|
||||
<p>Great work for clients with meaningful missions.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Services -->
|
||||
|
||||
<!-- Start Clients -->
|
||||
<section class="lqd-section clients pt-50 pb-220 md:pt-0" id="clients" data-section-luminosity="dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-lg-3 col-12 module-col">
|
||||
<h5 class="ld-fh-element relative mb-1em"> Clients</h5>
|
||||
</div>
|
||||
<div class="col col-lg-9 col-12 self-center">
|
||||
<div class="carousel-container carousel-nav-left carousel-nav-mobile-center carousel-nav-md carousel-dots-mobile-center carousel-dots-style1 carousel-dots-mobile-outside">
|
||||
<div class="carousel-items -mr-50 -ml-50" data-lqd-flickity='{ "wrapAround" : true, "equalHeightCells" : true, "middleAlignContent" : true, "cellAlign" : "center", "draggable" : true }' data-custom-animations="true" data-ca-options='{ "triggerHandler" : "inview" , "animationTarget" : ".carousel-items figure" , "duration" :700, "delay" :100, "ease" : "power4.out" , "initValues" : {"opacity" :0}, "animations" : {"opacity" :1} }'>
|
||||
<div class="carousel-item has-width w-20percent flex flex-col items-stretch justify-center px-50 md:w-25percent sm:w-33percent">
|
||||
<div class="carousel-item-inner w-full relative">
|
||||
<div class="carousel-item-content w-full relative">
|
||||
<div class="ld-img-hover-opacity flex items-center flex-grow-1 opacity-60 transition-opacity">
|
||||
<figure class="max-w-full inline-flex flex-grow-1 vertical-top">
|
||||
<img width="82" height="19" src="./assets/images/demo/dark-portfolio/client-1.svg" alt="client">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item has-width w-20percent flex flex-col items-stretch justify-center px-50 md:w-25percent sm:w-33percent">
|
||||
<div class="carousel-item-inner w-full relative">
|
||||
<div class="carousel-item-content w-full relative">
|
||||
<div class="ld-img-hover-opacity flex items-center flex-grow-1 opacity-60 transition-opacity">
|
||||
<figure class="max-w-full inline-flex flex-grow-1 vertical-top">
|
||||
<img width="83" height="25" src="./assets/images/demo/dark-portfolio/client-2.svg" alt="client">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item has-width w-20percent flex flex-col items-stretch justify-center px-50 md:w-25percent sm:w-33percent">
|
||||
<div class="carousel-item-inner w-full relative">
|
||||
<div class="carousel-item-content w-full relative">
|
||||
<div class="ld-img-hover-opacity flex items-center flex-grow-1 opacity-60 transition-opacity">
|
||||
<figure class="max-w-full inline-flex flex-grow-1 vertical-top">
|
||||
<img width="61" height="22" src="./assets/images/demo/dark-portfolio/client-3.svg" alt="client">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item has-width w-20percent flex flex-col items-stretch justify-center px-50 md:w-25percent sm:w-33percent">
|
||||
<div class="carousel-item-inner w-full relative">
|
||||
<div class="carousel-item-content w-full relative">
|
||||
<div class="ld-img-hover-opacity flex items-center flex-grow-1 opacity-60 transition-opacity">
|
||||
<figure class="max-w-full inline-flex flex-grow-1 vertical-top">
|
||||
<img width="61" height="15" src="./assets/images/demo/dark-portfolio/client-4.svg" alt="client">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item has-width w-20percent flex flex-col items-stretch justify-center px-50 md:w-25percent sm:w-33percent">
|
||||
<div class="carousel-item-inner w-full relative">
|
||||
<div class="carousel-item-content w-full relative">
|
||||
<div class="ld-img-hover-opacity flex items-center flex-grow-1 opacity-60 transition-opacity">
|
||||
<figure class="max-w-full inline-flex flex-grow-1 vertical-top">
|
||||
<img width="61" height="16" src="./assets/images/demo/dark-portfolio/client-5.svg" alt="client">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item has-width w-20percent flex flex-col items-stretch justify-center px-50 md:w-25percent sm:w-33percent">
|
||||
<div class="carousel-item-inner w-full relative">
|
||||
<div class="carousel-item-content w-full relative">
|
||||
<div class="ld-img-hover-opacity flex items-center flex-grow-1 opacity-60 transition-opacity">
|
||||
<figure class="max-w-full inline-flex flex-grow-1 vertical-top">
|
||||
<img width="77" height="20" src="./assets/images/demo/dark-portfolio/client-6.svg" alt="client">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Clients -->
|
||||
|
||||
<!-- Contact -->
|
||||
<section class="lqd-section contact" id="contact"></section>
|
||||
<!-- Contact -->
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="main-footer bg-orange-500 text-white-70" data-sticky-footer="true" data-sticky-footer-options='{ "shadow" : "3" }'>
|
||||
<section class="lqd-section pt-120 pb-90 footer-content">
|
||||
<div class="container">
|
||||
<div class="row justify-between items-center">
|
||||
<div class="col col-xl-5 col-lg-6 col-12 mb-35">
|
||||
<h2 class="ld-fh-element relative mb-1em text-30 leading-1/6em text-white-60">
|
||||
Collaboration, work enquires or just say hello
|
||||
<a class="text-white" href="#">
|
||||
<span>info@tokslaw.com</span>
|
||||
</a>
|
||||
</h2>
|
||||
<a href="#contact" class="btn btn-solid uppercase btn-xlg border-thin btn-hover-swp btn-has-label font-family-inherit bg-white text-11 uppercase font-bold text-black hover:bg-black hover:text-white" data-localscroll="true">
|
||||
<span class="btn-txt" data-text="Send a message">Send a message</span>
|
||||
<span class="btn-icon">
|
||||
<i class="lqd-icn-ess icon-lqd-pen"></i>
|
||||
</span>
|
||||
<span class="btn-icon">
|
||||
<i class="lqd-icn-ess icon-lqd-pen"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col col-xl-5 col-lg-6 col-12">
|
||||
<div class="lqd-fancy-menu lqd-menu-td-none mb-35">
|
||||
<ul class="reset-ul inline-nav flex items-center justify-end -mx-20 md:justify-start">
|
||||
<li class="w-auto inline-flex justify-end mx-20">
|
||||
<a class="text-white" href="https://www.facebook.com/tokunbo.lawal.1485" target="_blank"> Facebook</a>
|
||||
</li>
|
||||
<li class="w-auto inline-flex justify-end mx-20">
|
||||
<a class="text-white" href="https://blog.tokslaw.com/" target="_blank"> Blog</a>
|
||||
</li>
|
||||
<li class="w-auto inline-flex justify-end mx-20">
|
||||
<a class="text-white" href="https://x.com/Tokslaw1" target="_blank"> Twitter</a>
|
||||
</li>
|
||||
<li class="w-auto inline-flex justify-end mx-20">
|
||||
<a class="text-white" href="https://www.instagram.com/tokslawdev/" target="_blank"> Instagram</a>
|
||||
</li>
|
||||
<li class="w-auto inline-flex justify-end mx-20">
|
||||
<a class="text-white" href="https://www.youtube.com/@tokslawdev" target="_blank"> Youtube</a>
|
||||
</li>
|
||||
<li class="w-auto inline-flex justify-end mx-20">
|
||||
<a class="text-white" href="https://www.linkedin.com/in/toks-lawal/" target="_blank"> LinkedIn</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</footer>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<script src="./assets/vendors/jquery.min.js"></script>
|
||||
<script src="./assets/vendors/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="./assets/vendors/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="./assets/vendors/fastdom/fastdom.min.js"></script>
|
||||
<script src="./assets/vendors/gsap/utils/SplitText.min.js"></script>
|
||||
<script src="./assets/vendors/flickity/flickity.pkgd.min.js"></script>
|
||||
<script src="./assets/vendors/flickity/flickity-fade.min.js"></script>
|
||||
<script src="./assets/vendors/isotope/isotope.pkgd.min.js"></script>
|
||||
<script src="./assets/vendors/isotope/packery-mode.pkgd.min.js"></script>
|
||||
<script src="./assets/vendors/gsap/minified/gsap.min.js"></script>
|
||||
<script src="./assets/vendors/gsap/minified/ScrollTrigger.min.js"></script>
|
||||
<script src="./assets/vendors/fontfaceobserver.js"></script>
|
||||
<script src="./assets/vendors/tinycolor-min.js"></script>
|
||||
<script src="./assets/vendors/fresco/js/fresco.js"></script>
|
||||
<script src="./assets/js/theme.min.js"></script>
|
||||
<script src="./assets/js/liquid-ajax-contact-form.min.js"></script>
|
||||
|
||||
<!-- Start custom cursor -->
|
||||
<div class="lqd-cc lqd-cc--inner fixed pointer-events-none"></div>
|
||||
<div class="lqd-cc--el lqd-cc-solid lqd-cc-explore flex items-center justify-center rounded-full fixed pointer-events-none">
|
||||
<div class="lqd-cc-solid-bg flex absolute lqd-overlay"></div>
|
||||
<div class="lqd-cc-solid-txt flex justify-center text-center relative">
|
||||
<div class="lqd-cc-solid-txt-inner">Explide</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lqd-cc--el lqd-cc-solid lqd-cc-drag flex items-center justify-center rounded-full fixed pointer-events-none">
|
||||
<div class="lqd-cc-solid-bg flex absolute lqd-overlay"></div>
|
||||
<div class="lqd-cc-solid-ext lqd-cc-solid-ext-left inline-flex items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" style="width: 1em; height: 1em;">
|
||||
<path fill="currentColor" d="M19.943 6.07L9.837 14.73a1.486 1.486 0 0 0 0 2.25l10.106 8.661c.96.826 2.457.145 2.447-1.125V7.195c0-1.27-1.487-1.951-2.447-1.125z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="lqd-cc-solid-txt flex justify-center text-center relative">
|
||||
<div class="lqd-cc-solid-txt-inner">Drag</div>
|
||||
</div>
|
||||
<div class="lqd-cc-solid-ext lqd-cc-solid-ext-right inline-flex items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" style="width: 1em; height: 1em;">
|
||||
<path fill="currentColor" d="M11.768 25.641l10.106-8.66a1.486 1.486 0 0 0 0-2.25L11.768 6.07c-.96-.826-2.457-.145-2.447 1.125v17.321c0 1.27 1.487 1.951 2.447 1.125z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lqd-cc--el lqd-cc-arrow inline-flex items-center fixed top-0 left-0 pointer-events-none">
|
||||
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M60.4993 0V4.77005H8.87285L80 75.9207L75.7886 79.1419L4.98796 8.35478V60.4993H0V0H60.4993Z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="lqd-cc--el lqd-cc-custom-icon rounded-full fixed pointer-events-none">
|
||||
<div class="lqd-cc-ci inline-flex items-center justify-center rounded-full relative">
|
||||
<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" style="width: 1em; height: 1em;">
|
||||
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M16.03 6a1 1 0 0 1 1 1v8.02h8.02a1 1 0 1 1 0 2.01h-8.02v8.02a1 1 0 1 1-2.01 0v-8.02h-8.02a1 1 0 1 1 0-2.01h8.02v-8.01a1 1 0 0 1 1.01-1.01z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lqd-cc lqd-cc--outer fixed top-0 left-0 pointer-events-none"></div>
|
||||
<!-- End custom cursor -->
|
||||
|
||||
<template id="lqd-temp-snickersbar">
|
||||
<div class="lqd-snickersbar flex flex-wrap lqd-snickersbar-in" data-item-id>
|
||||
<div class="lqd-snickersbar-inner flex flex-wrap items-center">
|
||||
<div class="lqd-snickersbar-detail">
|
||||
<p class="hidden lqd-snickersbar-addding-temp my-0">Adding {{itemName}} to cart</p>
|
||||
<p class="hidden lqd-snickersbar-added-temp my-0">Added {{itemName}} to cart</p>
|
||||
<p class="my-0 lqd-snickersbar-msg flex items-center my-0"></p>
|
||||
<p class="my-0 lqd-snickersbar-msg-done flex items-center my-0"></p>
|
||||
</div>
|
||||
<div class="lqd-snickersbar-ext ml-4"></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template id="lqd-temp-sticky-header-sentinel">
|
||||
<div class="lqd-sticky-sentinel invisible absolute pointer-events-none"></div>
|
||||
</template>
|
||||
<template id="lqd-snickersbar">
|
||||
<div class="lqd-snickersbar flex flex-wrap lqd-snickersbar-in" data-item-id>
|
||||
<div class="lqd-snickersbar-inner flex flex-wrap items-center">
|
||||
<div class="lqd-snickersbar-detail">
|
||||
<p class="hidden lqd-snickersbar-addding-temp my-0">Adding {{itemName}} to cart</p>
|
||||
<p class="hidden lqd-snickersbar-added-temp my-0">Added {{itemName}} to cart</p>
|
||||
<p class="lqd-snickersbar-msg flex items-center my-0"></p>
|
||||
<p class="lqd-snickersbar-msg-done flex items-center my-0"></p>
|
||||
</div>
|
||||
<div class="lqd-snickersbar-ext ml-4"></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<div class="lity" role="dialog" aria-label="Dialog Window (Press escape to close)" tabindex="-1" data-modal-type="default" style="display: none;">
|
||||
<div class="lity-backdrop"></div>
|
||||
<div class="lity-wrap" data-lity-close role="document">
|
||||
<div class="lity-loader" aria-hidden="true">Loading...</div>
|
||||
<div class="lity-container">
|
||||
<div class="lity-content"></div>
|
||||
</div>
|
||||
<button class="lity-close" type="button" aria-label="Close (Press escape to close)" data-lity-close>×</button>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,453 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="zxx">
|
||||
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="NetFusion - AI Powered Startup & Technology HTML5 Template" />
|
||||
<meta name="keywords" content="ai, artificial intelligence, chatbot, chatgpt, content, fast, landing, machine learning, modern, openai, saas, startup, unique" />
|
||||
<meta name="author" content="ThemeEarth" />
|
||||
|
||||
<title>NetFusion - AI Powered Startup & Technology HTML5 Template</title>
|
||||
|
||||
<link rel="icon" type="image/png" href="images/logo/favicon.png" />
|
||||
|
||||
<link rel="apple-touch-icon" href="images/logo/apple-touch-icon.png" />
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="images/logo/apple-touch-icon-57x57.png" />
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="images/logo/apple-touch-icon-72x72.png" />
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="images/logo/apple-touch-icon-76x76.png" />
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="images/logo/apple-touch-icon-114x114.png" />
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="images/logo/apple-touch-icon-120x120.png" />
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="images/logo/apple-touch-icon-144x144.png" />
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="images/logo/apple-touch-icon-152x152.png" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="images/logo/apple-touch-icon-180x180.png" />
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/fontawesome.min.css" />
|
||||
<link rel="stylesheet" href="css/magnific-popup.css" />
|
||||
<link rel="stylesheet" href="css/slick.css" />
|
||||
<link rel="stylesheet" href="css/meanmenu.css" />
|
||||
<link rel="stylesheet" href="css/nice-select.css" />
|
||||
<link rel="stylesheet" href="css/animate.css" />
|
||||
<link rel="stylesheet" href="css/style.css" />
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Preloader Start !-->
|
||||
<div id="preloader">
|
||||
<div id="preloader-status">
|
||||
<div class="preloader-ripple">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End !-->
|
||||
<!-- Header Start !-->
|
||||
<header class="header-area style-2">
|
||||
<!-- Header Nav Menu Start -->
|
||||
<div class="te-header-menu-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-lg-3 col-md-6 col-6 d-flex align-items-center">
|
||||
<div class="te-logo">
|
||||
<a href="index.html" class="te-standard-logo">
|
||||
<img src="images/logo/logo.png" alt="logo"/>
|
||||
</a>
|
||||
<a href="index.html" class="te-sticky-logo">
|
||||
<img src="images/logo/logo.png" alt="logo" />
|
||||
</a>
|
||||
<a href="index.html" class="te-retina-logo">
|
||||
<img src="images/logo/logo.png" alt="logo"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-9 col-lg-9 col-md-6 col-6 d-flex align-items-center justify-content-end">
|
||||
<div class="te-menu d-inline-block">
|
||||
<nav id="main-menu" class="te-main-menu">
|
||||
<ul>
|
||||
<li class="te-dropdown active">
|
||||
<a href="index.html">Home</a>
|
||||
<ul>
|
||||
<li><a href="index.html">Home Page 1</a></li>
|
||||
<li><a href="index-2.html">Home Page 2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about.php">About Us</a></li>
|
||||
<li class="te-dropdown">
|
||||
<a href="service.php">Services</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="service.php">Service Page</a></li>
|
||||
<li><a href="service-details.php">Service Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="project.php">Projects</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="project.php">Project Page</a></li>
|
||||
<li><a href="project-details.php">Project Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="blog.php">Blog</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="blog.php">Blog Page</a></li>
|
||||
<li><a href="blog-details.php">Blog Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="#">Page</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="faq.php">Faq Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contact.php">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Header Button Start !-->
|
||||
<div class="te-header-btn">
|
||||
<a href="#" class="te-quote-btn">JOIN HUB <i class="fa-solid fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<!-- Header Button Start !-->
|
||||
<!-- Mobile Menu Toggle Button Start !-->
|
||||
<div class="te-mobile-menu-bar d-lg-none text-end">
|
||||
<a href="#" class="te-mobile-menu-toggle-btn"><i class="fal fa-bars"></i></a>
|
||||
</div>
|
||||
<!-- Mobile Menu Toggle Button End !-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header Nav Menu End -->
|
||||
</header>
|
||||
<!-- Header End !-->
|
||||
<!-- Menu sidebar Section Start -->
|
||||
<div class="te-menu-sidebar-area">
|
||||
<div class="te-menu-sidebar-wrapper">
|
||||
<div class="te-menu-sidebar-close">
|
||||
<button class="te-menu-sidebar-close-btn" id="menu_sidebar_close_btn">
|
||||
<i class="fal fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="te-menu-sidebar-content">
|
||||
<div class="te-menu-sidebar-logo">
|
||||
<a href="index.html">
|
||||
<img src="images/logo/logo.png" alt="logo" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="te-mobile-nav-menu"></div>
|
||||
<div class="te-menu-sidebar-content">
|
||||
<div class="te-menu-sidebar-single-widget">
|
||||
<h5 class="te-menu-sidebar-title">Contact Info</h5>
|
||||
<div class="te-header-contact-info">
|
||||
<span><i class="fa-solid fa-location-dot"></i>6391 Elgin St. Celina, 10299</span>
|
||||
<span><a href="mailto:info@example.com"><i class="fa-solid fa-envelope"></i>info@example.com</a> </span>
|
||||
<span><a href="tel:+123-456-7890"><i class="fa-solid fa-phone"></i>+123-456-7890</a></span>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Menu sidebar Section Start -->
|
||||
<div class="te-body-overlay"></div>
|
||||
|
||||
<!-- Page Header Start !-->
|
||||
<div class="page-breadcrumb-area page-bg" style="background-image: url('images/section-bg/page-header.png')">
|
||||
<div class="page-overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="te-breadcrumb-wrapper">
|
||||
<div class="te-page-heading">
|
||||
<h3 class="te-page-title">Project Details</h3>
|
||||
</div>
|
||||
<div class="te-breadcrumb-list">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="active"><a href="#">Project</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header End !-->
|
||||
|
||||
<!-- Project Details Page Start !-->
|
||||
<div class="project-details-page">
|
||||
<div class="container">
|
||||
<div class="row gy-5">
|
||||
<!-- Project Details Content Start -->
|
||||
<div class="col-12">
|
||||
<div class="project-details">
|
||||
<div class="content">
|
||||
<div class="text">
|
||||
<h2 class="title">Ethical considerations for AI-powered</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="images/project/project-details.jpg" alt="Image"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-8">
|
||||
<div class="te-project-details-wrapper">
|
||||
<div class="project-details-overview">
|
||||
<div class="content">
|
||||
<p>Aliquam eros justo, posuere loborti vive rra laoreet matti ullamc orper posu ere viverra .Aliquam eros justo, posuere lobortis non, vive rra laoreet augue mattis fermentum ullamcorper viverra laoreet Aliquam eros justo, posuere loborti viverra laoreet mat ullamcorper posue Aliquam eros justo, posuere lobortis non laoreet augue matt fermentum laoreet augue mattis fermentum ullamcorper viverra laoreet Aliquam eros</p>
|
||||
<p></p>
|
||||
<p>justo, posuere loborti viverra laoreet mat laoreet augue mattis fermentum ullamcorper viverralaoreet Aliquam eros justo, Aliquam eros justo, posuere loborti vive rra laoreet matti ullamc orper posu ere viverra .Aliquam eros justo, posuere lobortis non, vive rra laoreaugue mattis fermentum ullamcorper viverra laoreet Aliquam eros jus</p>
|
||||
<p></p>
|
||||
<p></p>
|
||||
<br/>
|
||||
<h3 class="mb-20">CXhalleng with ai</h3>
|
||||
<p>eet augue mattis fermentum ullamcorper viverralaoreet Aliquam eros justo, Aliquam eros justo, posuere loborti vive rra laoreet matti ullamc orper posu ere viverra .Aliquam eros justo, posuere lobortis non, vive rra laoreaugue mattis fermentum ullamcorper viverra laoreet Aliquam eros justo, posuere loborti viverra laoreet mat ullamcorper posue Aliquam eros justo, posuere lobortis non laoreet augue mattis fermentum laoreet augue mattis fermentum ullamcorper viverra laoreet Aliquam eros justo, posuere loborti viverra laoreet mat</p>
|
||||
<p>Skills in AI, data science, business development, and a deep understanding of the target industry are valuable Regulations vary by country, but many governments are working on AI ethics and governance frameworks.</p>
|
||||
<p></p>
|
||||
<p>Aliquam eros justo, posuere loborti vive rra laoreet matti ullamc orper posu ere viverra .Aliquam eros justo, posuere lobortis non, vive rra laoreet augue mattis fermentum ullamcorper viverra laoreet Aliquam eros justo, posuere loborti viverra laoreet mat ullamcorper posue Aliquam eros justo, posuere lobortis non laoreet augue matt fermentum laoreet augue mattis fermentum ullamcorper viverra laoreet Aliquam eros justo, </p>
|
||||
</div>
|
||||
<div class="row mt-40">
|
||||
<h3 class="mb-30">Project Challenge</h3>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<div class="te-list-item-wrapper">
|
||||
<div class="te-list-item">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-check"></i>
|
||||
</span>
|
||||
<span class="text">Aliquam eros justo, posuere loborti vive rra laoreet</span>
|
||||
</div>
|
||||
<div class="te-list-item">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-check"></i>
|
||||
</span>
|
||||
<span class="text">laoreet matti ullameros justo,c orper posu ere vi</span>
|
||||
</div>
|
||||
<div class="te-list-item">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-check"></i>
|
||||
</span>
|
||||
<span class="text">Aliquam eros justo, posuere leros justo,oborti </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="te-list-item-wrapper">
|
||||
<div class="te-list-item">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-check"></i>
|
||||
</span>
|
||||
<span class="text">Aliquam eros justo, posuere loborti vive rra laoreet</span>
|
||||
</div>
|
||||
<div class="te-list-item">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-check"></i>
|
||||
</span>
|
||||
<span class="text">laoreet matti ullameros justo,c orper posu ere vi</span>
|
||||
</div>
|
||||
<div class="te-list-item">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-check"></i>
|
||||
</span>
|
||||
<span class="text">Aliquam eros justo, posuere leros justo,oborti </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="project-info-wrapper">
|
||||
<div class="project-info">
|
||||
<div class="te-single-meta">
|
||||
<span class="meta-title">Client</span>
|
||||
<span class="meta-text">Sandi leo rakiul</span>
|
||||
</div>
|
||||
<div class="te-single-meta">
|
||||
<span class="meta-title">150000 USD</span>
|
||||
<span class="meta-text">Data Mind Solutions</span>
|
||||
</div>
|
||||
<div class="te-single-meta">
|
||||
<span class="meta-title">Customer</span>
|
||||
<span class="meta-text">Hs robin</span>
|
||||
</div>
|
||||
<div class="te-single-meta">
|
||||
<span class="meta-title">Category</span>
|
||||
<span class="meta-text">Planing, AI Boost Pro</span>
|
||||
</div>
|
||||
<div class="te-single-meta">
|
||||
<span class="meta-title">Date</span>
|
||||
<span class="meta-text">Nov 19, 2022</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Details Content End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Details Page End !-->
|
||||
|
||||
<!--- Start Footer !-->
|
||||
<footer class="footer style-1">
|
||||
<div class="te-footer-sec">
|
||||
<div class="container">
|
||||
<div class="row gy-5">
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<div class="te-footer-widget-info">
|
||||
<div class="te-footer-logo">
|
||||
<a href="index.html"><img src="images/logo/logo.png" alt="Footer Logo"></a>
|
||||
</div>
|
||||
<p>Lorem Ipsum is simply is dumi omy is text dummy text.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget te_widget_nav_menu">
|
||||
<h3 class="te-footer-widget-title">Our Services</h3>
|
||||
<ul class="menu">
|
||||
<li><a href="#">Mistakes To Avoid</a></li>
|
||||
<li><a href="#">Your Startup</a></li>
|
||||
<li><a href="#">Knew About Fonts</a></li>
|
||||
<li><a href="#">Winning Your Startup</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<h3 class="te-footer-widget-title">Address</h3>
|
||||
<div class="te-footer-widget-contact">
|
||||
<div class="footer-contact">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<a href="tel:+5550129">(629) 555-0129</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-envelope"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<a href="mailto:hello@netfusion.com"><span>hello@netfusion.com</span></a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<span>6391 Elgin St. Celina, 10299</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<div class="te-footer-widget-newsletter">
|
||||
<h3 class="te-footer-widget-title">Get Free Estimate</h3>
|
||||
<div class="te-subscribe-form-widget">
|
||||
<form>
|
||||
<div class="mc4wp-form-fields">
|
||||
<div class="single-field">
|
||||
<input type="email" placeholder="Email here">
|
||||
</div>
|
||||
<button class="submit-btn" type="submit"><i class="fa-solid fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-pinterest"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="te-footer-bottom-wrapper">
|
||||
<div class="te-copyright-text">
|
||||
<p>© <a href="#">NetFusion</a> 2023 | All Rights Reserved</p>
|
||||
</div>
|
||||
<div class="te-footer-bottom-menu">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Terms & Condition</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Privacy Policy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--- End Footer !-->
|
||||
<!-- Scroll Up Section Start -->
|
||||
<div class="progress-wrap">
|
||||
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- Scroll Up Section End -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/slick.min.js"></script>
|
||||
<script src="js/jquery.counterup.min.js"></script>
|
||||
<script src="js/waypoints.js"></script>
|
||||
<script src="js/jquery.meanmenu.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/inview.min.js"></script>
|
||||
<script src="js/wow.js"></script>
|
||||
<script src="js/tilt.jquery.js"></script>
|
||||
<script src="js/isotope.min.js"></script>
|
||||
<script src="js/scrolltotop.min.js"></script>
|
||||
<script src="js/plugins.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,477 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="zxx">
|
||||
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="NetFusion - AI Powered Startup & Technology HTML5 Template" />
|
||||
<meta name="keywords" content="ai, artificial intelligence, chatbot, chatgpt, content, fast, landing, machine learning, modern, openai, saas, startup, unique" />
|
||||
<meta name="author" content="ThemeEarth" />
|
||||
|
||||
<title>NetFusion - AI Powered Startup & Technology HTML5 Template</title>
|
||||
|
||||
<link rel="icon" type="image/png" href="images/logo/favicon.png" />
|
||||
|
||||
<link rel="apple-touch-icon" href="images/logo/apple-touch-icon.png" />
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="images/logo/apple-touch-icon-57x57.png" />
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="images/logo/apple-touch-icon-72x72.png" />
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="images/logo/apple-touch-icon-76x76.png" />
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="images/logo/apple-touch-icon-114x114.png" />
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="images/logo/apple-touch-icon-120x120.png" />
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="images/logo/apple-touch-icon-144x144.png" />
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="images/logo/apple-touch-icon-152x152.png" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="images/logo/apple-touch-icon-180x180.png" />
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/fontawesome.min.css" />
|
||||
<link rel="stylesheet" href="css/magnific-popup.css" />
|
||||
<link rel="stylesheet" href="css/slick.css" />
|
||||
<link rel="stylesheet" href="css/meanmenu.css" />
|
||||
<link rel="stylesheet" href="css/nice-select.css" />
|
||||
<link rel="stylesheet" href="css/animate.css" />
|
||||
<link rel="stylesheet" href="css/style.css" />
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Preloader Start !-->
|
||||
<div id="preloader">
|
||||
<div id="preloader-status">
|
||||
<div class="preloader-ripple">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End !-->
|
||||
<!-- Header Start !-->
|
||||
<header class="header-area style-2">
|
||||
<!-- Header Nav Menu Start -->
|
||||
<div class="te-header-menu-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-lg-3 col-md-6 col-6 d-flex align-items-center">
|
||||
<div class="te-logo">
|
||||
<a href="index.html" class="te-standard-logo">
|
||||
<img src="images/logo/logo.png" alt="logo"/>
|
||||
</a>
|
||||
<a href="index.html" class="te-sticky-logo">
|
||||
<img src="images/logo/logo.png" alt="logo" />
|
||||
</a>
|
||||
<a href="index.html" class="te-retina-logo">
|
||||
<img src="images/logo/logo.png" alt="logo"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-9 col-lg-9 col-md-6 col-6 d-flex align-items-center justify-content-end">
|
||||
<div class="te-menu d-inline-block">
|
||||
<nav id="main-menu" class="te-main-menu">
|
||||
<ul>
|
||||
<li class="te-dropdown active">
|
||||
<a href="index.html">Home</a>
|
||||
<ul>
|
||||
<li><a href="index.html">Home Page 1</a></li>
|
||||
<li><a href="index-2.html">Home Page 2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about.php">About Us</a></li>
|
||||
<li class="te-dropdown">
|
||||
<a href="service.php">Services</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="service.php">Service Page</a></li>
|
||||
<li><a href="service-details.php">Service Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="project.php">Projects</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="project.php">Project Page</a></li>
|
||||
<li><a href="project-details.php">Project Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="blog.php">Blog</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="blog.php">Blog Page</a></li>
|
||||
<li><a href="blog-details.php">Blog Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="#">Page</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="faq.php">Faq Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contact.php">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Header Button Start !-->
|
||||
<div class="te-header-btn">
|
||||
<a href="#" class="te-quote-btn">JOIN HUB <i class="fa-solid fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<!-- Header Button Start !-->
|
||||
<!-- Mobile Menu Toggle Button Start !-->
|
||||
<div class="te-mobile-menu-bar d-lg-none text-end">
|
||||
<a href="#" class="te-mobile-menu-toggle-btn"><i class="fal fa-bars"></i></a>
|
||||
</div>
|
||||
<!-- Mobile Menu Toggle Button End !-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header Nav Menu End -->
|
||||
</header>
|
||||
<!-- Header End !-->
|
||||
<!-- Menu sidebar Section Start -->
|
||||
<div class="te-menu-sidebar-area">
|
||||
<div class="te-menu-sidebar-wrapper">
|
||||
<div class="te-menu-sidebar-close">
|
||||
<button class="te-menu-sidebar-close-btn" id="menu_sidebar_close_btn">
|
||||
<i class="fal fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="te-menu-sidebar-content">
|
||||
<div class="te-menu-sidebar-logo">
|
||||
<a href="index.html">
|
||||
<img src="images/logo/logo.png" alt="logo" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="te-mobile-nav-menu"></div>
|
||||
<div class="te-menu-sidebar-content">
|
||||
<div class="te-menu-sidebar-single-widget">
|
||||
<h5 class="te-menu-sidebar-title">Contact Info</h5>
|
||||
<div class="te-header-contact-info">
|
||||
<span><i class="fa-solid fa-location-dot"></i>6391 Elgin St. Celina, 10299</span>
|
||||
<span><a href="mailto:info@example.com"><i class="fa-solid fa-envelope"></i>info@example.com</a> </span>
|
||||
<span><a href="tel:+123-456-7890"><i class="fa-solid fa-phone"></i>+123-456-7890</a></span>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Menu sidebar Section Start -->
|
||||
<div class="te-body-overlay"></div>
|
||||
|
||||
<!-- Page Header Start !-->
|
||||
<div class="page-breadcrumb-area page-bg" style="background-image: url('images/section-bg/page-header.png')">
|
||||
<div class="page-overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="te-breadcrumb-wrapper">
|
||||
<div class="te-page-heading">
|
||||
<h3 class="te-page-title">Project</h3>
|
||||
</div>
|
||||
<div class="te-breadcrumb-list">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="active"><a href="#">Project</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header End !-->
|
||||
|
||||
<!-- Project Page Start -->
|
||||
<div class="project-page-wrapper">
|
||||
<div class="container">
|
||||
<div class="row gy-5">
|
||||
<div class="col-12">
|
||||
<div class="portfolio-gallery-wrapper">
|
||||
<div class="portfolio-column-in-three">
|
||||
<div class="portfolio-item">
|
||||
<div class="portfolio-img">
|
||||
<img src="images/project/p-1.jpg" alt="image">
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<div class="content">
|
||||
<span class="sub-title">TECHNOLOGY</span>
|
||||
<h3 class="title"><a href="project-details.php">Cyber Creators</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-item">
|
||||
<div class="portfolio-img">
|
||||
<img src="images/project/p-2.jpg" alt="image">
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<div class="content">
|
||||
<span class="sub-title">TECHNOLOGY</span>
|
||||
<h3 class="title"><a href="project-details.php">avatar Creators</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-item">
|
||||
<div class="portfolio-img">
|
||||
<img src="images/project/p-3.jpg" alt="image">
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<div class="content">
|
||||
<span class="sub-title">TECHNOLOGY</span>
|
||||
<h3 class="title"><a href="project-details.php">Data Creators</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-item">
|
||||
<div class="portfolio-img">
|
||||
<img src="images/project/p-4.jpg" alt="image">
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<div class="content">
|
||||
<span class="sub-title">TECHNOLOGY</span>
|
||||
<h3 class="title"><a href="project-details.php">Cyber Creators</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-item">
|
||||
<div class="portfolio-img">
|
||||
<img src="images/project/p-5.jpg" alt="image">
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<div class="content">
|
||||
<span class="sub-title">TECHNOLOGY</span>
|
||||
<h3 class="title"><a href="project-details.php">Image Creators</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-item">
|
||||
<div class="portfolio-img">
|
||||
<img src="images/project/p-6.jpg" alt="image">
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<div class="content">
|
||||
<span class="sub-title">TECHNOLOGY</span>
|
||||
<h3 class="title"><a href="project-details.php">Cyber Creators</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-item">
|
||||
<div class="portfolio-img">
|
||||
<img src="images/project/p-7.jpg" alt="image">
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<div class="content">
|
||||
<span class="sub-title">TECHNOLOGY</span>
|
||||
<h3 class="title"><a href="project-details.php">Cyber Creators</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-item">
|
||||
<div class="portfolio-img">
|
||||
<img src="images/project/p-8.jpg" alt="image">
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<div class="content">
|
||||
<span class="sub-title">TECHNOLOGY</span>
|
||||
<h3 class="title"><a href="project-details.php">Cyber Creators</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-item">
|
||||
<div class="portfolio-img">
|
||||
<img src="images/project/p-9.jpg" alt="image">
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<div class="content">
|
||||
<span class="sub-title">TECHNOLOGY</span>
|
||||
<h3 class="title"><a href="project-details.php">Cyber Creators</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-item">
|
||||
<div class="portfolio-img">
|
||||
<img src="images/project/p-10.jpg" alt="image">
|
||||
</div>
|
||||
<div class="content-wrapper">
|
||||
<div class="content">
|
||||
<span class="sub-title">TECHNOLOGY</span>
|
||||
<h3 class="title"><a href="project-details.php">Cyber Creators</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="te-basic-pagination">
|
||||
<ul class="justify-content-center">
|
||||
<li>
|
||||
<span aria-current="page" class="page-numbers current">1</span>
|
||||
</li>
|
||||
<li><a class="page-numbers" href="#">2</a></li>
|
||||
<li><a class="page-numbers" href="#">3</a></li>
|
||||
<li><span class="page-numbers dots">…</span></li>
|
||||
<li><a class="page-numbers" href="#">5</a></li>
|
||||
<li>
|
||||
<a class="next page-numbers" href="#"><i class="fa fa-arrow-right"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Page Start -->
|
||||
|
||||
<!--- Start Footer !-->
|
||||
<footer class="footer style-1">
|
||||
<div class="te-footer-sec">
|
||||
<div class="container">
|
||||
<div class="row gy-5">
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<div class="te-footer-widget-info">
|
||||
<div class="te-footer-logo">
|
||||
<a href="index.html"><img src="images/logo/logo.png" alt="Footer Logo"></a>
|
||||
</div>
|
||||
<p>Lorem Ipsum is simply is dumi omy is text dummy text.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget te_widget_nav_menu">
|
||||
<h3 class="te-footer-widget-title">Our Services</h3>
|
||||
<ul class="menu">
|
||||
<li><a href="#">Mistakes To Avoid</a></li>
|
||||
<li><a href="#">Your Startup</a></li>
|
||||
<li><a href="#">Knew About Fonts</a></li>
|
||||
<li><a href="#">Winning Your Startup</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<h3 class="te-footer-widget-title">Address</h3>
|
||||
<div class="te-footer-widget-contact">
|
||||
<div class="footer-contact">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<a href="tel:+5550129">(629) 555-0129</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-envelope"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<a href="mailto:hello@netfusion.com"><span>hello@netfusion.com</span></a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<span>6391 Elgin St. Celina, 10299</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<div class="te-footer-widget-newsletter">
|
||||
<h3 class="te-footer-widget-title">Get Free Estimate</h3>
|
||||
<div class="te-subscribe-form-widget">
|
||||
<form>
|
||||
<div class="mc4wp-form-fields">
|
||||
<div class="single-field">
|
||||
<input type="email" placeholder="Email here">
|
||||
</div>
|
||||
<button class="submit-btn" type="submit"><i class="fa-solid fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-pinterest"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="te-footer-bottom-wrapper">
|
||||
<div class="te-copyright-text">
|
||||
<p>© <a href="#">NetFusion</a> 2023 | All Rights Reserved</p>
|
||||
</div>
|
||||
<div class="te-footer-bottom-menu">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Terms & Condition</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Privacy Policy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--- End Footer !-->
|
||||
<!-- Scroll Up Section Start -->
|
||||
<div class="progress-wrap">
|
||||
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- Scroll Up Section End -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/slick.min.js"></script>
|
||||
<script src="js/jquery.counterup.min.js"></script>
|
||||
<script src="js/waypoints.js"></script>
|
||||
<script src="js/jquery.meanmenu.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/inview.min.js"></script>
|
||||
<script src="js/wow.js"></script>
|
||||
<script src="js/tilt.jquery.js"></script>
|
||||
<script src="js/isotope.min.js"></script>
|
||||
<script src="js/scrolltotop.min.js"></script>
|
||||
<script src="js/plugins.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,517 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="zxx">
|
||||
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="NetFusion - AI Powered Startup & Technology HTML5 Template" />
|
||||
<meta name="keywords" content="ai, artificial intelligence, chatbot, chatgpt, content, fast, landing, machine learning, modern, openai, saas, startup, unique" />
|
||||
<meta name="author" content="ThemeEarth" />
|
||||
|
||||
<title>NetFusion - AI Powered Startup & Technology HTML5 Template</title>
|
||||
|
||||
<link rel="icon" type="image/png" href="images/logo/favicon.png" />
|
||||
|
||||
<link rel="apple-touch-icon" href="images/logo/apple-touch-icon.png" />
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="images/logo/apple-touch-icon-57x57.png" />
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="images/logo/apple-touch-icon-72x72.png" />
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="images/logo/apple-touch-icon-76x76.png" />
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="images/logo/apple-touch-icon-114x114.png" />
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="images/logo/apple-touch-icon-120x120.png" />
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="images/logo/apple-touch-icon-144x144.png" />
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="images/logo/apple-touch-icon-152x152.png" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="images/logo/apple-touch-icon-180x180.png" />
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/fontawesome.min.css" />
|
||||
<link rel="stylesheet" href="css/magnific-popup.css" />
|
||||
<link rel="stylesheet" href="css/slick.css" />
|
||||
<link rel="stylesheet" href="css/meanmenu.css" />
|
||||
<link rel="stylesheet" href="css/nice-select.css" />
|
||||
<link rel="stylesheet" href="css/animate.css" />
|
||||
<link rel="stylesheet" href="css/style.css" />
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Preloader Start !-->
|
||||
<div id="preloader">
|
||||
<div id="preloader-status">
|
||||
<div class="preloader-ripple">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End !-->
|
||||
<!-- Header Start !-->
|
||||
<header class="header-area style-2">
|
||||
<!-- Header Nav Menu Start -->
|
||||
<div class="te-header-menu-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-lg-3 col-md-6 col-6 d-flex align-items-center">
|
||||
<div class="te-logo">
|
||||
<a href="index.html" class="te-standard-logo">
|
||||
<img src="images/logo/logo.png" alt="logo"/>
|
||||
</a>
|
||||
<a href="index.html" class="te-sticky-logo">
|
||||
<img src="images/logo/logo.png" alt="logo" />
|
||||
</a>
|
||||
<a href="index.html" class="te-retina-logo">
|
||||
<img src="images/logo/logo.png" alt="logo"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-9 col-lg-9 col-md-6 col-6 d-flex align-items-center justify-content-end">
|
||||
<div class="te-menu d-inline-block">
|
||||
<nav id="main-menu" class="te-main-menu">
|
||||
<ul>
|
||||
<li class="te-dropdown active">
|
||||
<a href="index.html">Home</a>
|
||||
<ul>
|
||||
<li><a href="index.html">Home Page 1</a></li>
|
||||
<li><a href="index-2.html">Home Page 2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about.php">About Us</a></li>
|
||||
<li class="te-dropdown">
|
||||
<a href="service.php">Services</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="service.php">Service Page</a></li>
|
||||
<li><a href="service-details.php">Service Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="project.php">Projects</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="project.php">Project Page</a></li>
|
||||
<li><a href="project-details.php">Project Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="blog.php">Blog</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="blog.php">Blog Page</a></li>
|
||||
<li><a href="blog-details.php">Blog Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="#">Page</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="faq.php">Faq Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contact.php">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Header Button Start !-->
|
||||
<div class="te-header-btn">
|
||||
<a href="#" class="te-quote-btn">JOIN HUB <i class="fa-solid fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<!-- Header Button Start !-->
|
||||
<!-- Mobile Menu Toggle Button Start !-->
|
||||
<div class="te-mobile-menu-bar d-lg-none text-end">
|
||||
<a href="#" class="te-mobile-menu-toggle-btn"><i class="fal fa-bars"></i></a>
|
||||
</div>
|
||||
<!-- Mobile Menu Toggle Button End !-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header Nav Menu End -->
|
||||
</header>
|
||||
<!-- Header End !-->
|
||||
<!-- Menu sidebar Section Start -->
|
||||
<div class="te-menu-sidebar-area">
|
||||
<div class="te-menu-sidebar-wrapper">
|
||||
<div class="te-menu-sidebar-close">
|
||||
<button class="te-menu-sidebar-close-btn" id="menu_sidebar_close_btn">
|
||||
<i class="fal fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="te-menu-sidebar-content">
|
||||
<div class="te-menu-sidebar-logo">
|
||||
<a href="index.html">
|
||||
<img src="images/logo/logo.png" alt="logo" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="te-mobile-nav-menu"></div>
|
||||
<div class="te-menu-sidebar-content">
|
||||
<div class="te-menu-sidebar-single-widget">
|
||||
<h5 class="te-menu-sidebar-title">Contact Info</h5>
|
||||
<div class="te-header-contact-info">
|
||||
<span><i class="fa-solid fa-location-dot"></i>6391 Elgin St. Celina, 10299</span>
|
||||
<span><a href="mailto:info@example.com"><i class="fa-solid fa-envelope"></i>info@example.com</a> </span>
|
||||
<span><a href="tel:+123-456-7890"><i class="fa-solid fa-phone"></i>+123-456-7890</a></span>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Menu sidebar Section Start -->
|
||||
<div class="te-body-overlay"></div>
|
||||
|
||||
<!-- Page Header Start !-->
|
||||
<div class="page-breadcrumb-area page-bg" style="background-image: url('images/section-bg/page-header.png')">
|
||||
<div class="page-overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="te-breadcrumb-wrapper">
|
||||
<div class="te-page-heading">
|
||||
<h3 class="te-page-title">Service Details</h3>
|
||||
</div>
|
||||
<div class="te-breadcrumb-list">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="active"><a href="#">Service</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header End !-->
|
||||
|
||||
<!-- Service Details Page Start !-->
|
||||
<div class="service-details-page">
|
||||
<div class="container">
|
||||
<div class="row gy-5">
|
||||
<!-- Service Details Content Start -->
|
||||
<div class="col-lg-8">
|
||||
<div class="row gy-4 mb-30">
|
||||
<div class="col-xxl-6">
|
||||
<div class="te-info-card style-3">
|
||||
<div class="te-info-card-inner">
|
||||
<div class="te-content-wrapper">
|
||||
<div class="te-title-wrapper">
|
||||
<div class="icon">
|
||||
<img src="images/icon/info-card/v-3/icon-1.png" alt="icon">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<h3 class="title">QuantumTech AI</h3>
|
||||
<p class="desc">Corporate restructuring an the refers to the process a of and reorganizin</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-6">
|
||||
<div class="te-info-card style-3">
|
||||
<div class="te-info-card-inner">
|
||||
<div class="te-content-wrapper">
|
||||
<div class="te-title-wrapper">
|
||||
<div class="icon">
|
||||
<img src="images/icon/info-card/v-3/icon-2.png" alt="icon">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<h3 class="title">SparkMind AI</h3>
|
||||
<p class="desc">Corporate restructuring an the refers to the process a of and reorganizin</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-45">
|
||||
<div class="col-12">
|
||||
<p>Aliquam eros justo, posuere loborti viverra laoreet matti ullamcorper posuere viverra .Aliquam eros justo posuere lobortis viverra laoreet augue mattis fermentum ullamcorper viverra laoreet Aliquam eros justo posuere lobortis viverra laoreet matti ullamcorper posuere viverra .Aliquam eros just</p>
|
||||
<p>Aliquam eros justo, posuere loborti viverra laoreet matti ullamcorper posuere viverra .Aliquam eros justo, posuere lobortis no vive rra laoreet augue mattis fermentum </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row gy-4 mb-25">
|
||||
<div class="col-lg-6">
|
||||
<img src="images/service/service-details.jpg" alt="image" class="w-100">
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<img src="images/service/service-details-2.jpg" alt="image" class="w-100">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-45">
|
||||
<div class="col-12">
|
||||
<p>Aliquam eros justo, posuere loborti viverra laoreet matti ullamcorper posuere viverra .Aliquam eros justo posuere lobortis viverra laoreet augue mattis fermentum ullamcorper viverra laoreet</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row gy-4 mb-30">
|
||||
<div class="col-xxl-6">
|
||||
<div class="te-info-card style-4">
|
||||
<div class="te-info-card-inner">
|
||||
<div class="te-content-wrapper">
|
||||
<div class="te-title-wrapper">
|
||||
<div class="icon">
|
||||
<img src="images/icon/info-card/v-4/icon-1.png" alt="icon">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<h3 class="title">Tech support</h3>
|
||||
<p class="desc">Corporate restructuring an the refers to the process a of and reorganizin</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-6">
|
||||
<div class="te-info-card style-4">
|
||||
<div class="te-info-card-inner">
|
||||
<div class="te-content-wrapper">
|
||||
<div class="te-title-wrapper">
|
||||
<div class="icon">
|
||||
<img src="images/icon/info-card/v-4/icon-2.png" alt="icon">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<h3 class="title">Software develop</h3>
|
||||
<p class="desc">Corporate restructuring an the refers to the process a of and reorganizin</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-6">
|
||||
<div class="te-list-item-wrapper">
|
||||
<div class="te-list-item">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-check"></i>
|
||||
</span>
|
||||
<span class="text">Aliquam eros justo, posuere loborti vive rra laoreet</span>
|
||||
</div>
|
||||
<div class="te-list-item">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-check"></i>
|
||||
</span>
|
||||
<span class="text">laoreet matti ullameros justo,c orper posu ere vi</span>
|
||||
</div>
|
||||
<div class="te-list-item">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-check"></i>
|
||||
</span>
|
||||
<span class="text">Aliquam eros justo, posuere leros justo,oborti </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="te-list-item-wrapper">
|
||||
<div class="te-list-item">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-check"></i>
|
||||
</span>
|
||||
<span class="text">Aliquam eros justo, posuere loborti vive rra laoreet</span>
|
||||
</div>
|
||||
<div class="te-list-item">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-check"></i>
|
||||
</span>
|
||||
<span class="text">laoreet matti ullameros justo,c orper posu ere vi</span>
|
||||
</div>
|
||||
<div class="te-list-item">
|
||||
<span class="icon">
|
||||
<i class="fa-solid fa-check"></i>
|
||||
</span>
|
||||
<span class="text">Aliquam eros justo, posuere leros justo,oborti </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Details Content End -->
|
||||
<!-- sidebar Start -->
|
||||
<div class="col-lg-4">
|
||||
<div class="sidebar">
|
||||
<div class="widget te_widget_service_categories">
|
||||
<div class="te-widget-title">
|
||||
<h4 class="wp-block-heading">Our Service</h4>
|
||||
</div>
|
||||
<ul>
|
||||
<li><a href="#">Our Service</a></li>
|
||||
<li><a href="#">Logic Solutions</a></li>
|
||||
<li><a href="#">AI Services</a></li>
|
||||
<li><a href="#">Regular start</a></li>
|
||||
<li><a href="#">AI-powered startup</a></li>
|
||||
<li><a href="#">Labratory</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="#" class="pdf-download-btn">
|
||||
<div class="icon">
|
||||
<i class="fa-solid fa-file-pdf"></i>
|
||||
</div>
|
||||
<div class="content">
|
||||
<span class="title">Project aurgument form</span>
|
||||
<span class="sub-title">13.5 MB</span>
|
||||
</div>
|
||||
<div class="download-icon">
|
||||
<i class="fa-solid fa-arrow-down"></i>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- sidebar Start -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Service Details Page End !-->
|
||||
|
||||
<!--- Start Footer !-->
|
||||
<footer class="footer style-1">
|
||||
<div class="te-footer-sec">
|
||||
<div class="container">
|
||||
<div class="row gy-5">
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<div class="te-footer-widget-info">
|
||||
<div class="te-footer-logo">
|
||||
<a href="index.html"><img src="images/logo/logo.png" alt="Footer Logo"></a>
|
||||
</div>
|
||||
<p>Lorem Ipsum is simply is dumi omy is text dummy text.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget te_widget_nav_menu">
|
||||
<h3 class="te-footer-widget-title">Our Services</h3>
|
||||
<ul class="menu">
|
||||
<li><a href="#">Mistakes To Avoid</a></li>
|
||||
<li><a href="#">Your Startup</a></li>
|
||||
<li><a href="#">Knew About Fonts</a></li>
|
||||
<li><a href="#">Winning Your Startup</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<h3 class="te-footer-widget-title">Address</h3>
|
||||
<div class="te-footer-widget-contact">
|
||||
<div class="footer-contact">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<a href="tel:+5550129">(629) 555-0129</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-envelope"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<a href="mailto:hello@netfusion.com"><span>hello@netfusion.com</span></a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<span>6391 Elgin St. Celina, 10299</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<div class="te-footer-widget-newsletter">
|
||||
<h3 class="te-footer-widget-title">Get Free Estimate</h3>
|
||||
<div class="te-subscribe-form-widget">
|
||||
<form>
|
||||
<div class="mc4wp-form-fields">
|
||||
<div class="single-field">
|
||||
<input type="email" placeholder="Email here">
|
||||
</div>
|
||||
<button class="submit-btn" type="submit"><i class="fa-solid fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-pinterest"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="te-footer-bottom-wrapper">
|
||||
<div class="te-copyright-text">
|
||||
<p>© <a href="#">NetFusion</a> 2023 | All Rights Reserved</p>
|
||||
</div>
|
||||
<div class="te-footer-bottom-menu">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Terms & Condition</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Privacy Policy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--- End Footer !-->
|
||||
<!-- Scroll Up Section Start -->
|
||||
<div class="progress-wrap">
|
||||
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- Scroll Up Section End -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/slick.min.js"></script>
|
||||
<script src="js/jquery.counterup.min.js"></script>
|
||||
<script src="js/waypoints.js"></script>
|
||||
<script src="js/jquery.meanmenu.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/inview.min.js"></script>
|
||||
<script src="js/wow.js"></script>
|
||||
<script src="js/tilt.jquery.js"></script>
|
||||
<script src="js/isotope.min.js"></script>
|
||||
<script src="js/scrolltotop.min.js"></script>
|
||||
<script src="js/plugins.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,526 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="zxx">
|
||||
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="NetFusion - AI Powered Startup & Technology HTML5 Template" />
|
||||
<meta name="keywords" content="ai, artificial intelligence, chatbot, chatgpt, content, fast, landing, machine learning, modern, openai, saas, startup, unique" />
|
||||
<meta name="author" content="ThemeEarth" />
|
||||
|
||||
<title>NetFusion - AI Powered Startup & Technology HTML5 Template</title>
|
||||
|
||||
<link rel="icon" type="image/png" href="images/logo/favicon.png" />
|
||||
|
||||
<link rel="apple-touch-icon" href="images/logo/apple-touch-icon.png" />
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="images/logo/apple-touch-icon-57x57.png" />
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="images/logo/apple-touch-icon-72x72.png" />
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="images/logo/apple-touch-icon-76x76.png" />
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="images/logo/apple-touch-icon-114x114.png" />
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="images/logo/apple-touch-icon-120x120.png" />
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="images/logo/apple-touch-icon-144x144.png" />
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="images/logo/apple-touch-icon-152x152.png" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="images/logo/apple-touch-icon-180x180.png" />
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="css/fontawesome.min.css" />
|
||||
<link rel="stylesheet" href="css/magnific-popup.css" />
|
||||
<link rel="stylesheet" href="css/slick.css" />
|
||||
<link rel="stylesheet" href="css/meanmenu.css" />
|
||||
<link rel="stylesheet" href="css/nice-select.css" />
|
||||
<link rel="stylesheet" href="css/animate.css" />
|
||||
<link rel="stylesheet" href="css/style.css" />
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Preloader Start !-->
|
||||
<div id="preloader">
|
||||
<div id="preloader-status">
|
||||
<div class="preloader-ripple">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preloader End !-->
|
||||
<!-- Header Start !-->
|
||||
<header class="header-area style-2">
|
||||
<!-- Header Nav Menu Start -->
|
||||
<div class="te-header-menu-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-lg-3 col-md-6 col-6 d-flex align-items-center">
|
||||
<div class="te-logo">
|
||||
<a href="index.html" class="te-standard-logo">
|
||||
<img src="images/logo/logo.png" alt="logo"/>
|
||||
</a>
|
||||
<a href="index.html" class="te-sticky-logo">
|
||||
<img src="images/logo/logo.png" alt="logo" />
|
||||
</a>
|
||||
<a href="index.html" class="te-retina-logo">
|
||||
<img src="images/logo/logo.png" alt="logo"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-9 col-lg-9 col-md-6 col-6 d-flex align-items-center justify-content-end">
|
||||
<div class="te-menu d-inline-block">
|
||||
<nav id="main-menu" class="te-main-menu">
|
||||
<ul>
|
||||
<li class="te-dropdown active">
|
||||
<a href="index.html">Home</a>
|
||||
<ul>
|
||||
<li><a href="index.html">Home Page 1</a></li>
|
||||
<li><a href="index-2.html">Home Page 2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="about.php">About Us</a></li>
|
||||
<li class="te-dropdown">
|
||||
<a href="service.php">Services</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="service.php">Service Page</a></li>
|
||||
<li><a href="service-details.php">Service Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="project.php">Projects</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="project.php">Project Page</a></li>
|
||||
<li><a href="project-details.php">Project Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="blog.php">Blog</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="blog.php">Blog Page</a></li>
|
||||
<li><a href="blog-details.php">Blog Details Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="te-dropdown">
|
||||
<a href="#">Page</a>
|
||||
<ul class="te-submenu">
|
||||
<li><a href="faq.php">Faq Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contact.php">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- Header Button Start !-->
|
||||
<div class="te-header-btn">
|
||||
<a href="#" class="te-quote-btn">JOIN HUB <i class="fa-solid fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<!-- Header Button Start !-->
|
||||
<!-- Mobile Menu Toggle Button Start !-->
|
||||
<div class="te-mobile-menu-bar d-lg-none text-end">
|
||||
<a href="#" class="te-mobile-menu-toggle-btn"><i class="fal fa-bars"></i></a>
|
||||
</div>
|
||||
<!-- Mobile Menu Toggle Button End !-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header Nav Menu End -->
|
||||
</header>
|
||||
<!-- Header End !-->
|
||||
<!-- Menu sidebar Section Start -->
|
||||
<div class="te-menu-sidebar-area">
|
||||
<div class="te-menu-sidebar-wrapper">
|
||||
<div class="te-menu-sidebar-close">
|
||||
<button class="te-menu-sidebar-close-btn" id="menu_sidebar_close_btn">
|
||||
<i class="fal fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="te-menu-sidebar-content">
|
||||
<div class="te-menu-sidebar-logo">
|
||||
<a href="index.html">
|
||||
<img src="images/logo/logo.png" alt="logo" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="te-mobile-nav-menu"></div>
|
||||
<div class="te-menu-sidebar-content">
|
||||
<div class="te-menu-sidebar-single-widget">
|
||||
<h5 class="te-menu-sidebar-title">Contact Info</h5>
|
||||
<div class="te-header-contact-info">
|
||||
<span><i class="fa-solid fa-location-dot"></i>6391 Elgin St. Celina, 10299</span>
|
||||
<span><a href="mailto:info@example.com"><i class="fa-solid fa-envelope"></i>info@example.com</a> </span>
|
||||
<span><a href="tel:+123-456-7890"><i class="fa-solid fa-phone"></i>+123-456-7890</a></span>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Menu sidebar Section Start -->
|
||||
<div class="te-body-overlay"></div>
|
||||
|
||||
<!-- Page Header Start !-->
|
||||
<div class="page-breadcrumb-area" style="background-image: url('images/section-bg/page-header.png')">
|
||||
<div class="page-overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="te-breadcrumb-wrapper">
|
||||
<div class="te-page-heading">
|
||||
<h3 class="te-page-title">Service</h3>
|
||||
</div>
|
||||
<div class="te-breadcrumb-list">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="active"><a href="#">Service</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header End !-->
|
||||
<!-- Latest Service Area Start !-->
|
||||
<div class="latest-service-area style-1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="latest-service-wrapper">
|
||||
<div class="latest-service-card wow animate__animated animate__fadeInUp animate__faster">
|
||||
<div class="circle-drop-shadow"></div>
|
||||
|
||||
<div class="content-wrapper">
|
||||
<div class="icon">
|
||||
<img src="images/icon/latest-service/cloud.png" alt="icon">
|
||||
</div>
|
||||
<div class="title-wrapper">
|
||||
<h3 class="title"><a href="service-details.php">Tech support</a></h3>
|
||||
</div>
|
||||
<div class="content">
|
||||
<p>Corporate restructuring an the refers to <br/> the process a of and reorganizin</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="service-details.php" class="btn-wrapper">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="67" height="16" viewBox="0 0 67 16" fill="none">
|
||||
<path d="M66.7071 8.70711C67.0976 8.31658 67.0976 7.68342 66.7071 7.29289L60.3431 0.928932C59.9526 0.538408 59.3195 0.538408 58.9289 0.928932C58.5384 1.31946 58.5384 1.95262 58.9289 2.34315L64.5858 8L58.9289 13.6569C58.5384 14.0474 58.5384 14.6805 58.9289 15.0711C59.3195 15.4616 59.9526 15.4616 60.3431 15.0711L66.7071 8.70711ZM0 9H66V7H0L0 9Z" fill="#02C173"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="latest-service-card wow animate__animated animate__fadeInUp animate__fast">
|
||||
<div class="circle-drop-shadow"></div>
|
||||
<div class="content-wrapper">
|
||||
<div class="icon">
|
||||
<img src="images/icon/latest-service/ebene.png" alt="icon">
|
||||
</div>
|
||||
<div class="title-wrapper">
|
||||
<h3 class="title"><a href="service-details.php">Software develop</a></h3>
|
||||
</div>
|
||||
<div class="content">
|
||||
<p>Corporate restructuring an the refers to <br/> the process a of and reorganizin</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="service-details.php" class="btn-wrapper">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="67" height="16" viewBox="0 0 67 16" fill="none">
|
||||
<path d="M66.7071 8.70711C67.0976 8.31658 67.0976 7.68342 66.7071 7.29289L60.3431 0.928932C59.9526 0.538408 59.3195 0.538408 58.9289 0.928932C58.5384 1.31946 58.5384 1.95262 58.9289 2.34315L64.5858 8L58.9289 13.6569C58.5384 14.0474 58.5384 14.6805 58.9289 15.0711C59.3195 15.4616 59.9526 15.4616 60.3431 15.0711L66.7071 8.70711ZM0 9H66V7H0L0 9Z" fill="#02C173"/>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="latest-service-card wow animate__animated animate__fadeInUp animate__slow">
|
||||
<div class="circle-drop-shadow"></div>
|
||||
<div class="content-wrapper">
|
||||
<div class="icon">
|
||||
<img src="images/icon/latest-service/api.png" alt="icon">
|
||||
</div>
|
||||
<div class="title-wrapper">
|
||||
<h3 class="title"><a href="service-details.php">Mobile develop</a></h3>
|
||||
</div>
|
||||
<div class="content">
|
||||
<p>Corporate restructuring an the refers to <br/> the process a of and reorganizin</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="service-details.php" class="btn-wrapper">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="67" height="16" viewBox="0 0 67 16" fill="none">
|
||||
<path d="M66.7071 8.70711C67.0976 8.31658 67.0976 7.68342 66.7071 7.29289L60.3431 0.928932C59.9526 0.538408 59.3195 0.538408 58.9289 0.928932C58.5384 1.31946 58.5384 1.95262 58.9289 2.34315L64.5858 8L58.9289 13.6569C58.5384 14.0474 58.5384 14.6805 58.9289 15.0711C59.3195 15.4616 59.9526 15.4616 60.3431 15.0711L66.7071 8.70711ZM0 9H66V7H0L0 9Z" fill="#02C173"/>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="latest-service-card wow animate__animated animate__fadeInUp animate__slower">
|
||||
<div class="circle-drop-shadow"></div>
|
||||
<div class="content-wrapper">
|
||||
<div class="icon">
|
||||
<img src="images/icon/latest-service/desktop.png" alt="icon">
|
||||
</div>
|
||||
<div class="title-wrapper">
|
||||
<h3 class="title"><a href="service-details.php">Tech support</a></h3>
|
||||
</div>
|
||||
<div class="content">
|
||||
<p>Corporate restructuring an the refers to <br/> the process a of and reorganizin</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="service-details.php" class="btn-wrapper">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="67" height="16" viewBox="0 0 67 16" fill="none">
|
||||
<path d="M66.7071 8.70711C67.0976 8.31658 67.0976 7.68342 66.7071 7.29289L60.3431 0.928932C59.9526 0.538408 59.3195 0.538408 58.9289 0.928932C58.5384 1.31946 58.5384 1.95262 58.9289 2.34315L64.5858 8L58.9289 13.6569C58.5384 14.0474 58.5384 14.6805 58.9289 15.0711C59.3195 15.4616 59.9526 15.4616 60.3431 15.0711L66.7071 8.70711ZM0 9H66V7H0L0 9Z" fill="#02C173"/>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Latest Service Area Start !-->
|
||||
<!-- Price Area Start -->
|
||||
<div class="price-area style-1 pt-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 wow animate__animated animate__slideInDown animate__slow">
|
||||
<div class="te-section-title justify-content-center text-center">
|
||||
<div class="te-section-content">
|
||||
<div>
|
||||
<span class="short-title">Pricing action</span>
|
||||
</div>
|
||||
<h2 class="title">Technology that inspires us <br/> Technology for all</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row gy-4">
|
||||
<div class="col-md-6 col-lg-4 price-card-wrapper wow animate__animated animate__fadeInUp animate__fast">
|
||||
<div class="price-card style-3">
|
||||
<div class="price">
|
||||
<h3 class="price-heading">
|
||||
<span class="currency">$</span>19
|
||||
</h3>
|
||||
<p class="price-desc">/mo</p>
|
||||
</div>
|
||||
<div class="card-title">
|
||||
<h3 class="title">Stater</h3>
|
||||
<p class="sub-title">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
</div>
|
||||
<a href="#" class="price-label">Get Started <i class="fa-solid fa-arrow-right"></i></a>
|
||||
<div class="list-wrapper">
|
||||
<div class="list">
|
||||
<ul>
|
||||
<li><i class="fa-light fa-check"></i> Mistakes To Avoid</li>
|
||||
<li><i class="fa-light fa-check"></i> Miss his To Avoid</li>
|
||||
<li><i class="fa-light fa-check"></i> Your Startup</li>
|
||||
<li><i class="fa-light fa-check"></i> Knew About Fonts</li>
|
||||
<li><i class="fa-thin fa-xmark"></i> Winning Metric for Your Startup</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 price-card-wrapper wow animate__animated animate__fadeInUp animate__slow">
|
||||
<div class="price-card style-3 active">
|
||||
<div class="price">
|
||||
<h3 class="price-heading">
|
||||
<span class="currency">$</span>28
|
||||
</h3>
|
||||
<p class="price-desc">/mo</p>
|
||||
</div>
|
||||
<div class="card-title">
|
||||
<h3 class="title">Professional <span>popular</span></h3>
|
||||
<p class="sub-title">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
</div>
|
||||
<a href="#" class="price-label">Get Started <i class="fa-solid fa-arrow-right"></i></a>
|
||||
<div class="list-wrapper">
|
||||
<div class="list">
|
||||
<ul>
|
||||
<li><i class="fa-light fa-check"></i> Mistakes To Avoid</li>
|
||||
<li><i class="fa-light fa-check"></i> Miss his To Avoid</li>
|
||||
<li><i class="fa-light fa-check"></i> Your Startup</li>
|
||||
<li><i class="fa-light fa-check"></i> Knew About Fonts</li>
|
||||
<li><i class="fa-thin fa-xmark"></i> Winning Metric for Your Startup</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 price-card-wrapper wow animate__animated animate__fadeInUp animate__slower">
|
||||
<div class="price-card style-3">
|
||||
<div class="price">
|
||||
<h3 class="price-heading">
|
||||
<span class="currency">$</span>85
|
||||
</h3>
|
||||
<p class="price-desc">/mo</p>
|
||||
</div>
|
||||
<div class="card-title">
|
||||
<h3 class="title">Enterprise</h3>
|
||||
<p class="sub-title">Lorem Ipsum is simply dummy text of the printing.</p>
|
||||
</div>
|
||||
<a href="#" class="price-label">Get Started <i class="fa-solid fa-arrow-right"></i></a>
|
||||
<div class="list-wrapper">
|
||||
<div class="list">
|
||||
<ul>
|
||||
<li><i class="fa-light fa-check"></i> Mistakes To Avoid</li>
|
||||
<li><i class="fa-light fa-check"></i> Miss his To Avoid</li>
|
||||
<li><i class="fa-light fa-check"></i> Your Startup</li>
|
||||
<li><i class="fa-light fa-check"></i> Knew About Fonts</li>
|
||||
<li><i class="fa-thin fa-check"></i> Winning Metric for Your Startup</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price Area End -->
|
||||
|
||||
<!--- Start Footer !-->
|
||||
<footer class="footer style-1">
|
||||
<div class="te-footer-sec">
|
||||
<div class="container">
|
||||
<div class="row gy-5">
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<div class="te-footer-widget-info">
|
||||
<div class="te-footer-logo">
|
||||
<a href="index.html"><img src="images/logo/logo.png" alt="Footer Logo"></a>
|
||||
</div>
|
||||
<p>Lorem Ipsum is simply is dumi omy is text dummy text.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget te_widget_nav_menu">
|
||||
<h3 class="te-footer-widget-title">Our Services</h3>
|
||||
<ul class="menu">
|
||||
<li><a href="#">Mistakes To Avoid</a></li>
|
||||
<li><a href="#">Your Startup</a></li>
|
||||
<li><a href="#">Knew About Fonts</a></li>
|
||||
<li><a href="#">Winning Your Startup</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<h3 class="te-footer-widget-title">Address</h3>
|
||||
<div class="te-footer-widget-contact">
|
||||
<div class="footer-contact">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<a href="tel:+5550129">(629) 555-0129</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-envelope"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<a href="mailto:hello@netfusion.com"><span>hello@netfusion.com</span></a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-icon">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
</div>
|
||||
<div class="contact-text">
|
||||
<span>6391 Elgin St. Celina, 10299</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-6 col-md-6 te-footer-widget-wrapper">
|
||||
<div class="te-footer-widget">
|
||||
<div class="te-footer-widget-newsletter">
|
||||
<h3 class="te-footer-widget-title">Get Free Estimate</h3>
|
||||
<div class="te-subscribe-form-widget">
|
||||
<form>
|
||||
<div class="mc4wp-form-fields">
|
||||
<div class="single-field">
|
||||
<input type="email" placeholder="Email here">
|
||||
</div>
|
||||
<button class="submit-btn" type="submit"><i class="fa-solid fa-paper-plane"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="te-social-profile">
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
||||
<a href="#"><i class="fa-brands fa-pinterest"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom-area">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="te-footer-bottom-wrapper">
|
||||
<div class="te-copyright-text">
|
||||
<p>© <a href="#">NetFusion</a> 2023 | All Rights Reserved</p>
|
||||
</div>
|
||||
<div class="te-footer-bottom-menu">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Terms & Condition</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Privacy Policy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--- End Footer !-->
|
||||
<!-- Scroll Up Section Start -->
|
||||
<div class="progress-wrap">
|
||||
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- Scroll Up Section End -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/slick.min.js"></script>
|
||||
<script src="js/jquery.counterup.min.js"></script>
|
||||
<script src="js/waypoints.js"></script>
|
||||
<script src="js/jquery.meanmenu.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/inview.min.js"></script>
|
||||
<script src="js/wow.js"></script>
|
||||
<script src="js/tilt.jquery.js"></script>
|
||||
<script src="js/isotope.min.js"></script>
|
||||
<script src="js/scrolltotop.min.js"></script>
|
||||
<script src="js/plugins.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,977 +0,0 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="keywords" content="Tokslaw, Toks Lawal, Tokunbo Lawal">
|
||||
<meta name="author" content="Tokslaw, Toks Lawal, Tokunbo Lawal">
|
||||
<meta name="description" content="Tokslaw, Product Architect,Robust background in software development and cybersecurity, honed through dedicated service in the US Army. Specializing in leveraging event-driven architecture and advanced methodologies to craft resilient, scalable, and efficient microservices architectures.">
|
||||
<meta property="og:title" content="Tokslaw"
|
||||
<meta property="og:description" content="Tokslaw, Product Architect,Robust background in software development and cybersecurity, honed through dedicated service in the US Army. Specializing in leveraging event-driven architecture and advanced methodologies to craft resilient, scalable, and efficient microservices architectures.">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:image" content="./assets/images/common/og-image.jpg">
|
||||
|
||||
<link rel="stylesheet" href="./assets/vendors/liquid-icon/lqd-essentials/lqd-essentials.min.css">
|
||||
<link rel="stylesheet" href="./assets/css/theme.min.css">
|
||||
<link rel="stylesheet" href="./assets/css/utility.min.css">
|
||||
<link rel="stylesheet" href="./assets/css/extra.css">
|
||||
<link rel="stylesheet" href="./assets/css/demo/start-hub-8/base.css">
|
||||
<link rel="stylesheet" href="./assets/css/demo/start-hub-8/start-hub-8.css">
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;700&family=Libre+Baskerville:ital@1&family=Space+Grotesk:wght@600;700&display=swap" rel="stylesheet">
|
||||
|
||||
<title>Tokslaw</title>
|
||||
</head>
|
||||
|
||||
<body data-localscroll-offset="55" data-lqd-cc="true" data-mobile-nav-breakpoint="1199" data-mobile-nav-style="modern" data-mobile-nav-scheme="dark" data-mobile-nav-trigger-alignment="right" data-mobile-header-scheme="gray" data-mobile-logo-alignment="default" data-overlay-onmobile="false" data-disable-animations-onmobile="true">
|
||||
<div class="bg-white" id="wrap">
|
||||
|
||||
<div class="titlebar bg-transparent border-bottom border-gray-100" id="titlebar" style="background-image: linear-gradient(180deg, #FF00C414 0%, #FFFFFF 100%);">
|
||||
|
||||
<div class="lqd-sticky-placeholder hidden"></div>
|
||||
<header id="site-header" class="main-header" data-sticky-header="true" data-sticky-values-measured="false" data-sticky-options='{"disableOnMobile": true}'>
|
||||
<div class="lqd-hide-onstuck module-top py-10 px-35 border-bottom border-black-10 bg-white md:hidden module-header">
|
||||
<div class="container-fluid">
|
||||
<div class="flex flex-wrap w-full justify-between items-center">
|
||||
<div class="flex w-55percent justify-start">
|
||||
<div class="px-5 bg-lightgray mr-15 ld-fancy-heading relative">
|
||||
<h6 class="ld-fh-element relative text-11 m-0 text-black">Overview </h6>
|
||||
</div>
|
||||
<div class="mr-15 ld-fancy-heading relative">
|
||||
<p class="ld-fh-element relative text-13 m-0">About Tokslaw👋</p>
|
||||
</div>
|
||||
<a href="#" class="text-13 text-text btn btn-naked btn-icon-right btn-hover-swp btn-has-label">
|
||||
<span data-text="Learn more" class="btn-txt">Learn more </span>
|
||||
<span class="btn-icon">
|
||||
<i aria-hidden="true" class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
||||
</span>
|
||||
<span class="btn-icon mr-10">
|
||||
<i aria-hidden="true" class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex w-45percent justify-end">
|
||||
<div class="flex flex-row gap-25 w-auto mr-30">
|
||||
<span class="grid-item inline-flex text-18 leading-20 w-20 h-20">
|
||||
<a href="https://www.facebook.com/tokunbo.lawal.1485" class="icon social-icon hover:svg-black" target="_blank">
|
||||
<span class="sr-only">Facebook-square</span>
|
||||
<svg class="w-1em h-1em block relative e-font-icon-svg e-fab-facebook-square" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z" fill="#B4B6C6"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
<span class="grid-item inline-flex text-18 leading-20 w-20 h-20">
|
||||
<a href="https://x.com/Tokslaw1" class="icon social-icon hover:svg-black" target="_blank">
|
||||
<span class="sr-only">Twitter</span>
|
||||
<svg class="w-1em h-1em block relative e-font-icon-svg e-fab-twitter" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" fill="#B4B6C6"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
<span class="grid-item inline-flex text-18 leading-20 w-20 h-20">
|
||||
<a href="#" class="icon social-icon hover:svg-black" target="_blank">
|
||||
<span class="sr-only">Github</span>
|
||||
<svg class="w-1em h-1em block relative e-font-icon-svg e-fab-github" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" fill="#B4B6C6"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-bottom border-black-10 px-35 py-0 bg-white md:hidden module-header">
|
||||
<div class="container-fluid">
|
||||
<div class="flex justify-between items-center w-full">
|
||||
<div class="flex w-60percent lg:w-75percent">
|
||||
<div class="py-10 pr-35 module-logo flex navbar-brand-plain">
|
||||
<a class="navbar-brand flex p-0 relative" href="./index-start-hub-8.html" rel="home">
|
||||
<span class="navbar-brand-inner post-rel">
|
||||
<img class="logo-default" src="./assets/images/demo/start-hub-8/tokslaw-logo-.svg" alt="Tokslaw">
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="module-primary-nav flex">
|
||||
<div class="navbar-collapse inline-flex p-0 lqd-submenu-default-style" id="main-header-collapse" aria-expanded="false" role="navigation">
|
||||
<ul id="primary-nav" class="link-13 link-font-medium link-leading-2em link-black-80 main-nav flex reset-ul inline-ul lqd-menu-counter-right lqd-menu-items-inline main-nav-hover-fill" data-submenu-options='{"toggleType": "fade", "handler": "mouse-in-out"}' data-localscroll="true" data-localscroll-options='{"itemsSelector":"> li > a", "trackWindowScroll": true, "includeParentAsOffset": true}'>
|
||||
|
||||
<li>
|
||||
<a href="/" class="py-15 pr-60">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?= $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . '/about'; ?>">About</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="<?= $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . '/portfolio'; ?>">Portfolio</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?= $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . '/services'; ?>">Services</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#solutions" class="py-15 pr-60">
|
||||
Solutions
|
||||
<span class="link-icon inline-flex hide-if-empty right-icon">
|
||||
<i class="lqd-icn-ess icon-ion-ios-arrow-down"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex w-40percent justify-end lg:w-25percent">
|
||||
<div class="mr-10 ld-module-search lqd-module-search-slide-top flex items-center " data-module-style='lqd-search-style-slide-top'>
|
||||
<span class="text-black-50 ld-module-trigger collapsed lqd-module-trigger-txt-left lqd-module-show-icon lqd-module-icon-outline" role="button" data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#search-header" aria-controls="search-header" aria-expanded="false">
|
||||
<span class="ld-module-trigger-txt"></span>
|
||||
<span class="ld-module-trigger-icon">
|
||||
<i class="text-18 lqd-icn-ess icon-ld-search-2"></i>
|
||||
</span>
|
||||
</span>
|
||||
<div class="ld-module-dropdown collapse flex w-full flex-col fixed overflow-hidden backface-hidden" id="search-header" aria-expanded="false" role="form">
|
||||
<div class="ld-search-form-container flex flex-col justify-center h-full mx-auto backface-hidden" role="searchbox">
|
||||
<form role="search" method="get" action="#" class="ld-search-form w-full">
|
||||
<input class="w-full" type="search" placeholder="Search" value="" name="s">
|
||||
<span class="input-icon inline-flex items-center justify-center absolute" role="search" data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#search-header" aria-controls="search-header" aria-expanded="false">
|
||||
<i class="lqd-icn-ess icon-ld-search"></i>
|
||||
</span>
|
||||
<input type="hidden" name="post_type" value="post">
|
||||
</form>
|
||||
<p class="lqd-module-search-info">Type and hit enter</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#contact-modal" class="btn btn-naked btn-icon-left btn-icon-circle btn-icon-custom-size btn-icon-solid mr-15 text-14 tracking-0/1 text-purple-500 lg:mr-0" data-lity="#contact-modal">
|
||||
<span data-text="Join the community" class="btn-txt">My Internet World </span>
|
||||
<span class="btn-icon mr-10 w-35 h-35 bg-purple-500 rounded-full">
|
||||
<svg class="text-14" xmlns="http://www.w3.org/2000/svg" width="19.25" height="19.25" viewBox="0 0 19.25 19.25">
|
||||
<path d="M-5.581-5.711V-7.733H-7.6A2.027,2.027,0,0,0-9.625-5.711,2.027,2.027,0,0,0-7.6-3.688,2.027,2.027,0,0,0-5.581-5.711Zm1.019,0V-.647A2.027,2.027,0,0,0-2.539,1.375,2.027,2.027,0,0,0-.517-.647V-5.711A2.027,2.027,0,0,0-2.539-7.733,2.027,2.027,0,0,0-4.562-5.711Zm2.022-8.12H-.517v-2.022a2.027,2.027,0,0,0-2.022-2.022,2.027,2.027,0,0,0-2.022,2.022A2.027,2.027,0,0,0-2.539-13.831Zm0,1.019H-7.6a2.027,2.027,0,0,0-2.022,2.022A2.027,2.027,0,0,0-7.6-8.767h5.063A2.027,2.027,0,0,0-.517-10.789,2.027,2.027,0,0,0-2.539-12.812Zm8.12,2.022v2.022H7.6a2.027,2.027,0,0,0,2.022-2.022A2.027,2.027,0,0,0,7.6-12.812,2.027,2.027,0,0,0,5.581-10.789Zm-1.019,0v-5.063a2.027,2.027,0,0,0-2.022-2.022A2.027,2.027,0,0,0,.517-15.853v5.063A2.027,2.027,0,0,0,2.539-8.767,2.027,2.027,0,0,0,4.562-10.789ZM2.539-2.669H.517V-.647A2.027,2.027,0,0,0,2.539,1.375,2.027,2.027,0,0,0,4.562-.647,2.027,2.027,0,0,0,2.539-2.669Zm0-1.019H7.6A2.027,2.027,0,0,0,9.625-5.711,2.027,2.027,0,0,0,7.6-7.733H2.539A2.027,2.027,0,0,0,.517-5.711,2.027,2.027,0,0,0,2.539-3.688Z" transform="translate(9.625 17.875)" fill="#fff"></path>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a href="#contact-modal" class="btn btn-solid btn-hover-txt-switch-change btn-hover-txt-switch btn-hover-txt-switch-y btn-icon-right bg-blue-700 text-13 text-white font-medium rounded-100 shadow-md module-btn-sm lg:hidden" data-lity="#contact-modal">
|
||||
<span data-text="Get the App" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements": ".lqd-chars" , "delayType": "animation" , "startDelay": 0, "delayBetween": 32.5}' data-split-text="true" data-split-options='{"type": "chars, words"}'> Connect </span>
|
||||
<span class="btn-icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="8.75" height="8.75" viewBox="0 0 8.75 8.75">
|
||||
<path d="M2.926-9.324H8.75V-3.5H7.574V-7.355L.82-.574,0-1.395,6.754-8.176H2.926Z" transform="translate(0 9.324)" fill="#fff"></path>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lqd-stickybar-wrap lqd-stickybar-right flex flex-row items-end justify-start pointer-events-none md:hidden">
|
||||
<a href="#contact-modal" class="btn btn-solid btn-custom-size btn-icon-right pointer-events-auto w-60 h-60 bg-white text-black rounded-full" data-lity="#contact-modal">
|
||||
<span class="btn-icon text-black">
|
||||
<i aria-hidden="true" class="lqd-icn-ess icon-lqd-pen"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="lqd-mobile-sec relative">
|
||||
<div class="lqd-mobile-sec relative">
|
||||
<div class="lqd-mobile-sec-inner navbar-header flex items-stretch w-full">
|
||||
<div class="lqd-mobile-modules-container empty"></div>
|
||||
<button type="button" class="navbar-toggle collapsed nav-trigger style-mobile flex relative items-center justify-end border-none bg-transparent" data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#lqd-mobile-sec-nav" aria-expanded="false" data-toggle-options='{ "changeClassnames": {"html": "mobile-nav-activated"} }'>
|
||||
<span class="sr-only">Menu</span>
|
||||
<span class="bars inline-block relative z-1">
|
||||
<span class="bars-inner flex flex-col w-full h-full">
|
||||
<span class="bar inline-block"></span>
|
||||
<span class="bar inline-block"></span>
|
||||
<span class="bar inline-block"></span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<a class="navbar-brand flex relative" href="./index-start-hub-8.html">
|
||||
<span class="navbar-brand-inner">
|
||||
<img class="logo-default" src="./assets/images/demo/start-hub-8/tokslaw-logo-.svg" alt="Tokslaw">
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="lqd-mobile-sec-nav w-full absolute z-10">
|
||||
<div class="mobile-navbar-collapse navbar-collapse collapse w-full" id="lqd-mobile-sec-nav" aria-expanded="false" role="navigation">
|
||||
<ul id="mobile-primary-nav" class="reset-ul lqd-mobile-main-nav main-nav nav" data-localscroll="true" data-localscroll-options='{"itemsSelector":"> li > a", "trackWindowScroll": true, "includeParentAsOffset": true}'>
|
||||
<li>
|
||||
<a href="<?= $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . '/'; ?>" class="py-15 pr-60">Home</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?= $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . '/portfolio'; ?>" class="py-15 pr-60">Projects</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#solutions" class="py-15 pr-60">
|
||||
Solutions
|
||||
<span class="link-icon inline-flex hide-if-empty right-icon">
|
||||
<i class="lqd-icn-ess icon-ion-ios-arrow-down"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./page-start-hub-8-contact.html" class="py-15 pr-60">
|
||||
Contact
|
||||
<span class="link-badge text-badge">NEW</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="titlebar-inner">
|
||||
<div class="container titlebar-container">
|
||||
<div class="row titlebar-container justify-center">
|
||||
<div class="col titlebar-col col-xl-6 col-lg-8 col-12 text-center">
|
||||
<h1>Services</h1>
|
||||
<p class="leading-20 text-gray-400">Investing in the digital future and resources.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main class="contant relative transition-all z-2" id="lqd-site-content" style="background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,248,245,1) 100%);">
|
||||
<div class="lqd-contents-wrap">
|
||||
|
||||
<!-- Start Design -->
|
||||
<section class="lqd-section design pt-100 pb-40" data-custom-animations="true" data-ca-options='{"animationTarget": ".animation-element, figure, .lqd-split-lines .lqd-lines .split-inner", "duration" : 1100 , "startDelay" : 200 , "delay" : 100 , "ease": "expo.out", "initValues": {"y": "80px", "opacity" : 0} , "animations": {"y": "0px", "opacity" : 1}}'>
|
||||
<div class="absolute top-0">
|
||||
<div class="ld-particles-container relative w-full">
|
||||
<div class="ld-particles-inner lqd-overlay flex pointer-events-none" id="lqd-particle-design-services" data-particles="true" data-particles-options='{"particles": {"number": {"value" : 5} , "color": {"value" : ["#604CFD", "#F85976", "#FDA44C", "#A2B2C9"]} , "shape": {"type" : ["circle"]} , "opacity": {"value" : 1} , "size": {"value" : 2} , "move": {"enable": true, "direction": "right", "random": true, "out_mode": "out"}} , "interactivity": {"detect_on": "window", "events": {"onhover": {"enable": true, "mode" : ["bubble"]}} , "modes": {"bubble": {"size" : 15}}} , "retina_detect": true}'></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="w-450 flex flex-col relative items-center max-w-full text-center mx-auto px-15">
|
||||
<div class="ld-fancy-heading relative w-auto py-5 px-15 bg-gray rounded-100 animation-element">
|
||||
<h6 class="ld-fh-element relative text-12 uppercase tracking-1 text-slate-500 m-0">Design services</h6>
|
||||
</div>
|
||||
<div class="ld-fancy-heading relative mask-text">
|
||||
<h2 class="ld-fh-element relative lqd-highlight-classic lqd-highlight-grow-bottom lqd-highlight-reset-onhover lqd-split-lines mb-0/5em mt-0/25em" data-inview="true" data-transition-delay="true" data-delay-options='{"elements": ".lqd-highlight-inner", "delayType": "transition"}' data-split-text="true" data-split-options='{"type": "lines"}'>
|
||||
Research
|
||||
<mark class="lqd-highlight">
|
||||
<span class="lqd-highlight-txt">and</span>
|
||||
<span class="bottom-0 left-0 lqd-highlight-inner bg-purple-200"></span>
|
||||
</mark>
|
||||
Development.
|
||||
</h2>
|
||||
</div>
|
||||
<div class="absolute -top-5percent -left-10percent module-shape">
|
||||
<div class="lqd-imggrp-single block relative">
|
||||
<div class="lqd-imggrp-img-container inline-flex relative items-center justify-center">
|
||||
<figure class="w-full relative">
|
||||
<img width="67" height="73" src="./assets/images/demo/start-hub-4/services/Shape.svg" alt="shape">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ld-fancy-heading relative mask-text">
|
||||
<p class="ld-fh-element relative lqd-split-lines text-17 leading-1/3em" data-split-text="true" data-split-options='{"type": "lines"}'> Hub is a graphic and digital studio that designs and develops eCommerce websites, apps and tailor-made digital solutions.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-12 flex gap-35 sm:flex-wrap module-iconbox sm:gap-0">
|
||||
<div class="max-w-full animation-element">
|
||||
<div class="m-0 py-50 pr-65 pl-45 rounded-20 text-start lqd-iconbox-scale transition-all">
|
||||
<div class="iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-contents-show-onhover" data-slideelement-onhover="true" data-slideelement-options='{ "visibleElement": ".iconbox-icon-wrap, p, h3" , "hiddenElement": ".btn" , "alignMid": true, "triggerElement": ".lqd-iconbox-scale" }'>
|
||||
<div class="iconbox-icon-wrap">
|
||||
<div class="w-35 text-36 mb-40 text-36 mb-40 iconbox-icon-container inline-flex text-black">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34.578" height="34.578" viewBox="0 0 34.578 34.578">
|
||||
<path d="M1922.288,3873.563a17.289,17.289,0,1,1,17.289-17.289A17.239,17.239,0,0,1,1922.288,3873.563Zm8.415-26.406c-.07,0-.141.071-.211.071l-12.623,4.208a.632.632,0,0,0-.42.421l-4.208,12.622a.258.258,0,0,0-.07.211.662.662,0,0,0,.7.7c.071,0,.14-.07.211-.07l12.623-4.208a.634.634,0,0,0,.421-.421l4.207-12.623a.255.255,0,0,0,.07-.21A.663.663,0,0,0,1930.7,3847.157Zm-8.1,11.317a2.515,2.515,0,1,1,2.515-2.515A2.515,2.515,0,0,1,1922.6,3858.474Z" transform="translate(-1904.999 -3838.985)"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="text-22 mb-0/75em lqd-iconbox-heading">Brand Strategy </h3>
|
||||
<div class="contents">
|
||||
<p class="text-13 leading-1/25em">Our design services starts and ends with a best-in-class experience strategy that builds brands. We create world-class digital products materials that </p>
|
||||
<a href="#contact-modal" class="btn btn-underlined border-thin btn-icon-right btn-hover-reveal text-black before:bg-black" data-lity="#contact-modal">
|
||||
<span class="btn-txt" data-text="Nos valeurs">Learn More</span>
|
||||
<span class="btn-icon">
|
||||
<i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="max-w-full animation-element">
|
||||
<div class="m-0 py-50 pr-65 pl-45 rounded-20 text-start lqd-iconbox-scale transition-all">
|
||||
<div class=" iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-contents-show-onhover" data-slideelement-onhover="true" data-slideelement-options='{ "visibleElement": ".iconbox-icon-wrap, p, h3" , "hiddenElement": ".btn" , "alignMid": true, "triggerElement": ".lqd-iconbox-scale" }'>
|
||||
<div class="iconbox-icon-wrap">
|
||||
<div class="w-35 text-36 mb-40 iconbox-icon-container inline-flex text-black">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="37.171" height="37.172" viewBox="0 0 37.171 37.172">
|
||||
<path d="M2602.153,3857.568a3.684,3.684,0,0,0-2.223-3.291,3.953,3.953,0,0,1-2.462-5.953,3.552,3.552,0,0,0-4.658-4.658,3.947,3.947,0,0,1-5.948-2.461,3.553,3.553,0,0,0-6.589,0,3.947,3.947,0,0,1-5.948,2.461,3.551,3.551,0,0,0-4.658,4.658,3.957,3.957,0,0,1-2.461,5.953,3.549,3.549,0,0,0,0,6.584,3.951,3.951,0,0,1,2.461,5.948,3.551,3.551,0,0,0,4.658,4.659,3.95,3.95,0,0,1,5.948,2.465,3.554,3.554,0,0,0,6.589,0,3.947,3.947,0,0,1,5.948-2.465,3.552,3.552,0,0,0,4.658-4.659,3.948,3.948,0,0,1,2.462-5.948A3.692,3.692,0,0,0,2602.153,3857.568Zm-18.586,6.82a6.816,6.816,0,1,1,6.812-6.812A6.813,6.813,0,0,1,2583.568,3864.388Z" transform="translate(-2564.982 -3838.982)"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="text-22 mb-0/75em lqd-iconbox-heading">Development </h3>
|
||||
<div class="contents">
|
||||
<p class="text-13 leading-1/25em">We craft premium digital work for web, mobile and experiential with creative agencies and global brands alike – putting passion, pride and plenty of elbow </p>
|
||||
<a href="#contact-modal" class="btn btn-underlined border-thin btn-icon-right btn-hover-reveal text-black before:bg-black" data-lity="#contact-modal">
|
||||
<span class="btn-txt" data-text="Nos valeurs">Learn More</span>
|
||||
<span class="btn-icon">
|
||||
<i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="max-w-full animation-element">
|
||||
<div class="py-50 pr-65 pl-45 rounded-20 m-0 text-start lqd-iconbox-scale transition-all">
|
||||
<div class=" iconbox flex flex-grow-1 relative flex-col iconbox-default iconbox-contents-show-onhover" data-slideelement-onhover="true" data-slideelement-options='{ "visibleElement": ".iconbox-icon-wrap, p, h3" , "hiddenElement": ".btn" , "alignMid": true, "triggerElement": ".lqd-iconbox-scale" }'>
|
||||
<div class="iconbox-icon-wrap">
|
||||
<div class="w-35 text-36 mb-40 iconbox-icon-container inline-flex text-black">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="27.435" height="32.77" viewBox="0 0 27.435 32.77">
|
||||
<path d="M2264.9,3864.935a1.872,1.872,0,0,1-1.383.969H2239.9a1.869,1.869,0,0,1-1.385-.969c-1.349-2.566.236-3.989,1.087-4.754a3.907,3.907,0,0,0,.838-.915c.015-.023.023-.041.033-.057.608-1,.83-3.413.961-4.856.02-.214.038-.418.057-.611,0-.016,0-.034.006-.052a17.656,17.656,0,0,1,2.864-7.749,9.087,9.087,0,0,1,4.739-3.535,2.616,2.616,0,0,1,5.215,0,9.1,9.1,0,0,1,4.74,3.536,17.631,17.631,0,0,1,2.862,7.741c0,.026.005.044.007.062.019.191.039.4.058.609.133,1.444.353,3.859.958,4.851.015.025.028.047.038.067a3.967,3.967,0,0,0,.838.911C2264.668,3860.946,2266.251,3862.37,2264.9,3864.935Zm-16,3.641h5.515a.691.691,0,0,1,.562.263.927.927,0,0,1,.13.764c0,.013-.005.025-.007.036a3.405,3.405,0,0,1-6.775.124l0-.023a1.173,1.173,0,0,1,.116-.935A.588.588,0,0,1,2248.9,3868.575Z" transform="translate(-2237.991 -3839.995)"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="text-22 mb-0/75em lqd-iconbox-heading">Mobile Apps </h3>
|
||||
<div class="contents">
|
||||
<p class="text-13 leading-1/25em">We marry creative insight with data to deliver successful user experiences. Through a process of iteration and prototyping, we design interfaces that </p>
|
||||
<a href="#contact-modal" class="btn btn-underlined border-thin btn-icon-right btn-hover-reveal text-black before:bg-black" data-lity="#contact-modal">
|
||||
<span class="btn-txt" data-text="Nos valeurs">Learn More</span>
|
||||
<span class="btn-icon">
|
||||
<i class="lqd-icn-ess icon-ion-ios-arrow-forward"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-12 text-center mt-35">
|
||||
<div class="w-full flex flex-wrap items-center justify-center transition-all">
|
||||
<div class="module-text-border border-1 rounded-20 border-black-10 transition-all ld-fancy-heading relative hover:inner-text-black animation-element">
|
||||
<p class="ld-fh-element relative inner-text-black py-10 px-20 m-0 text-slate-300">
|
||||
Still have a question?
|
||||
<a href="#" class="text-slate-300 inner-text-black" target="_blank">
|
||||
<u>Browse documentation</u>
|
||||
</a>
|
||||
or
|
||||
<a href="#contact-modal" class="text-slate-300 inner-text-black" data-lity="#contact-modal">
|
||||
<u>Contact.</u>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Design -->
|
||||
|
||||
<!-- Start Services -->
|
||||
|
||||
<section class="lqd-section our-vision pt-50 pb-390" id="solutions">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-12 lqd-unit-animation-done" style="">
|
||||
<div class="w-full relative flex flex-col flex-grow-1 pt-40 pb-10 mb-50 border-bottom border-black module-line">
|
||||
<div class="container-fluid p-0">
|
||||
<div class="row items-center">
|
||||
<div class="col col-2 animation-element lqd-unit-animation-done" style="">
|
||||
<div class="w-30percent relative flex border-top border-black-50">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-8 animation-element lqd-unit-animation-done" style="">
|
||||
<h6 class="ld-fh-element mb-0/5em text-12 uppercase tracking-0/01em font-normal text-black">Our services</h6>
|
||||
</div>
|
||||
<div class="col col-2 text-end sm:text-start animation-element lqd-unit-animation-done" style="">
|
||||
<h6 class="ld-fh-element mb-0/5em text-12 font-normal">01</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-12 col-md-6 lqd-unit-animation-done" style="">
|
||||
<div class="lqd-imggrp-container relative mb-2em transition-all ca-initvalues-applied lqd-animations-done" data-custom-animations="true" data-ca-options="{"triggerHandler":"inview","animationTarget":".lqd-imggrp-single","duration":"1800","delay":"160","ease":"power4.out","direction":"forward","initValues":{"y":65,"scaleY":1.1,"opacity":0},"animations":{"y":0,"scaleY":1,"opacity":1}}">
|
||||
<div class="lqd-imggrp-inner flex flex-wrap justify-center">
|
||||
<div class="lqd-imggrp-single block absolute top-10percent left-0 lqd-unit-animation-done" data-shadow-style="4" style="">
|
||||
<div class="lqd-imggrp-img-container">
|
||||
<figure><img width="205" height="218" src="./assets/images/demo/asymmetric-agency/our-approach/what-we-do-1.jpg" alt="what we do"></figure>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lqd-imggrp-single block absolute top-5percent right-0 lqd-unit-animation-done" data-shadow-style="4" style="">
|
||||
<div class="lqd-imggrp-img-container">
|
||||
<figure><img width="230" height="269" src="./assets/images/demo/asymmetric-agency/our-approach/what-we-do-3.jpg" alt="what we do"></figure></div></div><div class="lqd-imggrp-single block relative mt-140 module-img lqd-unit-animation-done" data-shadow-style="4" style="">
|
||||
<div class="lqd-imggrp-img-container">
|
||||
<figure>
|
||||
<img width="240" height="311" src="./assets/images/demo/asymmetric-agency/our-approach/what-we-do-2.jpg" alt="what we do"></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-12 col-md-6 lqd-unit-animation-done" style="">
|
||||
<div class="module-content relative flex flex-col items-start pr-5percent pl-15percent lg:pr-0">
|
||||
<p class="ld-fh-element mb-0/5em text-12 uppercase tracking-0/05em text-black">What we do</p>
|
||||
<h2 class="ld-fh-element mb-0/4em text-65 leading-0/8em text-black text-init">Product Strategy</h2>
|
||||
<p class="ld-fh-element mb-2em text-16 leading-1/6em text-black">Through a deep understanding of our audience’s makeup and motivations, we design digital experiences that connect with people.</p>
|
||||
<div class="w-full relative">
|
||||
<div class="flex flex-wrap -mx-15 mb-50 md:mb-0">
|
||||
<div class="w-50percent px-15 sm:w-full">
|
||||
<div class="one-bullet-list mb-1em">
|
||||
<ul class="reset-ul module-list">
|
||||
<li class="flex items-center mb-0/5em text-black">Web Development</li>
|
||||
<li class="flex items-center mb-0/5em text-black">Brand Strategy</li>
|
||||
<li class="flex items-center mb-0/5em text-black">App Development</li>
|
||||
<li class="flex items-center mb-0/5em text-black">Graphic Design</li>
|
||||
<li class="flex items-center mb-0/5em text-black">Print Design</li>
|
||||
<li class="flex items-center mb-0/5em text-black">Motion Graphics</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-50percent px-15 sm:w-full">
|
||||
<div class="one-bullet-list mb-1em">
|
||||
<ul class="reset-ul module-list">
|
||||
<li class="flex items-center mb-0/5em text-black">Content Management</li>
|
||||
<li class="flex items-center mb-0/5em text-black">Brand Strategy</li>
|
||||
<li class="flex items-center mb-0/5em text-black">WordPress</li>
|
||||
<li class="flex items-center mb-0/5em text-black">SEO Analytics</li>
|
||||
<li class="flex items-center mb-0/5em text-black">Copywriting</li>
|
||||
<li class="flex items-center mb-0/5em text-black">Mobile App Design</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<section class="lqd-section approach pt-40 pb-90 ca-initvalues-applied lqd-animations-done" id="approach" data-custom-animations="true" data-ca-options="{"triggerHandler":"inview","animationTarget":".col","duration":"1800","delay":"160","ease":"power4.out","direction":"forward","initValues":{"x":30,"transformOriginX":50,"transformOriginY":50,"transformOriginZ":"0px","opacity":0},"animations":{"x":0,"transformOriginX":50,"transformOriginY":50,"transformOriginZ":"0px","opacity":1}}" data-section-luminosity="light"><div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-12 col-md-4 lqd-unit-animation-done" style="">
|
||||
<div class="w-full relative flex flex-col flex-grow-1 pr-25percent mb-15 lg:pr-0">
|
||||
<div class="ld-fancy-heading ld-fh-pos-abs lqd-exclude-parent-ca ld-fh-outline ld-fh-outline-static relative z-0">
|
||||
<p class="ld-fh-element absolute -top-0/1em right-0 mb-0/5em text-192 leading-1em text-transparent">
|
||||
<span class="ld-fh-txt-outline">1</span> 1</p>
|
||||
</div>
|
||||
<p class="ld-fh-element relative mb-0/5em text-14 uppercase tracking-0/1em text-black">STEP 1</p>
|
||||
<h2 class="ld-fh-element relative mb-0/7em leading-1/1em font-normal">Wireframe Design.</h2>
|
||||
<p class="ld-fh-element relative mb-0/5em text-16 leading-1/6em text-black">Tailor made digital products and creative solutions for small businesses and freelancers.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-12 col-md-4 lqd-unit-animation-done" style="">
|
||||
<div class="w-full relative flex flex-col flex-grow-1 pr-25percent mb-15 lg:pr-0">
|
||||
<div class="ld-fancy-heading ld-fh-pos-abs lqd-exclude-parent-ca ld-fh-outline ld-fh-outline-static relative z-0">
|
||||
<p class="ld-fh-element absolute -top-0/1em right-0 mb-0/5em text-192 leading-1em text-transparent">
|
||||
<span class="ld-fh-txt-outline">2</span> 2</p>
|
||||
</div>
|
||||
<p class="ld-fh-element relative mb-0/5em text-14 uppercase tracking-0/1em text-black">STEP 2</p>
|
||||
<h2 class="ld-fh-element relative mb-0/7em leading-1/1em font-normal">Web App Development</h2>
|
||||
<p class="ld-fh-element relative mb-0/5em text-16 leading-1/6em text-black">Our web development starts and ends with a best-in-class experience strategy.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-12 col-md-4 lqd-unit-animation-done" style="">
|
||||
<div class="w-full relative flex flex-col flex-grow-1 pr-25percent mb-15 lg:pr-0">
|
||||
<div class="ld-fancy-heading ld-fh-pos-abs lqd-exclude-parent-ca ld-fh-outline ld-fh-outline-static relative z-0">
|
||||
<p class="ld-fh-element absolute -top-0/1em right-0 mb-0/5em text-192 leading-1em text-transparent">
|
||||
<span class="ld-fh-txt-outline">3</span> 3</p>
|
||||
</div><p class="ld-fh-element relative mb-0/5em text-14 uppercase tracking-0/1em text-black">STEP 3</p>
|
||||
<h2 class="ld-fh-element relative mb-0/7em leading-1/1em font-normal">Launch and maintain.</h2>
|
||||
<p class="ld-fh-element relative mb-0/5em text-16 leading-1/6em text-black">We look to engage with our clients beyond the conventional design and agency relationship,</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- End Services -->
|
||||
|
||||
<!-- Start Our Vision -->
|
||||
<section class="lqd-section our-vision pt-50 pb-390">
|
||||
<div class="absolute w-full max-w-full bottom-0 ltr-left-0">
|
||||
<div class="lqd-throwable-scene relative pointer-events-none overflow-hidden" data-lqd-throwable-scene>
|
||||
<p class="lqd-throwable-element inline-block absolute top-0 left-0 whitespace-nowrap m-0 pointer-events-auto user-select-none module-text-1" data-lqd-throwable-el>
|
||||
<span class="lqd-throwable-element-rot inline-block text-22 font-semibold leading-1/8em py-0/25em px-1/5em text-black rounded-100 bg-orange-200 sm:text-16">Elementor Support</span>
|
||||
</p>
|
||||
<p class="lqd-throwable-element inline-block absolute top-0 left-0 whitespace-nowrap m-0 pointer-events-auto user-select-none module-text-2" data-lqd-throwable-el>
|
||||
<span class="lqd-throwable-element-rot inline-block text-22 font-semibold leading-1/8em py-0/25em px-1/5em text-black rounded-100 bg-blue-100 sm:text-16">Mobile Builder</span>
|
||||
</p>
|
||||
<p class="lqd-throwable-element inline-block absolute top-0 left-0 whitespace-nowrap m-0 pointer-events-auto user-select-none module-text-3" data-lqd-throwable-el>
|
||||
<span class="lqd-throwable-element-rot inline-block text-22 font-semibold leading-1/8em py-0/25em px-1/5em text-black rounded-100 bg-green-200 sm:text-16">Top-Notch Performance</span>
|
||||
</p>
|
||||
<p class="lqd-throwable-element inline-block absolute top-0 left-0 whitespace-nowrap m-0 pointer-events-auto user-select-none module-text-4" data-lqd-throwable-el>
|
||||
<span class="lqd-throwable-element-rot inline-block text-22 font-semibold leading-1/8em py-0/25em px-1/5em text-black rounded-100 bg-blue-300 sm:text-16">Next-gen Technologies</span>
|
||||
</p>
|
||||
<p class="lqd-throwable-element inline-block absolute top-0 left-0 whitespace-nowrap m-0 pointer-events-auto user-select-none module-text-5" data-lqd-throwable-el>
|
||||
<span class="lqd-throwable-element-rot inline-block text-22 font-semibold leading-1/8em py-0/25em px-1/5em text-black rounded-100 bg-blue-200 sm:text-16">WooCommerce Builder</span>
|
||||
</p>
|
||||
<p class="lqd-throwable-element inline-block absolute top-0 left-0 whitespace-nowrap m-0 pointer-events-auto user-select-none module-text-6" data-lqd-throwable-el>
|
||||
<span class="lqd-throwable-element-rot inline-block text-22 font-semibold leading-1/8em py-0/25em px-1/5em text-black rounded-100 bg-green-500 sm:text-16">Adaptive Colors</span>
|
||||
</p>
|
||||
<p class="lqd-throwable-element inline-block absolute top-0 left-0 whitespace-nowrap m-0 pointer-events-auto user-select-none module-text-7" data-lqd-throwable-el>
|
||||
<span class="lqd-throwable-element-rot inline-block text-22 font-semibold leading-1/8em py-0/25em px-1/5em text-black rounded-100 bg-orange-300 sm:text-16">Section Flow</span>
|
||||
</p>
|
||||
<p class="lqd-throwable-element inline-block absolute top-0 left-0 whitespace-nowrap m-0 pointer-events-auto user-select-none module-text-8" data-lqd-throwable-el>
|
||||
<span class="lqd-throwable-element-rot inline-block text-22 font-semibold leading-1/8em py-0/25em px-1/5em text-black rounded-100 bg-green-500 sm:text-16">Text Reveal</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Our Vision -->
|
||||
|
||||
|
||||
|
||||
<!-- Start Clients -->
|
||||
<section class="lqd-section clients pt-100 pb-140" data-custom-animations="true" data-ca-options='{"animationTarget": ".lqd-split-lines .lqd-lines .split-inner, .carousel-container", "duration" : 1000 , "delay" : 100 , "ease": "expo.out", "initValues": {"y": "60px", "opacity" : 0} , "animations": {"y": "0px", "opacity" : 1}}'>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col col-12 text-center">
|
||||
<div class="ld-fancy-heading relative mask-text">
|
||||
<p class="ld-fh-element relative lqd-split-lines h3 leading-1/5em text-24 mb-2em" data-split-text="true" data-split-options='{"type": "lines"}'> Trusted by global brands. <span class="text-slate-400">Join Millions of customers around the globe.</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-12">
|
||||
<div class="carousel-container relative carousel-nav-shaped">
|
||||
<div class="carousel-items relative" data-lqd-flickity='{"marquee": true, "marqueeTickerSpeed": "1", "pauseAutoPlayOnHover": false}'>
|
||||
<div class="col col-6 col-xl-3 px-30 carousel-item flex flex-col justify-center">
|
||||
<div class="carousel-item-inner relative w-full">
|
||||
<div class="carousel-item-content relative w-full">
|
||||
<img width="96" height="29" src="./assets/images/demo/start-hub-4/services/client-amazon.svg" alt="amazon">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-xl-3 px-30 carousel-item flex flex-col justify-center">
|
||||
<div class="carousel-item-inner relative w-full">
|
||||
<div class="carousel-item-content relative w-full">
|
||||
<img width="87" height="20" src="./assets/images/demo/start-hub-4/services/client-amd-logo.svg" alt="amd">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-xl-3 px-30 carousel-item flex flex-col justify-center">
|
||||
<div class="carousel-item-inner relative w-full">
|
||||
<div class="carousel-item-content relative w-full">
|
||||
<img width="127" height="24" src="./assets/images/demo/start-hub-4/services/client-dropcam.svg" alt="dropcam">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-xl-3 px-30 carousel-item flex flex-col justify-center">
|
||||
<div class="carousel-item-inner relative w-full">
|
||||
<div class="carousel-item-content relative w-full">
|
||||
<img width="84" height="36" src="./assets/images/demo/start-hub-4/services/client-marvel.svg" alt="marvel">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6 col-xl-3 px-30 carousel-item flex flex-col justify-center">
|
||||
<div class="carousel-item-inner relative w-full">
|
||||
<div class="carousel-item-content relative w-full">
|
||||
<img width="76" height="27" src="./assets/images/demo/start-hub-4/services/client-nike.svg" alt="nike">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Clients -->
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="lqd-top-scrol-ind fixed top-0 left-0 z-100 w-full pointer-events-none" data-lqd-scroll-indicator="true" data-scrl-indc-options='{"scale": true, "dir": "x" , "end": "bottom bottom" , "origin": "left"}' style="background: rgb(249, 249, 249);">
|
||||
<span class="lqd-scrl-indc-inner block lqd-overlay flex">
|
||||
<span class="lqd-scrl-indc-line block lqd-overlay flex">
|
||||
<span class="lqd-scrl-indc-el block lqd-overlay flex" style="background: linear-gradient(90deg, #9f51e0 0%, #8297de 100%)"></span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<footer id="site-footer" class="main-footer bg-transparent py-70" style="background-image: linear-gradient(170deg, #2D3140 0%, #19272C 100%);">
|
||||
<div class="container">
|
||||
<div class="flex flex-wrap">
|
||||
<div class="w-20percent mb-30 sm:w-50percent">
|
||||
<div class="ld-fancy-heading relative">
|
||||
<h6 class="ld-fh-element relative mb-3em text-10 font-bold tracking-1 text-white-40 uppercase">COMPANY</h6>
|
||||
</div>
|
||||
<nav class="link-white-80 lqd-fancy-menu lqd-custom-menu relative lqd-menu-td-none">
|
||||
<ul class="reset-ul">
|
||||
<li class="mb-15">
|
||||
<a href="#">
|
||||
Contact Us
|
||||
</a>
|
||||
</li>
|
||||
<li class="mb-15">
|
||||
<a href="#">
|
||||
FAQ
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="mb-15">
|
||||
<a href="#">
|
||||
Careers
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
About Us
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="w-20percent mb-30 sm:w-50percent">
|
||||
<div class="ld-fancy-heading relative">
|
||||
<h6 class="ld-fh-element relative mb-3em text-10 font-bold tracking-1 text-white-40 uppercase">SUPPORT</h6>
|
||||
</div>
|
||||
<nav class="link-white-80 lqd-fancy-menu lqd-custom-menu relative lqd-menu-td-none">
|
||||
<ul class="reset-ul">
|
||||
<li class="mb-15">
|
||||
<a href="#">
|
||||
Privacy Policy
|
||||
</a>
|
||||
</li>
|
||||
<li class="mb-15">
|
||||
<a href="#">
|
||||
Jobs
|
||||
</a>
|
||||
</li>
|
||||
<li class="mb-15">
|
||||
<a href="https://www.linkedin.com/in/toks-lawal/">
|
||||
Linkedin
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
Community
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="w-20percent mb-30 sm:w-full">
|
||||
<div class="ld-fancy-heading relative">
|
||||
<h6 class="ld-fh-element relative mb-3em text-10 font-bold tracking-1 text-white-40 uppercase">NEED HELP?</h6>
|
||||
</div>
|
||||
<div class="ld-fancy-heading relative">
|
||||
<h6 class="ld-fh-element inline-block relative mb-0/5em text-9 uppercase tracking-1 text-white-30">CALL US DIRECTLY</h6>
|
||||
</div>
|
||||
<div class="ld-fancy-heading relative">
|
||||
<p class="ld-fh-element relative mb-1/65em text-18 font-medium text-white">(404)203-8915</p>
|
||||
</div>
|
||||
<div class="ld-fancy-heading relative">
|
||||
<h6 class="ld-fh-element inline-block relative mb-0/5em text-9 uppercase tracking-1 text-white-30">CALL US DIRECTLY</h6>
|
||||
</div>
|
||||
<div class="ld-fancy-heading relative">
|
||||
<p class="ld-fh-element relative mb-1/65em text-18 font-medium text-white">info@tokslaw.com</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-35percent mb-30 ml-5percent text-center sm:w-full lg:m-0">
|
||||
<div class="flex flex-col justify-center items-center pt-45 pb-60 px-45 mb-2percent rounded-20 border-1 border-white-10 sm:ml-0 module-border">
|
||||
<div class="ld-fancy-heading relative">
|
||||
<h4 class="ld-fh-element mb-1/75em relative text-18 text-white">
|
||||
<span class="text-1/5em mr-0/25em">🎉</span>
|
||||
Join my community
|
||||
</h4>
|
||||
</div>
|
||||
<div class="ld-fancy-heading relative">
|
||||
<p class="ld-fh-element relative mb-1/5em text-16 leading-20 text-white-40 hover:text-white-80">Bring your ideas to life an intuitive visual editor. Create, edit, and </p>
|
||||
</div>
|
||||
<a href="#contact-modal" target="_blank" rel="nofollow" class="btn btn-solid btn-md btn-hover-txt-switch-change btn-hover-txt-switch btn-hover-txt-switch-y btn-icon-shaped bg-green-50 text-green-400 rounded-100" data-lity="#contact-modal">
|
||||
<span data-text="Join the community" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements": ".lqd-chars" , "delayType": "animation" , "startDelay": 0, "delayBetween": 32.5}' data-split-text="true" data-split-options='{"type": "chars, words"}'> Join the community </span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-50percent mt-55 flex items-center sm:w-full sm:flex-col module-copyright">
|
||||
<div class="mr-20 lqd-imggrp-single block relative">
|
||||
<div class="lqd-imggrp-img-container inline-flex relative items-center justify-center">
|
||||
<figure class="w-full relative">
|
||||
<img width="106" height="32" src="./assets/images/demo/start-hub-8/tokslaw-logo-.svg" alt="Tokslaw">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ld-fancy-heading relative">
|
||||
<p class="ld-fh-element relative m-0 text-14 text-white-60">© 2025 Tokslaw.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-50percent mt-55 text-end sm:text-start sm:w-full module-social">
|
||||
<div class="social-icons-wrapper shape-circle flex-wrap gap-30 gap-y-0">
|
||||
<span class="grid-item">
|
||||
<a href="#" class="icon social-icon social-icon-gitlab" target="_blank">
|
||||
<span class="sr-only">Gitlab</span>
|
||||
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M105.2 24.9c-3.1-8.9-15.7-8.9-18.9 0L29.8 199.7h132c-.1 0-56.6-174.8-56.6-174.8zM.9 287.7c-2.6 8 .3 16.9 7.1 22l247.9 184-226.2-294zm160.8-88l94.3 294 94.3-294zm349.4 88l-28.8-88-226.3 294 247.9-184c6.9-5.1 9.7-14 7.2-22zM425.7 24.9c-3.1-8.9-15.7-8.9-18.9 0l-56.6 174.8h132z" fill="#FFFFFFB0"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
<span class="grid-item">
|
||||
<a href="https://www.instagram.com/tokslawdev/" class="icon social-icon social-icon-instagram" target="_blank">
|
||||
<span class="sr-only">Instagram</span>
|
||||
<svg viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" fill="#FFFFFFB0"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
<span class="grid-item">
|
||||
<a href="#" class="icon social-icon social-icon-spotify" target="_blank">
|
||||
<span class="sr-only">Spotify</span>
|
||||
<svg viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z" fill="#FFFFFFB0"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
<span class="grid-item">
|
||||
<a href="https://www.facebook.com/tokunbo.lawal.1485" class="icon social-icon social-icon-facebook" target="_blank">
|
||||
<span class="sr-only">Facebook</span>
|
||||
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" fill="#FFFFFFB0"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
<span class="grid-item">
|
||||
<a href="https://x.com/Tokslaw1" class="icon social-icon social-icon-twitter" target="_blank">
|
||||
<span class="sr-only">Twitter</span>
|
||||
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" fill="#FFFFFFB0"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
<span class="grid-item">
|
||||
<a href="https://blog.tokslaw.com" class="icon social-icon social-icon-medium" target="_blank">
|
||||
<span class="sr-only">Blog</span>
|
||||
<svg viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0 32v448h448V32H0zm372.2 106.1l-24 23c-2.1 1.6-3.1 4.2-2.7 6.7v169.3c-.4 2.6.6 5.2 2.7 6.7l23.5 23v5.1h-118V367l24.3-23.6c2.4-2.4 2.4-3.1 2.4-6.7V199.8l-67.6 171.6h-9.1L125 199.8v115c-.7 4.8 1 9.7 4.4 13.2l31.6 38.3v5.1H71.2v-5.1l31.6-38.3c3.4-3.5 4.9-8.4 4.1-13.2v-133c.4-3.7-1-7.3-3.8-9.8L75 138.1V133h87.3l67.4 148L289 133.1h83.2v5z" fill="#FFFFFFB0"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<!-- Contact Modal -->
|
||||
<div id="contact-modal" class="lity-modal lqd-modal lity-hide" data-modal-type="fullscreen">
|
||||
<div class="lqd-modal-inner">
|
||||
<div class="lqd-modal-head"></div>
|
||||
<section class="lqd-section lqd-modal-content link-black bg-center bg-cover bg-norepeat" style="background-image: url(./assets/images/common/modal-bg.jpeg);">
|
||||
<div class="container min-h-100vh flex items-center flex-wrap">
|
||||
<div class="w-55percent relative flex flex-col sm:w-full">
|
||||
<div class="flex flex-col items-start justify-center py-10 pr-100 pl-10 module-content">
|
||||
<div class="ld-fancy-heading">
|
||||
<h2 class="ld-fh-element mb-0/5em text-120 text-black leading-0/8em font-medium">Send a message.</h2>
|
||||
</div>
|
||||
<div class="ld-fancy-heading">
|
||||
<p class="ld-fh-element mb-0/5em text-18">We're here to answer any question you may have.</p>
|
||||
</div>
|
||||
<div class="spacer w-full sm:hidden">
|
||||
<div class="w-full h-140"></div>
|
||||
</div>
|
||||
<div class="w-full flex flex-row flex-grow-1 gap-10 module-info">
|
||||
<div class="w-50percent flex flex-col gap-10">
|
||||
<div class="ld-fancy-heading relative">
|
||||
<h6 class="ld-fh-element relative mb-0/5em text-14 font-bold text-black mb-0/5em tracking-0">careers</h6>
|
||||
</div>
|
||||
<div class="ld-fancy-heading relative">
|
||||
<p class="ld-fh-element relative mb-0/5em text-16 leading-1/2em mb-0/5em">Would you like to join our growing team?</p>
|
||||
</div>
|
||||
<div class="ld-fancy-heading relative">
|
||||
<p class="ld-fh-element relative mb-0/5em">
|
||||
<a href="#" class="text-16 font-bold leading-1/2em">careers@tokslaw.com </a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-50percent flex flex-col gap-10 pl-15 sm:pl-0">
|
||||
<div class="ld-fancy-heading relative">
|
||||
<h6 class="ld-fh-element relative mb-0/5em text-14 font-bold text-black mb-0/5em tracking-0">Feedbacks</h6>
|
||||
</div>
|
||||
<div class="ld-fancy-heading relative">
|
||||
<p class="ld-fh-element relative mb-0/5em text-16 leading-1/2em mb-0/5em">Have a project in mind? Send a message.</p>
|
||||
</div>
|
||||
<div class="ld-fancy-heading relative">
|
||||
<p class="ld-fh-element relative mb-0/5em">
|
||||
<a href="#" class="text-16 font-bold leading-1/2em">info@tokslaw.com </a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-45percent relative flex flex-col sm:w-full p-10 module-form">
|
||||
<div class="lqd-contact-form lqd-contact-form-inputs-underlined lqd-contact-form-button-lg lqd-contact-form-button-block p-10 sm:p-0">
|
||||
<div role="form">
|
||||
<div class="screen-reader-response">
|
||||
<p role="status" aria-live="polite" aria-atomic="true"></p>
|
||||
</div>
|
||||
<form action="./assets/php/mailer.php" method="post" class="lqd-cf-form" novalidate="novalidate" data-status="init">
|
||||
<div class="row -mr-15 -ml-15">
|
||||
<div class="col col-md-6 px-15">
|
||||
<p>
|
||||
<span class="lqd-form-control-wrap text">
|
||||
<input class="text-13 text-black border-black-20 bg-transparent" type="text" name="name" value="" size="40" aria-required="true" aria-invalid="false" placeholder="What's your name?">
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col col-md-6 px-15">
|
||||
<p>
|
||||
<span class="lqd-form-control-wrap email">
|
||||
<input class="text-13 text-black border-black-20 bg-transparent" type="email" name="email" value="" size="40" aria-required="true" aria-invalid="false" placeholder="Email address">
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col col-md-6 px-15">
|
||||
<p>
|
||||
<span class="lqd-form-control-wrap tel">
|
||||
<input class="text-13 text-black border-black-20 bg-transparent" type="text" name="topic" value="" size="40" aria-required="true" aria-invalid="false" placeholder="Select a Discussion Topic">
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col col-md-6 px-15">
|
||||
<p>
|
||||
<span class="lqd-form-control-wrap text">
|
||||
<input class="text-13 text-black border-black-20 bg-transparent" type="text" name="budget" value="" size="40" aria-required="true" aria-invalid="false" placeholder="What's your budget?">
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col col-md-12 px-15">
|
||||
<p>
|
||||
<span class="lqd-form-control-wrap textarea">
|
||||
<textarea class="text-13 text-black border-black-20 bg-transparent" name="message" cols="10" rows="6" aria-required="true" aria-invalid="false" placeholder="Tell us about your project"></textarea>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col col-md-12 px-15">
|
||||
<span class="lqd-form-control-wrap acceptance">
|
||||
<span class="lqd-cf-form-control lqd-cf-acceptance">
|
||||
<span class="lqd-cf-list-item">
|
||||
<label>
|
||||
<input type="checkbox" name="acceptance" value="1" aria-invalid="false">
|
||||
<span class="lqd-cf-list-item-label">I am bound by the terms of the Service I accept Privacy Policy</span>
|
||||
</label>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="col col-md-12 text-center px-15">
|
||||
<input type="submit" value="Send message" class="lqd-cf-form-control text-16 uppercase font-medium leading-1em tracking-1 font-bold bg-primary text-white border-none">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="lqd-cf-response-output"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="lqd-modal-foot"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Contact Modal -->
|
||||
|
||||
<script src="./assets/vendors/jquery.min.js"></script>
|
||||
<script src="./assets/vendors/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="./assets/vendors/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="./assets/vendors/gsap/minified/gsap.min.js"></script>
|
||||
<script src="./assets/vendors/gsap/utils/SplitText.min.js"></script>
|
||||
<script src="./assets/vendors/gsap/minified/ScrollTrigger.min.js"></script>
|
||||
<script src="./assets/vendors/fastdom/fastdom.min.js"></script>
|
||||
<script src="./assets/vendors/isotope/isotope.pkgd.min.js"></script>
|
||||
<script src="./assets/vendors/isotope/packery-mode.pkgd.min.js"></script>
|
||||
<script src="./assets/vendors/flickity/flickity.pkgd.min.js"></script>
|
||||
<script src="./assets/vendors/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="./assets/vendors/draggabilly.pkgd.min.js"></script>
|
||||
<script src="./assets/vendors/fontfaceobserver.js"></script>
|
||||
<script src="./assets/vendors/particles.min.js"></script>
|
||||
<script src="./assets/vendors/lity/lity.min.js"></script>
|
||||
<script src="./assets/vendors/lottie/lottie.min.js"></script>
|
||||
<script src="./assets/vendors/section-flow/liquidSectionFlow.min.js"></script>
|
||||
<script src="./assets/vendors/matter/matter.min.js"></script>
|
||||
<script src="./assets/vendors/throwable/liquidThrowable.min.js"></script>
|
||||
<script src="./assets/vendors/gsap/minified/DrawSVGPlugin.min.js"></script>
|
||||
<script src="./assets/vendors/draw-shape/liquidDrawShape.min.js"></script>
|
||||
<script src="./assets/js/liquid-gdpr.min.js"></script>
|
||||
<script src="./assets/js/theme.min.js"></script>
|
||||
<script src="./assets/js/liquid-ajax-contact-form.min.js"></script>
|
||||
<script src="./assets/js/demo/start-hub-8.js"></script>
|
||||
|
||||
<!-- Start custom cursor -->
|
||||
<div class="lqd-cc lqd-cc--inner fixed pointer-events-none"></div>
|
||||
<div class="lqd-cc--el lqd-cc-solid lqd-cc-explore flex items-center justify-center rounded-full fixed pointer-events-none">
|
||||
<div class="lqd-cc-solid-bg flex absolute lqd-overlay"></div>
|
||||
<div class="lqd-cc-solid-txt flex justify-center text-center relative">
|
||||
<div class="lqd-cc-solid-txt-inner">Explide</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lqd-cc--el lqd-cc-solid lqd-cc-drag flex items-center justify-center rounded-full fixed pointer-events-none">
|
||||
<div class="lqd-cc-solid-bg flex absolute lqd-overlay"></div>
|
||||
<div class="lqd-cc-solid-ext lqd-cc-solid-ext-left inline-flex items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" style="width: 1em; height: 1em;">
|
||||
<path fill="currentColor" d="M19.943 6.07L9.837 14.73a1.486 1.486 0 0 0 0 2.25l10.106 8.661c.96.826 2.457.145 2.447-1.125V7.195c0-1.27-1.487-1.951-2.447-1.125z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="lqd-cc-solid-txt flex justify-center text-center relative">
|
||||
<div class="lqd-cc-solid-txt-inner">Drag</div>
|
||||
</div>
|
||||
<div class="lqd-cc-solid-ext lqd-cc-solid-ext-right inline-flex items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" style="width: 1em; height: 1em;">
|
||||
<path fill="currentColor" d="M11.768 25.641l10.106-8.66a1.486 1.486 0 0 0 0-2.25L11.768 6.07c-.96-.826-2.457-.145-2.447 1.125v17.321c0 1.27 1.487 1.951 2.447 1.125z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lqd-cc--el lqd-cc-arrow inline-flex items-center fixed top-0 left-0 pointer-events-none">
|
||||
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M60.4993 0V4.77005H8.87285L80 75.9207L75.7886 79.1419L4.98796 8.35478V60.4993H0V0H60.4993Z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="lqd-cc--el lqd-cc-custom-icon rounded-full fixed pointer-events-none">
|
||||
<div class="lqd-cc-ci inline-flex items-center justify-center rounded-full relative">
|
||||
<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" style="width: 1em; height: 1em;">
|
||||
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M16.03 6a1 1 0 0 1 1 1v8.02h8.02a1 1 0 1 1 0 2.01h-8.02v8.02a1 1 0 1 1-2.01 0v-8.02h-8.02a1 1 0 1 1 0-2.01h8.02v-8.01a1 1 0 0 1 1.01-1.01z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lqd-cc lqd-cc--outer fixed top-0 left-0 pointer-events-none"></div>
|
||||
<!-- End custom cursor -->
|
||||
|
||||
<template id="lqd-snickersbar">
|
||||
<div class="lqd-snickersbar flex flex-wrap lqd-snickersbar-in" data-item-id>
|
||||
<div class="lqd-snickersbar-inner flex flex-wrap items-center">
|
||||
<div class="lqd-snickersbar-detail">
|
||||
<p class="hidden lqd-snickersbar-addding-temp my-0">Adding {{itemName}} to cart</p>
|
||||
<p class="hidden lqd-snickersbar-added-temp my-0">Added {{itemName}} to cart</p>
|
||||
<p class="my-0 lqd-snickersbar-msg flex items-center my-0"></p>
|
||||
<p class="my-0 lqd-snickersbar-msg-done flex items-center my-0"></p>
|
||||
</div>
|
||||
<div class="lqd-snickersbar-ext ml-4"></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template id="lqd-temp-sticky-header-sentinel">
|
||||
<div class="lqd-sticky-sentinel invisible absolute pointer-events-none"></div>
|
||||
</template>
|
||||
<div class="lity" role="dialog" aria-label="Dialog Window (Press escape to close)" tabindex="-1" data-modal-type="default">
|
||||
<div class="lity-wrap" data-lity-close role="document">
|
||||
<div class="lity-loader" aria-hidden="true">Loading...</div>
|
||||
<div class="lity-container">
|
||||
<div class="lity-content"></div>
|
||||
</div>
|
||||
<button class="lity-close" type="button" aria-label="Close (Press escape to close)" data-lity-close>×</button>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+1373
-1795
File diff suppressed because it is too large
Load Diff
+1414
-4
File diff suppressed because it is too large
Load Diff
+2
-2
@@ -1,12 +1,12 @@
|
||||
version: '3'
|
||||
services:
|
||||
tokslaw-main:
|
||||
taborg-main:
|
||||
build:
|
||||
context: .
|
||||
dockerfile: docker/apache/Dockerfile
|
||||
args:
|
||||
uid: ${UID}
|
||||
image: registry.chiefsoft.net/tokslawcom-web:latest
|
||||
#image: registry.chiefsoft.net/tokslawcom-web:latest
|
||||
environment:
|
||||
- APACHE_RUN_USER=#${UID}
|
||||
- APACHE_RUN_GROUP=#${UID}
|
||||
|
||||
Vendored
+8
File diff suppressed because one or more lines are too long
Vendored
+7
File diff suppressed because one or more lines are too long
+9
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,8 @@
|
||||
/*! #######################################################################
|
||||
|
||||
MeanMenu 2.0.7
|
||||
--------
|
||||
|
||||
To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
|
||||
|
||||
####################################################################### */a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:left;width:100%;position:relative;background:#070337;padding:4px 0;min-height:42px;z-index:999999}.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px 13px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}.mean-container .mean-nav{float:left;width:100%;background:#070337;margin-top:44px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:10px 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #e0e3ed;text-decoration:none;text-transform:uppercase}.mean-container .mean-nav ul li li a{width:80%;padding:10px 10%;text-shadow:none !important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:10px 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:10px 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:10px 25%}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:32px;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:transparent;border:none !important;font-size:14px}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none !important}
|
||||
@@ -0,0 +1 @@
|
||||
.nice-select{border-radius:5px;color:#778196;opacity:1;font-size:16px;font-weight:400;font-family:"Poppins",sans-serif;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;height:60px;border:1px solid #dfe2e9;line-height:60px;outline:0;padding-left:18px;padding-right:30px;position:relative;margin-bottom:12px;text-align:left !important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%}.nice-select:hover{border-color:#005bac}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#005bac}.nice-select:after{border-width:0 5.5px 7px 5.5px;border-color:transparent transparent #778196 transparent;border-style:solid;transform:rotate(180deg);content:'';display:block;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:5px}.nice-select.open:after{transform:rotate(-0)}.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .list{left:0 !important;right:0 !important}.nice-select.right{float:right}.nice-select.right .list{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,0.11);box-sizing:border-box;margin-top:1px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;width:100%;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(0.75) translateY(-21px);-ms-transform:scale(0.75) translateY(-21px);transform:scale(0.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;z-index:9}.nice-select .list:hover .option:not(:hover){background-color:transparent !important}.nice-select .option{cursor:pointer;color:#393d48;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:0;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .2s;transition:all .2s}.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f6f6}.nice-select .option.selected{font-weight:bold}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.no-csspointerevents .nice-select .list{display:none}.no-csspointerevents .nice-select.open .list{display:block}
|
||||
@@ -0,0 +1 @@
|
||||
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 243 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 746 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 238 B |
Binary file not shown.
|
After Width: | Height: | Size: 238 B |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 715 B |
Binary file not shown.
|
After Width: | Height: | Size: 715 B |
Binary file not shown.
|
After Width: | Height: | Size: 715 B |
Binary file not shown.
|
After Width: | Height: | Size: 715 B |
Binary file not shown.
|
After Width: | Height: | Size: 715 B |
Binary file not shown.
|
After Width: | Height: | Size: 806 B |
Binary file not shown.
|
After Width: | Height: | Size: 806 B |
Binary file not shown.
|
After Width: | Height: | Size: 806 B |
Binary file not shown.
|
After Width: | Height: | Size: 806 B |
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 637 B |
Binary file not shown.
|
After Width: | Height: | Size: 770 B |
Binary file not shown.
|
After Width: | Height: | Size: 705 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 743 B |
Binary file not shown.
|
After Width: | Height: | Size: 905 B |
Binary file not shown.
|
After Width: | Height: | Size: 765 B |
Binary file not shown.
|
After Width: | Height: | Size: 740 B |
@@ -0,0 +1,4 @@
|
||||
<svg width="20" height="9" viewBox="0 0 20 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10 1L20 1" stroke="white" stroke-width="2"/>
|
||||
<path d="M0 8L20 8" stroke="white" stroke-width="2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 210 B |
Binary file not shown.
|
After Width: | Height: | Size: 941 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 610 B |
Binary file not shown.
|
After Width: | Height: | Size: 610 B |
Binary file not shown.
|
After Width: | Height: | Size: 610 B |
Binary file not shown.
|
After Width: | Height: | Size: 610 B |
Binary file not shown.
|
After Width: | Height: | Size: 610 B |
Binary file not shown.
|
After Width: | Height: | Size: 610 B |
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user