index.html

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-V4W01LP092"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-V4W01LP092');
    </script>
    <!-- Global site tag (gtag.js) - Google Analytics
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-115535770-1"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());
	  gtag('config', 'UA-115535770-1');
	  gtag('set', {'content_group1': 'My Group Name'});
	</script> -->
  <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-V4W01LP092"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-V4W01LP092');
  </script> -->

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Imdad Portfolio</title>
    <meta name="description" content="Imdad Areeph CV"/>
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/aos.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="styles/main.css" rel="stylesheet">
    <link rel="shortcut icon" href="favicon.ico">
  </head>
  <body id="top">
    <header>
      <div class="profile-page sidebar-collapse">
        <nav class="navbar navbar-expand-lg fixed-top navbar-transparent bg-primary" color-on-scroll="400">
          <div class="container">
            <div class="navbar-translate"><a class="navbar-brand" href="/" rel="tooltip">Imdad Areeph</a>
              <button class="navbar-toggler navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-bar bar1"></span><span class="navbar-toggler-bar bar2"></span><span class="navbar-toggler-bar bar3"></span></button>
            </div>
            <div class="collapse navbar-collapse justify-content-end" id="navigation">
              <ul class="navbar-nav">
                <li class="nav-item"><a class="nav-link smooth-scroll" href="#about">About</a></li>
                <li class="nav-item"><a class="nav-link smooth-scroll" href="#skill">Skills</a></li>
                <li class="nav-item"><a class="nav-link smooth-scroll" href="#experience">Experience</a></li>
                <li class="nav-item"><a class="nav-link smooth-scroll" href="#portfolio">Portfolio</a></li>
                <li class="nav-item"><a class="nav-link smooth-scroll" href="#contact">Contact</a></li>
                <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">My Apps</a>
                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
                    <a class="dropdown-item" href="http://apps.imdadareeph.com/">All Apps</a>
                    <a class="dropdown-item" href="http://www.imdadareeph.com/phoenixui/">Phoenix project</a>
                    <a class="dropdown-item" href="https://warm-bastion-93812.herokuapp.com/">Open Api</a>
                    <a class="dropdown-item" href="http://www.imdadareeph.com/countrystatecity/">Angular Project</a>
                    <a class="dropdown-item" href="http://apps.imdadareeph.com/webapi/">Web Api</a>
                    <a class="dropdown-item" href="https://floating-journey-79487.herokuapp.com/">Spring Boot</a>
                    <a class="dropdown-item" href="https://secret-mesa-13760.herokuapp.com/">JSF-Spring-Hibernate</a>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </nav>
      </div>
    </header>
    <div class="page-content">
      <div>
<div class="profile-page">
  <div class="wrapper">
    <div class="page-header page-header-small" filter-color="green">
      <div class="page-header-image imdad-bg-blur0px" data-parallax="true" style="background-image: url(images/dubai.jpg);"></div>
     <!-- <div class="page-header-image" data-parallax="true" style="/* background-image: url('images/cc-bg-1.jpg'); */"></div> -->
      <div class="container">
        <div class="content-center">
          <div class="cc-profile-image"><a href="#"><img src="images/imdad.jpg" alt="Image"/></a></div>
          <div class="h2 title imdad-text-shadow imdad-text-upper">Imdad Areeph</div>
          <p class="category text-white imdad-text-opacity imdad-text-none">Skilled in Java J2EE Spring Hibernate JPA Webflux Spring-boot Openshift Juul Eureka Kafka ETL stack JSF REST DevOps Docker AWS Cloud Oracle Unix.</p>
          <a class="btn btn-primary smooth-scroll mr-2" href="#contact" data-aos="zoom-in" data-aos-anchor="data-aos-anchor">Hire Me</a>
          <a class="btn btn-primary mr-2" href="ImdadResume.pdf" data-aos="zoom-in" data-aos-anchor="data-aos-anchor">Download CV</a>
          <a href="http://apps.imdadareeph.com/" class="btn btn-neutral" data-aos="zoom-in" data-aos-anchor="data-aos-anchor">My Projects</a>
        </div>
      </div>
      <div class="section">
        <div class="container">
          <div class="button-container"><a class="btn btn-default btn-round btn-lg btn-icon" href="https://www.facebook.com/imdadareeph" rel="tooltip" title="Follow me on Facebook"><i class="fa fa-facebook"></i></a><a class="btn btn-default btn-round btn-lg btn-icon" href="https://www.linkedin.com/in/imdadareeph/" rel="tooltip" title="Check me on LinkedIn"><i class="fa fa-linkedin-square"></i></a>
            <a class="btn btn-default btn-round btn-lg btn-icon" href="https://github.com/imdadareeph" rel="tooltip" title="See my work on Github"><i class="fa fa-github"></i></a><a class="btn btn-default btn-round btn-lg btn-icon" href="https://stackoverflow.com/users/985640/imdad-areeph" rel="tooltip" title="My stackoverflow"><i class="fa fa-stack-overflow"></i></a></div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="section" id="about">
  <div class="container">
    <div class="card" data-aos="fade-up" data-aos-offset="10">
      <div class="row">
        <div class="col-lg-6 col-md-12">
          <div class="card-body">
            <div class="h4 mt-0 title">About</div>
            <p>Hello! I am Imdad Areeph. I am Skilled Java J2EE Spring Hibernate JPA Webflux Spring-boot Openshift Juul Eureka Kafka ETL stack JSF REST DevOps Docker AWS Cloud Oracle Unix etc. .</p>
            <p class="blockquote-footer">I Am A Blogger, Technologist, Internet Crazy; In Short, A Typical Software Engineer Who Falls In Love With Everything That Relates To Increase Knowledge And Create Innovations
