<!DOCTYPE html>
<html lang="en">
<head>
	<title>#1 UI/UX developer - Aakash Tirole</title>
	<meta charset="UTF-8">
	<meta name="keywords" content="web desginer, web, graphic design, front-end, developer">
	<meta name="author" content="Aakash Tirole, aakashtirole777@gmail.com">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no" name="viewport">

	<meta name="audience" content="all" /><meta name="allow-search" content="yes" />
    <meta http-equiv="author" content="Aakash Tirole :- www.aakashtirole.com" />
    <meta name="Rating" content="General" /><meta name="Language" content="en" /><meta name="distribution" content="Global" />
    <meta property="og:title" content="Aakash Tirole : Graphic & Web Designer In India" />
    <meta property="og:type" content="portfolio" />
    <meta property="og:url" content="https://www.aakashtirole.com/" />
    <meta property="og:site_name" content="Event Education"/>
    <meta property="og:description" content="#1 UI/UX Designer: Graphic & Web Designer In India - Aakash Tirole"/>
    <script type="application/ld+json">
        {
        "@context": "https://schema.org",
        "@type": "Person",
        "name": "Aakash Tirole",
        "url": "https://aakashtirole.com/",
        "sameAs": [
            "https://www.facebook.com/aakash.tirole15",
            "https://www.instagram.com/aakashtirole20",
            "https://www.linkedin.com/in/aakashtirole",
            "https://twitter.com/aakash_tirole"
        ]
        }
    </script>

    <link rel="icon" type="image/png" href="images/favicon.png"/>
    <!--css-->
    <link rel="stylesheet prefetch" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet prefetch" type="text/css" href="css/owl.carousel.min.css">
    <link rel="stylesheet prefetch" type="text/css" href="css/style.css">
    <link rel="stylesheet prefetch" type="text/css" href="css/responsive.css">
    <!--font awesome 4-->
    <link rel="stylesheet prefetch" type="text/css" href="fonts/fontawesome/css/all.min.css">
    <link rel="stylesheet prefetch" href="css/viewer.css">
    <link rel="stylesheet prefetch" href="css/viewer_main.css">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700;900&display=swap" rel="stylesheet prefetch">
    <link rel="stylesheet prefetch" href="css/animate.css" />
