\\n \\n About Me\\n \\n \\n Bilal is an enthusiastic professional having {{ months }}+ years of\\n experience in web application development, who learns and adopts\\n things quickly. Technology seeking and quick implementation in a\\n challenging and competitive environment are one of his specialties.\\n He has been working in a diverse range of Transportation Projects,\\n Procurement Management, CRM solutions, Accounting projects, and\\n Project Management. Moreover, he always emphasized and make sure to\\n design the best possible solutions within a given time frame. He is\\n very punctual and energetic in his field and always loves to accept\\n challenges with a strong knowledge of Software Engineering concepts.\\n He acquires strong implementation skills in developing web\\n applications with an exposure of\\n \\n \\n
\\n Develop and execute a Enterprise\\n Software Solution that support SOA and SaaS based\\n Architecture\\n
\\n
\\n Develops software solutions by\\n studying information needs, conferring with users and\\n studying systems flow prepared by BPM team\\n
\\n
\\n Analyze system specifications\\n and translate system requirements to task specifications for\\n junior resources\\n
\\n
\\n Develop features across multiple\\n subsystems in enterprise applications, including\\n collaboration in requirements definition, design, coding,\\n testing and deployment in a spring environment\\n
\\n
\\n
\\n \\n \\n
\\n Software Engineer\\n WaliSystems INC.\\n
\\n
Sep 2016 – Jan 2018
\\n Responsibility :\\n
\\n
\\n Architecture and redesign code\\n for maintainability, scalability, security and efficiency.\\n
\\n
\\n Reviewing front end, databases,\\n application interfaces and logs to troubleshoot and fix\\n problems\\n
\\n
\\n Continuously learn and update\\n product knowledge.\\n
\\n
\\n
\\n
\\n
\\n \\n \\n \\n \\n\\n\\n\\n\\n
\\n
\\n \\n
Recent Portfolio
\\n
\\n
\\n
\\n
\\n \\n All Categories\\n \\n \\n Web Design\\n \\n \\n Branding\\n \\n \\n Mockups\\n \\n \\n Photography\\n \\n
\\n
\\n \\n
\\n
\\n \\n \\n \\n \\n
Fintransformer
\\n Web Development\\n \\n \\n \\n \\n
\\n
\\n \\n \\n \\n \\n
Group Captain
\\n Web Development\\n \\n \\n \\n
\\n
\\n \\n \\n \\n \\n
Eparking
\\n Web Development\\n \\n \\n \\n
\\n
\\n \\n \\n \\n \\n
agSolutions
\\n Web Development\\n \\n \\n \\n
\\n
\\n \\n \\n \\n \\n
Creative Design
\\n Photograpy\\n \\n \\n \\n
\\n
\\n \\n \\n \\n \\n
ag Solution
\\n Photograpy\\n \\n \\n \\n
\\n
\\n \\n \\n \\n \\n
Imsa ar
\\n Photograpy\\n \\n \\n \\n
\\n
\\n \\n \\n \\n \\n
Creative Design
\\n Photograpy\\n \\n \\n \\n
\\n
\\n \\n \\n \\n \\n
Creative Design
\\n Photograpy\\n \\n \\n \\n
\\n
\\n \\n \\n \\n \\n
Creative Design
\\n Photograpy\\n \\n \\n \\n
\\n
\\n \\n
\\n \\n
\\n \\n \\n \\n \\n\\n\\n\\n\\n\\n
\\n
\\n
\\n
\\n
Client Testimonials
\\n
\\n
\\n
\\n \\n \\n \\n \\n \\n \\n \\n
\\n \\n
\\n
\\n
\\n \\n
\\n
\\n I want to take a few minutes to communicate with you my\\n appreciation for the team's work over the last few months.\\n We put a lot of focus on the financial processes and the\\n team has been able to create a realistic schedule and\\n achieve all the deliverables you agreed to. That in itself\\n is not easy to do. Above that, I have been surprised and\\n excited to see that extra stories have already been\\n included. I wasn't expecting to see these stories completed\\n so quickly.\\n
\\n
- Ryan Reif -
\\n Information Systems Manager, Water Mission\\n
\\n
\\n \\n
\\n
\\n
\\n \\n
\\n
\\n We worked together on several complex WordPress,CI, Java\\n and Android Projects and he did superb job on every project.\\n This guy is highly recommended and I wish him success in his\\n future endeavors.\\n
\\n
- Ahsan Ali -
\\n Project Manager, Renesis Tech (PVT) LTD.\\n
\\n
\\n \\n
\\n
\\n
\\n \\n
\\n
\\n There are many variations of passages of Lorem Ipsum\\n available, but the majority have suffered alteration in some\\n form. There are many variations of passages of Lorem Ipsum\\n available. Lorem Ipsum is simply dummy text of the printing\\n and typesetting industry\\n
\\n
- Rajnish Kumar -
\\n Owner, bitholly.net\\n
\\n
\\n \\n \\n \\n \\n \\n \\n \\n
\\n
\\n
\\n
\\n \\n\\n\\n\\n\\n\\n\\n\"","export default \"
\\n
\\n \\n
\\n
\\n
\\n
{{project.title}}
\\n
\\n {{project.body}}\\n
\\n
\\n
\\n
{{tag}}
\\n
\\n
\\n \\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n\"","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __createBinding(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n};\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to get private field on non-instance\");\r\n }\r\n return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to set private field on non-instance\");\r\n }\r\n privateMap.set(receiver, value);\r\n return value;\r\n}\r\n","import { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport { HomeComponent } from './component/home/home.component';\n\n\nconst routes: Routes = [\n {\n path: '',\n component: HomeComponent\n }\n];\n\n@NgModule({\n imports: [RouterModule.forRoot(routes, {anchorScrolling: 'enabled'})],\n exports: [RouterModule]\n})\nexport class AppRoutingModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2FwcC5jb21wb25lbnQuY3NzIn0= */\"","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-root',\n templateUrl: './app.component.html',\n styleUrls: ['./app.component.css']\n})\nexport class AppComponent {\n title = 'bilalmuhammad';\n}\n","import { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\n\nimport { AppRoutingModule } from './app-routing.module';\nimport { AppComponent } from './app.component';\nimport { HomeComponent } from './component/home/home.component';\nimport { ProjectModelComponent } from './component/project-model/project-model.component';\n// import \"bootstrap\";\n@NgModule({\n declarations: [\n AppComponent,\n HomeComponent,\n ProjectModelComponent\n ],\n imports: [\n BrowserModule,\n AppRoutingModule\n ],\n providers: [],\n bootstrap: [AppComponent]\n})\nexport class AppModule { }\n","export default \".mh-education\\n .mh-education-deatils\\n .mh-education-item\\n .work-responsibility\\n li\\n .fa {\\n font-size: 10px;\\n line-height: 23px;\\n margin-right: 10px;\\n}\\n\\n/*-- mh-testimonial Section CSS --*/\\n\\n#mh-testimonial {\\n padding: 30px 0px 20px;\\n color: #fff;\\n background-color: #202026;\\n}\\n\\n#mh-testimonial h2 {\\n font-style: italic;\\n color: #fff;\\n font-size: 26px;\\n text-align: center;\\n}\\n\\n#mh-testimonial .client-img {\\n width: 80px;\\n height: 80px;\\n overflow: hidden;\\n border: 3px solid #fff;\\n margin: 0px auto;\\n border-radius: 100%;\\n position: absolute;\\n left: 0px;\\n}\\n\\n#mh-testimonial .carousel-content {\\n padding: 20px 0px 20px 100px;\\n width: 70%;\\n margin: 0 auto;\\n position: relative;\\n}\\n\\n#mh-testimonial h3 {\\n font-size: 17px;\\n color: #fff;\\n /* margin-bottom: 30px; */\\n /* font-style: italic; */\\n text-align: right;\\n}\\n\\n#mh-testimonial .jobtit {\\n font-size: 12px;\\n color: #fff;\\n margin-bottom: 30px;\\n font-style: italic;\\n text-align: right;\\n float: right;\\n}\\n\\n#mh-testimonial p {\\n font-size: 15px;\\n}\\n\\n#mh-testimonial .client-img img {\\n width: 100%;\\n}\\n\\n#mh-testimonial .carousel-control-prev,\\n#mh-testimonial .carousel-control-next {\\n font-size: 36px;\\n}\\n\\n@media (max-width: 576px) {\\n #mh-testimonial .carousel-content {\\n padding: 20px 0px 20px 0px;\\n width: 100%;\\n }\\n #mh-testimonial .client-img {\\n margin: 20px auto;\\n position: static;\\n }\\n #mh-testimonial h3,\\n #mh-testimonial p {\\n text-align: center;\\n }\\n}\\n\\n.carousel-indicators li {\\n box-sizing: content-box;\\n -webkit-box-flex: 0;\\n flex: 0 1 auto;\\n width: 30px;\\n height: 3px;\\n margin-right: 3px;\\n margin-left: 3px;\\n text-indent: -999px;\\n cursor: pointer;\\n background-color: #fff;\\n background-clip: padding-box;\\n border-top: 10px solid transparent;\\n border-bottom: 10px solid transparent;\\n opacity: 0.5;\\n -webkit-transition: opacity 0.6s ease;\\n transition: opacity 0.6s ease;\\n}\\n\\n/*-- End mh-testimonial Section CSS --*/\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50L2hvbWUvaG9tZS5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7RUFNRSxlQUFlO0VBQ2YsaUJBQWlCO0VBQ2pCLGtCQUFrQjtBQUNwQjs7QUFFQSxtQ0FBbUM7O0FBQ25DO0VBQ0Usc0JBQXNCO0VBQ3RCLFdBQVc7RUFDWCx5QkFBeUI7QUFDM0I7O0FBQ0E7RUFDRSxrQkFBa0I7RUFDbEIsV0FBVztFQUNYLGVBQWU7RUFDZixrQkFBa0I7QUFDcEI7O0FBQ0E7RUFDRSxXQUFXO0VBQ1gsWUFBWTtFQUNaLGdCQUFnQjtFQUNoQixzQkFBc0I7RUFDdEIsZ0JBQWdCO0VBQ2hCLG1CQUFtQjtFQUNuQixrQkFBa0I7RUFDbEIsU0FBUztBQUNYOztBQUNBO0VBQ0UsNEJBQTRCO0VBQzVCLFVBQVU7RUFDVixjQUFjO0VBQ2Qsa0JBQWtCO0FBQ3BCOztBQUNBO0VBQ0UsZUFBZTtFQUNmLFdBQVc7RUFDWCx5QkFBeUI7RUFDekIsd0JBQXdCO0VBQ3hCLGlCQUFpQjtBQUNuQjs7QUFDQTtFQUNFLGVBQWU7RUFDZixXQUFXO0VBQ1gsbUJBQW1CO0VBQ25CLGtCQUFrQjtFQUNsQixpQkFBaUI7RUFDakIsWUFBWTtBQUNkOztBQUNBO0VBQ0UsZUFBZTtBQUNqQjs7QUFDQTtFQUNFLFdBQVc7QUFDYjs7QUFDQTs7RUFFRSxlQUFlO0FBQ2pCOztBQUVBO0VBQ0U7SUFDRSwwQkFBMEI7SUFDMUIsV0FBVztFQUNiO0VBQ0E7SUFDRSxpQkFBaUI7SUFDakIsZ0JBQWdCO0VBQ2xCO0VBQ0E7O0lBRUUsa0JBQWtCO0VBQ3BCO0FBQ0Y7O0FBQ0E7RUFDRSx1QkFBdUI7RUFFdkIsbUJBQWM7VUFBZCxjQUFjO0VBQ2QsV0FBVztFQUNYLFdBQVc7RUFDWCxpQkFBaUI7RUFDakIsZ0JBQWdCO0VBQ2hCLG1CQUFtQjtFQUNuQixlQUFlO0VBQ2Ysc0JBQXNCO0VBQ3RCLDRCQUE0QjtFQUM1QixrQ0FBa0M7RUFDbEMscUNBQXFDO0VBQ3JDLFlBQVk7RUFDWixxQ0FBNkI7RUFBN0IsNkJBQTZCO0FBQy9COztBQUNBLHVDQUF1QyIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudC9ob21lL2hvbWUuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5taC1lZHVjYXRpb25cbiAgLm1oLWVkdWNhdGlvbi1kZWF0aWxzXG4gIC5taC1lZHVjYXRpb24taXRlbVxuICAud29yay1yZXNwb25zaWJpbGl0eVxuICBsaVxuICAuZmEge1xuICBmb250LXNpemU6IDEwcHg7XG4gIGxpbmUtaGVpZ2h0OiAyM3B4O1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG59XG5cbi8qLS0gbWgtdGVzdGltb25pYWwgU2VjdGlvbiBDU1MgLS0qL1xuI21oLXRlc3RpbW9uaWFsIHtcbiAgcGFkZGluZzogMzBweCAwcHggMjBweDtcbiAgY29sb3I6ICNmZmY7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyMDIwMjY7XG59XG4jbWgtdGVzdGltb25pYWwgaDIge1xuICBmb250LXN0eWxlOiBpdGFsaWM7XG4gIGNvbG9yOiAjZmZmO1xuICBmb250LXNpemU6IDI2cHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cbiNtaC10ZXN0aW1vbmlhbCAuY2xpZW50LWltZyB7XG4gIHdpZHRoOiA4MHB4O1xuICBoZWlnaHQ6IDgwcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlcjogM3B4IHNvbGlkICNmZmY7XG4gIG1hcmdpbjogMHB4IGF1dG87XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMHB4O1xufVxuI21oLXRlc3RpbW9uaWFsIC5jYXJvdXNlbC1jb250ZW50IHtcbiAgcGFkZGluZzogMjBweCAwcHggMjBweCAxMDBweDtcbiAgd2lkdGg6IDcwJTtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbiNtaC10ZXN0aW1vbmlhbCBoMyB7XG4gIGZvbnQtc2l6ZTogMTdweDtcbiAgY29sb3I6ICNmZmY7XG4gIC8qIG1hcmdpbi1ib3R0b206IDMwcHg7ICovXG4gIC8qIGZvbnQtc3R5bGU6IGl0YWxpYzsgKi9cbiAgdGV4dC1hbGlnbjogcmlnaHQ7XG59XG4jbWgtdGVzdGltb25pYWwgLmpvYnRpdCB7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgY29sb3I6ICNmZmY7XG4gIG1hcmdpbi1ib3R0b206IDMwcHg7XG4gIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gIGZsb2F0OiByaWdodDtcbn1cbiNtaC10ZXN0aW1vbmlhbCBwIHtcbiAgZm9udC1zaXplOiAxNXB4O1xufVxuI21oLXRlc3RpbW9uaWFsIC5jbGllbnQtaW1nIGltZyB7XG4gIHdpZHRoOiAxMDAlO1xufVxuI21oLXRlc3RpbW9uaWFsIC5jYXJvdXNlbC1jb250cm9sLXByZXYsXG4jbWgtdGVzdGltb25pYWwgLmNhcm91c2VsLWNvbnRyb2wtbmV4dCB7XG4gIGZvbnQtc2l6ZTogMzZweDtcbn1cblxuQG1lZGlhIChtYXgtd2lkdGg6IDU3NnB4KSB7XG4gICNtaC10ZXN0aW1vbmlhbCAuY2Fyb3VzZWwtY29udGVudCB7XG4gICAgcGFkZGluZzogMjBweCAwcHggMjBweCAwcHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgI21oLXRlc3RpbW9uaWFsIC5jbGllbnQtaW1nIHtcbiAgICBtYXJnaW46IDIwcHggYXV0bztcbiAgICBwb3NpdGlvbjogc3RhdGljO1xuICB9XG4gICNtaC10ZXN0aW1vbmlhbCBoMyxcbiAgI21oLXRlc3RpbW9uaWFsIHAge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxufVxuLmNhcm91c2VsLWluZGljYXRvcnMgbGkge1xuICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgLW1zLWZsZXg6IDAgMSBhdXRvO1xuICBmbGV4OiAwIDEgYXV0bztcbiAgd2lkdGg6IDMwcHg7XG4gIGhlaWdodDogM3B4O1xuICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgbWFyZ2luLWxlZnQ6IDNweDtcbiAgdGV4dC1pbmRlbnQ6IC05OTlweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBiYWNrZ3JvdW5kLWNsaXA6IHBhZGRpbmctYm94O1xuICBib3JkZXItdG9wOiAxMHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tOiAxMHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBvcGFjaXR5OiAwLjU7XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMC42cyBlYXNlO1xufVxuLyotLSBFbmQgbWgtdGVzdGltb25pYWwgU2VjdGlvbiBDU1MgLS0qL1xuIl19 */\"","import { Component, OnInit } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { ProjectModelComponent } from '../project-model/project-model.component';\nimport { ViewportScroller } from '@angular/common';\n\n// declare function require(name:string);\n// var FileSaver = require('file-saver');\n\n@Component({\n selector: 'app-home',\n templateUrl: './home.component.html',\n styleUrls: ['./home.component.css']\n})\nexport class HomeComponent implements OnInit {\npublic projectsArray = [\n {\n title : 'Fintransformer',\n body : `Fintransformer is an application that allows users and companies to convert their\n financial statements from Russian or from any other language to English. Additionally,\n it allows users to analyze the company's financial health and provide recommendations.`,\n tags : ['Vue', 'MicroServices', 'Docker', 'javaScript', 'Bootstrap', 'Laravel', 'MySQL', 'RESTAPI'],\n image: 'assets/images/portfolio/fintransformer/1.jpg'\n },\n {\n title : 'Group Captain',\n body : `Group Captain acquires rich architectural design to meet real-world problems and capable to handle the process management of macro organizations. The need for application is to simplify different platform's complexity and make application scalable with docker images.\n Group Captain evolves PMS(Project Management System), Organizational Charts(Hierarchical Tree), daily employee work-logs, Access control on Application and Project levels.\n It encapsulates multiple micro-frontend applications wrapped in a main application and behaves like a single application.`,\n tags : ['Angular', 'NodeJS', 'ExpressJS', 'MongoDB', 'MicroServices', 'MicroFrontend', 'Javascript', 'Docker', 'RESTAPI'],\n image: 'assets/images/portfolio/GC/dashboard.jpg'\n },\n {\n title : 'E Parking',\n body : `EParking a web application in which users can put a request for booking a vehicle by select location and time. He/ she can see list of available companies offering parking facilities in his choose time. user select company and put details of his vehicle and his address along with payment details for pay parking fee.\n Application have three different role Admin, Company, User\n Admin can see booking details of current day as well as whole parking's against each company. Overall revenue, users detail, companies information, dashboard charts representation, Admin can also make a roster for each day make charges plan for each company on each day just using drag&drop option. Companies can see their earnings as well the more booking against them the more revenue they get.`,\n tags : ['Vue', 'PHP', 'Laravel', 'MySQL', 'Javascript', 'RESTAPI'],\n image: 'assets/images/portfolio/eparking/index.jpg'\n },\n {\n title : 'agSolutions',\n body : `A web application in which the user wants a CRM base solution using Capsule CRM. Which includes invoicing, quotations system, sales History, sales parties, Notes/task, User Dashboard representing Graphs and Charts.`,\n tags : ['Angular', 'NodeJS', 'MongoDB', 'Javascript', 'RESTAPI'],\n image: 'assets/images/portfolio/eparking/index.jpg'\n },\n {title:'', body:'', tag:[], image: 'assets/images/portfolio/imsaar/imsaar.jpeg'},\n {title:'', body:'', tag:[], image: 'assets/images/portfolio/imsaar/imsaar.jpeg'},\n {title:'', body:'', tag:['PHP', \"Laravel\", \"mysql\", \"Angular\" ], image: 'assets/images/portfolio/agSolution/agsSolution.jpeg'},\n {\n title : 'Imsa ar',\n body : `A web application in which user have multiple dashboard for multiple business integrated at one place like corporate dashboard, customer service portal, reports, sales dashboard, Task Reports etc. each above given dashboard is a sub project of imsaar.`,\n tags : ['React', 'NodeJS', 'MongoDB', 'Javascript', 'RESTAPI'],\n image: 'assets/images/portfolio/imsaar/imsaar.jpeg'\n }\n ]\npublic months: any = null;\n\n constructor(private ngbModal: NgbModal, private viewPort: ViewportScroller) { }\n\n ngOnInit(): void {\n let dateFrom = new Date('2016-10-01');\n let dateTo = new Date('2021-10-15');\n\n let data = dateTo.getMonth() - dateFrom.getMonth() + (12 * (dateTo.getFullYear() - dateFrom.getFullYear()));\n \n if (data >= 12) {\n \n this.months = (data - data %12)/12 ;\n } else {\n this.months = data;\n }\n }\n\n scrollToSection(sectionID: string){\n this.viewPort.scrollToAnchor(sectionID);\n }\n\n projectDetail(index) {\n const modalOptions = { size: 'xl' };\n const ref = this.ngbModal.open(ProjectModelComponent, modalOptions);\n ref.componentInstance.project = this.projectsArray[index];\n }\n\n // downloadPdf() {\n // const pdfUrl = './Resume-Muhammad-Bilal.pdf';\n // const pdfName = 'Resume-Muhammad-Bilal.pdf';\n // FileSaver.saveAs(pdfUrl, pdfName);\n // }\n}\n","export default \".mh-portfolio-modal {\\n display: block;\\n}\\n\\n.portfolio-modal-body {\\n /* position: relative;\\n padding: 24px;\\n margin: 44px 0;\\n border-width: 0;\\n text-align: left;\\n background-color: #fff;\\n overflow: auto;\\n box-sizing: border-box; */\\n}\\n\\n.mh-portfolio-modal-inner {\\n max-height: auto;\\n overflow-y: auto;\\n padding: 15px;\\n}\\n\\n.mh-portfolio-modal-img {\\n padding-top: 20px;\\n}\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50L3Byb2plY3QtbW9kZWwvcHJvamVjdC1tb2RlbC5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksY0FBYztBQUNsQjs7QUFFQTtJQUNJOzs7Ozs7OzZCQU95QjtBQUM3Qjs7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQixnQkFBZ0I7SUFDaEIsYUFBYTtBQUNqQjs7QUFFQTtJQUNJLGlCQUFpQjtBQUNyQiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudC9wcm9qZWN0LW1vZGVsL3Byb2plY3QtbW9kZWwuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5taC1wb3J0Zm9saW8tbW9kYWwge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4ucG9ydGZvbGlvLW1vZGFsLWJvZHkge1xuICAgIC8qIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAyNHB4O1xuICAgIG1hcmdpbjogNDRweCAwO1xuICAgIGJvcmRlci13aWR0aDogMDtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDsgKi9cbn1cblxuLm1oLXBvcnRmb2xpby1tb2RhbC1pbm5lciB7XG4gICAgbWF4LWhlaWdodDogYXV0bztcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgIHBhZGRpbmc6IDE1cHg7XG59XG5cbi5taC1wb3J0Zm9saW8tbW9kYWwtaW1nIHtcbiAgICBwYWRkaW5nLXRvcDogMjBweDtcbn1cbiJdfQ== */\"","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-project-model',\n templateUrl: './project-model.component.html',\n styleUrls: ['./project-model.component.css']\n})\nexport class ProjectModelComponent implements OnInit {\n @Input() project : any;\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n production: false\n};\n\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\n","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule)\n .catch(err => console.error(err));\n"]}
![\\\"\\\"](\\\"assets/images/ab-img.png\\\")
\\n ![\\\"img04\\\"](\\\"assets/images/portfolio/pepellio/1.png\\\")
\\n ![\\\"img04\\\"](\\\"assets/images/portfolio/selio/3.jpg\\\")
\\n ![\\\"img04\\\"](\\\"assets/images/portfolio/g8.png\\\")
\\n ![\\\"img04\\\"](\\\"assets/images/portfolio/g9.png\\\")
\\n ![\\\"img04\\\"](\\\"assets/images/portfolio/g7.jpg\\\")
\\n ![\\\"Testimonial](\\\"assets/images/ahsan.jpg\\\")
\\n ![\\\"\\\"](\\\"{{project.image}}\\\")
\\n