In short, I am "Jack of most of the trade but master of some". <a href="http://www.imdadareeph.com/portfolio/index.html" target="_blank">Learn More</a></p>
          </div>
        </div>
        <div class="col-lg-6 col-md-12">
          <div class="card-body">
            <div class="h4 mt-0 title">Basic Information</div>
            <div class="row">
              <div class="col-sm-4"><strong class="text-uppercase">DOB:</strong></div>
              <div class="col-sm-8">03 Oct</div>
            </div>
            <div class="row mt-3">
              <div class="col-sm-4"><strong class="text-uppercase">Email:</strong></div>
              <div class="col-sm-8">imdadareeph@gmail.com</div>
            </div>
            <div class="row mt-3">
              <div class="col-sm-4"><strong class="text-uppercase">Phone:</strong></div>
              <div class="col-sm-8">+971-507-605159</div>
            </div>
            <div class="row mt-3">
              <div class="col-sm-4"><strong class="text-uppercase">Address:</strong></div>
              <div class="col-sm-8">Al Fahidi street, Bur Dubai, Dubai</div>
            </div>
            <div class="row mt-3">
              <div class="col-sm-4"><strong class="text-uppercase">Language:</strong></div>
              <div class="col-sm-8">English, French, Hindi, Assamese </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="section" id="skill">
  <div class="container">
    <div class="h4 text-center mb-4 title">Professional Skills</div>
    <div class="card" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
      <div class="card-body">
        <div class="row">
          <div class="col-md-6">
            <div class="progress-container progress-primary"><span class="progress-badge">Java</span>
              <div class="progress">
                <div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"></div><span class="progress-value">80%</span>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="progress-container progress-primary"><span class="progress-badge">Spring</span>
              <div class="progress">
                <div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></div><span class="progress-value">75%</span>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="progress-container progress-primary"><span class="progress-badge">Hibernate</span>
              <div class="progress">
                <div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div><span class="progress-value">60%</span>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="progress-container progress-primary"><span class="progress-badge">Microservices</span>
              <div class="progress">
                <div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"></div><span class="progress-value">80%</span>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="progress-container progress-primary"><span class="progress-badge">Springboot</span>
              <div class="progress">
                <div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></div><span class="progress-value">75%</span>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="progress-container progress-primary"><span class="progress-badge">JPA</span>
              <div class="progress">
                <div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div><span class="progress-value">70%</span>
              </div>
            </div>
          </div>

          <div class="col-md-6">
            <div class="progress-container progress-primary"><span class="progress-badge">Docker</span>
              <div class="progress">
                <div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"></div><span class="progress-value">80%</span>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="progress-container progress-primary"><span class="progress-badge">Spring Webflux</span>
              <div class="progress">
                <div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div><span class="progress-value">60%</span>
              </div>
            </div>
          </div>


          <div class="col-md-6">
            <div class="progress-container progress-primary"><span class="progress-badge">DevOps</span>
              <div class="progress">
                <div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></div><span class="progress-value">75%</span>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="progress-container progress-primary"><span class="progress-badge">AWS</span>
              <div class="progress">
                <div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div><span class="progress-value">70%</span>
              </div>
            </div>
          </div>

          <div class="col-md-6">
            <div class="progress-container progress-primary"><span class="progress-badge">Database</span>
              <div class="progress">
                <div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></div><span class="progress-value">75%</span>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="progress-container progress-primary"><span class="progress-badge">Shell Scripting</span>
              <div class="progress">
                <div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div><span class="progress-value">70%</span>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
