266 lines
19 KiB
PHP
266 lines
19 KiB
PHP
<?PHP
|
|
require_once "../admin/db/config.php";
|
|
// $blog_ref_id = $_GET['blog'];
|
|
// $selectCategory = $connection->query("SELECT * FROM `blogs_data` WHERE blog_ref_id='$blog_ref_id'");
|
|
// if ($selectCategory) {
|
|
// if($selectCategory->num_rows > 0){
|
|
// $data = $selectCategory->fetch_object();
|
|
// }
|
|
// }
|
|
?>
|
|
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<?PHP include './includes/links.php'; ?>
|
|
<title>Tech4Biz Solutions - Excellence Guaranteed</title>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="content-container">
|
|
<div class="ss-inner">
|
|
<?PHP include './includes/spinner.php'; ?>
|
|
<?PHP include './includes/header.php'; ?>
|
|
<div class="blog-banner-section ptb-70">
|
|
<div class="container">
|
|
<h3 class="blog-banner-title">Blog</h3>
|
|
<p class="blog-banner-description">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
|
|
<div>
|
|
<form action="">
|
|
<div class="blog-search-input">
|
|
<input type="text" name="blog-search" id="blog-search" placeholder="What are you looking for?">
|
|
<span class="search-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="105.403" height="105.746" viewBox="0 0 105.403 105.746">
|
|
<g id="Ellipse_30" data-name="Ellipse 30" fill="none" stroke="#fff" stroke-width="10">
|
|
<circle cx="46.5" cy="46.5" r="46.5" stroke="none"/>
|
|
<circle cx="46.5" cy="46.5" r="41.5" fill="none"/>
|
|
</g>
|
|
<path id="Path_27" data-name="Path 27" d="M1591.512,2299.748l-20.287-20.287" transform="translate(-1493.18 -2201.073)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="10"/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="blog-social-share-div">
|
|
<div class="blog-share-icon" onclick="shareIconOpen()">
|
|
<svg id="Group_29" data-name="Group 29" xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17">
|
|
<circle id="Ellipse_48" data-name="Ellipse 48" cx="2.5" cy="2.5" r="2.5" transform="translate(11)" fill="#fff"/>
|
|
<circle id="Ellipse_49" data-name="Ellipse 49" cx="2.5" cy="2.5" r="2.5" transform="translate(11 12)" fill="#fff"/>
|
|
<circle id="Ellipse_50" data-name="Ellipse 50" cx="2.5" cy="2.5" r="2.5" transform="translate(0 6)" fill="#fff"/>
|
|
<path id="Path_50" data-name="Path 50" d="M2.5,8.5l11-6m-11,6,11,6" fill="#fff" stroke="#fff" stroke-width="1"/>
|
|
</svg>
|
|
</div>
|
|
<div class="blog-social-main-div" id="socialIcon">
|
|
<a href="#" class="blog-social-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="8.308" height="16" viewBox="0 0 8.308 16">
|
|
<path id="Path_53" data-name="Path 53" d="M9.016.865A18.843,18.843,0,0,0,6.823.75,3.431,3.431,0,0,0,3.16,4.51v2.1H.708V9.452H3.16v7.3H6.1v-7.3H8.544l.375-2.846H6.1V4.788c0-.817.221-1.385,1.4-1.385h1.51V.865Z" transform="translate(-0.708 -0.75)" fill="#ccc"/>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="blog-social-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="17.238" height="14" viewBox="0 0 17.238 14">
|
|
<path id="Path_52" data-name="Path 52" d="M17.858,1.759a7.083,7.083,0,0,1-2.034.547A3.523,3.523,0,0,0,17.377.359a6.955,6.955,0,0,1-2.242.853A3.536,3.536,0,0,0,9.021,3.63a3.987,3.987,0,0,0,.087.809A10.042,10.042,0,0,1,1.824.742,3.538,3.538,0,0,0,2.917,5.467a3.558,3.558,0,0,1-1.6-.448v.044A3.533,3.533,0,0,0,4.153,8.53a3.735,3.735,0,0,1-.93.12A4.452,4.452,0,0,1,2.557,8.6a3.539,3.539,0,0,0,3.3,2.45,7.075,7.075,0,0,1-4.386,1.509,7.3,7.3,0,0,1-.853-.044A9.983,9.983,0,0,0,6.046,14.1,9.983,9.983,0,0,0,16.1,4.045c0-.153,0-.306-.011-.459a7.6,7.6,0,0,0,1.772-1.827Z" transform="translate(-0.621 -0.097)" fill="#ccc"/>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="blog-social-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15.292" viewBox="0 0 16 15.292">
|
|
<path id="Path_51" data-name="Path 51" d="M4.356,5.36H.918V15.683H4.356Zm.219-3.188A1.773,1.773,0,0,0,2.658.392,1.791,1.791,0,0,0,.72,2.173a1.772,1.772,0,0,0,1.9,1.781h.021A1.779,1.779,0,0,0,4.575,2.173Zm5.1,4.655V5.36H6.252s.042.969,0,10.323H9.679V9.923a2.584,2.584,0,0,1,.115-.844,1.879,1.879,0,0,1,1.76-1.25c1.24,0,1.74.948,1.74,2.333v5.521H16.72V9.767c0-3.167-1.687-4.646-3.948-4.646A3.392,3.392,0,0,0,9.679,6.828Z" transform="translate(-0.72 -0.392)" fill="#ccc"/>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="blog-social-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="15.572" height="15.56" viewBox="0 0 15.572 15.56">
|
|
<g id="Group_30" data-name="Group 30" transform="translate(0 -0.006)">
|
|
<path id="Path_54" data-name="Path 54" d="M2.308,10.95a2.308,2.308,0,1,0,2.309,2.31,2.31,2.31,0,0,0-2.309-2.31Z" fill="#ccc" fill-rule="evenodd"/>
|
|
<path id="Path_55" data-name="Path 55" d="M.24,5.089a.241.241,0,0,0-.24.24v2.93a.24.24,0,0,0,.24.24,6.834,6.834,0,0,1,6.826,6.826.24.24,0,0,0,.24.24h2.941a.241.241,0,0,0,.242-.24l-.012-.075A10.251,10.251,0,0,0,.24,5.089Z" fill="#ccc" fill-rule="evenodd"/>
|
|
<path id="Path_56" data-name="Path 56" d="M15.559,15.25A15.339,15.339,0,0,0,.24.006.241.241,0,0,0,0,.248V3.263a.241.241,0,0,0,.24.24A11.835,11.835,0,0,1,12.062,15.325a.24.24,0,0,0,.239.24H15.33a.244.244,0,0,0,.242-.24Z" fill="#ccc" fill-rule="evenodd"/>
|
|
</g>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container mtb-70">
|
|
<div class="d-flex services-menulist">
|
|
<a href="#" class="blog-category-title" style="font-weight:bold">All Services</a>
|
|
<a href="#" class="blog-category-title">Software Development</a>
|
|
<a href="#" class="blog-category-title">VLSI Design</a>
|
|
<a href="#" class="blog-category-title">3D Designing and Printing</a>
|
|
<a href="#" class="blog-category-title">PCBA & PCB manufacturing</a>
|
|
<div class="position-relative">
|
|
<button class="blog-more-button">More <i class="bx bx-caret-down"></i></button>
|
|
<div class="servicesMenuClose" id="servicesMenu">
|
|
<a href="#" class="blog-category-title">Hardware Design Development</a>
|
|
<a href="#" class="blog-category-title">Cloud Infrastructure Deployments</a>
|
|
<a href="#" class="blog-category-title">Internet of things (IoT)</a>
|
|
<a href="#" class="blog-category-title">Software Designing</a>
|
|
<a href="#" class="blog-category-title">Social Media Designing</a>
|
|
<a href="#" class="blog-category-title">3D Animation & Characters Designing</a>
|
|
<a href="#" class="blog-category-title">Brand Building & Marketing</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container mtb-70">
|
|
<div class="d-flex flex-wrap">
|
|
|
|
<?php
|
|
$careersData = $connection->query("SELECT * FROM `blogs_data`");
|
|
foreach ($careersData as $val) {
|
|
?>
|
|
<div class="blog-div-box">
|
|
<div class="blog-title-image">
|
|
<img src="../admin/blog_image/<?php echo $val['blog_header_image']; ?>" alt="<?php echo $val['blog_header_image']; ?>">
|
|
</div>
|
|
<div class="blog-box-content">
|
|
<div class="blog-user-image">
|
|
<img src="https://i.pravatar.cc/1500?img=12" alt="User Profile">
|
|
</div>
|
|
<div class="blog-category">
|
|
<a href="#" class="blog-category-tab">Project</a>
|
|
<a href="#" class="blog-category-tab">Tip and Tool</a>
|
|
</div>
|
|
<a href="blog-details.php?blog=<?php echo $val['blog_ref_id'];?>" class="blog-box-main-title"><?php echo $val['blog_title']; ?></a>
|
|
<p class="blog-writer-name">By <a href="#"><?php echo $val['developer_id']; ?></a></p>
|
|
<div class="blog-details-content">
|
|
<p><?php echo $val['blog_details_content']; ?></p>
|
|
</div>
|
|
<div class="read-articles-flex">
|
|
<p><?php echo $val['blog_read_time']; ?></p>
|
|
<a href="blog-details.php?blog=<?php echo $val['blog_ref_id'];?>" class="blog-box-category-button">Read articles
|
|
<span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="46.65" height="30.812" viewBox="0 0 46.65 30.812">
|
|
<g id="Group_18" data-name="Group 18" transform="translate(1.5 2.014)">
|
|
<path id="Path_34" data-name="Path 34" d="M0,13.392H42.712M30.365.107,43.65,13.392,30.365,26.676" transform="translate(0 0)" fill="none" stroke="#0071dc" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" fill-rule="evenodd"/>
|
|
</g>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php }?>
|
|
</div>
|
|
</div>
|
|
<section class="most-read-articles-section ptb-70">
|
|
<div class="container">
|
|
<h3 class="most-read-articles">Most-read Articles</h3>
|
|
<hr>
|
|
<div class="d-flex flex-wrap">
|
|
<div class="blog-div-box">
|
|
<div class="blog-title-image">
|
|
<img src="assets/images/JavaScript-Data-Patterns.jpg" alt="JavaScript-Data-Patterns">
|
|
</div>
|
|
<div class="blog-box-content">
|
|
<div class="blog-user-image">
|
|
<img src="https://i.pravatar.cc/1500?img=12" alt="User Profile">
|
|
</div>
|
|
<div class="blog-category">
|
|
<a href="#" class="blog-category-tab">Project</a>
|
|
<a href="#" class="blog-category-tab">Tip and Tool</a>
|
|
</div>
|
|
<a href="#" class="blog-box-main-title">Detailed Guide Line to JavaScript Data Patterns</a>
|
|
<p class="blog-writer-name">By <a href="#">Bhadresh Janjmera</a></p>
|
|
<div class="read-articles-flex">
|
|
<p>10 Minutes Read</p>
|
|
<a href="#" class="blog-box-category-button">Read articles
|
|
<span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="46.65" height="30.812" viewBox="0 0 46.65 30.812">
|
|
<g id="Group_18" data-name="Group 18" transform="translate(1.5 2.014)">
|
|
<path id="Path_34" data-name="Path 34" d="M0,13.392H42.712M30.365.107,43.65,13.392,30.365,26.676" transform="translate(0 0)" fill="none" stroke="#0071dc" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" fill-rule="evenodd"/>
|
|
</g>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="blog-div-box">
|
|
<div class="blog-title-image">
|
|
<img src="assets/images/JavaScript-Data-Patterns.jpg" alt="JavaScript-Data-Patterns">
|
|
</div>
|
|
<div class="blog-box-content">
|
|
<div class="blog-user-image">
|
|
<img src="https://i.pravatar.cc/1500?img=12" alt="User Profile">
|
|
</div>
|
|
<div class="blog-category">
|
|
<a href="#" class="blog-category-tab">Project</a>
|
|
<a href="#" class="blog-category-tab">Tip and Tool</a>
|
|
</div>
|
|
<a href="#" class="blog-box-main-title">Detailed Guide Line to JavaScript Data Patterns</a>
|
|
<p class="blog-writer-name">By <a href="#">Bhadresh Janjmera</a></p>
|
|
<div class="read-articles-flex">
|
|
<p>10 Minutes Read</p>
|
|
<a href="#" class="blog-box-category-button">Read articles
|
|
<span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="46.65" height="30.812" viewBox="0 0 46.65 30.812">
|
|
<g id="Group_18" data-name="Group 18" transform="translate(1.5 2.014)">
|
|
<path id="Path_34" data-name="Path 34" d="M0,13.392H42.712M30.365.107,43.65,13.392,30.365,26.676" transform="translate(0 0)" fill="none" stroke="#0071dc" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" fill-rule="evenodd"/>
|
|
</g>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="blog-div-box">
|
|
<div class="blog-title-image">
|
|
<img src="assets/images/JavaScript-Data-Patterns.jpg" alt="JavaScript-Data-Patterns">
|
|
</div>
|
|
<div class="blog-box-content">
|
|
<div class="blog-user-image">
|
|
<img src="https://i.pravatar.cc/1500?img=12" alt="User Profile">
|
|
</div>
|
|
<div class="blog-category">
|
|
<a href="#" class="blog-category-tab">Project</a>
|
|
<a href="#" class="blog-category-tab">Tip and Tool</a>
|
|
</div>
|
|
<a href="#" class="blog-box-main-title">Detailed Guide Line to JavaScript Data Patterns</a>
|
|
<p class="blog-writer-name">By <a href="#">Bhadresh Janjmera</a></p>
|
|
<div class="read-articles-flex">
|
|
<p>10 Minutes Read</p>
|
|
<a href="#" class="blog-box-category-button">Read articles
|
|
<span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="46.65" height="30.812" viewBox="0 0 46.65 30.812">
|
|
<g id="Group_18" data-name="Group 18" transform="translate(1.5 2.014)">
|
|
<path id="Path_34" data-name="Path 34" d="M0,13.392H42.712M30.365.107,43.65,13.392,30.365,26.676" transform="translate(0 0)" fill="none" stroke="#0071dc" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" fill-rule="evenodd"/>
|
|
</g>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div class="container mt-100">
|
|
<div class="news-later-subscriber ptb-100">
|
|
<div class="cube"></div>
|
|
<div class="cube"></div>
|
|
<div class="cube"></div>
|
|
<div class="cube"></div>
|
|
<div class="cube"></div>
|
|
<div class="cube"></div>
|
|
<div class="news-later-subscriber-main-div">
|
|
<p>Enter your Email address and <br> World-class articles, delivered weekly.</p>
|
|
<div class="news-later-input-div">
|
|
<input type="text" placeholder="Enter your email">
|
|
<button>Subscribe</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?PHP include './includes/footer.php'; ?>
|
|
</div>
|
|
</div>
|
|
<?PHP include './includes/scripts.php'; ?>
|
|
|
|
<script>
|
|
function shareIconOpen(){
|
|
var element = document.getElementById("socialIcon");
|
|
element.classList.toggle("blog-social-main-open");
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|