| Server IP : 82.197.83.129 / Your IP : 216.73.216.166 [ Web Server : LiteSpeed System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : u489457460 ( 489457460) PHP Version : 7.3.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Domains : 2 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u489457460/domains/syoft.com/public_html/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PCPFWR7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FCJBFLH4EM"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-FCJBFLH4EM');
</script>
<!-- Hotjar Tracking Code for https://syoft.com/ -->
<script>
(function(h, o, t, j, a, r) {
h.hj = h.hj || function() {
(h.hj.q = h.hj.q || []).push(arguments)
};
h._hjSettings = {
hjid: 2914286,
hjsv: 6
};
a = o.getElementsByTagName('head')[0];
r = o.createElement('script');
r.async = 1;
r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
a.appendChild(r);
})(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
</script>
<!--required meta tags-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<!--meta-->
<meta name="description" content="Syoft is a technology based company that thrives on improving businesses and change people’s lives. We help businesses and individuals in adapting digital transformation.">
<meta name="author" content="">
<!--favicon icon-->
<link rel="icon" href="assets/img/favicon.png" type="image/png" sizes="16x16">
<!--title-->
<title>Syoft</title>
<!--google fonts-->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
<!--build:css-->
<link rel="stylesheet" href="assets/css/main.css">
<!-- endbuild -->
<!--custom css start-->
<link rel="stylesheet" href="assets/css/custom.css">
<!--custom css end-->
</head>
<body>
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PCPFWR7');
</script>
<!-- End Google Tag Manager -->
<!--preloader start-->
<div id="preloader">
<div class="preloader-wrap">
<img src="assets/img/favicon.png" alt="logo" class="img-fluid preloader-icon" />
<div class="loading-bar"></div>
</div>
</div>
<!--preloader end-->
<!--main content wrapper start-->
<div class="main-wrapper">
<!--header section start-->
<?php include 'header.php'; ?>
<!--header section End-->
<!--page header section start-->
<!--feature tab start-->
<section class="page-header position-relative overflow-hidden pt-60 pb-0 bg-primary" style="background: url('assets/img/page-header-bg.svg')no-repeat center bottom">
<div class="container">
<div class="row justify-content-center align-content-center">
<div class="col-lg-8 col-md-12">
<div class="section-heading text-center mb-0">
<h1 class="display-5 text-white">Our Latest <span class="text-warning"> Blogs</span></h1>
<p class="lead text-center text-white">Explore our latest informational blogs to keep you ahead of the technology.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<ul class="nav justify-content-center feature-tab-list blog-cat mt-4" id="nav-tab" role="tablist">
<?php
require 'writer/utils.php';
$categories = getCategories();
$j=1;
foreach ($categories as $category) {
if($j===1)
{
$class="active";
$selected="true";
$blogclass="blog-cat-list";
}else
{
$class="";
$selected="false";
$blogclass="";
}
?>
<li class="nav-item <?php echo $blogclass;?>">
<a class="nav-link <?php echo $class;?>" href="#tab-<?php echo $j;?>" data-bs-toggle="tab" data-bs-target="#tab-<?php echo $j;?>" role="tab" aria-selected="<?php echo $selected;?>"><?php echo $category["name"];?></a>
</li>
<?php
$j++;
}
?>
<!--<li class="nav-item blog-cat-list">
<a class="nav-link active" href="#tab-1" data-bs-toggle="tab" data-bs-target="#tab-1" role="tab" aria-selected="true">Development</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tab-2" data-bs-toggle="tab" data-bs-target="#tab-2" role="tab" aria-selected="false">Design</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tab-3" data-bs-toggle="tab" data-bs-target="#tab-3" role="tab" aria-selected="false">Marketing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tab-4" data-bs-toggle="tab" data-bs-target="#tab-4" role="tab" aria-selected="false">On-Demand</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tab-5" data-bs-toggle="tab" data-bs-target="#tab-5" role="tab" aria-selected="false">Technology</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tab-6" data-bs-toggle="tab" data-bs-target="#tab-6" role="tab" aria-selected="false">Media & Events</a>
</li>-->
</ul>
</div>
</div>
</div>
</section>
<section class="why-us pb-60 pt-0">
<div class="container">
<div class="row">
<div class="col-12">
<div class="tab-content" id="nav-tabContent">
<?php
$j=1;
foreach ($categories as $category) {
if($j===1)
{
$class="active";
$selected="true";
$blogclass="show";
}else
{
$class="";
$selected="false";
$blogclass="";
}
?>
<div class="tab-pane fade <?php echo $blogclass;?> <?php echo $class;?>" id="tab-<?php echo $j;?>" role="tabpane<?php echo $j;?>">
<div class="row">
<?php
$allposts = getAllCategoryPosts($category["id"]);
foreach ($allposts as $post) {
echo '
<div class="col-lg-4 col-md-6">
<div class="single-article rounded-custom my-3">
<a href="/blogs/' . $post["slug"] . '" class="article-img">
<img src="https://syoft.com/blogs/uploads/post_images/thumbnails/' . $post["featured_image"] . '" alt="article" class="img-fluid">
</a>
<div class="article-content p-4">
<a href="/blogs/' . $post["slug"] . '">
<h2 class="h5 article-title limit-2-line-text">' . $post["title"] . '</h2>
</a>
<!-- <p class="limit-2-line-text">' . substr($post["desc"], 0, 150) . '</p>-->
<div class="d-flex align-items-center pt-2 row blog-btn">
<div class="avatar-info col-lg-7">
<h6 class="mb-0 avatar-name">' . $post["uname"] . '</h6>
<span class="small fw-medium text-muted">' . date('F d, Y', strtotime($post["udate"])) . '</span>
</div>
<div class="avatar-info-right col-lg-5">
<a href="/blogs/' . $post["slug"] . '"><button class="read btn btn-outline-dark btn-sm mt-2">Read more</button></a>
</div>
</div>
</div>
</div>
</div>
';
}
?>
</div>
</div>
<?php
$j++;
}
?>
</div>
</div>
</div>
</div>
</section>
<!--blog section end-->
<!--Common section start-->
<?php include 'common.php'; ?>
<!--Common section end-->
<!--footer section start-->
<?php include 'footer.php'; ?>
<!--footer section end-->
</div>
<!--build:js-->
<script src="assets/js/vendors/jquery-3.6.0.min.js"></script>
<script src="assets/js/vendors/bootstrap.bundle.min.js"></script>
<script src="assets/js/vendors/swiper-bundle.min.js"></script>
<script src="assets/js/vendors/jquery.magnific-popup.min.js"></script>
<script src="assets/js/vendors/parallax.min.js"></script>
<script src="assets/js/vendors/aos.js"></script>
<script src="assets/js/app.js"></script>
<!--endbuild-->
</body>
</html>