[ Mini Kiebo ]
Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586
Path:
D:
/
Backup
/
Data Shendy
/
Back up Shendy
/
DATA
/
PT TSP
/
Web TSP
/
gifatt
/
[
Home
]
File: blog-single.html
<!DOCTYPE html> <html lang="zxx"> <!-- Mirrored from html.softtechitltd.com/gifatt/gifatt/blog-single.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 13 Apr 2021 05:18:28 GMT --> <head> <!-- Required Meta Tags --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!-- Page Title --> <title>Blog Single - HTML 5 Template</title> <!-- Favicon Icon --> <link rel="shortcut icon" href="favicon.png"> <!-- CSS Files --> <link rel="stylesheet" href="assets/css/animate.css"> <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/css/font-awsome-all.min.css"> <link rel="stylesheet" href="assets/css/flaticon.css"> <link rel="stylesheet" href="assets/css/slick.css"> <link rel="stylesheet" href="assets/css/meanmenu.css"> <link rel="stylesheet" href="assets/css/magnific-popup.css"> <link rel="stylesheet" href="assets/css/nice-select.css"> <link rel="stylesheet" href="assets/css/style.css"> </head> <body> <!-- Preloader Starts --> <div class="preloader" id="preloader"> <div class="preloader-inner"> <div class="spinner"> <div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div> </div> </div> </div> <!-- header area --> <header> <div class="header-area"> <div class="container"> <!-- header-top --> <div class="header-top"> <div class="row"> <div class="col-lg-12"> <div class="header-top-wrapper"> <div class="contact-info"> <span><span><i class="fas fa-envelope-open-text"></i></span> support@gifatt.com</span> </div> <div class="social-box"> <span><a href="#"><i class="fab fa-facebook-f"></i></a></span> <span><a href="#"><i class="fab fa-twitter"></i></a></span> <span><a href="#"><i class="fab fa-youtube"></i></a></span> <span><a href="#"><i class="fab fa-instagram"></i></a></span> </div> </div> </div> </div> </div> </div> <div class="separator"> <hr> </div> <div class="container"> <!-- header-bottom --> <div class="header-bottom position-relative margin-bottom-15"> <div class="row align-items-center"> <div class="col-lg-2 col-xl-2 col-md-3 col-sm-4 col-10"> <div class="logo"> <a href="index.html"><img src="assets/images/logo.png" alt=""></a> </div> </div> <!-- main-menu --> <div class="col-lg-6 col-xl-7 col-md-2 col-6 position-static d-none d-lg-block"> <div class="d-flex justify-content-center"> <nav id="main-menu"> <ul class="main-menu"> <li class="has-submenu"><a href="#">home</a> <ul class="submenu"> <li><a href="index.html">home 1</a></li> <li><a href="homepage2.html">home 2</a></li> </ul> </li> <li><a href="about.html">about us</a> </li> <li class="has-submenu"><a href="#">pages</a> <ul class="submenu"> <li><a href="portfolio.html">portfolio page</a></li> <li><a href="single-portfolio.html">single portfolio</a></li> <li><a href="service.html">service</a></li> <li><a href="single-service.html">single service</a></li> <li><a href="404.html">erorr page</a></li> </ul> </li> <li class="has-submenu"><a href="#">blog</a> <ul class="submenu"> <li><a href="blog.html">blog</a></li> <li><a href="blog-single.html">single blog</a></li> </ul> </li> <li><a href="contact.html">contact us</a></li> </ul> </nav> </div> </div> <!-- lan-switcher --> <div class="col-lg-4 col-xl-3 col-md-6 col-sm-7 col-12"> <div class="lan_wrapper"> <div class="lang-switcher"> <span class="flag"><img src="assets/images/eng.png" alt=""></span> <a href="#" class="lang">Eng<span> <i class="fas fa-angle-down"></i></span></a> <ul class="lang-list"> <li><span class="flag"><img src="assets/images/eng.png" alt=""></span><a href="#">Eng</a></li> <li><span class="flag"><img src="assets/images/bd.png" alt=""></span><a href="#">Ban</a></li> </ul> </div> <div class="btn-box d-flex align-items-center"> <a class="btn1" href="#">contact us</a> </div> </div> </div> <!-- mobile-menu --> <div class="mobile-menu"></div> </div> </div> </div> </div> </header> <!-- breadcrumb section --> <div class="breadcrumb-section padding-top-120 padding-bottom-100"> <div class="bread-shapes"> <img src="assets/images/vec2.png" alt="" class="a1"> <img src="assets/images/vec1.png" alt="" class="a2"> </div> <div class="container"> <nav aria-label="breadcrumb"> <h2>Blog Single</h2> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="index.html">Home</a></li> <li class="breadcrumb-item active" aria-current="page">Blog Single</li> </ol> </nav> </div> </div> <!-- Blog Content Section --> <section class="blog-content-section padding-top-110 padding-bottom-120"> <div class="container"> <div class="row"> <!-- main content --> <div class="col-lg-9"> <div class="blog-posts"> <!-- blog thumbnail --> <div class="blog-single-post wow fadeInUp"> <div class="blog-thumbnail blog-common"> <a href="#"> <div class="g-date"> <span class="day">22</span> <span class="month">dec</span> </div> </a> <img src="assets/images/blog3.jpg" alt="thumbnail"> </div> <div class="blog-content-part"> <div class="blog-content-top"> <div class="blog-author"> <a href="#"> <img src="assets/images/user.png" alt=""> post by: chris doe </a> </div> <div class="blog-comnt"> <a href="#"><i class="fas fa-comments"></i> comments : 80</a> </div> <div class="blog-tag"> <a href="#"><i class="fas fa-tags"></i> figma, app, design</a> </div> </div> <div class="blog-title"> <h3>Recognizing Our Award Winning Team</h3> </div> <div class="blog-content"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. </p> </div> </div> </div> <!-- blog quote --> <div class="blog-quote margin-top-30 margin-bottom-30 wow fadeInUp"> <div class="quote-text"> <h3>Nobody likes popups, so we waited until now recommend our a curated Periodical featuring thoughts tools for building.</h3> </div><span class="quote-icon"><i class="fa fa-quote-right"></i></span> </div> <!-- blog title--> <div class="blog-title wow fadeInUp"> <h3>Artificial Intelligence</h3> </div> <!-- blog content --> <div class="blog-content wow fadeInUp"> <p>We intend to use these UI trends not only to satisfy users’ aesthetic requirements but also to provide them with a high level of usability. A wise combination of these trends will lead to happier users, and ergo your product’s success.</p> </div> <!-- blog images --> <div class="blog-images margin-top-30 wow fadeInUp"> <div class="row"> <div class="col-sm-4 margin-bottom-30"> <div class="single-image"> <img src="assets/images/blog6.jpg" alt="image"> </div> </div> <div class="col-sm-8"> <div class="single-image"> <img src="assets/images/blog7.jpg" alt="image"> </div> </div> </div> </div> <!-- blog content --> <div class="blog-content wow fadeInUp"> <p>AI continues to be integrated into almost every possible product. We highly doubt that it will replace designers though. On the contrary, it will benefit and ease our work. Thanks to AI’s data-collecting capability (of collecting huge amounts of data.) we will notice more personalized products that are 100% tailored to each and every individual’s needs</p> </div> <!-- blog title--> <div class="blog-title wow fadeInUp"> <h3>Which factors Influence UI trends in 2021?</h3> </div> <!-- blog content --> <div class="blog-content wow fadeInUp"> <p>This year apparently slowed people down in coming up with something that focuses purely on the visual aspects. Many related articles mention things that have been trending for three years now, such as storytelling, dark mode, ethical design, unique illustrations, and bold typography, etc.</p> <!-- content list --> <div class="content-list margin-top-20 margin-bottom-30 wow fadeInUp"> <div class="row"> <div class="col-sm-6"><span class="single-list"><i class="fas fa-angle-double-right"></i> Unique illustration and animation luctus.</span></div> <div class="col-sm-6"><span class="single-list"><i class="fas fa-angle-double-right"></i> Storytelling with scroll-triggered animation .</span> </div> <div class="col-sm-6"><span class="single-list"><i class="fas fa-angle-double-right"></i> Artificial Intelligence.</span> </div> <div class="col-sm-6"><span class="single-list"><i class="fas fa-angle-double-right"></i> Storytelling with scroll-triggered animation.</span></div> </div> </div> <p>AI continues to be integrated into almost every possible product. We highly doubt that it will replace designers though. On the contrary, it will benefit and ease our work. Thanks to AI’s data-collecting capability (of collecting huge amounts of data.) we will notice more personalized products that are 100% tailored to each and every individual’s needs</p> </div> <!-- content-bottom --> <div class="content-bottom margin-top-30 wow fadeInUp"> <div class="row"> <div class="col-12 col-md-12 col-lg-6"> <div class="content-bottom-tag"> <ul> <li><a href="#">UI & UX</a></li> <li><a href="#">trends</a></li> <li><a href="#">digital marketing</a></li> </ul> </div> </div> <div class="col-12 col-md-12 col-lg-6"> <div class="blog-social-icons"> <ul> <li> <span>share now:</span> </li> <li><span><a href="#"><i class="fab fa-facebook"></i></a></span> </li> <li><span><a href="#"><i class="fab fa-twitter"></i></a></span> </li> <li><span><a href="#"><i class="fab fa-linkedin"></i></a></span> </li> <li><span><a href="#"><i class="fab fa-instagram"></i></a></span> </li> </ul> </div> </div> </div> </div> <!-- author-box --> <div class="single-comment margin-top-30 wow fadeInUp"> <div class="comment-image"> <img src="assets/images/user1.png" alt="author"> </div> <div class="comment-content"> <div class="comment-content-top"> <div class="content-top-left"> <h4>Tonmoy Khan || Admin</h4> </div> <a href="#" class="reply">follow</a> </div> <p class="margin-top-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt labore dolore magna aliqua suspendisse lisis. </p> </div> </div> <!-- blog-excerpt--> <div class="blog-excerpt margin-top-30"> <div class="row"> <div class="col-12 col-md-6 wow fadeInLeft"> <div class="single-excerpt"> <a href="#"> <div class="content-left"> <span class="day">22</span> <span class="month">dec</span> </div> </a> <div class="content-right"> <h5><span>__</span> dashboard development</h5> <h3><a href="#">top trending design</a></h3> </div> </div> </div> <div class="col-12 col-md-6 wow fadeInRight"> <div class="single-excerpt"> <a href="#"> <div class="content-left"> <span class="day">22</span> <span class="month">dec</span> </div> </a> <div class="content-right"> <h5><span>__</span> 3D Animation</h5> <h3><a href="#">Best Tools For Animation</a></h3> </div> </div> </div> </div> </div> <!-- divider --> <div class="divider"> <hr> </div> <!-- blog comment-area --> <div class="blog-comment-area wow fadeInUp"> <div class="blog-title"> <h3>2 People Comments On This Post</h3> </div> <!-- single-commnet --> <div class="single-comment margin-top-30"> <div class="comment-image"> <img src="assets/images/comment1.png" alt="author"> </div> <div class="comment-content"> <div class="comment-content-top"> <div class="content-top-left"> <h4>Lacika MEO || 59 Min Ago</h4> </div> <a href="#" class="reply">reply</a> </div> <p class="margin-top-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt labore dolore magna aliqua suspendisse lisis. </p> </div> </div> <!-- single-commnet --> <div class="single-comment margin-top-30"> <div class="comment-image"> <img src="assets/images/comment2.png" alt="author"> </div> <div class="comment-content"> <div class="comment-content-top"> <div class="content-top-left"> <h4>Raj Morgana || 1 Hour Ago</h4> </div> <a href="#" class="reply">reply</a> </div> <p class="margin-top-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt labore dolore magna aliqua suspendisse lisis. </p> </div> </div> <!-- blog-comment-form --> <div class="blog-comment-form margin-top-50"> <div class="comment-title"> <div class="blog-title"> <h3>leave a reply</h3> </div> <div class="mconform-right"> <form action="#"> <input placeholder="Name" required class="input-one" type="text"> <input class="input-two" placeholder="Email Address" required type='email'> <input class="input-two" placeholder="Phone Number" required type='tel'> <textarea placeholder="Enter your text"></textarea> <button class="btn2" type="submit">submit</button> </form> </div> </div> </div> </div> </div> </div> <!-- sidebar start --> <div class="col-lg-3"> <!-- blog-sidebar wrapper --> <div class="blog-sidebar margin-top-10"> <!-- header search --> <div class="search-widget wow fadeInUp "> <div class="header-search"> <form action="#"> <input type="text" placeholder="Search Blog"> <button type="submit"><i class="fa fa-search"></i></button> </form> </div> </div> <!-- category --> <div class="single-widget category-widget wow fadeInUp"> <h3>Category</h3> <ul> <li><a href="#">technology</a></li> <li><a href="#">app</a></li> <li><a href="#">UI & UX Design</a></li> <li><a href="#">Web development</a></li> <li><a href="#">SEO Optimization</a></li> </ul> </div> <!-- recent post --> <div class="single-widget rspost-widget wow fadeInUp "> <h3>recent post</h3> <div class="single-pos"> <p>UI & UX Design</p> <h4><a href="#">trending design 2021</a></h4> </div> <div class="separator"> <hr> </div> <div class="single-pos"> <p>SEO Optimization</p> <h4><a href="#">trending design 2021</a></h4> </div> <div class="separator"> <hr> </div> <div class="single-pos"> <p>Web Development</p> <h4><a href="#">trending design 2021</a></h4> </div> </div> <!-- tags --> <div class="single-widget tag-widget wow fadeInUp"> <div class="widget-title"> <h3>tags</h3> </div> <div class="tag-items"> <ul> <li><a href="#">design</a></li> <li><a href="#">development</a></li> <li><a href="#">app</a></li> <li><a href="#">admin</a></li> <li><a href="#">digital marketing</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <!-- footer section --> <footer> <div class="footer-area"> <div class="foo-shapes"> <img src="assets/images/vec2.png" alt="" class="a1"> <img src="assets/images/vec1.png" alt="" class="a2"> </div> <div class="container"> <!-- subscribtion area --> <div class="subscribe-area padding-top-110 padding-bottom-90"> <img src="assets/images/big_logo.png" alt="" class="big-logo"> <div class="row align-items-center wow fadeInLeft"> <div class="col-lg-6"> <div class="subs-left"> <h2>Subscribe To Our Newsletter</h2> </div> </div> <div class="col-lg-6 wow fadeInRight"> <div class="subs-right"> <form action="#"> <div class="subs-form"> <input type="text" placeholder="Enter Your Email"> <button class="btn2">sent now</button> </div> <input type="checkbox" name="#" id="checkbox"><label for="checkbox">I agree to terms & Policy.</label> </form> </div> </div> </div> </div> <!-- footer-top --> <div class="footer-top padding-top-120"> <div class="row"> <div class="col-lg-3 col-md-6 col-sm-6"> <div class="widget"> <div class="logo"> <a href="index.html"> <img src="assets/images/logo.png" alt=""></a> </div> <p>Lorem ipsum dolor sit amet onsectetur adipiscing elit, sed do eiusmod.</p> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6"> <div class="widget"> <h3>more links</h3> <ul> <li><a href="about.html">about us</a></li> <li><a href="service.html">our service</a></li> <li><a href="contact.html">contact us</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6"> <div class="widget"> <h3>resouces</h3> <ul> <li><a href="#">review</a></li> <li><a href="#">event program</a></li> <li><a href="#">casper upgrade program</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6"> <div class="widget"> <h3>support</h3> <ul> <li><a href="#">faq</a></li> <li><a href="contact.html">contact us</a></li> <li><a href="#">privacy Policy</a></li> </ul> </div> </div> </div> <!-- copyright area --> <div class="copyright"> <div class="row margin-top-20"> <div class="col-lg-12 text-center padding-10"> <p> © 2021, <a href="index.html">Gifatt</a>. All Rights Reserved.</p> </div> </div> </div> </div> </div> </div> </footer> <!-- ToTop Button --> <button class="scrollup"><i class="fas fa-angle-up"></i></button> <!-- Javascript Files --> <script src="assets/js/vendor/jquery-3.6.0.min.js"></script> <script src="assets/js/vendor/bootstrap.min.js"></script> <script src="assets/js/vendor/slick.min.js"></script> <script src="assets/js/vendor/jquery.nice-select.min.js"></script> <script src="assets/js/vendor/counterup.min.js"></script> <script src="assets/js/vendor/waypoints.min.js"></script> <script src="assets/js/vendor/jquery.meanmenu.min.js"></script> <script src="assets/js/vendor/isotope.pkgd.min.js"></script> <script src="assets/js/vendor/jquery.magnific-popup.min.js"></script> <script src="assets/js/vendor/easing.min.js"></script> <script src="assets/js/vendor/wow.min.js"></script> <script src="assets/js/main.js"></script> </body> <!-- Mirrored from html.softtechitltd.com/gifatt/gifatt/blog-single.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 13 Apr 2021 05:18:30 GMT --> </html>