</head>
<body onload="loaderfun()" oncontextmenu="return false;">
    <div id="loader-wrapper">
        <div id="loader">
            <div class="svg-wrapper">
                <img src="images/loader.gif" style="width: 250px;">
            </div>
        </div>
    </div>

    <!--header-->
    <header>
        <div class="logo">
            <a href="index.html">
                <img src="images/logo.png">
            </a>
        </div>

        <div class="toggle">
            <button>
                <i class="icon">
                    <span class="line"></span>
                    <span class="line"></span>
                    <span class="line"></span>
                </i>
                <span class="txt">
                    <span>M</span>
                    <span>E</span>
                    <span>N</span>
                    <span>U</span>
                </span>
            </button>
        </div>
        
        <nav>
            <div class="nav-wrapper1">
                <div class="nav-wrapper2">
                    <div class="row">
                        <div class="col-lg-8 col-md-7 col-xs-12 col-sm-6 ">
                            <div class="main-menu">
                                <ul class="clearfix">
                                    <li>
                                        <a href="index.html"> <sup>01.</sup> Home </a>
                                    </li>
                                    <li>
                                        <a href="portfolio.html"> <sup>02.</sup> Portfolio </a>
                                    </li>
                                    <li>
                                        <a href="about.html"> <sup>03.</sup> About </a>
                                    </li>
                                    <li>
                                        <a href="contact.html"> <sup>04.  </sup> Contact </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
        
                        <div class="col-lg-4 col-md-5 col-xs-12 col-sm-6 d-none-m">
                            <div class="right-menu">
                                <span class="span1">Indore Based Creative Designer & Front-end Developer</span>
                                <span class="span2">Indore, (M.P).<br>Call - +91 909 860 5253<br>Email - <a href="mailto:aakashtirole777@gmail.com" class="text-white-2" target="_blank">Aakashtirole777@gmail.com</a></span>
                                <div class="red-border"></div>
                                <div class="social-icon-style">
                                    <ul class="small-icon">
                                        <li><a class="insta" href="https://www.instagram.com/aakashtirole20" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                        <li><a class="fb" href="https://www.facebook.com/aakash.tirole15" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a class="twitter" href="https://twitter.com/aakash_tirole" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                        <li><a class="inkedin" href="https://www.linkedin.com/in/aakashtirole" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
        
                    </div>
                </div>
            </div>
        </nav>

        <div class="right-social-links">
            <ul>
                <li><a href="https://www.facebook.com/aakash.tirole15" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                <li><a href="https://www.instagram.com/aakashtirole20/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                <li><a href="https://twitter.com/aakash_tirole" target="_blank"><i class="fab fa-twitter"></i></a></li>
            </ul>
        </div>

    </header><!--end-->
    <!--start-->
    <a href="javascript:void(0);" class="scrollToTop" onclick="scrollToTop()">
        <span class="txt">Top</span>
        <i class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="18" viewBox="0 0 17 10"><path class="cls-1" d="M6.22,8.75,3.37,5.89H17V4.12H3.37L6.22,1.25,5,0,0,5l5,5Z"></path></svg></i>
    </a>
    <!--end-->

    <!--my-work-->
    <section class="my-work portfolio">
        <div class="left-bg-color"></div>
        <div class="container-fluid">
            <div class="heading clearfix">
                <!-- <span class="left-title">WHO WE ARE.</span> -->
                <div class="inner-heading">
                    <h2>PORTFOLIO</h2>
                    <h1>My Creative <span>Works</span></h1>
                    <a href="#next" class="go-down js-smoothscroll"></a>
                    <p>See a small piece of my project that I have worked on recently</p>
                </div>

                <div class="all-project-link">
                    <a href="javascript:void(0);">
                        <label class="tag">new</label>
                        <h3>Discover my all <span class="color-span">Projects</span> here. <i class="far fa-hand-point-down"></i> </h3>
                    </a>
                </div>
            </div>

            <!--WORK TABS-->
            <div class="portfolio-tabs">
                <ul>
                    <!-- <li><button class="filter-button" data-filter="all">All</button></li> -->
                    <li class="active"><button class="filter-button" data-filter="web">Website</button></li>
                    <li><button class="filter-button" data-filter="app">App</button></li>
                    <li><button class="filter-button" data-filter="dashbaord">Dashbaord</button></li>