</div>
<div class="section" id="experience">
  <div class="container cc-experience">
    <div class="h4 text-center mb-4 title">Work Experience</div>
    <div class="card">
      <div class="row">
        <div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body cc-experience-header">
            <p>Aug 2018 - Present</p>
            <div class="h5">Emirates Airlines</div>
            <p>Dubai, UAE</p>
          </div>
        </div>
        <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
            <div class="h5">Senior Software Engineer at Emirates Airlines</div>
            <p>
              Responsible for:
              <ul style="font-size: 12px;" class="btn-xs">
                  <li>
                      1. Writing RESTful services, creating/modifying SOAP endpoints.
                  </li>
                  <li>
                      2. Manage code dependencies. JaCoCo Code coverage, Git code commit, CI/CD builds.
                  </li>
                  <li>
                      3. Writing JUnit (JMockito) Test cases for each service flow.
                  </li>
                  <li>
                      4. Complete revamp of old feature in Microservice architecture (From the scratch -ongoing)
                  </li>
              </ul>
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="row">
        <div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body cc-experience-header">
            <p>Jun 2016 - Jul 2018</p>
            <div class="h5">EMIRATES NBD</div>
            <p>Dubai, UAE</p>
          </div>
        </div>
        <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
            <div class="h5">Consultant at Emirates NBD via Virtua</div>
            <p>
              Responsible for:
              <ul style="font-size: 12px;" class="btn-xs">
                  <li>
                      1. Code server side logic (JSF Managed beans), Writing Restful services. Create service endpoints.
                  </li>
                  <li>
                      2. Designed the flow of code dependencies. Code review, documentation of code commit and user stories.
                  </li>
                  <li>
                      3. Module handling - Video Banking/Insights/loans/RuleEngine/RM Management/Internationalization i18n for Arabic.
                  </li>
                  <li>
                      4. Handle request/response from tibco /finacle /visionplus /CRM /finOne.
                  </li>
              </ul>
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="row">
        <div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body cc-experience-header">
            <p>Jan 2016 - May 2016</p>
            <div class="h5">Mastercard</div>
            <p>Vadodara, India</p>
          </div>
        </div>
        <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
            <div class="h5">Software Engineer at Mastercard</div>
            <p>
              Responsible for:
              <ul style="font-size: 12px;" class="btn-xs">
                <li>
                    1. Follow strict Agile methodology using Rally (under one scrum master)
                </li>
                <li>
                    2. Involved in Core product development - Server side coding.
                </li>
                <li>
                    3. Create Restfull services. Write business logic(Services) and do CRUD tasks.
                </li>
                <li>
                    4. Involved in execution of queries using sql developer.(Oracle 11g)
                </li>
                <li>
                    5. Use atlassian products like Confluence,Bamboo, Bitbucket, Also Flowdock, Rally etc
                </li>
                <li>
                    6. Code coverage(SonarQuebe) and Code Review.Test in local and dev instance and commit in SVN repositories.
                </li>
                <li>
                    7. Attend daily standup meetings, grooming sessions. Interact with QA team &amp; UI team.
                </li>
              </ul>
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="row">
        <div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body cc-experience-header">
            <p>May 2014 - Jan 2016</p>
            <div class="h5">Igate Global Solutions</div>
            <p>Bangalore, India</p>
          </div>
        </div>
        <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
            <div class="h5">Senior Software Engineer at Igate Global Solutions</div>
            <p>
              Responsible for:
              <ul style="font-size: 12px;" class="btn-xs">
                <li>
                    1. Writing Backing Beans Classes, Domain Classes, Service Classes, Navigation Rules.
                </li>
                <li>
                    2. Designed JSFs as per the requirements.Designed the MVC structure from the scratch.
                </li>
                <li>
                    3. R&amp;D on VMware fusion on MAC OSX, VMware Workstation,Virtual Box on windows.
                </li>
                <li>
                    4. Wrote configuration files – ApplicationContext xml , persistence xml, database properties files.
                </li>
                <li>
                    5. Integrated JSF, Spring, Hibernate, Primefaces,Jersey Restfull webservices.
                </li>
                <li>
                    6. Introduced i18n Internationalization and theme concepts.
                </li>
                <li>
                    7. Used Design Pattern like Strategy pattern,Facade Pattern,MVC Pattern,Front Controller Pattern etc
                </li>
              </ul>
            </p>
          </div>
        </div>
      </div>
    </div>

    <div class="card">
      <div class="row">
        <div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body cc-experience-header">
            <p>May 2013 – Apr 2014</p>
            <div class="h5">Swizcom Technologies</div>
            <p>Bangalore, India</p>
          </div>
        </div>
        <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
            <div class="h5">Senior Software Engineer at Swizcom</div>
            <p>
              Responsible for:
              <ul style="font-size: 12px;" class="btn-xs">
                <li>
                  1. Writing Backing Beans Classes, Navigation Rules.
                </li>
                <li>
                    2. Designed JSFs as per the requirements.
                </li>
                <li>
                    3. Responsible for writing Domain Classes, Service Classes.
                </li>
                <li>
                    4. Writing HQL, Hibernate and Spring classes.
                </li>
                <li>
                    5. Do R&amp;D on Memory Management,Spring Security,JMS,Database Connection Pooling etc
                </li>
              </ul>
            </p>
          </div>
        </div>
      </div>
    </div>

    <div class="card">
      <div class="row">
        <div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body cc-experience-header">
            <p>Dec 2011 - Apr 2013</p>
            <div class="h5">ICT Health</div>
            <p>Bangalore, India</p>
          </div>
        </div>
        <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
            <div class="h5">Software Engineer at ICT Health pvt. ltd.</div>
            <p>
              Responsible for:
              <ul style="font-size: 12px;" class="btn-xs">
                <li>
                    1. Writing Backing Beans Classes, Navigation Rules.
                </li>
                <li>
                    2 Designed JSFs as per the requirements.
                </li>
                <li>
                    3. Responsible for writing Domain Classes, Service Classes.
                </li>
                <li>
                    4. Writing HQL, Hibernate and Spring classes.
                </li>
                <li>
                    5. Involve in Database as a backend and writing scripts.
                </li>
                <li>
                    6. Developed online and offline reports with Eclipse BIRT.
                </li>
                <li>
                    7. Writing backend Spring security code.
                </li>
              </ul>
            </p>
          </div>
        </div>
      </div>
    </div>


  </div>
