| <!DOCTYPE html>
|
| <html lang="zxx">
|
|
|
|
|
| <head>
|
| <title>Projects | Technofy</title>
|
|
|
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
|
| <meta charset="utf-8">
|
| <link rel="apple-touch-icon" sizes="57x57" href="assets/images/favicon/apple-icon-57x57.png">
|
| <link rel="apple-touch-icon" sizes="60x60" href="assets/images/favicon/apple-icon-60x60.png">
|
| <link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicon/apple-icon-72x72.png">
|
| <link rel="apple-touch-icon" sizes="76x76" href="assets/images/favicon/apple-icon-76x76.png">
|
| <link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicon/apple-icon-114x114.png">
|
| <link rel="apple-touch-icon" sizes="120x120" href="assets/images/favicon/apple-icon-120x120.png">
|
| <link rel="apple-touch-icon" sizes="144x144" href="assets/images/favicon/apple-icon-144x144.png">
|
| <link rel="apple-touch-icon" sizes="152x152" href="assets/images/favicon/apple-icon-152x152.png">
|
| <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicon/apple-icon-180x180.png">
|
| <link rel="icon" type="image/png" sizes="192x192" href="assets/images/favicon/android-icon-192x192.png">
|
| <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon/favicon-32x32.png">
|
| <link rel="icon" type="image/png" sizes="96x96" href="assets/images/favicon/favicon-96x96.png">
|
| <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon/favicon-16x16.png">
|
| <link rel="manifest" href="assets/images/favicon/manifest.json">
|
| <meta name="msapplication-TileColor" content="#ffffff">
|
| <meta name="msapplication-TileImage" content="../ms-icon-144x144.html">
|
| <meta name="theme-color" content="#ffffff">
|
|
|
| <link href="assets/bootstrap/bootstrap.min.css" rel="stylesheet">
|
| <link rel="stylesheet" href="assets/js/bootstrap.min.js">
|
|
|
| <link rel="stylesheet" href="../../cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
|
|
|
| <link href="assets/css/style.css" rel="stylesheet" type="text/css">
|
| <link href="assets/css/custom-style.css" rel="stylesheet" type="text/css">
|
| <link href="assets/css/special-classes.css" rel="stylesheet" type="text/css">
|
| <link href="assets/css/responsive.css" rel="stylesheet" type="text/css">
|
| <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
|
| <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
|
| <link rel="stylesheet" href="../../cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css">
|
| <link href="../../unpkg.com/aos%402.3.1/dist/aos.css" rel="stylesheet">
|
| </head>
|
|
|
| <body>
|
|
|
| <div class="sub-banner sub-banner2">
|
| <figure class="sub-bannerleftlayer mb-0">
|
| <img src="assets/images/sub-bannerleftlayer.png" alt="" class="img-fluid">
|
| </figure>
|
| <header class="header">
|
| <div class="main-header">
|
| <div class="container-fluid">
|
| <nav class="navbar navbar-expand-lg navbar-light">
|
| <a class="navbar-brand" href="index-2.html"><figure class="mb-0 banner-logo"><img src="assets/images/logo.png" alt="" class="img-fluid"></figure></a>
|
| <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
|
| aria-label="Toggle navigation">
|
| <span class="navbar-toggler-icon"></span>
|
| <span class="navbar-toggler-icon"></span>
|
| <span class="navbar-toggler-icon"></span>
|
| </button>
|
| <div class="collapse navbar-collapse" id="navbarSupportedContent">
|
| <ul class="navbar-nav">
|
| <li class="nav-item">
|
| <a class="nav-link" href="index-2.html">Home</a>
|
| </li>
|
| <li class="nav-item">
|
| <a class="nav-link" href="about.html">About</a>
|
| </li>
|
| <li class="nav-item">
|
| <a class="nav-link" href="service.html">Services</a>
|
| </li>
|
| <li class="nav-space nav-item dropdown">
|
| <a class="nav-link dropdown-toggle dropdown-color navbar-text-color" href="#" id="navbarDropdownMenu" role="button" data-toggle="dropdown" aria-haspopup="true"
|
| aria-expanded="false"> Blog </a>
|
| <div class="dropdown-menu drop-down-content">
|
| <ul class="list-unstyled drop-down-pages">
|
| <li class="nav-item"><a class="dropdown-item nav-link" href="single-post.html">Single Post</a></li>
|
| <li class="nav-item"><a class="dropdown-item nav-link" href="infinite-scroll.html">Infinite Scroll</a></li>
|
| <li class="nav-item"><a class="dropdown-item nav-link" href="load-more.html">Load More</a></li>
|
| <li class="nav-item"><a class="dropdown-item nav-link" href="one-column.html">One Column</a></li>
|
| <li class="nav-item"><a class="dropdown-item nav-link" href="two-column.html">Two Column</a></li>
|
| <li class="nav-item"><a class="dropdown-item nav-link" href="three-column.html">Three Column</a></li>
|
| <li class="nav-item"><a class="dropdown-item nav-link" href="three-colum-sidbar.html">Three Column Sidebar</a></li>
|
| <li class="nav-item"><a class="dropdown-item nav-link" href="four-column.html">Four Column</a></li>
|
| <li class="nav-item"><a class="dropdown-item nav-link" href="six-colum-full-wide.html">Six Column</a></li>
|
| </ul>
|
| </div>
|
| </li>
|
| <li class="nav-space nav-item dropdown active">
|
| <a class="nav-link dropdown-toggle dropdown-color navbar-text-color" href="#" id="navbarDropdownmain" role="button" data-toggle="dropdown" aria-haspopup="true"
|
| aria-expanded="false"> Pages </a>
|
| <div class="dropdown-menu drop-down-content">
|
| <ul class="list-unstyled drop-down-pages">
|
| <li class="nav-item active">
|
| <a class="dropdown-item nav-link" href="project.html">Projects</a>
|
| </li>
|
| <li class="nav-item">
|
| <a class="dropdown-item nav-link" href="pricing.html">Pricing</a>
|
| </li>
|
| <li class="nav-item">
|
| <a class="dropdown-item nav-link" href="team.html">Teams</a>
|
| </li>
|
| </ul>
|
| </div>
|
| </li>
|
| <li class="nav-space nav-item">
|
| <a class="nav-link" href="contact.html">Contact</a>
|
| </li>
|
| </ul>
|
| <div class="last_list">
|
| <figure class="nav-phoneimage mb-0"><img class="img-fluid" src="assets/images/nav-phoneimage.png" alt=""></figure>
|
| <div class="content">
|
| <p class="text-size-18 text-white">Call Anytime:</p>
|
| <a class="text-decoration-none last_list_atag" href="tel:+012(345)6789">+012 (345) 6789</a>
|
| </div>
|
| </div>
|
| </div>
|
| </nav>
|
| </div>
|
| </div>
|
| </header>
|
| <section class="banner-section">
|
| <div class="container">
|
| <div class="row">
|
| <div class="col-lg-12 col-md-12 col-sm-12 col-12">
|
| <div class="banner_content" data-aos="fade-up">
|
| <figure class="project-rightcircle service-rightcircle mb-0">
|
| <img src="assets/images/service-rightcircle.png" alt="" class="img-fluid">
|
| </figure>
|
| <h1 class="text-white">Our projects</h1>
|
| <p>Roidunt eget semper nec ruam sed hendrerit morbi ac feliseao augue pellentesue morbi acer.</p>
|
| <div class="box">
|
| <span class="mb-0">Home</span>
|
| <figure class="mb-0 arrow"><img src="assets/images/button-arrow.png" alt="" class="img-fluid"></figure>
|
| <span class="mb-0 box_span">Projects</span>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </section>
|
| <figure class="banner-circleright mb-0">
|
| <img src="assets/images/banner-circleright.png" class="img-fluid" alt="">
|
| </figure>
|
| <figure class="sub-bannerrightlayer mb-0">
|
| <img src="assets/images/sub-bannerrightlayer.png" alt="" class="img-fluid">
|
| </figure>
|
| </div>
|
|
|
| <section class="project-section projectpage-section">
|
| <figure class="offer-toplayer mb-0">
|
| <img src="assets/images/offer-toplayer.png" alt="" class="img-fluid">
|
| </figure>
|
| <div class="container">
|
| <div class="row">
|
| <div class="col-12">
|
| <div class="project_content" data-aos="fade-right">
|
| <h6>RECENT PROJECTS</h6>
|
| <h2>Our Latest Case Studies</h2>
|
| <p>Dursus mal suada faci lisis lorem ipsum dolarorit more ame ion consectetur elit vesti at bulum nec
|
| odio aea the dumm recreo that dolocons.</p>
|
| <figure class="offer-circleimage mb-0">
|
| <img src="assets/images/offer-circleimage.png" alt="" class="img-fluid">
|
| </figure>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="project_wrapper">
|
| <div class="row" data-aos="fade-up">
|
| <div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
| <div class="case-box overlay">
|
| <div class="overlay-image">
|
| <figure class="image mb-0">
|
| <img src="assets/images/case-image2.jpg" alt="" class="">
|
| </figure>
|
| </div>
|
| <div class="content">
|
| <span class="text-white">Development</span>
|
| <h5 class="text-white">Web Development</h5>
|
| <p class="text-white text-size-18">Serum hic tenetur a sapiente...</p>
|
| <i class="circle fa-thin fa-arrow-right"></i>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
| <div class="case-box2 case-box overlay">
|
| <div class="overlay-image">
|
| <figure class="image mb-0">
|
| <img src="assets/images/case-image3.jpg" alt="" class="">
|
| </figure>
|
| </div>
|
| <div class="content">
|
| <span class="text-white">Marketing</span>
|
| <h5 class="text-white">Digital Marketing</h5>
|
| <p class="text-white text-size-18">Terum hic tenetur a sapiente...</p>
|
| <i class="circle fa-thin fa-arrow-right"></i>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
| <div class="case-box overlay">
|
| <div class="overlay-image">
|
| <figure class="image mb-0">
|
| <img src="assets/images/case-image4.jpg" alt="" class="">
|
| </figure>
|
| </div>
|
| <div class="content">
|
| <span class="text-white">Design</span>
|
| <h5 class="text-white">Tech Solutions</h5>
|
| <p class="text-white text-size-18">Uerum hic tenetur a sapiente...</p>
|
| <i class="circle fa-thin fa-arrow-right"></i>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="lower-images">
|
| <div class="row">
|
| <div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
| <div class="case-box1 case-box overlay">
|
| <div class="overlay-image">
|
| <figure class="image mb-0">
|
| <img src="assets/images/case-image1.jpg" alt="" class="">
|
| </figure>
|
| </div>
|
| <div class="content">
|
| <span class="text-white">Design</span>
|
| <h5 class="text-white">Business Analysis</h5>
|
| <p class="text-white text-size-18">Rerum hic tenetur sapiente...</p>
|
| <i class="circle fa-thin fa-arrow-right"></i>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
| <div class="case-box overlay">
|
| <div class="overlay-image">
|
| <figure class="image mb-0">
|
| <img src="assets/images/case-image6.jpg" alt="" class="">
|
| </figure>
|
| </div>
|
| <div class="content">
|
| <span class="text-white">Technology</span>
|
| <h5 class="text-white">Social Marketing App</h5>
|
| <p class="text-white text-size-18">Gerum hic tenetur a sapiente..</p>
|
| <i class="circle fa-thin fa-arrow-right"></i>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
| <div class="case-box overlay">
|
| <div class="overlay-image">
|
| <figure class="image mb-0">
|
| <img src="assets/images/case-image5.jpg" alt="" class="">
|
| </figure>
|
| </div>
|
| <div class="content">
|
| <span class="text-white">Security</span>
|
| <h5 class="text-white">Cyber Security</h5>
|
| <p class="text-white text-size-18">Nerum hic tenetur a sapiente..</p>
|
| <i class="circle fa-thin fa-arrow-right"></i>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <figure class="offer-bottomlayer mb-0">
|
| <img src="assets/images/offer-bottomlayer.png" alt="" class="img-fluid">
|
| </figure>
|
| </section>
|
|
|
| <section class="achievement-section">
|
| <figure class="service-rightlayer mb-0">
|
| <img src="assets/images/service-leftlayer.png" alt="" class="img-fluid">
|
| </figure>
|
| <div class="container">
|
| <div class="row">
|
| <div class="col-lg-5 col-md-12 col-sm-12 col-12">
|
| <div class="achievement_content" data-aos="fade-right">
|
| <figure class="offer-circleimage mb-0">
|
| <img src="assets/images/offer-circleimage.png" alt="" class="img-fluid">
|
| </figure>
|
| <h6>Achievements</h6>
|
| <h2>Some Number of Our Achievements</h2>
|
| <p>Grursus mal suada faci lisis lorem ipsum dolarorit more
|
| ion consectetur elit vesti at bulum nec odio aea the au ipsumm recreo that dolocons.</p>
|
| <a class="get_started text-white text-decoration-none" href="about.html">Get Started
|
| <figure class="mb-0"><img src="assets/images/button-arrow.png" alt="" class="img-fluid"></figure>
|
| </a>
|
| </div>
|
| </div>
|
| <div class="col-lg-7 col-md-12 col-sm-12 col-12">
|
| <div class="achievement_wrapper">
|
| <div class="achievement-box box1">
|
| <figure class="icon achievement-icon">
|
| <img src="assets/images/achievement-clienticon.png" alt="" class="img-fluid">
|
| </figure>
|
| <div class="wrapper">
|
| <h3>3,860</h3>
|
| <p class="text-size-18 mb-0">Satisfied Clients</p>
|
| </div>
|
| </div>
|
| <div class="achievement-box box2">
|
| <figure class="icon1 achievement-icon">
|
| <img src="assets/images/achievement-projecticon.png" alt="" class="img-fluid">
|
| </figure>
|
| <div class="wrapper">
|
| <h3>8,550</h3>
|
| <p class="text-size-18 mb-0">Projects Completed</p>
|
| </div>
|
| </div>
|
| <div class="achievement-box box3">
|
| <figure class="icon achievement-icon">
|
| <img src="assets/images/achievement-teamicon.png" alt="" class="img-fluid">
|
| </figure>
|
| <div class="wrapper">
|
| <div class="number">
|
| <h3 class="value counter">90</h3>
|
| <span class="plus">+</span>
|
| </div>
|
| <p class="text text-size-18 mb-0">Team Members</p>
|
| </div>
|
| </div>
|
| <div class="achievement-box box4">
|
| <figure class="icon1 achievement-icon">
|
| <img src="assets/images/achievement-awardicon.png" alt="" class="img-fluid">
|
| </figure>
|
| <div class="wrapper">
|
| <div class="number">
|
| <h3 class="value counter">180</h3>
|
| <span class="plus">+</span>
|
| </div>
|
| <p class="text text-size-18 mb-0">Awards Win</p>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <figure class="service-leftlayer mb-0">
|
| <img src="assets/images/service-rightlayer.png" alt="" class="img-fluid">
|
| </figure>
|
| </section>
|
|
|
| <section class="blog-section">
|
| <figure class="offer-toplayer mb-0">
|
| <img src="assets/images/offer-toplayer.png" alt="" class="img-fluid">
|
| </figure>
|
| <div class="container">
|
| <div class="row">
|
| <div class="col-12">
|
| <div class="blog_content" data-aos="fade-right">
|
| <h6>News and articles</h6>
|
| <h2>our latest blog posts</h2>
|
| <p>Grursus mal suada faci lisis lorem ipsum dolarorit more ame ion consectetur elit vesti at bulum nec
|
| odio aea the dumm recreo that dolocons.</p>
|
| <figure class="offer-circleimage mb-0">
|
| <img src="assets/images/offer-circleimage.png" alt="" class="img-fluid">
|
| </figure>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="row">
|
| <div class="owl-carousel owl-theme">
|
| <div class="item">
|
| <div class="blog_boxcontent">
|
| <div class="upper_portion">
|
| <figure class="mb-0"><img src="assets/images/blog-image1.jpg" class="article_img" alt=""></figure>
|
| <div class="image_content">
|
| <div class="content">
|
| <h3 class="text-white counter">18</h3>
|
| <span class="text-white">March</span>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="lower_portion_wrapper">
|
| <div class="lower_portion">
|
| <h4>Useful Tips From Experts In Service.</h4>
|
| <p class="text-size-18">Nostrum exercitationem aeullam
|
| corporis suscipit labo riosam aliruiea
|
| molestiae non recusandae...</p>
|
| <a class="read_more text-decoration-none" href="single-post.html">Read More
|
| <figure class="arrow mb-0"><img src="assets/images/blog-arrow.png" alt="" class="img-fluid"></figure>
|
| </a>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="item">
|
| <div class="blog_boxcontent">
|
| <div class="upper_portion">
|
| <figure class="mb-0"><img src="assets/images/blog-image2.jpg" class="article_img" alt=""></figure>
|
| <div class="image_content">
|
| <div class="content">
|
| <h3 class="text-white counter">26</h3>
|
| <span class="text-white">April</span>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="lower_portion_wrapper">
|
| <div class="lower_portion">
|
| <h4>How Will Service Be In The Future.</h4>
|
| <p class="text-size-18">Nostrum exercitationem aeullam
|
| corporis suscipit labo riosam aliruiea
|
| molestiae non recusandae...</p>
|
| <a class="read_more text-decoration-none" href="single-post.html">Read More
|
| <figure class="arrow mb-0"><img src="assets/images/blog-arrow.png" alt="" class="img-fluid"></figure>
|
| </a>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="item">
|
| <div class="blog_boxcontent mb-0">
|
| <div class="upper_portion">
|
| <figure class="mb-0"><img src="assets/images/blog-image3.jpg" class="article_img" alt=""></figure>
|
| <div class="image_content">
|
| <div class="content">
|
| <h3 class="text-white counter">09</h3>
|
| <span class="text-white">June</span>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="lower_portion_wrapper">
|
| <div class="lower_portion">
|
| <h4>How Service Can Ease Your Pain.</h4>
|
| <p class="text-size-18">Nostrum exercitationem aeullam
|
| corporis suscipit labo riosam aliruiea
|
| molestiae non recusandae...</p>
|
| <a class="read_more text-decoration-none" href="single-post.html">Read More
|
| <figure class="arrow mb-0"><img src="assets/images/blog-arrow.png" alt="" class="img-fluid"></figure>
|
| </a>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="item">
|
| <div class="blog_boxcontent">
|
| <div class="upper_portion">
|
| <figure class="mb-0"><img src="assets/images/blog-image1.jpg" class="article_img" alt=""></figure>
|
| <div class="image_content">
|
| <div class="content">
|
| <h3 class="text-white counter">18</h3>
|
| <span class="text-white">March</span>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="lower_portion_wrapper">
|
| <div class="lower_portion">
|
| <h4>Useful Tips From Experts In Service.</h4>
|
| <p class="text-size-18">Nostrum exercitationem aeullam
|
| corporis suscipit labo riosam aliruiea
|
| molestiae non recusandae...</p>
|
| <a class="read_more text-decoration-none" href="single-post.html">Read More
|
| <figure class="arrow mb-0"><img src="assets/images/blog-arrow.png" alt="" class="img-fluid"></figure>
|
| </a>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="item">
|
| <div class="blog_boxcontent">
|
| <div class="upper_portion">
|
| <figure class="mb-0"><img src="assets/images/blog-image2.jpg" class="article_img" alt=""></figure>
|
| <div class="image_content">
|
| <div class="content">
|
| <h3 class="text-white counter">26</h3>
|
| <span class="text-white">April</span>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="lower_portion_wrapper">
|
| <div class="lower_portion">
|
| <h4>How Will Service Be In The Future.</h4>
|
| <p class="text-size-18">Nostrum exercitationem aeullam
|
| corporis suscipit labo riosam aliruiea
|
| molestiae non recusandae...</p>
|
| <a class="read_more text-decoration-none" href="single-post.html">Read More
|
| <figure class="arrow mb-0"><img src="assets/images/blog-arrow.png" alt="" class="img-fluid"></figure>
|
| </a>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="item">
|
| <div class="blog_boxcontent mb-0">
|
| <div class="upper_portion">
|
| <figure class="mb-0"><img src="assets/images/blog-image3.jpg" class="article_img" alt=""></figure>
|
| <div class="image_content">
|
| <div class="content">
|
| <h3 class="text-white counter">09</h3>
|
| <span class="text-white">June</span>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="lower_portion_wrapper">
|
| <div class="lower_portion">
|
| <h4>How Service Can Ease Your Pain.</h4>
|
| <p class="text-size-18">Nostrum exercitationem aeullam
|
| corporis suscipit labo riosam aliruiea
|
| molestiae non recusandae...</p>
|
| <a class="read_more text-decoration-none" href="single-post.html">Read More
|
| <figure class="arrow mb-0"><img src="assets/images/blog-arrow.png" alt="" class="img-fluid"></figure>
|
| </a>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="item">
|
| <div class="blog_boxcontent">
|
| <div class="upper_portion">
|
| <figure class="mb-0"><img src="assets/images/blog-image1.jpg" class="article_img" alt=""></figure>
|
| <div class="image_content">
|
| <div class="content">
|
| <h3 class="text-white counter">18</h3>
|
| <span class="text-white">March</span>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="lower_portion_wrapper">
|
| <div class="lower_portion">
|
| <h4>Useful Tips From Experts In Service.</h4>
|
| <p class="text-size-18">Nostrum exercitationem aeullam
|
| corporis suscipit labo riosam aliruiea
|
| molestiae non recusandae...</p>
|
| <a class="read_more text-decoration-none" href="single-post.html">Read More
|
| <figure class="arrow mb-0"><img src="assets/images/blog-arrow.png" alt="" class="img-fluid"></figure>
|
| </a>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="item">
|
| <div class="blog_boxcontent">
|
| <div class="upper_portion">
|
| <figure class="mb-0"><img src="assets/images/blog-image2.jpg" class="article_img" alt=""></figure>
|
| <div class="image_content">
|
| <div class="content">
|
| <h3 class="text-white counter">26</h3>
|
| <span class="text-white">April</span>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="lower_portion_wrapper">
|
| <div class="lower_portion">
|
| <h4>How Will Service Be In The Future.</h4>
|
| <p class="text-size-18">Nostrum exercitationem aeullam
|
| corporis suscipit labo riosam aliruiea
|
| molestiae non recusandae...</p>
|
| <a class="read_more text-decoration-none" href="single-post.html">Read More
|
| <figure class="arrow mb-0"><img src="assets/images/blog-arrow.png" alt="" class="img-fluid"></figure>
|
| </a>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="item">
|
| <div class="blog_boxcontent mb-0">
|
| <div class="upper_portion">
|
| <figure class="mb-0"><img src="assets/images/blog-image3.jpg" class="article_img" alt=""></figure>
|
| <div class="image_content">
|
| <div class="content">
|
| <h3 class="text-white counter">09</h3>
|
| <span class="text-white">June</span>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="lower_portion_wrapper">
|
| <div class="lower_portion">
|
| <h4>How Service Can Ease Your Pain.</h4>
|
| <p class="text-size-18">Nostrum exercitationem aeullam
|
| corporis suscipit labo riosam aliruiea
|
| molestiae non recusandae...</p>
|
| <a class="read_more text-decoration-none" href="single-post.html">Read More
|
| <figure class="arrow mb-0"><img src="assets/images/blog-arrow.png" alt="" class="img-fluid"></figure>
|
| </a>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <figure class="offer-bottomlayer mb-0">
|
| <img src="assets/images/offer-bottomlayer.png" alt="" class="img-fluid">
|
| </figure>
|
| </section>
|
|
|
| <section class="footer-section">
|
| <div class="container">
|
| <figure class="footer-leftimage mb-0">
|
| <img src="assets/images/footer-leftimage.png" alt="" class="img-fluid">
|
| </figure>
|
| <figure class="mb-0 about-leftcircle">
|
| <img src="assets/images/about-rightcircle.png" alt="" class="img-fluid">
|
| </figure>
|
| <div class="middle-portion">
|
| <div class="row">
|
| <div class="col-lg-4 col-md-5 col-sm-6 col-12">
|
| <div class="first-column">
|
| <a href="index-2.html">
|
| <figure class="footer-logo">
|
| <img src="assets/images/logo.png" class="img-fluid" alt="">
|
| </figure>
|
| </a>
|
| <p class="text-size-18 footer-text">Grursus mal suada faci lisis lorem ipsum dolaror
|
| more ameion consectetur elit vesti at bulum ne odio aea the dumm ipsum dolocons.</p>
|
| <div class="lower">
|
| <div class="lower-content">
|
| <figure class="icon">
|
| <img src="assets/images/footer-callicon.png" alt="" class="img-fluid">
|
| </figure>
|
| <div class="content">
|
| <span class="text-white">Call us:</span>
|
| <a class="text-size-18 mb-0 text text-decoration-none" href="tel:+6138376284">+61 3 837 6284</a>
|
| </div>
|
| </div>
|
| <div class="lower-content">
|
| <figure class="icon">
|
| <img src="assets/images/footer-emailicon.png" alt="" class="img-fluid">
|
| </figure>
|
| <div class="content">
|
| <span class="text-white">Email us:</span>
|
| <a href="mailto:info@technofy.com" class="text-size-18 mb-0 text-decoration-none">info@technofy.com</a>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="col-lg-2 col-md-3 col-sm-12 col-12 d-md-block d-none">
|
| <div class="links list-pd">
|
| <h4 class="heading text-white">Quick Links</h4>
|
| <ul class="list-unstyled mb-0">
|
| <li><a href="index-2.html" class="text-size-18 text text-decoration-none">Home</a></li>
|
| <li><a href="about.html" class="text-size-18 text text-decoration-none">About</a></li>
|
| <li><a href="service.html" class="text-size-18 text text-decoration-none">Services</a></li>
|
| <li><a href="single-post.html" class="text-size-18 text text-decoration-none">Blog</a></li>
|
| <li><a href="contact.html" class="text-size-18 text text-decoration-none">Contact</a></li>
|
| </ul>
|
| </div>
|
| </div>
|
| <div class="col-lg-2 col-md-2 col-sm-12 col-12 d-lg-block d-none">
|
| <div class="links">
|
| <h4 class="heading text-white">Our Services</h4>
|
| <ul class="list-unstyled mb-0">
|
| <li><a href="service.html" class="text-size-18 text text-decoration-none">Cloud Service</a></li>
|
| <li><a href="index-2.html" class="text-size-18 text text-decoration-none">Testimonial</a></li>
|
| <li><a href="team.html" class="text-size-18 text text-decoration-none">Team</a></li>
|
| <li><a href="project.html" class="text-size-18 text text-decoration-none">Digital marketing</a></li>
|
| <li><a href="pricing.html" class="text-size-18 text text-decoration-none">Pricing</a></li>
|
| </ul>
|
| </div>
|
| </div>
|
| <div class="col-lg-4 col-md-4 col-sm-6 col-12 d-sm-block d-none">
|
| <div class="icons">
|
| <h4 class="heading mb-0 text-white">Subscribe to</h4>
|
| <h4 class="heading text-white">Our Newsletter Today!</h4>
|
| <p class="text-size-18 footer-text text-white">Exerci tation ullamcorper suscipit lobor nisl aliuie naro commodo.</p>
|
| <form id="contactpage1" method="POST" action="https://html.designingmedia.com/technofy/contact-form.php">
|
| <div class="form-group mb-0">
|
| <input type="text" class="form_style" placeholder="Enter Email Address:" name="email">
|
| </div>
|
| <button type="submit" class="subscribe_now text-white text-decoration-none">Subscribe Now
|
| <i class="circle fa-thin fa-arrow-right"></i>
|
| </button>
|
| </form>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="copyright">
|
| <div class="container">
|
| <div class="row copyright-border">
|
| <div class="col-lg-6 col-md-6 col-sm-12 co-12 column">
|
| <p class="text-size-16">Copyright ©2023 Technofy.com All Rights Reserved</p>
|
| </div>
|
| <div class="col-lg-6 col-md-6 col-sm-12 co-12 d-md-block d-none">
|
| <div class="social-icons position-relative">
|
| <ul class="list-unstyled position-absolute">
|
| <li><a href="#" class="text-decoration-none"><i class="fa-brands fa-facebook-f social-networks"></i></a></li>
|
| <li><a href="#" class="text-decoration-none"><i class="fa-brands fa-twitter social-networks"></i></a></li>
|
| <li><a href="#" class="text-decoration-none"><i class="fa-brands fa-google-plus-g social-networks"></i></a></li>
|
| <li><a href="#" class="text-decoration-none"><i class="fa-brands fa-instagram social-networks"></i></a></li>
|
| </ul>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <figure class="footer-dotimage mb-0">
|
| <img src="assets/images/footer-dotimage.png" alt="" class="img-fluid">
|
| </figure>
|
| <figure class="footer-leftlayer mb-0">
|
| <img src="assets/images/footer-leftlayer.png" alt="" class="img-fluid">
|
| </figure>
|
| </div>
|
| </section>
|
|
|
| <script src="assets/js/jquery-3.6.0.min.js"> </script>
|
| <script src="assets/js/bootstrap.min.js"> </script>
|
| <script src="assets/js/video_link.js"></script>
|
| <script src="assets/js/video.js"></script>
|
| <script src="assets/js/counter.js"></script>
|
| <script src="assets/js/owl.carousel.js"></script>
|
| <script src="assets/js/custom-carousel.js"></script>
|
| <script src="assets/js/custom.js"></script>
|
| <script src="assets/js/animation_links.js"></script>
|
| <script src="assets/js/animation.js"></script>
|
| </body>
|
|
|
|
|
| </html> |