<!--                     <li><button class="filter-button" data-filter="graphic">Graphic</button></li> -->
                    <li><button class="filter-button live" data-filter="live-project"><i class="fas fa-plus"></i>  Live Projects</button></li>
                </ul>
            </div>
            <!--END-->

            <div class="work-collection" id="next">
                <!--LIST ONE-->
                <div class="list-one pictures-viewers clearfix">
                    
                    <!--project one-->
                    <div class="project-item filter web wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/web-data/contractor-marketHome-web2.jpg" src="images/portfolio/web-data/contractor-marketHome-web1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Contractor Landing Page</h2>
                                    <p>Contractor Markate Home</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter web wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/web-data/dating-web2.jpg" src="images/portfolio/web-data/dating-web1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Dating Site</h2>
                                    <p>Dating Website</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter web wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/web-data/idemand-web2.jpg" src="images/portfolio/web-data/idemand-web1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Idemend Website </h2>
                                    <p>Idemend Website Job & Service Providing Website</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter web wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/web-data/eyelash-web2.jpg" src="images/portfolio/web-data/eyelash-web1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Eyelash website</h2>
                                    <p>Eyelash website (like beauti parlour)</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter web wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/web-data/cleaning-web2.jpg" src="images/portfolio/web-data/cleaning-web1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Cleaning Landing Page</h2>
                                    <p>Cleaning App Landing Page</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter web live-project wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/web-data/bizon-web2.jpg" src="images/portfolio/web-data/bizon-web1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="https://bizonbeer.com/bizon-beer-collection/" target="_blank">
                                    <span class="plus-icon"><i class="fas fa-plus"></i> Live</span>
                                    <h2>Bizon</h2>
                                    <p>Bizon a online selling beer website</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter web wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/web-data/yopo-web2.jpg" src="images/portfolio/web-data/yopo-web1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Yopo Landing Page</h2>
                                    <p>Yopo Landing Page for App</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter web wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/web-data/necessary-web2.jpg" src="images/portfolio/web-data/necessary-web1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Nesesery</h2>
                                    <p>Nesesery E-commerce Website </p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter web wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/web-data/busell-web2.jpg" src="images/portfolio/web-data/busell-web1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Buy-Sell</h2>
                                    <p>Buy-Sell Website New/Old Product Selling/Buying Website</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter web wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/web-data/ego-web2.jpg" src="images/portfolio/web-data/ego-web1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>EGO E-commerce</h2>
                                    <p>EGO a E-commerce Website</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter live-project web wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/web-data/swinger-web2.jpg" src="images/portfolio/web-data/swinger-web1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="https://swinglovers.eu/" target="_blank">
                                    <span class="plus-icon"><i class="fas fa-plus"></i> Live</span>
                                    <h2> Swinger</h2>
                                    <p>Swinger Online Dating Site</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter live-project web wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/web-data/betting-web2.jpg" src="images/portfolio/web-data/betting-web1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="https://1x2-bets.com/" target="_blank">
                                    <span class="plus-icon"><i class="fas fa-plus"></i> Live</span>
                                    <h2> Betting</h2>
                                    <p>Betting Online Betting Site</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->
			
			<!--project one-->
                    <div class="project-item filter live-project web wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/web-data/innogent-web2.jpg" src="images/portfolio/web-data/innogent-web1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="http://innogent.in/" target="_blank">
                                    <span class="plus-icon"><i class="fas fa-plus"></i> Live</span>
                                    <h2> Innogent</h2>
                                    <p>Innogent technologies</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->
                    
                    <!---------------------------dashbaord-->

                    <!--project one-->
                    <div class="project-item filter dashbaord wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/web-data/zapline-dashbaord1.jpg" src="images/portfolio/web-data/zapline-dashbaord1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Zapline Dashboard</h2>
                                    <p>Based on Theme Changing Option</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter dashbaord wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/web-data/unerclone-dashbaord2.jpg" src="images/portfolio/web-data/unerclone-dashbaord1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Uber Clone</h2>
                                    <p>Uber Clone Dashbaord for Ubder Clone App</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter dashbaord wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/web-data/okapi-dashboard2.jpg" src="images/portfolio/web-data/okapi-dashboard1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Okapi</h2>
                                    <p>Okapi Portal Dashbaord</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!---------------------------app-->

                    <!--project one-->
                    <div class="project-item filter app live-project wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/app-data/enotina-app2.jpg" src="images/portfolio/app-data/enotina-app1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="https://play.google.com/store/apps/details?id=user.enotine.app" target="_blank">
                                    <span class="plus-icon"><i class="fas fa-plus"></i> Live</span>
                                    <h2>Enotina</h2>
                                    <p>Enotina Food Application</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter app wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/app-data/purponse-app1.jpg" src="images/portfolio/app-data/purponse-app1.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Purponse</h2>
                                    <p>Ecommerce App</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter app live-project wow fadeInUp">
                        <div class="project-wraper">
                            <img data-original="images/portfolio/app-data/faverou-app.jpg" src="images/portfolio/app-data/faverou-app.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="https://play.google.com/store/apps/details?id=app.Faverou.com" target="_blank">
                                    <span class="plus-icon"><i class="fas fa-plus"></i> Live</span>
                                    <h2>Faverou</h2>
                                    <p>Personalized celebs Shoutouts for Any Occasion</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter app wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/app-data/iparty-app.jpg" src="images/portfolio/app-data/iparty-app.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Iparty App</h2>
                                    <p>Bar/Party Booking Application</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter app wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/app-data/foodmart-app.jpg" src="images/portfolio/app-data/foodmart-app.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Foodmart</h2>
                                    <p>Foodmart a Food Application</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter app wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/app-data/cleaning-app.jpg" src="images/portfolio/app-data/cleaning-app.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Cleaning Service</h2>
                                    <p>Cleaning a Service Provider Application</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter app wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/app-data/ego-app.jpg" src="images/portfolio/app-data/ego-app.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>EGO</h2>
                                    <p>EGO a E-commerce Application</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter app wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/app-data/idemand-app.jpg" src="images/portfolio/app-data/idemand-app.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Idemand</h2>
                                    <p>Idemend Website Job & Service Providing Application</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter live-project app wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/app-data/sos-app.jpg" src="images/portfolio/app-data/sos-app.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="https://play.google.com/store/apps/details?id=app.sosapp.com">
                                    <span class="plus-icon"><i class="fas fa-plus"></i> Live</span>
                                    <h2>SOS App</h2>
                                    <p>A personal safety app or SOS app is a mobile application which can be used to aid personal safety.</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter app wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/app-data/graper-app.jpg" src="images/portfolio/app-data/graper-app.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Graper</h2>
                                    <p>Graper A Food Application</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter app wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/app-data/jamali-app.jpg" src="images/portfolio/app-data/jamali-app.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Jamali</h2>
                                    <p>Jamali a parlour service Application</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter app wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/app-data/kroykari-app.jpg" src="images/portfolio/app-data/kroykari-app.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Krokary</h2>
                                    <p>Krokary a E-Commerce Application</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                    <!--project one-->
                    <div class="project-item filter app wow fadeInUp">
                        
                        <div class="project-wraper">
                            <img data-original="images/portfolio/app-data/shive-app.jpg" src="images/portfolio/app-data/shive-app.jpg" alt="My project Preview" class="img-fluid">

                            <!--visible on hover-->
                            <div class="project-block">
                                <div class="inner">
                                    <a href="javascript:void();">
                                    <span class="plus-icon"><i class="fas fa-plus"></i></span>
                                    <h2>Shive</h2>
                                    <p>Shive a online parlour service Application</p>
                                    </a>
                                </div>
                            </div><!--end-->

                        </div>
                        
                    </div><!--end-->

                </div><!--END-->
                
            </div>
            
        </div>
    </section>
    <!--END-->

    <!--footer-->
    <footer>
        <div class="footer-bg"></div>
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-md-6 col-lg-4">
                    <p>© 2020 <span>Aakash Tirole</span> all rights reserved.</p>
                </div>

                <div class="col-sm-6 col-md-6 col-lg-8">
                    <ul>
                        <li>
                            <a href="https://www.instagram.com/aakashtirole20/"><i class="fab fa-instagram"></i></a>
                        </li>
                        <li>
                            <a href="https://www.facebook.com/aakash.tirole15"><i class="fab fa-facebook-f"></i></a>
                        </li>
                        <li>
                            <a href="https://twitter.com/aakash_tirole"><i class="fab fa-twitter"></i></a>
                        </li>
                        <li>
                            <a href="https://www.linkedin.com/in/aakashtirole"><i class="fab fa-linkedin-in"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer><!--end-->

    <!--script-->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/owl.carousel.min.js"></script>
    <script src="js/tilt.jquery.min.js"></script>
    <script type="text/javascript" src="js/wow.min.js"></script>
    <script type="text/javascript" src="js/viewer.js"></script>
    <script type="text/javascript" src="js/viewer_main.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/custom.js"></script>
</body>
</html>