</div>
<div class="section">
  <div class="container cc-education">
    <div class="h4 text-center mb-4 title">Education</div>
    <div class="card">
      <div class="row">
        <div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body cc-education-header">
            <p>2006 - 2011</p>
            <div class="h5">Bachelor's Degree</div>
          </div>
        </div>
        <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
            <div class="h5">BE in Computer Science Engineering</div>
            <p class="category">BIT, VTU University, Karnataka, India</p>
            <p>I have completed Bachelor of Engineering degree from VTU University with 50%, Karnataka, India.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="row">
        <div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body cc-education-header">
            <p>2002 - 2004</p>
            <div class="h5">Senior Secondary</div>
          </div>
        </div>
        <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
            <div class="h5">Senior Secondary College</div>
            <p class="category">Cotton College , Guwahati, India</p>
            <p>From this college of I have completed my 10+2 education with 65% marks in Physics Chameistry and Mathematics.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="row">
        <div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body cc-education-header">
            <p>1992 - 2002</p>
            <div class="h5">High School</div>
          </div>
        </div>
        <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
            <div class="h5">Science and Mathematics</div>
            <p class="category">Don Bosco High school, Guwahati, India</p>
            <p>I have completed my 10th education from this school with 82% marks.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


<div class="section">
  <div class="container cc-education">
    <div class="h4 text-center mb-4 title">Projects</div>

    <div class="card">
      <div class="row">
        <div class="col-md-3" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
              <img src="images/project_emirates_airlines.jpg" />
          </div>
        </div>
        <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
            <div class="project-info">
                <div class="title">Project Name : Emirates Internet Booking Engine</div>
                  <div class="education-block" style="margin: 0 auto 1px auto;padding: 5px;">
                  <div style="font-size: 12px;text-align: justify;">
                      Emirates Internet Booking Engine is the online portal that manages the booking of flights along with various add-on features. It facilitates the user to search for flight, select seat and create E-Ticket using a rich UI experience and provides various benefits as well as information. The application is optimised ,scaled and always up-to-date with latest technologies.
                    </br></br>
                      Various features are modularized such as Manage Your Booking,Check your itinerary,Reserve a seat,Online check-in,Buy excess baggage allowance,Log in to Emirates Skywards etc.
                  </div>
                  </div>
                <a href="https://www.emirates.com/ae/english/">View Project</a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="card">
      <div class="row">
        <div class="col-md-3" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
              <img src="images/project_enbd.jpg" />
          </div>
        </div>
        <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
            <div class="project-info">
                <div class="title">Project Name : Facelift (Online Banking)</div>
                  <div class="education-block" style="margin: 0 auto 1px auto;padding: 5px;">
                  <div style="font-size: 12px;text-align: justify;">
                      ENBD Banknet is the revamped version of an existing banking system with latest technologies with added features like video banking including core banking system. Video banking module included, gives the user to access banking features by connecting with agents via audio/video/chat features along with document uploads, Loan apply, etc.
                    </br>
                      Also implemented "Insight" module by teaming up with another colleague and developed a complete end to end "Rule Engine" to meet the delivery expectation.The objectives for Insight module are fundamentally about understanding the customer’s perspective, and ensuring all proactive and reactive customer interactions are aligned jointly to the customer’s experience. It creates an interactive behavior by showing offers and promotion based on each customers account management. Also, These helps in providing analytics to the banking system and thus provide more exposure in learning customer's experience with the System.
                  </div>
                  </div>
                <a href="https://login.emiratesnbd.com/">View Project</a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="card">
      <div class="row">
        <div class="col-md-3" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
              <img src="images/project_mastercard.jpg" />
          </div>
        </div>
        <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
            <div class="project-info">
                <div class="title">Project Name : MassterPass (Payment Wallet)</div>
                  <div class="education-block" style="margin: 0 auto 1px auto;padding: 5px;">
                    <div style="font-size: 12px;text-align: justify;">
                      Masterpass is a digital wallet that simplifies the checkout process across your purchases online, in-app, and in-store with one secure account. No long checkout forms, forgotten passwords, or fumbling for a wallet. Just create your account and load any participating credit or debit card to get started.
                    </br></br>
                      MasterCard's new In-App Payment API enables merchants to embed MasterPass into checkout flows across channels - whether native apps, mobile websites, or desktop apps - and eliminates the need for consumers to store payment details across various mobile apps.
                      </br>
                    </div>
                  </div>
                <a href="https://masterpass.com/en-us/">View Project</a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="card">
      <div class="row">
        <div class="col-md-3" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
              <img src="images/project_igate.jpg" />
          </div>
        </div>
        <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
            <div class="project-info">
                <div class="title">Project Name : LITE (Virtualization :: VNC)</div>
                  <div class="education-block" style="margin: 0 auto 1px auto;padding: 5px;">
                    <div style="font-size: 12px;text-align: justify;">
                        LITE is a web based testing tool, to test web applications / web sites, to check compatibility across different browsers, on different versions and across different operating systems.
                        </br></br>
                        Tester can actually test their web application on any specified combination of OS + Browser + Version.  It is an automated test, in which screen shots are captured and sent to the tester via email, for a specific URL and combination of various browsers and versions.
                        </br></br>
                    </div>
                  </div>
                <a href="#">View Project</a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="card">
      <div class="row">
        <div class="col-md-3" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
              <img src="images/project_swizcom.jpg" />
          </div>
        </div>
        <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
            <div class="project-info">
                <div class="title">Project Name : nameMediSwiz (HMS)</div>
                  <div class="education-block" style="margin: 0 auto 1px auto;padding: 5px;">
                    <div style="font-size: 12px;text-align: justify;">
                      MediSwiz HMS is a comprehensive and integrated Hospital Management System developed to cater to the needs of poly clinics to multi-specialty Hospitals. MediSwiz HMS is designed to manage medical, administrative, financial, inventory aspects of a hospital and its services, and can be integrated with finger-print readers, bar code readers, scanners etc
                    </br></br>
                      Specialties: Web based application, RFID &amp; Barcoding, Customized flow, ICD Compliance, Online Appointment Booking &amp; Schedule update, SMS Facility, e-Filing, Graphical MIS Reports, Dashboards.
                      </br></br>
                    </div>
                  </div>
                <a href="https://www.linkedin.com/in/mediswiz-hms-90585a57/">View Project</a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="card">
      <div class="row">
        <div class="col-md-3" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
              <img src="images/project_icthealth.jpg" />
          </div>
        </div>
        <div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
          <div class="card-body">
            <div class="project-info">
                <div class="title">Project Name : Hinai Web (HMS)</div>
                  <div class="education-block" style="margin: 0 auto 1px auto;padding: 5px;">
                    <div style="font-size: 12px;text-align: justify;">
                      Hinai is a HIS solution, providing web based healthcare services and solution. This Hospital Information Systems application is completely deployed on cloud.ICTHEALTH has tied up with Many renowned hospitals to launch a hospital information system that will store patient records and other hospital data on cloud infrastructure.
                    </br></br>
                      The solution is set to make a dent in the operational expenditures and will also allow faster and easier access to healthcare for its patients. It should also allow hospital staff to complete their administrative tasks quickly. The high performance cloud computing services are backed by a strong infrastructure backbone.
                      </br>
                    </div>
                  </div>
                <a href="http://www.icthealth.com/hinai-web/">View Project</a>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>
