Home
Server Info
Spawn Toolkit
Naxtarrr
Path:
~
/
home
/
u415470203
/
domains
/
orioncorporate.com
/
public_html
/
Filename: blog-grid.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> <!-- stylesheet --> <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> p{color:#a7a7a7 !important;} </style> </head> <body id="home"> <!-- Start Preloader Area --> <div class="preloader"> <div class="loader"> <div class="bar1 bar"></div> <div class="bar2 bar"></div> <div class="bar3 bar"></div> <div class="bar4 bar"></div> <div class="bar5 bar"></div> <div class="bar6 bar"></div> </div> </div> <nav class="social"> <ul> <li><a href="#" ><span>e-Brochure</span><i class="fa fa-book twitter"></i></a></li> </ul> </nav> <div class="top-bar"> <div class="container"> <div class="row d-flex justify-content-between align-items-center border_menu"> <div class="col-lg-6 col-md-6 col-6"> <a href="index.html"><img src="assets/images/logo_wrapper.png" alt="img"></a> </div> <div class="col-lg-6 col-md-6 col-6"> <div class="social-links"> <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> <hr style="border-top:1px solid #d31c59;margin-bottom:0px !important;"> </div> </div> <!-- End Preloader Area --> <!-- START HEADER AREA --> <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 class="active" href="blog-grid.html">Blog Grid</a></li> <li><a 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 Grid</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 class="page_active" aria-current="page">Blog Grid</a> </li> </ul> </div> </div> </div> </div> </div> </div> </header> <!-- END HEADER AREA --> <!-- START BLOG AREA --> <div class="blog-area section"> <div class="container"> <div class="row inner-blog-boxs"> <div class="col-lg-4 col-md-6 col-sm-12 text-center"> <div class="blog-box"> <div class="blog-img"> <a href="#"><img class="img-fluid" src="assets/images/blog_img1.png" alt="img"></a> <div class="rebon"> <a href="#"><i class='bx bx-time'></i>18 April 2020</a> </div> </div> <div class="blog-content"> <a href="blog-details.html"><h4> Why you should hire ui/ux Guy Before work </h4> </a> <p> There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by .</p> <a href="blog-details.html" class="btn readMore_btn">Read More</a> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 text-center"> <div class="blog-box"> <div class="blog-img"> <a href="#"><img class="img-fluid" src="assets/images/blog_img2.png" alt="img"></a> <div class="rebon"> <a href="#"><i class='bx bx-time'></i>18 April 2020</a> </div> </div> <div class="blog-content"> <a href="blog-details.html"><h4> A good website starts with a good idea and great people </h4> </a> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by </p> <a href="blog-details.html" class="btn readMore_btn">Read More</a> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 text-center"> <div class="blog-box"> <div class="blog-img"> <a href="#"><img class="img-fluid" src="assets/images/blog_img3.png" alt="img"></a> <div class="rebon"> <a href="#"><i class='bx bx-time'></i>18 April 2020</a> </div> </div> <div class="blog-content"> <a href="blog-details.html"><h4> Why you should hire ui/ux Guy Before work </h4> </a> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by </p> <a href="blog-details.html" class="btn readMore_btn">Read More</a> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 text-center"> <div class="blog-box"> <div class="blog-img"> <a href="#"><img class="img-fluid" src="assets/images/blog_img2.png" alt="img"></a> <div class="rebon"> <a href="#"><i class='bx bx-time'></i>18 April 2020</a> </div> </div> <div class="blog-content"> <a href="blog-details.html"><h4> A good website starts with a good idea and great people </h4> </a> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by </p> <a href="blog-details.html" class="btn readMore_btn">Read More</a> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 text-center"> <div class="blog-box"> <div class="blog-img"> <a href="#"><img class="img-fluid" src="assets/images/blog_img1.png" alt="img"></a> <div class="rebon"> <a href="#"><i class='bx bx-time'></i>18 April 2020</a> </div> </div> <div class="blog-content"> <a href="blog-details.html"><h4> Why you should hire ui/ux Guy Before work </h4> </a> <p> There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by .</p> <a href="blog-details.html" class="btn readMore_btn">Read More</a> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 text-center"> <div class="blog-box"> <div class="blog-img"> <a href="#"><img class="img-fluid" src="assets/images/blog_img3.png" alt="img"></a> <div class="rebon"> <a href="#"><i class='bx bx-time'></i>18 April 2020</a> </div> </div> <div class="blog-content"> <a href="blog-details.html"><h4> Why you should hire ui/ux Guy Before work </h4> </a> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by </p> <a href="blog-details.html" class="btn readMore_btn">Read More</a> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 text-center"> <div class="blog-box"> <div class="blog-img"> <a href="#"><img class="img-fluid" src="assets/images/blog_img1.png" alt="img"></a> <div class="rebon"> <a href="#"><i class='bx bx-time'></i>18 April 2020</a> </div> </div> <div class="blog-content"> <a href="blog-details.html"><h4> Why you should hire ui/ux Guy Before work </h4> </a> <p> There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by .</p> <a href="blog-details.html" class="btn readMore_btn">Read More</a> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 text-center"> <div class="blog-box"> <div class="blog-img"> <a href="#"><img class="img-fluid" src="assets/images/blog_img2.png" alt="img"></a> <div class="rebon"> <a href="#"><i class='bx bx-time'></i>18 April 2020</a> </div> </div> <div class="blog-content"> <a href="blog-details.html"><h4>A good website starts with a good idea and great people </h4> </a> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by </p> <a href="blog-details.html" class="btn readMore_btn">Read More</a> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 text-center"> <div class="blog-box"> <div class="blog-img"> <a href="#"><img class="img-fluid" src="assets/images/blog_img3.png" alt="img"></a> <div class="rebon"> <a href="#"><i class='bx bx-time'></i>18 April 2020</a> </div> </div> <div class="blog-content"> <a href="blog-details.html"><h4> Why you should hire ui/ux Guy Before work </h4> </a> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by </p> <a href="blog-details.html" class="btn readMore_btn">Read More</a> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 text-center"> <div class="blog-box"> <div class="blog-img"> <a href="#"><img class="img-fluid" src="assets/images/blog_img2.png" alt="img"></a> <div class="rebon"> <a href="#"><i class='bx bx-time'></i>18 April 2020</a> </div> </div> <div class="blog-content"> <a href="blog-details.html"><h4> A good website starts with a good idea and great people </h4> </a> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by </p> <a href="blog-details.html" class="btn readMore_btn">Read More</a> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 text-center"> <div class="blog-box"> <div class="blog-img"> <a href="#"><img class="img-fluid" src="assets/images/blog_img1.png" alt="img"></a> <div class="rebon"> <a href="#"><i class='bx bx-time'></i>18 April 2020</a> </div> </div> <div class="blog-content"> <a href="blog-details.html"><h4> Why you should hire ui/ux Guy Before work </h4> </a> <p> There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by .</p> <a href="blog-details.html" class="btn readMore_btn">Read More</a> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 text-center"> <div class="blog-box"> <div class="blog-img"> <a href="#"><img class="img-fluid" src="assets/images/blog_img3.png" alt="img"></a> <div class="rebon"> <a href="#"><i class='bx bx-time'></i>18 April 2020</a> </div> </div> <div class="blog-content"> <a href="blog-details.html"><h4> Why you should hire ui/ux Guy Before work </h4> </a> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by </p> <a href="blog-details.html" class="btn readMore_btn">Read More</a> </div> </div> </div> </div> <div class="row justify-content-center"> <div class="pagination-wrapper"> <ul class="pagination"> <li class="page-item nextAndPrev"><a class="page-link" href="blog-grid.html"><i class="flaticon-left-arrow"></i></a></li> <li class="page-item"><a class="page-link" href="blog-grid.html">1</a></li> <li class="page-item"><a class="page-link" href="blog-grid.html">2</a></li> <li class="page-item"><a class="page-link active__item" href="blog-grid.html">3</a></li> <li class="page-item"><a class="page-link" href="blog-grid.html">4</a></li> <li class="page-item"><a class="page-link" href="blog-grid.html">5</a></li> <li class="page-item nextAndPrev"><a class="page-link" href="blog-grid.html"><i class="flaticon-arrow-angle-pointing-to-right"></i></a></li> </ul> </div> </div> </div> </div> <!-- END BLOG AREA --> <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> <!-- START GET IN TUCH AREA --> <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> <!-- <p style="color:#fff"> There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomized </p> --> </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> <!-- Button trigger modal --> <!-- END GET IN TUCH AREA --> <!-- START FOOTER AREA --> <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> <!-- <a href="tel:+9999999999"> +9999999999</a> --> </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> <!-- <a href="mailto:support@example.com">support@example.com</a> --> </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> <!-- END FOOTER AREA --> <!-- COPYRIGHT AREA --> <div class="copy-right text-center"> <p><span>Copyright ©2022 OCAPL Ltd.<a href="#"><strong></strong></a> All rights reserved.</span></p> </div> </footer> <!-- END FOOTER AREA --> <!-- ===== J S L I N K S ===== --> <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>
Submit
Create File
Create Folder
Upload File