Nx

Filename: blog-details.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="icon" href="assets/images/favicon.png" type="image/gif" sizes="20x20">

<title>Juracy - Corporate Agency HTML Template</title>

<link rel="stylesheet" href="assets/font/flaticon.css">
    <link rel='stylesheet' href='assets/css/boxicons.min.css'>
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/animations.css">
    <link rel="stylesheet" href="assets/css/aos.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/default.css">
    <link rel="stylesheet" href="assets/css/main.css">
    <link rel="stylesheet" href="assets/css/responsive.css">
    <link rel="stylesheet" type="text/css" href="assets/font-awesome/css/font-awesome.css">

#style-1::-webkit-scrollbar-track{
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            border-radius:0px;
            background-color: #F5F5F5;
        }

#style-1::-webkit-scrollbar{
            width:7px;
            background-color: #F5F5F5;
        }

#style-1::-webkit-scrollbar-thumb{
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
            background-color: #555;
        }

.check_box{box-shadow: 0 2px 48px 0 rgb(0 0 0 / 8%);background:#fff;}

.check_box li{font-family: "Poppins", sans-serif;transition:0.3s ease-in-out;cursor:pointer;}
        .check_box li:hover{background:#cae2ff;transition:0.3s ease-in-out;}
        .check_box li a{padding-left:40px;line-height:45px;margin-bottom:4px;font-weight:400;font-size:16px;color: #000248;}
        .check_box li a span{float: right;font-size:11px;display: inline-block;margin-right:30px;}
        h6{font-size:18px;font-weight:600;padding:10px 0px 0px 10px; font-family: "Poppins", sans-serif;}
        input[type=checkbox], input[type=radio]{margin-right:10px;}
        .btn-outline-primary{position: absolute;right:15px;background:#d21756;height:45px;bottom:0px;color:#fff;outline:none;border:none;width:45px;line-height:45px;font-size:1.5rem;}
        .btn-outline-primary:hover{background:#d21756;}

.page_app{margin-bottom:20px;box-shadow: 0 2px 48px 0 rgb(0 0 0 / 8%);background:#fff;display: flow-root;transition:0.3s ease-in-out;font-family: "Poppins", sans-serif;padding-bottom:20px;border-bottom:1px solid #ddd;}
        .app-top{padding: 20px 20px 10px;}
        .title{font-size:18px;font-weight:600;letter-spacing:0.5px;margin-bottom:0.5px;color:#3B566E;font-family: "Poppins", sans-serif;margin-bottom:10px;}
        .app-content{padding:20px;padding-top:0px;}
        .text{border-bottom: 1px solid #EDEEFD;padding-bottom:20px;margin-bottom:20px;line-height:26px;}
        .app-table li{line-height:28px;letter-spacing:1px;margin-bottom:5px;font-weight:400;}
        .job-time{background:#D12149;padding: 5px 10px;font-weight:400;font-weight:14px;color:#fff;}
        .table-title{float:left;width:40%;color:#3B566E;font-weight:600;}
        .table-content{float: left;width:60%;color: #5e6e7d;}

</style>

</head>

<nav class="social">
        <ul>
            <li><a href="#" ><span>e-Brochure</span><i class="fa fa-book twitter"></i></a></li>
        </ul>
    </nav>

</div>

<header class="header-section">

<div class="header-area">
            <div class="container">
                <div class="row">
                    <div class="col-xl-2 col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="logo d-flex justify-content-between">
                            <a href="index.html" class="nav_text">Menu</a>
                            <div class="mobile-menu d-flex ">
                                <div class="top-search-bar m-0 d-block d-xl-none">
                                    <a href="#" class="search-btn" data-toggle="modal" data-target="#search-modal">
                                        <i class='bx bx-search'></i>
                                    </a>
                                </div>
                                <a href="javascript:void(0)" class="hamburger d-block d-xl-none">
                                    <span class="h-top"></span>
                                    <span class="h-middle"></span>
                                    <span class="h-bottom"></span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-10 col-lg-10 col-md-10 col-sm-12 col-xs-12">
                        <nav class="main-nav">
                            <div class="mobile-wrapper d-block d-xl-none">
                                <a href="#"><img src="assets/images/logo_wrapper.png" alt="logo"></a>
                            </div>
                            <div class="nav-right d-flex">
                                <div class="search-icon">
                                    <a href="#" class="search-btn" data-toggle="modal" data-target="#search-modal">
                                        <i class='bx bx-search'></i>
                                    </a>
                                </div>
                                
                            </div>
                            <ul>
                                <li><a href="index.html">Home</a></li>
                                <li class="has-child-menu">
                                    <a href="javascript:void(0)" >About Us</a>
                                    <i class="fl flaticon-plus">+</i>
                                    <ul class="sub-menu">
                                        <li><a href="company_profile.html">Company Profile</a></li>
                                        <li><a href="board_of_directors.html">Board Of Directors</a></li>
                                        <li><a href="leadership_team.html">Leadership Team</a></li>
                                    </ul>

</li>
                                <li><a href="service.html">Services</a></li>

<li class="has-child-menu">
                                    <a href="javascript:void(0)">Portfolio</a>
                                    <i class="fl flaticon-plus">+</i>
                                    <ul class="sub-menu">
                                        <li><a href="portfolio.html">Portfolio</a></li>
                                        <li><a href="portfolio-details.html">Portfolio Details</a></li>
                                    </ul>
                                </li>
                                <li class="has-child-menu">
                                    <a class="active" href="javascript:void(0)">Blog</a>
                                    <i class="fl flaticon-plus">+</i>
                                    <ul class="sub-menu">
                                        <li><a href="blog-grid.html">Blog Grid</a></li>
                                        <li><a class="active" href="blog-details.html">Blog Details</a></li>
                                        <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
                                        <li><a href="blog-standard.html">Blog Standard </a></li>
                                    </ul>
                                </li>
                                <li class="has-child-menu">
                                    <a href="javascript:void(0)">Pages</a>
                                    <i class="fl flaticon-plus">+</i>
                                    <ul class="sub-menu">
                                        <li><a href="faq.html">FAQ Page</a></li>
                                        <li><a href="error.html">Error Page</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">Contact</a></li>

</ul>
                        </nav>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="input-group searchbox">
                            <input type="search" placeholder="Type here to search....." class="searchbox-input" autocomplete="on" required="">
                            <div class="input-group-prepend">
                                <div class="input-group-text searchbox-submit"><i class="bx bx-search"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<div class="section-breadCrumbs">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="breadCrumbs-content">
                            <div class="page-name text-center">
                                <h2>Blog Details</h2>
                            </div>
                            <div class="breadcrumbs-link">
                                <ul class="d-flex justify-content-center">
                                    <li><a href="index.html">Home </a><i class="flaticon-arrow-angle-pointing-to-right"></i></li>
                                    <li><a href="blog-grid.html">Blog </a><i class="flaticon-arrow-angle-pointing-to-right"></i></li>
                                    <li><a class="page_active" aria-current="page">Blog Details</a> </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

</header>

<div class="blog-area blog-standard-area section">
        <div class="container">
            <div class="row">

<ul class="check_box">
                                    <div class="scrollbar" id="style-1">
                                        <li><a href="javascript:;">IT Technology <span>986</span></a></li>
                                        <li><a href="javascript:;">Digital Marketing <span>150</span></a></li>
                                        <li><a href="javascript:;">Auto Mobiles <span>451</span></a></li>
                                        <li><a href="javascript:;">Human Resources <span>89</span></a></li>
                                        <li><a href="javascript:;">Tele Communications <span>58</span></a></li>
                                        <li><a href="javascript:;">Education <span>47</span></a></li>
                                        <li><a href="javascript:;">Sales Mareting <span>676</span></a></li>

<li><a href="javascript:;"><input type="checkbox" name="remote_jobs">Remote Jobs (1)</a></li>
                                    
                                        <h6>Job Type</h6>
                                        <li><a href="javascript:;"><input type="checkbox" name="remote_jobs">Contract (20)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="remote_jobs">Full time (2)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="remote_jobs">Permanent (94)</a></li>

<h6>Country</h6>
                                        <li><a href="javascript:;"><input type="checkbox" name="remote_jobs">India (115)</a></li>

<h6>Work Experience</h6>
                                        <!-- <form action="" style="position: relative;">
                                            <input type="search" class="form-control" name="search_work" id="search_work" placeholder="Search" style="width:90%;margin:15px auto;height:45px;" required="required">

<button type="button" class="btn-outline-primary"><i class="fa fa-search" aria-hidden="true"></i></button>
                                        </form> -->
                                   
                                        <li><a href="javascript:;"><input type="checkbox" name="work">0.6 TO 6 YEARS (1)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="work">2 - 7 Yrs (1)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="work">2 to 6 years (2)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="work">4 to 8 yrs (1)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="work">6 Yrs - 9 Yrs (1)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="work">8 - 16 Yrs (1)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="work">Experienced (65)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="work">Fresher (8)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="work">Fresher to 4 years experi... (1)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="work">Open for Both (26)</a></li>

<h6>Salary</h6>
                                        <form action="" style="position: relative;box-shadow: 0 2px 48px 0 rgb(0 0 0 / 8%)">
                                            <input type="search" class="form-control" name="salary" id="salary" placeholder="Search" style="width:90%;margin:15px auto;height:45px;" required="required">

<button type="button" class="btn-outline-primary"><i class="flaticon-searching-magnifying-glass"></i></button>
                                        </form>
                                        <li><a href="javascript:;"><input type="checkbox" name="salary">0 - 200000 (1)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="salary">10000+ (3)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="salary">100000 - 1500000 (3)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="salary">100000 - 300000 (22)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="salary">1500000 - 1800000 (1)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="salary">18 LPA (1)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="salary">20,00,000 + (2)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="salary">300000 - 500000 (28)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="salary">600000 - 800000 (2)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="salary">As per industry standards... (2)</a></li>
                                        <li><a href="javascript:;"><input type="checkbox" name="salary">Below 100000 (3)</a></li>
                                    </div>
                                </ul>
      
                </div>

<div class="col-lg-12 col-md-12 col-sm-12">
                                <a href="#" class="page_app">
                                    <div class="app-top">
                                        <div class="app-title">
                                            <h5 class="title">Java Developer with 1-2 years experience</h5>
                                        </div>
                                    </div>
                                    <div class="app-content">
                                        <div class="text"><span class="job-time">1 Day ago</span></div>
                                        <ul class="app-table">
                                            <li>
                                                <div class="table-title">Industry:</div>
                                                <div class="table-content">IT/Computers - Software</div>
                                            </li>
                                            <li>
                                                <div class="table-title">Company</div>
                                                <div class="table-content">ABC</div>
                                            </li>
                                            <li>
                                                <div class="table-title">Role</div>
                                                <div class="table-content">Software Engineer/Programmer</div>
                                            </li>
                                            <li>
                                                <div class="table-title">Salary</div>
                                                <div class="table-content">1 la- 3 la</div>
                                            </li>
                                        </ul>

</div>
                                </a>
                            </div>

<div class="col-lg-12 col-md-12 col-sm-12">
                                <a href="#" class="page_app">
                                    <div class="app-top">
                                        <div class="app-title">
                                            <h5 class="title">Hadoop Cadidates with 5-6 years experience</h5>
                                        </div>
                                    </div>
                                    <div class="app-content">
                                        <div class="text"><span class="job-time">1 Day ago</span></div>
                                        <ul class="app-table">
                                            <li>
                                                <div class="table-title">Industry:</div>
                                                <div class="table-content">IT/Computers - Software</div>
                                            </li>
                                            <li>
                                                <div class="table-title">Company</div>
                                                <div class="table-content">ABC</div>
                                            </li>
                                            <li>
                                                <div class="table-title">Role</div>
                                                <div class="table-content">Software Engineer/Programmer</div>
                                            </li>
                                            <li>
                                                <div class="table-title">Salary</div>
                                                <div class="table-content">4 la- 7 la</div>
                                            </li>
                                        </ul>

</div>
                                </a>
                            </div>

<div class="col-lg-12 col-md-12 col-sm-12">
                                <a href="#" class="page_app">
                                    <div class="app-top">
                                        <div class="app-title">
                                            <h5 class="title">UI Developer with 7+ years experience</h5>
                                        </div>
                                    </div>
                                    <div class="app-content">
                                        <div class="text"><span class="job-time">1 Day ago</span></div>
                                        <ul class="app-table">
                                            <li>
                                                <div class="table-title">Industry:</div>
                                                <div class="table-content">IT/Computers - Software</div>
                                            </li>
                                            <li>
                                                <div class="table-title">Company</div>
                                                <div class="table-content">ABC</div>
                                            </li>
                                            <li>
                                                <div class="table-title">Role</div>
                                                <div class="table-content">Software Engineer/Programmer</div>
                                            </li>
                                            <li>
                                                <div class="table-title">Salary</div>
                                                <div class="table-content">6 la- 10 la</div>
                                            </li>
                                        </ul>

</div>
                                </a>
                            </div>

</div>
                                </a>
                            </div>
                    
                </div>

</div>
        </div>
    </div>

<div class="marquee-area section pb-0" style="padding-top:0px">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 col-md-8 col-sm-12 m-auto text-center">
                    <div class="section_top">
                        <h2> Our Clients</h2>
                        <p style="color:#a7a7a7 !important;">Few list of the clients</p>
                    </div>
                </div>
            </div>
            <div class="marquee">
                <div class="marquee-content owl-carousel">
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client1.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client2.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client3.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client4.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client5.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client6.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client7.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client8.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client9.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client10.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client11.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client12.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client13.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client14.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client15.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client16.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client17.png" alt="logo"></a>
                    </div>
                    <div class="inner">
                        <a href="#"><img class="img-fluid" src="assets/images/client18.png" alt="logo"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="getInTuch-area">
            <div class="container">
                <div class="section_inner">
                <div class="row">
                    <div class="col-xxl-7 col-xl-7 col-lg-12 col-md-12 col-sm-12 m-auto justify-content-center">
                        <div class="tuch-area-text text-center">
                            <h2>Subscribe to Our Newsletter</h2>
                            
                        </div>
    
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <button class="btn btn-outline-secondary envelope" type="button"><i class="flaticon-black-back-closed-envelope-shape"></i></button>
                            </div>
                            <input type="text" class="form-control" placeholder="Your Email" aria-label="">
                            <button type="submit" class="btn btn-outline-secondary paper-plane"><i class="bx bx-paper-plane bx-circle"></i></button>
                        </div>
                    </div>
    
                </div>
            </div>
        </div>

<footer class="footer-area">
        <div class="footer-wrapper other-page-footer">
            <div class="container">
                <div class="row pt-185 pb-20">

<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="footer-wrap">
                            <a href="#"><img class="footer_logo img-fluid" src="assets/images/logo_wrapper.png" alt="logo"></a>
                            <p style="color:#fff !important;">Orion Corporate Alliance Pvt. Ltd. is one of India's leading staffing organization, an affiliate of Orion Edutech Pvt. Ltd. an ISO 9001:2015 certified company. We aim to provide comprehensive solutions to corporate houses in areas of human capital and allied services.</p>
                            <div class="social-links" style="justify-content: flex-start !important;">
                                <a href="#" class="social-button"><i class='bx bxl-facebook fb'></i></a>
                                <a href="#" class="social-button"><i class='bx bxl-twitter twi'></i></a>
                                <a href="#" class="social-button"><i class='fa fa-instagram insta'></i></a>
                                <a href="#" class="social-button"><i class='bx bxl-linkedin link'></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-2 col-xl-2 col-lg-2 col-md-6 col-sm-6">
                        <div class="information footer-widget">
                            <h3>Quick Links</h3>
                            <ul class="information-items">
                                <li class="list-item">
                                   <a href="about.html"><i class="flaticon-keyboard-right-arrow-button"></i> About us</a>
                                </li>
                                <li class="list-item">
                                    <a href="service.html"><i class="flaticon-keyboard-right-arrow-button"></i> Services</a>
                                </li> 
                                <li class="list-item">
                                    <a href="portfolio.html"><i class="flaticon-keyboard-right-arrow-button"></i> Job List</a>
                                </li>
                                <li class="list-item">
                                    <a href="blog-grid.html"><i class="flaticon-keyboard-right-arrow-button"></i> Team</a>
                                </li>
                                <li class="list-item">
                                    <a href="contact.html"><i class="flaticon-keyboard-right-arrow-button"></i> Contact Us</a>
                                </li>
    
                            </ul>
                        </div>
                    </div>
                    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6">
                        <div class="services footer-widget">
                            <h3>Our Services</h3>
                            <ul class="service-items">
                                <li class="list-item">
                                    <a href="service.html"> <i class="flaticon-keyboard-right-arrow-button"></i> Careers</a>
                                </li>
                                <li class="list-item">
                                    <a href="service.html"> <i class="flaticon-keyboard-right-arrow-button"></i> Blogs</a>
                                </li>
                                <li class="list-item">
                                    <a href="service.html"> <i class="flaticon-keyboard-right-arrow-button"></i> Achievements</a>
                                </li>
                                <li class="list-item">
                                    <a href="service.html"> <i class="flaticon-keyboard-right-arrow-button"></i> Gallery</a>
                                </li>
                                <li class="list-item">
                                    <a href="service.html"> <i class="flaticon-keyboard-right-arrow-button"></i> More</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6">
                        <div class="footer-widget contact-info">
                            <h3> Contact Us</h3> 
                            <div class="contact-info-content">
                                
                                <div class="single_info phone">
                                    <span><i class="flaticon-phone-call-1"></i></span>
                                    <div class="phone">
                                        <a href="tel:+03346051324"> +03346051324</a> <br>
                                        
                                    </div>
                                </div>
                                <div class="single_info mail">
                                    <span><i class="flaticon-black-back-closed-envelope-shape"></i></span>
                                    <div class="mail">
                                        <a href="mailto:info@orioncorporate.com">info@orioncorporate.com</a> <br>
                                        
                                    </div>
                                </div>

<div class="single_info address">
                                    <span><i class="flaticon-maps-and-flags"></i></span>
                                    <p style="color:#fff !important;">PS Aviator, Unit No. 508, 5th Floor, Atghora, Chinar Park, Rajarhat Road, Kolkata-700136.
                                         </p>
                                  
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    
        
        <div class="copy-right text-center">
            <p><span>Copyright ©2022 OCAPL Ltd.<a href="#"><strong></strong></a> All rights reserved.</span></p>
        </div>
    </footer>

<script src="./assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/aos.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/main.js"></script>

</body>

</html>

Edit | Rename | Chmod | Delete |