</div>


<div class="section" id="portfolio">
  <div class="container">
    <div class="row">
      <div class="col-md-6 ml-auto mr-auto">
        <div class="h4 text-center mb-4 title"><a href="http://apps.imdadareeph.com/">Portfolio</a></div>
        <div class="nav-align-center">
          <ul class="nav nav-pills nav-pills-primary" role="tablist">
            <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#web-development" role="tablist"><i class="fa fa-user" aria-hidden="true"></i></a></li>
            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#graphic-design" role="tablist"><i class="fa fa-wrench" aria-hidden="true"></i></a></li>
            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#Photography" role="tablist"><i class="fa fa-mixcloud" aria-hidden="true"></i></a></li>
            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#imdadsdesk" role="tablist"><i class="fa fa-desktop" aria-hidden="true"></i></a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="tab-content gallery mt-5">
      <div class="tab-pane active" id="web-development">
        <div class="ml-auto mr-auto">
          <div class="row">
            <div class="col-md-6">
              <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
                <a href="#springboot">
                  <figure class="cc-effect"><img src="images/project-1.jpg" alt="Image"/>
                    <figcaption>
                      <div class="h4">Springboot Project</div>
                      <p>Web Development</p>
                    </figcaption>
                  </figure>
                </a>
              </div>
              <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
                <a href="/phoenixui">
                  <figure class="cc-effect"><img src="images/project-2.jpg" alt="Image"/>
                    <figcaption>
                      <div class="h4">Devops Project</div>
                      <p>Web Development</p>
                    </figcaption>
                  </figure>
                </a>
              </div>
            </div>
            <div class="col-md-6">
              <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
                <a href="#Guessgame">
                  <figure class="cc-effect"><img src="images/project-3.jpg" alt="Image"/>
                    <figcaption>
                      <div class="h4">Personal site Project</div>
                      <p>Web Development</p>
                    </figcaption>
                  </figure>
                </a>
              </div>
              <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
                <a href="portfolio">
                  <figure class="cc-effect"><img src="images/project-4.jpg" alt="Image"/>
                    <figcaption>
                      <div class="h4">Portfolio Project</div>
                      <p>Web Development</p>
                    </figcaption>
                  </figure>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="tab-pane" id="graphic-design" role="tabpanel">
        <div class="ml-auto mr-auto">
          <div class="row">
            <div class="col-md-6">
              <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#graphic-design">
                  <figure class="cc-effect"><img src="images/graphic-design-1.jpg" alt="Image"/>
                    <figcaption>
                      <div class="h4">Blur admin</div>
                      <p>Graphic Design</p>
                    </figcaption>
                  </figure></a></div>
              <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#graphic-design">
                  <figure class="cc-effect"><img src="images/graphic-design-2.jpg" alt="Image"/>
                    <figcaption>
                      <div class="h4">Savinet</div>
                      <p>Social network project</p>
                    </figcaption>
                  </figure></a></div>
            </div>
            <div class="col-md-6">
              <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#graphic-design">
                  <figure class="cc-effect"><img src="images/graphic-design-3.jpg" alt="Image"/>
                    <figcaption>
                      <div class="h4">Skillsets</div>
                      <p>Personal site</p>
                    </figcaption>
                  </figure></a></div>
              <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#graphic-design">
                  <figure class="cc-effect"><img src="images/graphic-design-4.jpg" alt="Image"/>
                    <figcaption>
                      <div class="h4">Thinfinity VNC</div>
                      <p>Personal site</p>
                    </figcaption>
                  </figure></a></div>
            </div>
          </div>
        </div>
      </div>
      <div class="tab-pane" id="Photography" role="tabpanel">
        <div class="ml-auto mr-auto">
          <div class="row">
            <div class="col-md-6">
              <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
                <a href="https://github.com/imdadareeph/">
                  <figure class="cc-effect"><img src="images/photography-1.jpg" alt="Image"/>
                    <figcaption>
                      <div class="h4">Github</div>
                      <p>Personal Sites</p>
                    </figcaption>
                  </figure></a></div>
              <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
                <a href="https://imdadareeph.wordpress.com/">
                  <figure class="cc-effect"><img src="images/photography-3.jpg" alt="Image"/>
                    <figcaption>
                      <div class="h4">Wordspress</div>
                      <p>Personal Sites</p>
                    </figcaption>
                  </figure></a></div>
            </div>
            <div class="col-md-6">
              <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
                <a href="https://www.linkedin.com/in/imdadareeph/">
                  <figure class="cc-effect"><img src="images/photography-2.jpg" alt="Image"/>
                    <figcaption>
                      <div class="h4">Linkedin</div>
                      <p>Personal Sites</p>
                    </figcaption>
                  </figure></a></div>
              <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
                <a href="http://imdadareeph.blogspot.com/">
                  <figure class="cc-effect"><img src="images/photography-4.jpg" alt="Image"/>
                    <figcaption>
                      <div class="h4">Blogspot</div>
                      <p>Personal Sites</p>
                    </figcaption>
                  </figure></a></div>
            </div>
          </div>
        </div>
      </div>

      <!-- Imdads desk -->
      <div class="tab-pane" id="imdadsdesk" role="tabpanel">
        <div class="ml-auto mr-auto">
          <div class="row">
            <div class="col-md-6">
              <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#Photography">
                  <figure class="cc-effect"><img src="images/imdaddesk1.jpg" alt="Image"/>
                    <figcaption>
                      <div class="h4">Fedora 14</div>
                      <p>compiz fusion theme</p>
                    </figcaption>
                  </figure></a></div>
              <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#Photography">
                  <figure class="cc-effect"><img src="images/imdaddesk2.jpg" alt="Image"/>
                    <figcaption>
                      <div class="h4">Ubuntu</div>
                      <p>Transparent theme</p>
                    </figcaption>
                  </figure></a></div>
            </div>
            <div class="col-md-6">
              <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#Photography">
                  <figure class="cc-effect"><img src="images/imdaddesk3.jpg" alt="Image"/>
                    <figcaption>
                      <div class="h4">Windows 7</div>
                      <p>Marvel SHEILD theme</p>
                    </figcaption>
                  </figure></a></div>
              <div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#Photography">
                  <figure class="cc-effect"><img src="images/imdaddesk4.jpg" alt="Image"/>
                    <figcaption>
                      <div class="h4">Windows</div>
                      <p>Rainmeter shield</p>
                    </figcaption>
                  </figure></a></div>
            </div>
          </div>
        </div>
      </div>

      <!-- imdads desk end -->
    </div>
  </div>
</div>

<div class="section" id="reference">
  <div class="container cc-reference">
    <div class="h4 mb-4 text-center title">References</div>
    <div class="card" data-aos="zoom-in">
      <div class="carousel slide" id="cc-Indicators" data-ride="carousel">
        <ol class="carousel-indicators">
          <li class="active" data-target="#cc-Indicators" data-slide-to="0"></li>
          <li data-target="#cc-Indicators" data-slide-to="1"></li>
          <li data-target="#cc-Indicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
          <div class="carousel-item active">
            <div class="row">
              <div class="col-lg-2 col-md-3 cc-reference-header"><img src="images/reference-image-1.jpg" alt="Image"/>
                <div class="h5 pt-2">Sarfaraz</div>
                <p class="category">Consultant / Emirates NBD</p>
              </div>
              <div class="col-lg-10 col-md-9">
                <p>
                  Imdad takes his work very seriously and regularly enrolled in classes to stay abreast of the newest developments in programming. He also traveled to conferences across the country for this purpose. His ongoing professional development courses and trips helped him to easily learn new techniques and perform complex tasks the first time around. Although Imdad is a fast-learner, he is very careful and cautious about his work. That means he repeatedly runs checks on his programs (and others) before making them public to ensure there aren't any hiccups. His quick thinking and cautious personality has helped the company avoid some costly and embarrassing mistakes.
                </p>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <div class="row">
              <div class="col-lg-2 col-md-3 cc-reference-header"><img src="images/reference-image-2.jpg" alt="Image"/>
                <div class="h5 pt-2">Alok</div>
                <p class="category">Consultant / VirtusaPolaris</p>
              </div>
              <div class="col-lg-10 col-md-9">
                <p>
                  Imdad is passionate about writing code and solving clients’ problems through the development of creative and innovative software. He has tremendous potential that is not being fulfilled in his current position. Imdad is vocal about his software ideas, but respects his superiors and enthusiastically tackles every assignment as he is directed. He is friendly, easy to get along with, well-liked by our clients and respected by his co-workers.
                </p>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <div class="row">
              <div class="col-lg-2 col-md-3 cc-reference-header"><img src="images/reference-image-3.jpg" alt="Image"/>
                <div class="h5 pt-2">Rashid</div>
                <p class="category">Consultant / Luxoft</p>
              </div>
              <div class="col-lg-10 col-md-9">
                <p>
                  Imdad is dedicated to providing quality work. He checks and rechecks his software before turning it in for presentation to the client. He strives to make his programs as user friendly as possible understanding that not everyone is an expert programmer. He is detail oriented and rarely has any bugs in his finished product. Imdad’s energy is limitless and his enthusiasm serves to motivate everyone on his team.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="section" id="contact">
  <div class="cc-contact-information" style="background-image: url('images/staticmap.png');">
    <div class="container">
      <div class="cc-contact">
        <div class="row">
          <div class="col-md-9">
            <div class="card mb-0" data-aos="zoom-in">
              <div class="h4 text-center title">Contact Me</div>
              <div class="row">
                <div class="col-md-6">
                  <div class="card-body">
                    <form action="https://formspree.io/imdadareeph@gmail.com" method="POST">
                      <div class="p pb-3"><strong>Feel free to contact me </strong></div>
                      <div class="row mb-3">
                        <div class="col">
                          <div class="input-group"><span class="input-group-addon"><i class="fa fa-user-circle"></i></span>
                            <input class="form-control" type="text" name="name" placeholder="Name" required="required"/>
                          </div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <div class="col">
                          <div class="input-group"><span class="input-group-addon"><i class="fa fa-file-text"></i></span>
                            <input class="form-control" type="text" name="Subject" placeholder="Subject" required="required"/>
                          </div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <div class="col">
                          <div class="input-group"><span class="input-group-addon"><i class="fa fa-envelope"></i></span>
                            <input class="form-control" type="email" name="_replyto" placeholder="E-mail" required="required"/>
                          </div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <div class="col">
                          <div class="form-group">
                            <textarea class="form-control" name="message" placeholder="Your Message" required="required"></textarea>
                          </div>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col">
                          <button class="btn btn-primary" type="submit">Send</button>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="card-body">
                    <p class="mb-0"><strong>Address </strong></p>
                    <p class="pb-2">Al Fahidi street, Bur Dubai, Dubai</p>
                    <p class="mb-0"><strong>Phone</strong></p>
                    <p class="pb-2">+971-507-605159</p>
                    <p class="mb-0"><strong>Email</strong></p>
                    <p>imdadareeph@gmail.com</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div></div>
    </div>
    <footer class="footer">
      <div class="container text-center"><a class="cc-facebook btn btn-link" href="https://www.facebook.com/imdadareeph"><i class="fa fa-facebook fa-2x " aria-hidden="true"></i></a><a class="cc-twitter btn btn-link " href="#"><i class="fa fa-twitter fa-2x " aria-hidden="true"></i></a><a class="cc-google-plus btn btn-link" href="#"><i class="fa fa-google-plus fa-2x" aria-hidden="true"></i></a><a class="cc-instagram btn btn-link" href="#"><i class="fa fa-instagram fa-2x " aria-hidden="true"></i></a></div>
      <div class="h4 title text-center">Imdad Areeph</div>
      <div class="text-center text-muted">
        <p>&copy; Creative CV. All rights reserved.<br>Design - <a class="credit" href="https://templateflip.com" target="_blank">TemplateFlip</a></p>
      </div>
    </footer>
    <script src="js/core/jquery.3.2.1.min.js"></script>
    <script src="js/core/popper.min.js"></script>
    <script src="js/core/bootstrap.min.js"></script>
    <script src="js/now-ui-kit.js?v=1.1.0"></script>
    <script src="js/aos.js"></script>
    <script src="scripts/main.js"></script>
  </body>
</html>