{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?8142","webpack:///./src/App.vue","webpack:///./src/views/Home.vue?f670","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?73d4","webpack:///./src/views/Home.vue","webpack:///./src/router/index.js","webpack:///./src/main.js","webpack:///./src/App.vue?db16","webpack:///./src/views/Home.vue?080f"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","jsonpScriptSrc","p","exports","module","l","e","promises","installedChunkData","promise","Promise","resolve","reject","onScriptComplete","script","document","createElement","charset","timeout","nc","setAttribute","src","error","Error","event","onerror","onload","clearTimeout","chunk","errorType","type","realSrc","target","message","name","request","undefined","setTimeout","head","appendChild","all","m","c","d","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","oe","err","console","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","component","_m","staticClass","_v","components","Vue","use","VueRouter","routes","path","Home","router","config","productionTip","render","h","App","$mount"],"mappings":"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","file":"js/app.3672ba90.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// script path function\n \tfunction jsonpScriptSrc(chunkId) {\n \t\treturn __webpack_require__.p + \"js/\" + ({\"about\":\"about\"}[chunkId]||chunkId) + \".\" + {\"about\":\"fec57d63\"}[chunkId] + \".js\"\n \t}\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar promises = [];\n\n\n \t\t// JSONP chunk loading for javascript\n\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n \t\t\t// a Promise means \"currently loading\".\n \t\t\tif(installedChunkData) {\n \t\t\t\tpromises.push(installedChunkData[2]);\n \t\t\t} else {\n \t\t\t\t// setup Promise in chunk cache\n \t\t\t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t\t\t});\n \t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n \t\t\t\t// start chunk loading\n \t\t\t\tvar script = document.createElement('script');\n \t\t\t\tvar onScriptComplete;\n\n \t\t\t\tscript.charset = 'utf-8';\n \t\t\t\tscript.timeout = 120;\n \t\t\t\tif (__webpack_require__.nc) {\n \t\t\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t\t\t}\n \t\t\t\tscript.src = jsonpScriptSrc(chunkId);\n\n \t\t\t\t// create error before stack unwound to get useful stacktrace later\n \t\t\t\tvar error = new Error();\n \t\t\t\tonScriptComplete = function (event) {\n \t\t\t\t\t// avoid mem leaks in IE.\n \t\t\t\t\tscript.onerror = script.onload = null;\n \t\t\t\t\tclearTimeout(timeout);\n \t\t\t\t\tvar chunk = installedChunks[chunkId];\n \t\t\t\t\tif(chunk !== 0) {\n \t\t\t\t\t\tif(chunk) {\n \t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n \t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n \t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n \t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n \t\t\t\t\t\t\terror.type = errorType;\n \t\t\t\t\t\t\terror.request = realSrc;\n \t\t\t\t\t\t\tchunk[1](error);\n \t\t\t\t\t\t}\n \t\t\t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t\t\t}\n \t\t\t\t};\n \t\t\t\tvar timeout = setTimeout(function(){\n \t\t\t\t\tonScriptComplete({ type: 'timeout', target: script });\n \t\t\t\t}, 120000);\n \t\t\t\tscript.onerror = script.onload = onScriptComplete;\n \t\t\t\tdocument.head.appendChild(script);\n \t\t\t}\n \t\t}\n \t\treturn Promise.all(promises);\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('router-view')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=090ecda2&\"\nvar script = {}\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"sidebar\"},[_c('div',{staticClass:\"sidebar-header\"}),_c('div',{staticClass:\"sidebar-content\"},[_c('nav',{staticClass:\"navbar navbar-expand-md bg-dark navbar-dark\"},[_c('a',{staticClass:\"navbar-brand\",attrs:{\"href\":\"#\"}},[_vm._v(\"Navigation\")]),_c('button',{staticClass:\"navbar-toggler\",attrs:{\"type\":\"button\",\"data-toggle\":\"collapse\",\"data-target\":\"#navbarCollapse\"}},[_c('span',{staticClass:\"navbar-toggler-icon\"})]),_c('div',{staticClass:\"collapse navbar-collapse\",attrs:{\"id\":\"navbarCollapse\"}},[_c('ul',{staticClass:\"nav navbar-nav\"},[_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"href\":\"#header\"}},[_vm._v(\"Home\"),_c('i',{staticClass:\"fa fa-home\"})])]),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"href\":\"#about\"}},[_vm._v(\"Über mich\"),_c('i',{staticClass:\"fa fa-address-card\"})])]),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"href\":\"#experience\"}},[_vm._v(\"Erfahrung\"),_c('i',{staticClass:\"fa fa-star\"})])]),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"href\":\"#contact\"}},[_vm._v(\"Kontakt\"),_c('i',{staticClass:\"fa fa-envelope\"})])])])])])]),_c('div',{staticClass:\"sidebar-footer\"},[_c('a',{attrs:{\"href\":\"https://twitter.com/philiplawall\",\"target\":\"_blank\"}},[_c('i',{staticClass:\"fab fa-twitter\"})]),_c('a',{attrs:{\"href\":\"https://www.linkedin.com/in/philip-lawall/\",\"target\":\"_blank\"}},[_c('i',{staticClass:\"fab fa-linkedin-in\"})])])]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"header\",attrs:{\"id\":\"header\"}},[_c('div',{staticClass:\"content-inner\"},[_c('p',[_vm._v(\"Ich bin\")]),_c('h1',[_vm._v(\"Philip Lawall\")]),_c('h2'),_c('div',{staticClass:\"typed-text\"},[_vm._v(\" Crestron Programmierung, Extron Programmierung \")])])]),_c('div',{staticClass:\"large-btn\"},[_c('div',{staticClass:\"content-inner\"})]),_c('div',{staticClass:\"about\",attrs:{\"id\":\"about\"}},[_c('div',{staticClass:\"content-inner\"},[_c('div',{staticClass:\"content-header\"},[_c('h2',[_vm._v(\"Über mich\")])]),_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-6 col-lg-7\"},[_c('p',[_vm._v(\" Medientechnik Programmierer mit über 6 Jahren Berufserfahrung in den Bereichen Crestron Programmierung, Extron Programmierung, UI Design, System Konfiguration und Inbetriebnahme, Netzwerkkonfiguration Cisco und HP. \")])])])])]),_c('div',{staticClass:\"education\",attrs:{\"id\":\"education\"}},[_c('div',{staticClass:\"content-inner\"},[_c('div',{staticClass:\"content-header\"},[_c('h2',[_vm._v(\"Bildung\")])]),_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"edu-col\"},[_c('span',[_vm._v(\"2001 \"),_c('i',[_vm._v(\"bis\")]),_vm._v(\" 2005\")]),_c('h3',[_vm._v(\"Grundschule\")]),_c('p',[_vm._v(\"Grundschule Gensingen\")])])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"edu-col\"},[_c('span',[_vm._v(\"2005 \"),_c('i',[_vm._v(\"bis\")]),_vm._v(\" 2011\")]),_c('h3',[_vm._v(\"Weiterführende Schule\")]),_c('p',[_vm._v(\"IGS Ingelheim\")])])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"edu-col\"},[_c('span',[_vm._v(\"2011 \"),_c('i',[_vm._v(\"bis\")]),_vm._v(\" 2013\")]),_c('h3',[_vm._v(\"Höhere Berufsfachschule\")]),_c('p',[_vm._v(\" Ausbildung zum Assistent für Informations- und Kommunikationstechnik. \")])])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"edu-col\"},[_c('span',[_vm._v(\"2013 \"),_c('i',[_vm._v(\"bis\")]),_vm._v(\" 2016\")]),_c('h3',[_vm._v(\"Ausbildung\")]),_c('p',[_vm._v(\"Ausbildung zum Fachinformatiker für Systemintegration.\")])])])])])]),_c('div',{staticClass:\"experience\",attrs:{\"id\":\"experience\"}},[_c('div',{staticClass:\"content-inner\"},[_c('div',{staticClass:\"content-header\"},[_c('h2',[_vm._v(\"Erfahrung\")])]),_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"exp-col\"},[_c('span',[_vm._v(\"2016 \"),_c('i',[_vm._v(\"bis\")]),_vm._v(\" heute\")]),_c('h3',[_vm._v(\"BFE Studio und Medien Systeme GmbH\")]),_c('h4',[_vm._v(\"Mainz\")]),_c('h5',[_vm._v(\"Programmierer Medientechnik\")]),_c('p',[_vm._v(\" Lorem ipsum dolor sit amet elit suscipit orci. Donec molestie velit id libero. \")])])])])])]),_c('div',{staticClass:\"service\",attrs:{\"id\":\"service\"}},[_c('div',{staticClass:\"content-inner\"},[_c('div',{staticClass:\"content-header\"},[_c('h2',[_vm._v(\"Fähigkeiten\")])]),_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"srv-col\"},[_c('i',{staticClass:\"fa fa-desktop\"}),_c('h3',[_vm._v(\"Crestron Programmierung\")]),_c('p',[_vm._v(\" Lorem ipsum dolor sit amet elit suscipit orci. Donec molestie velit id libero. \")])])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"srv-col\"},[_c('i',{staticClass:\"fa fa-laptop\"}),_c('h3',[_vm._v(\"Extron Programmierung\")]),_c('p',[_vm._v(\" Lorem ipsum dolor sit amet elit suscipit orci. Donec molestie velit id libero. \")])])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"srv-col\"},[_c('i',{staticClass:\"fa fa-search\"}),_c('h3',[_vm._v(\"Technische Planung\")]),_c('p',[_vm._v(\" Lorem ipsum dolor sit amet elit suscipit orci. Donec molestie velit id libero. \")])])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"srv-col\"},[_c('i',{staticClass:\"fa fa-envelope-open-text\"}),_c('h3',[_vm._v(\"Inbetriebnahme / Service\")]),_c('p',[_vm._v(\" Lorem ipsum dolor sit amet elit suscipit orci. Donec molestie velit id libero. \")])])])])])]),_c('div',{staticClass:\"contact\",attrs:{\"id\":\"contact\"}},[_c('div',{staticClass:\"content-inner\"},[_c('div',{staticClass:\"content-header\"},[_c('h2',[_vm._v(\"Kontakt\")])]),_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"contact-info\"},[_c('p',[_c('i',{staticClass:\"fa fa-user\"}),_vm._v(\"Philip Lawall\")]),_c('p',[_c('i',{staticClass:\"fa fa-tag\"}),_vm._v(\"Programmierung Medientechnik\")]),_c('p',[_c('i',{staticClass:\"fa fa-envelope\"}),_c('a',{attrs:{\"href\":\"mailto:info@lawall.me\"}},[_vm._v(\"info@lawall.me\")])]),_c('div',{staticClass:\"social\"},[_c('a',{staticClass:\"btn\",attrs:{\"href\":\"https://twitter.com/philiplawall\",\"target\":\"_blank\"}},[_c('i',{staticClass:\"fab fa-twitter\"})]),_c('a',{staticClass:\"btn\",attrs:{\"href\":\"https://www.linkedin.com/in/philip-lawall/\",\"target\":\"_blank\"}},[_c('i',{staticClass:\"fab fa-linkedin-in\"})])])])])])])]),_c('div',{staticClass:\"footer\"},[_c('div',{staticClass:\"content-inner\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-6\"},[_c('p',[_vm._v(\" © Copyright \"),_c('a',{attrs:{\"href\":\"https://htmlcodex.com\"}},[_vm._v(\"HTML Codex\")]),_vm._v(\". All Rights Reserved \")])]),_c('div',{staticClass:\"col-md-6\"},[_c('p',[_vm._v(\"Powered by \"),_c('a',{attrs:{\"href\":\"https://htmlcodex.com\"}},[_vm._v(\"HTML Codex\")])])])])])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrapper\">\n    <div class=\"sidebar\">\n      <div class=\"sidebar-header\">\n        <!--<img src=\"../assets/profile.jpg\" alt=\"Image\" />-->\n      </div>\n      <div class=\"sidebar-content\">\n        <nav class=\"navbar navbar-expand-md bg-dark navbar-dark\">\n          <a href=\"#\" class=\"navbar-brand\">Navigation</a>\n          <button\n            type=\"button\"\n            class=\"navbar-toggler\"\n            data-toggle=\"collapse\"\n            data-target=\"#navbarCollapse\"\n          >\n            <span class=\"navbar-toggler-icon\"></span>\n          </button>\n          <div class=\"collapse navbar-collapse\" id=\"navbarCollapse\">\n            <ul class=\"nav navbar-nav\">\n              <li class=\"nav-item\">\n                <a class=\"nav-link\" href=\"#header\"\n                  >Home<i class=\"fa fa-home\"></i\n                ></a>\n              </li>\n              <li class=\"nav-item\">\n                <a class=\"nav-link\" href=\"#about\"\n                  >Über mich<i class=\"fa fa-address-card\"></i\n                ></a>\n              </li>\n              <li class=\"nav-item\">\n                <a class=\"nav-link\" href=\"#experience\"\n                  >Erfahrung<i class=\"fa fa-star\"></i\n                ></a>\n              </li>\n              <li class=\"nav-item\">\n                <a class=\"nav-link\" href=\"#contact\"\n                  >Kontakt<i class=\"fa fa-envelope\"></i\n                ></a>\n              </li>\n            </ul>\n          </div>\n        </nav>\n      </div>\n      <div class=\"sidebar-footer\">\n        <a href=\"https://twitter.com/philiplawall\" target=\"_blank\"\n          ><i class=\"fab fa-twitter\"></i\n        ></a>\n        <a href=\"https://www.linkedin.com/in/philip-lawall/\" target=\"_blank\"\n          ><i class=\"fab fa-linkedin-in\"></i\n        ></a>\n      </div>\n    </div>\n    <div class=\"content\">\n      <!-- Header Start -->\n      <div class=\"header\" id=\"header\">\n        <div class=\"content-inner\">\n          <p>Ich bin</p>\n          <h1>Philip Lawall</h1>\n          <h2></h2>\n          <div class=\"typed-text\">\n            Crestron Programmierung, Extron Programmierung\n          </div>\n        </div>\n      </div>\n      <!-- Header End -->\n\n      <!-- Large Button Start -->\n      <div class=\"large-btn\">\n        <div class=\"content-inner\">\n          <!-- <a class=\"btn\" href=\"#\"><i class=\"fa fa-download\"></i>Resume</a>\n                        <a class=\"btn\" href=\"#\"><i class=\"fa fa-hands-helping\"></i>Hire Me</a>-->\n        </div>\n      </div>\n      <!-- Large Button End -->\n\n      <!-- About Start -->\n      <div class=\"about\" id=\"about\">\n        <div class=\"content-inner\">\n          <div class=\"content-header\">\n            <h2>Über mich</h2>\n          </div>\n          <div class=\"row align-items-center\">\n            <!--<div class=\"col-md-6 col-lg-5\">\n                                <img src=\"../assets/about.jpg\" alt=\"Image\">\n                            </div>-->\n            <div class=\"col-md-6 col-lg-7\">\n              <p>\n                Medientechnik Programmierer mit über 6 Jahren Berufserfahrung in\n                den Bereichen Crestron Programmierung, Extron Programmierung, UI\n                Design, System Konfiguration und Inbetriebnahme,\n                Netzwerkkonfiguration Cisco und HP.\n              </p>\n              <!--<a class=\"btn\" href=\"#\">Hire Me</a>-->\n            </div>\n          </div>\n          <!--<div class=\"row\">\n                            <div class=\"col-md-6\">\n                                <div class=\"skills\">\n                                    <div class=\"skill-name\">\n                                        <p>Design</p><p>85%</p>\n                                    </div>\n                                    <div class=\"progress\">\n                                        <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"85\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\n                                    </div>\n                                    <div class=\"skill-name\">\n                                        <p>SEO</p><p>95%</p>\n                                    </div>\n                                    <div class=\"progress\">\n                                        <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-md-6\">\n                                <div class=\"skills\">\n                                    <div class=\"skill-name\">\n                                        <p>Development</p><p>90%</p>\n                                    </div>\n                                    <div class=\"progress\">\n                                        <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"90\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\n                                    </div>\n                                    <div class=\"skill-name\">\n                                        <p>Marketing</p><p>85%</p>\n                                    </div>\n                                    <div class=\"progress\">\n                                        <div class=\"progress-bar\" role=\"progressbar\" aria-valuenow=\"85\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>-->\n        </div>\n      </div>\n      <!-- About End -->\n\n      <!-- Education Start -->\n      <div class=\"education\" id=\"education\">\n        <div class=\"content-inner\">\n          <div class=\"content-header\">\n            <h2>Bildung</h2>\n          </div>\n          <div class=\"row align-items-center\">\n            <div class=\"col-md-6\">\n              <div class=\"edu-col\">\n                <span>2001 <i>bis</i> 2005</span>\n                <h3>Grundschule</h3>\n                <p>Grundschule Gensingen</p>\n              </div>\n            </div>\n            <div class=\"col-md-6\">\n              <div class=\"edu-col\">\n                <span>2005 <i>bis</i> 2011</span>\n                <h3>Weiterführende Schule</h3>\n                <p>IGS Ingelheim</p>\n              </div>\n            </div>\n            <div class=\"col-md-6\">\n              <div class=\"edu-col\">\n                <span>2011 <i>bis</i> 2013</span>\n                <h3>Höhere Berufsfachschule</h3>\n                <p>\n                  Ausbildung zum Assistent für Informations- und\n                  Kommunikationstechnik.\n                </p>\n              </div>\n            </div>\n            <div class=\"col-md-6\">\n              <div class=\"edu-col\">\n                <span>2013 <i>bis</i> 2016</span>\n                <h3>Ausbildung</h3>\n                <p>Ausbildung zum Fachinformatiker für Systemintegration.</p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- Education Start -->\n\n      <!-- Experience Start -->\n      <div class=\"experience\" id=\"experience\">\n        <div class=\"content-inner\">\n          <div class=\"content-header\">\n            <h2>Erfahrung</h2>\n          </div>\n          <div class=\"row align-items-center\">\n            <div class=\"col-md-6\">\n              <div class=\"exp-col\">\n                <span>2016 <i>bis</i> heute</span>\n                <h3>BFE Studio und Medien Systeme GmbH</h3>\n                <h4>Mainz</h4>\n                <h5>Programmierer Medientechnik</h5>\n                <p>\n                  Lorem ipsum dolor sit amet elit suscipit orci. Donec molestie\n                  velit id libero.\n                </p>\n              </div>\n            </div>\n            <!--<div class=\"col-md-6\">\n                                <div class=\"exp-col\">\n                                    <span>01-Jan-2020 <i>to</i> 31-Dec-2050</span>\n                                    <h3>Soft Solution Ltd</h3>\n                                    <h4>San Francisco, CA</h4>\n                                    <h5>Web Developer</h5>\n                                    <p>Lorem ipsum dolor sit amet elit suscipit orci. Donec molestie velit id libero.</p>\n                                </div>\n                            </div>\n                            <div class=\"col-md-6\">\n                                <div class=\"exp-col\">\n                                    <span>01-Jan-2020 <i>to</i> 31-Dec-2050</span>\n                                    <h3>ABC Soft Ltd</h3>\n                                    <h4>San Francisco, CA</h4>\n                                    <h5>Web Designer</h5>\n                                    <p>Lorem ipsum dolor sit amet elit suscipit orci. Donec molestie velit id libero.</p>\n                                </div>\n                            </div>\n                            <div class=\"col-md-6\">\n                                <div class=\"exp-col\">\n                                    <span>01-Jan-2020 <i>to</i> 31-Dec-2050</span>\n                                    <h3>Soft Agency</h3>\n                                    <h4>San Francisco, CA</h4>\n                                    <h5>Graphic Designer</h5>\n                                    <p>Lorem ipsum dolor sit amet elit suscipit orci. Donec molestie velit id libero.</p>\n                                </div>\n                            </div>-->\n          </div>\n        </div>\n      </div>\n      <!-- Experience Start -->\n\n      <!-- Service Start -->\n      <div class=\"service\" id=\"service\">\n        <div class=\"content-inner\">\n          <div class=\"content-header\">\n            <h2>Fähigkeiten</h2>\n          </div>\n          <div class=\"row align-items-center\">\n            <div class=\"col-md-6\">\n              <div class=\"srv-col\">\n                <i class=\"fa fa-desktop\"></i>\n                <h3>Crestron Programmierung</h3>\n                <p>\n                  Lorem ipsum dolor sit amet elit suscipit orci. Donec molestie\n                  velit id libero.\n                </p>\n              </div>\n            </div>\n            <div class=\"col-md-6\">\n              <div class=\"srv-col\">\n                <i class=\"fa fa-laptop\"></i>\n                <h3>Extron Programmierung</h3>\n                <p>\n                  Lorem ipsum dolor sit amet elit suscipit orci. Donec molestie\n                  velit id libero.\n                </p>\n              </div>\n            </div>\n            <div class=\"col-md-6\">\n              <div class=\"srv-col\">\n                <i class=\"fa fa-search\"></i>\n                <h3>Technische Planung</h3>\n                <p>\n                  Lorem ipsum dolor sit amet elit suscipit orci. Donec molestie\n                  velit id libero.\n                </p>\n              </div>\n            </div>\n            <div class=\"col-md-6\">\n              <div class=\"srv-col\">\n                <i class=\"fa fa-envelope-open-text\"></i>\n                <h3>Inbetriebnahme / Service</h3>\n                <p>\n                  Lorem ipsum dolor sit amet elit suscipit orci. Donec molestie\n                  velit id libero.\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- Service Start -->\n\n      <!-- Portfolio Start -->\n      <!--<div class=\"portfolio\" id=\"portfolio\">\n                    <div class=\"content-inner\">\n                        <div class=\"content-header\">\n                            <h2>Portfolio</h2>\n                        </div>\n                        <div class=\"row\">\n                            <div class=\"col-lg-12\">\n                                <ul id=\"portfolio-flters\">\n                                    <li data-filter=\"*\" class=\"filter-active\">All</li>\n                                    <li data-filter=\".web-des\">Design</li>\n                                    <li data-filter=\".web-dev\">Development</li>\n                                    <li data-filter=\".dig-mar\">Marketing</li>\n                                </ul>\n                            </div>\n                        </div>\n                        <div class=\"row portfolio-container\">\n                            <div class=\"col-lg-4 col-md-6 portfolio-item web-des\">\n                                <div class=\"portfolio-wrap\">\n                                    <figure>\n                                        <img src=\"../assets/portfolio-1.jpg\" class=\"img-fluid\" alt=\"\">\n                                        <a href=\"../assets/portfolio-1.jpg\" data-lightbox=\"portfolio\" data-title=\"Project Name\" class=\"link-preview\" title=\"Preview\"><i class=\"fa fa-eye\"></i></a>\n                                        <a href=\"#\" class=\"link-details\" title=\"More Details\"><i class=\"fa fa-link\"></i></a>\n                                        <a class=\"portfolio-title\" href=\"#\">Project Name <span>Web Design</span></a>\n                                    </figure>\n                                </div>\n                            </div>\n\n                            <div class=\"col-lg-4 col-md-6 portfolio-item web-des\">\n                                <div class=\"portfolio-wrap\">\n                                    <figure>\n                                        <img src=\"../assets/portfolio-2.jpg\" class=\"img-fluid\" alt=\"\">\n                                        <a href=\"../assets/portfolio-2.jpg\" class=\"link-preview\" data-lightbox=\"portfolio\" data-title=\"Project Name\" title=\"Preview\"><i class=\"fa fa-eye\"></i></a>\n                                        <a href=\"#\" class=\"link-details\" title=\"More Details\"><i class=\"fa fa-link\"></i></a>\n                                        <a class=\"portfolio-title\" href=\"#\">Project Name <span>Web Design</span></a>\n                                    </figure>\n                                </div>\n                            </div>\n\n                            <div class=\"col-lg-4 col-md-6 portfolio-item web-dev\">\n                                <div class=\"portfolio-wrap\">\n                                    <figure>\n                                        <img src=\"../assets/portfolio-3.jpg\" class=\"img-fluid\" alt=\"\">\n                                        <a href=\"../assets/portfolio-3.jpg\" class=\"link-preview\" data-lightbox=\"portfolio\" data-title=\"Project Name\" title=\"Preview\"><i class=\"fa fa-eye\"></i></a>\n                                        <a href=\"#\" class=\"link-details\" title=\"More Details\"><i class=\"fa fa-link\"></i></a>\n                                        <a class=\"portfolio-title\" href=\"#\">Project Name <span>Web Development</span></a>\n                                    </figure>\n                                </div>\n                            </div>\n\n                            <div class=\"col-lg-4 col-md-6 portfolio-item web-dev\">\n                                <div class=\"portfolio-wrap\">\n                                    <figure>\n                                        <img src=\"../assets/portfolio-4.jpg\" class=\"img-fluid\" alt=\"\">\n                                        <a href=\"../assets/portfolio-4.jpg\" class=\"link-preview\" data-lightbox=\"portfolio\" data-title=\"Project Name\" title=\"Preview\"><i class=\"fa fa-eye\"></i></a>\n                                        <a href=\"#\" class=\"link-details\" title=\"More Details\"><i class=\"fa fa-link\"></i></a>\n                                        <a class=\"portfolio-title\" href=\"#\">Project Name <span>Web Development</span></a>\n                                    </figure>\n                                </div>\n                            </div>\n\n                            <div class=\"col-lg-4 col-md-6 portfolio-item dig-mar\">\n                                <div class=\"portfolio-wrap\">\n                                    <figure>\n                                        <img src=\"../assets/portfolio-5.jpg\" class=\"img-fluid\" alt=\"\">\n                                        <a href=\"../assets/portfolio-5.jpg\" class=\"link-preview\" data-lightbox=\"portfolio\" data-title=\"Project Name\" title=\"Preview\"><i class=\"fa fa-eye\"></i></a>\n                                        <a href=\"#\" class=\"link-details\" title=\"More Details\"><i class=\"fa fa-link\"></i></a>\n                                        <a class=\"portfolio-title\" href=\"#\">Project Name <span>Digital Marketing</span></a>\n                                    </figure>\n                                </div>\n                            </div>\n\n                            <div class=\"col-lg-4 col-md-6 portfolio-item dig-mar\">\n                                <div class=\"portfolio-wrap\">\n                                    <figure>\n                                        <img src=\"../assets/portfolio-6.jpg\" class=\"img-fluid\" alt=\"\">\n                                        <a href=\"../assets/portfolio-6.jpg\" class=\"link-preview\" data-lightbox=\"portfolio\" data-title=\"Project Name\" title=\"Preview\"><i class=\"fa fa-eye\"></i></a>\n                                        <a href=\"#\" class=\"link-details\" title=\"More Details\"><i class=\"fa fa-link\"></i></a>\n                                        <a class=\"portfolio-title\" href=\"#\">Project Name <span>Digital Marketing</span></a>\n                                    </figure>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>-->\n      <!-- Portfolio Start -->\n\n      <!-- Review Start -->\n      <!--<div class=\"review\" id=\"review\">\n                    <div class=\"content-inner\">\n                        <div class=\"content-header\">\n                            <h2>Review</h2>\n                        </div>\n                        <div class=\"row align-items-center review-slider\">\n                            <div class=\"col-md-12\">\n                                <div class=\"review-slider-item\">\n                                    <div class=\"review-text\">\n                                        <p>\n                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu suscipit orci. Donec molestie velit id libero blandit, quis suscipit urna suscipit. Donec aliquet erat eu lacinia iaculis. Ut tempor tellus eu sem pharetra feugiat.\n                                        </p>\n                                    </div>\n                                    <div class=\"review-img\">\n                                        <img src=\"../assets/review-1.jpg\" alt=\"Image\">\n                                        <div class=\"review-name\">\n                                            <h3>Client Name</h3>\n                                            <p>Profession</p>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-md-12\">\n                                <div class=\"review-slider-item\">\n                                    <div class=\"review-text\">\n                                        <p>\n                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu suscipit orci. Donec molestie velit id libero blandit, quis suscipit urna suscipit. Donec aliquet erat eu lacinia iaculis. Ut tempor tellus eu sem pharetra feugiat.\n                                        </p>\n                                    </div>\n                                    <div class=\"review-img\">\n                                        <img src=\"../assets/review-2.jpg\" alt=\"Image\">\n                                        <div class=\"review-name\">\n                                            <h3>Client Name</h3>\n                                            <p>Profession</p>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-md-12\">\n                                <div class=\"review-slider-item\">\n                                    <div class=\"review-text\">\n                                        <p>\n                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu suscipit orci. Donec molestie velit id libero blandit, quis suscipit urna suscipit. Donec aliquet erat eu lacinia iaculis. Ut tempor tellus eu sem pharetra feugiat.\n                                        </p>\n                                    </div>\n                                    <div class=\"review-img\">\n                                        <img src=\"../assets/review-3.jpg\" alt=\"Image\">\n                                        <div class=\"review-name\">\n                                            <h3>Client Name</h3>\n                                            <p>Profession</p>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>-->\n      <!-- Review End -->\n\n      <!-- Contact Start -->\n      <div class=\"contact\" id=\"contact\">\n        <div class=\"content-inner\">\n          <div class=\"content-header\">\n            <h2>Kontakt</h2>\n          </div>\n          <div class=\"row align-items-center\">\n            <div class=\"col-md-6\">\n              <div class=\"contact-info\">\n                <p><i class=\"fa fa-user\"></i>Philip Lawall</p>\n                <p><i class=\"fa fa-tag\"></i>Programmierung Medientechnik</p>\n                <p>\n                  <i class=\"fa fa-envelope\"></i\n                  ><a href=\"mailto:info@lawall.me\">info@lawall.me</a>\n                </p>\n                <!--<p><i class=\"fa fa-phone\"></i><a href=\"tel:+4917693286294\">0176 / 93286294</a></p>-->\n                <!--<p><i class=\"fa fa-map-marker\"></i>Heddesheimer Weg 18, 55270 Essenheim</p>-->\n                <div class=\"social\">\n                  <a\n                    class=\"btn\"\n                    href=\"https://twitter.com/philiplawall\"\n                    target=\"_blank\"\n                    ><i class=\"fab fa-twitter\"></i\n                  ></a>\n                  <a\n                    class=\"btn\"\n                    href=\"https://www.linkedin.com/in/philip-lawall/\"\n                    target=\"_blank\"\n                    ><i class=\"fab fa-linkedin-in\"></i\n                  ></a>\n                </div>\n              </div>\n            </div>\n            <!--<div class=\"col-md-6\">\n                                <div class=\"form\">\n                                    <form>\n                                        <div class=\"form-row\">\n                                            <div class=\"form-group col-md-6\">\n                                                <input type=\"text\" class=\"form-control\" placeholder=\"Your Name\" />\n                                            </div>\n                                            <div class=\"form-group col-md-6\">\n                                                <input type=\"email\" class=\"form-control\" placeholder=\"Your Email\" />\n                                            </div>\n                                        </div>\n                                        <div class=\"form-group\">\n                                            <input type=\"text\" class=\"form-control\" placeholder=\"Subject\" />\n                                        </div>\n                                        <div class=\"form-group\">\n                                            <textarea class=\"form-control\" rows=\"5\" placeholder=\"Message\"></textarea>\n                                        </div>\n                                        <div><button class=\"btn\" type=\"submit\">Send Message</button></div>\n                                    </form>\n                                </div>\n                            </div>-->\n          </div>\n        </div>\n      </div>\n      <!-- Contact End -->\n\n      <!-- Footer Start -->\n      <div class=\"footer\">\n        <div class=\"content-inner\">\n          <div class=\"row align-items-center\">\n            <div class=\"col-md-6\">\n              <p>\n                &copy; Copyright <a href=\"https://htmlcodex.com\">HTML Codex</a>.\n                All Rights Reserved\n              </p>\n            </div>\n            <div class=\"col-md-6\">\n              <p>Powered by <a href=\"https://htmlcodex.com\">HTML Codex</a></p>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- Footer Start -->\n    </div>\n  </div>\n</template>\n\n<script>\n// @ is an alias to /src\n\nexport default {\n  name: \"Home\",\n  components: {},\n};\n</script>\n\n<style>\n/**********************************/\n/********** General CSS ***********/\n/**********************************/\nbody {\n  color: #666666;\n  background: #f6d155;\n  font-family: \"Open Sans\", sans-serif;\n}\n\na {\n  color: #222222;\n  transition: all 0.3s;\n}\n\na:hover,\na:active,\na:focus {\n  color: #ff6f61;\n  outline: none;\n  text-decoration: none;\n}\n\n.btn:focus {\n  box-shadow: none;\n}\n\n/**********************************/\n/****** Layout with Sidebar *******/\n/**********************************/\n.wrapper {\n  position: relative;\n  margin: 0 auto;\n  width: 100%;\n  max-width: 1140px;\n}\n\n.wrapper .sidebar {\n  position: relative;\n  width: 100%;\n  float: left;\n  background: #222222;\n}\n\n.wrapper .content {\n  position: relative;\n  width: 100%;\n  padding: 15px;\n  float: left;\n  background: #f6d155;\n}\n\n.wrapper .sidebar-header,\n.wrapper .sidebar-footer {\n  display: none;\n}\n\n.navbar {\n  padding: 15px;\n  background: #222222 !important;\n}\n\n.navbar-expand-md .navbar-nav .nav-item {\n  width: 100%;\n  border-top: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.navbar-expand-md .navbar-nav .nav-item:first-child {\n  border-top: none;\n}\n\n.navbar-expand-md .navbar-nav .nav-link {\n  color: #ffffff;\n  padding: 5px 15px 7px 15px;\n  transition: all 0.3s;\n}\n\n.navbar-expand-md .navbar-nav .nav-link i {\n  color: #ff6f61;\n  float: right;\n  padding-top: 5px;\n  transition: all 0.3s;\n}\n\n.navbar-expand-md .navbar-nav .nav-link:hover,\n.navbar-expand-md .navbar-nav .nav-link.active {\n  color: #ff6f61;\n}\n\n.navbar-expand-md .navbar-nav .nav-link:hover i,\n.navbar-expand-md .navbar-nav .nav-link.active i {\n  color: #ffffff;\n}\n\n.wrapper .sidebar,\n.wrapper .content {\n  -webkit-transition: margin 200ms ease-out;\n  -moz-transition: margin 200ms ease-out;\n  -o-transition: margin 200ms ease-out;\n  transition: margin 200ms ease-out;\n}\n\n@media (min-width: 768px) {\n  .wrapper .content {\n    padding: 30px 0px 30px 30px;\n  }\n\n  /*.wrapper .content::before,\n  .wrapper .content::after {\n    position: fixed;\n    content: \"\";\n    width: 100%;\n    height: 30px;\n    background: #f6d155;\n    z-index: 1;\n  }*/\n\n  .wrapper .content::before {\n    top: 0;\n  }\n\n  .wrapper .content::after {\n    bottom: 0;\n  }\n\n  .wrapper .sidebar {\n    position: fixed;\n    width: 300px;\n    height: 100%;\n    margin-left: -250px;\n    float: left;\n    overflow: auto;\n    scrollbar-width: thin;\n    scrollbar-color: gray;\n    z-index: 2;\n  }\n\n  .wrapper .sidebar:hover {\n    margin-left: 0px;\n  }\n\n  .wrapper .content {\n    position: relative;\n    width: calc(100% - 50px);\n    margin-left: 50px;\n    float: right;\n  }\n\n  .wrapper .sidebar:hover .sidebar-header {\n    position: relative;\n    display: block;\n    width: 100%;\n  }\n\n  .wrapper .sidebar .sidebar-header img {\n    width: 100%;\n    height: auto;\n  }\n\n  .navbar-brand {\n    display: none;\n  }\n\n  .navbar {\n    padding: 15px 0;\n    flex-direction: column;\n  }\n\n  .wrapper .sidebar:hover .navbar-expand-md .navbar-nav .nav-link {\n    padding: 5px 30px 7px 30px;\n  }\n\n  .wrapper .sidebar::-webkit-scrollbar {\n    width: 7px;\n  }\n\n  .wrapper .sidebar::-webkit-scrollbar-track {\n    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);\n    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);\n  }\n\n  .wrapper .sidebar::-webkit-scrollbar-thumb {\n    background-color: darkgrey;\n    outline: 1px solid slategrey;\n    border-radius: 7px;\n  }\n\n  .navbar-brand {\n    display: none;\n  }\n\n  .sidebar .sidebar-footer {\n    width: 300px;\n    position: fixed;\n    bottom: 0;\n    padding: 15px;\n    font-size: 0;\n    text-align: center;\n    background: #222222;\n  }\n\n  .sidebar .sidebar-footer a {\n    display: inline-block;\n    width: 40px;\n    height: 40px;\n    padding: 5px 0;\n    margin: 0 15px 15px 0;\n    text-align: center;\n    font-size: 18px;\n    color: #222222;\n    background: #ff6f61;\n  }\n\n  .sidebar .sidebar-footer a:last-child {\n    margin-right: 0;\n  }\n\n  .sidebar .sidebar-footer a:hover {\n    color: #ff6f61;\n    background: #ffffff;\n  }\n\n  .sidebar:hover .sidebar-footer {\n    display: block;\n  }\n}\n\n@media (min-width: 992px) {\n  .wrapper .sidebar {\n    margin: 0;\n  }\n\n  .wrapper .content {\n    width: calc(100% - 300px);\n    margin-left: 300px;\n  }\n\n  .sidebar .sidebar-header {\n    position: relative;\n    display: block;\n    width: 100%;\n  }\n\n  .navbar-expand-md .navbar-nav .nav-link {\n    padding: 5px 30px 7px 30px;\n  }\n\n  .sidebar .sidebar-footer {\n    display: block;\n  }\n}\n\n@media (max-width: 1140px) {\n  .wrapper .content {\n    padding: 30px;\n  }\n}\n\n@media (max-width: 576px) {\n  .wrapper .content {\n    padding: 15px;\n  }\n}\n\n/**********************************/\n/******** Back to Top CSS *********/\n/**********************************/\n.back-to-top {\n  position: fixed;\n  display: none;\n  width: 30px;\n  height: 30px;\n  text-align: center;\n  line-height: 1;\n  font-size: 30px;\n  right: 30px;\n  bottom: 30px;\n  transition: background 0.5s;\n  z-index: 11;\n}\n\n.back-to-top i {\n  color: #222222;\n}\n\n.back-to-top i:hover {\n  color: #ff6f61;\n}\n\n.back-to-top {\n  -webkit-animation: action 1s infinite alternate;\n  animation: action 1s infinite alternate;\n}\n\n@-webkit-keyframes action {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(-15px);\n  }\n}\n\n@keyframes action {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(-15px);\n  }\n}\n\n/**********************************/\n/*********** Header CSS ***********/\n/**********************************/\n.header {\n  position: relative;\n  background: #ffffff;\n}\n\n.header .content-inner {\n  padding: 100px 30px;\n  /*background: url(../../assets/profile.png) right bottom no-repeat;*/\n  background-size: contain;\n}\n\n.header p {\n  color: #ff6f61;\n  font-size: 22px;\n  font-weight: 600;\n  margin-bottom: 10px;\n}\n\n.header h1 {\n  color: #222222;\n  font-size: 50px;\n  font-weight: 700;\n}\n\n.header h2 {\n  display: inline-block;\n  margin: 0;\n  height: 25px;\n  font-size: 25px;\n}\n\n.header .typed-text {\n  display: none;\n}\n\n.header .typed-cursor {\n  font-size: 25px;\n  font-weight: 300;\n  color: #222222;\n}\n\n.large-btn .content-inner {\n  font-size: 0;\n  border-bottom: 30px solid #f6d155;\n}\n\n.large-btn .btn {\n  position: relative;\n  width: 50%;\n  padding: 15px 0;\n  color: #ff6f61;\n  font-size: 20px;\n  background: #222222;\n  border-radius: 0;\n}\n\n.large-btn .btn:last-child {\n  color: #222222;\n  background: #ff6f61;\n}\n\n.large-btn .btn i {\n  margin-right: 8px;\n}\n\n.large-btn .btn::after {\n  position: absolute;\n  content: \"\";\n  width: 0;\n  height: 100%;\n  top: 0;\n  left: 0;\n  transition: all 0.3s;\n}\n\n.large-btn .btn:hover::after {\n  width: 100%;\n  background: rgba(255, 255, 255, 0.1);\n}\n\n/**********************************/\n/******* Content Header CSS *******/\n/**********************************/\n.content-header {\n  position: relative;\n  width: 100%;\n  margin-bottom: 30px;\n  padding-bottom: 10px;\n}\n\n.content-header h2 {\n  color: #222222;\n  font-size: 35px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  margin: 0;\n}\n\n.content-header::after {\n  content: \"\";\n  position: absolute;\n  display: block;\n  width: 50px;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  background: #ff6f61;\n}\n\n/**********************************/\n/*********** About CSS ************/\n/**********************************/\n.about {\n  position: relative;\n  padding: 60px 30px;\n  background: #ffffff;\n  border-bottom: 30px solid #f6d155;\n}\n\n.about img {\n  width: 100%;\n  height: auto;\n}\n\n@media (max-width: 767.98px) {\n  .about img {\n    margin-bottom: 15px;\n  }\n}\n\n.about .btn {\n  border-radius: 0;\n  color: #222222;\n  background: #ff6f61;\n  transition: all 0.3s;\n}\n\n.about .btn:hover {\n  color: #ff6f61;\n  background: #222222;\n}\n\n.about .skills {\n  padding-top: 15px;\n}\n\n.about .skill-name {\n  margin-top: 15px;\n}\n\n.about .skill-name p {\n  display: inline-block;\n  margin-bottom: 5px;\n  font-size: 16px;\n  font-weight: 400;\n}\n\n.about .skill-name p:last-child {\n  float: right;\n}\n\n.about .progress {\n  height: 5px;\n  border: 1px solid #ff6f61;\n  border-radius: 0;\n  background: #ffffff;\n}\n\n.about .progress .progress-bar {\n  width: 1px;\n  background: #ff6f61;\n  border-radius: 0;\n  transition: 1s;\n}\n\n/**********************************/\n/********* Education CSS **********/\n/**********************************/\n.education {\n  position: relative;\n  padding: 60px 30px;\n  background: #ffffff;\n  border-bottom: 30px solid #f6d155;\n}\n\n.education .edu-col {\n  position: relative;\n  width: 100%;\n  padding: 20px 0 20px 20px;\n  border-left: 1px solid #ff6f61;\n  border-bottom: 1px solid #ff6f61;\n}\n\n.education .col-md-6:first-child .edu-col {\n  padding-top: 0;\n}\n\n.education .col-md-6:last-child .edu-col {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n@media (min-width: 768px) {\n  .education .col-md-6:nth-child(-n + 2) .edu-col {\n    padding-top: 0;\n  }\n\n  .education .col-md-6:last-child .edu-col,\n  .education .col-md-6:nth-last-child(2) .edu-col {\n    border-bottom: none;\n    padding-bottom: 0;\n  }\n}\n\n.education .edu-col span {\n  position: relative;\n  display: block;\n  font-size: 13px;\n  letter-spacing: 1px;\n  margin-bottom: 10px;\n}\n\n.education .edu-col span::before {\n  position: absolute;\n  content: \"\";\n  width: 11px;\n  height: 11px;\n  background: #ff6f61;\n  top: 5px;\n  left: -26px;\n  border-radius: 5px;\n}\n\n.education .edu-col span i {\n  color: #ff6f61;\n}\n\n.education .edu-col h3 {\n  font-size: 20px;\n  font-weight: 700;\n  letter-spacing: 2px;\n}\n\n.education .edu-col p {\n  margin: 0;\n}\n\n/**********************************/\n/********* Experience CSS *********/\n/**********************************/\n.experience {\n  position: relative;\n  padding: 60px 30px;\n  background: #ffffff;\n  border-bottom: 30px solid #f6d155;\n}\n\n.experience .exp-col {\n  position: relative;\n  width: 100%;\n  padding: 20px 0 20px 20px;\n  border-left: 1px solid #ff6f61;\n  border-bottom: 1px solid #ff6f61;\n}\n\n.experience .col-md-6:first-child .exp-col {\n  padding-top: 0;\n}\n\n.experience .col-md-6:last-child .exp-col {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n@media (min-width: 768px) {\n  .experience .col-md-6:nth-child(-n + 2) .exp-col {\n    padding-top: 0;\n  }\n\n  .experience .col-md-6:last-child .exp-col,\n  .experience .col-md-6:nth-last-child(2) .exp-col {\n    border-bottom: none;\n    padding-bottom: 0;\n  }\n}\n\n.experience .exp-col span {\n  position: relative;\n  display: block;\n  font-size: 13px;\n  letter-spacing: 1px;\n  margin-bottom: 10px;\n}\n\n.experience .exp-col span::before {\n  position: absolute;\n  content: \"\";\n  width: 11px;\n  height: 11px;\n  background: #ff6f61;\n  top: 5px;\n  left: -26px;\n  border-radius: 5px;\n}\n\n.experience .exp-col span i {\n  color: #ff6f61;\n}\n\n.experience .exp-col h3 {\n  font-size: 20px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  margin-bottom: 5px;\n}\n\n.experience .exp-col h4 {\n  font-size: 14px;\n  font-weight: 400;\n  font-style: italic;\n  margin-bottom: 5px;\n}\n\n.experience .exp-col h5 {\n  font-size: 16px;\n  font-weight: 600;\n  margin-bottom: 10px;\n}\n\n.experience .exp-col p {\n  margin: 0;\n}\n\n/**********************************/\n/*********** Service CSS **********/\n/**********************************/\n.service {\n  position: relative;\n  padding: 60px 30px 30px 30px;\n  background: #ffffff;\n  border-bottom: 30px solid #f6d155;\n}\n\n.service .srv-col {\n  position: relative;\n  width: 100%;\n  margin-bottom: 30px;\n}\n\n.service .srv-col i {\n  font-size: 30px;\n  color: #ff6f61;\n  margin-bottom: 15px;\n}\n\n.service .srv-col h3 {\n  font-size: 20px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  margin-bottom: 5px;\n}\n\n.experience .exp-col h4 {\n  font-size: 14px;\n  font-weight: 400;\n  font-style: italic;\n  margin-bottom: 5px;\n}\n\n.experience .exp-col h5 {\n  font-size: 16px;\n  font-weight: 600;\n  margin-bottom: 10px;\n}\n\n.experience .exp-col p {\n  margin: 0;\n}\n\n/**********************************/\n/********** Portfolio CSS *********/\n/**********************************/\n.portfolio {\n  position: relative;\n  padding: 60px 30px 30px 30px;\n  background: #ffffff;\n  border-bottom: 30px solid #f6d155;\n}\n\n.portfolio #portfolio-flters {\n  padding: 0;\n  margin: -15px 0 30px 0;\n  list-style: none;\n  font-size: 0;\n}\n\n.portfolio #portfolio-flters li {\n  cursor: pointer;\n  margin: 15px -1px 0 0;\n  display: inline-block;\n  height: 35px;\n  padding: 10px;\n  color: #666666;\n  font-size: 13px;\n  line-height: 15px;\n  text-transform: uppercase;\n  border: 1px solid #ff6f61;\n  background: #ffffff;\n  transition: all 0.3s ease-in-out;\n}\n\n.portfolio #portfolio-flters li:hover,\n.portfolio #portfolio-flters li.filter-active {\n  background: #ff6f61;\n  color: #222222;\n}\n\n.portfolio .portfolio-item {\n  position: relative;\n  height: 250px;\n  overflow: hidden;\n}\n\n.portfolio .portfolio-item figure {\n  background: #ffffff;\n  overflow: hidden;\n  height: 220px;\n  position: relative;\n  border-radius: 0;\n  margin: 0;\n}\n\n.portfolio .portfolio-item figure img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.portfolio .portfolio-item figure:hover img {\n  opacity: 0.3;\n  transition: 0.3s;\n}\n\n.portfolio .portfolio-item figure .link-preview,\n.portfolio .portfolio-item figure .link-details,\n.portfolio .portfolio-item figure .portfolio-title {\n  position: absolute;\n  display: inline-block;\n  opacity: 0;\n  line-height: 1;\n  text-align: center;\n  width: 45px;\n  height: 35px;\n  background: #ff6f61;\n  transition: 0.2s linear;\n}\n\n.portfolio .portfolio-item figure .link-preview i,\n.portfolio .portfolio-item figure .link-details i {\n  color: #222222;\n  padding-top: 10px;\n  font-size: 16px;\n}\n\n.portfolio .portfolio-item figure .link-preview:hover,\n.portfolio .portfolio-item figure .link-details:hover {\n  background: #222222;\n}\n\n.portfolio .portfolio-item figure .link-preview:hover i,\n.portfolio .portfolio-item figure .link-details:hover i {\n  color: #ff6f61;\n}\n\n.portfolio .portfolio-item figure .link-preview {\n  left: 50%;\n  top: calc(25% - 18px);\n}\n\n.portfolio .portfolio-item figure .link-details {\n  right: 50%;\n  top: calc(25% - 18px);\n}\n\n.portfolio .portfolio-item figure .portfolio-title {\n  margin: 0;\n  width: 100%;\n  height: 50%;\n  left: 0;\n  right: 0;\n  top: 100%;\n  padding: 30px 10px;\n  color: #222222;\n  font-size: 16px;\n  font-weight: 600;\n  background: rgba(255, 111, 97, 0.5);\n  border-radius: 0;\n}\n\n.portfolio .portfolio-item figure .portfolio-title:hover {\n  text-decoration: none;\n}\n\n.portfolio .portfolio-item figure .portfolio-title span {\n  display: block;\n  margin-top: 10px;\n  font-family: \"Open Sans\", sans-serif;\n  font-size: 13px;\n  font-weight: 300;\n}\n\n.portfolio .portfolio-item figure:hover .link-preview {\n  opacity: 1;\n  left: calc(50% - 61px);\n}\n\n.portfolio .portfolio-item figure:hover .link-details {\n  opacity: 1;\n  right: calc(50% - 61px);\n}\n\n.portfolio .portfolio-item figure:hover .portfolio-title {\n  opacity: 1;\n  top: 50%;\n}\n\n/**********************************/\n/*********** Review CSS ***********/\n/**********************************/\n.review {\n  position: relative;\n  background: #ffffff;\n  border-bottom: 30px solid #f6d155;\n}\n\n.review .content-inner {\n  position: relative;\n  padding: 60px 30px;\n  background: url(../assets/quote.png) right bottom no-repeat;\n}\n\n.review .review-text p {\n  font-size: 18px;\n  font-style: italic;\n}\n\n.review .review-img {\n  display: flex;\n  align-items: center;\n}\n\n.review .review-img img {\n  width: 80px;\n  height: 80px;\n  object-fit: cover;\n  margin-right: 15px;\n}\n\n.review .review-name h3 {\n  font-size: 18px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  margin-bottom: 5px;\n}\n\n.review .review-name p {\n  font-size: 14px;\n  margin-bottom: 0;\n}\n\n.review .review-text .ratting {\n  margin-bottom: 5px;\n}\n\n.review .review-text .ratting i {\n  color: #ff6f61;\n  font-size: 14px;\n}\n\n.review .slick-slider:hover .slick-prev {\n  left: 30px;\n}\n\n.review .slick-slider:hover .slick-next {\n  right: 30px;\n}\n\n.review-slider .slick-prev,\n.review-slider .slick-next {\n  width: 35px;\n  height: 35px;\n  z-index: 1;\n  opacity: 0;\n  transition: 0.5s;\n  background: rgba(255, 111, 97, 0.7);\n}\n\n.review-slider .slick-prev {\n  left: 55px;\n}\n\n.review-slider .slick-next {\n  right: 55px;\n}\n\n.review-slider.slick-slider:hover .slick-prev {\n  left: 15px;\n  opacity: 1;\n}\n\n.review-slider.slick-slider:hover .slick-next {\n  right: 15px;\n  opacity: 1;\n}\n\n.review-slider .slick-prev:hover,\n.review-slider .slick-prev:focus,\n.review-slider .slick-next:hover,\n.review-slider .slick-next:focus {\n  background: rgba(0, 0, 0, 0.7);\n}\n\n.review-slider .slick-prev:hover::before,\n.review-slider .slick-prev:focus::before,\n.review-slider .slick-next:hover::before,\n.review-slider .slick-next:focus::before {\n  color: #ff6f61;\n}\n\n.review-slider .slick-prev::before,\n.review-slider .slick-next::before {\n  font-family: \"Font Awesome 5 Free\";\n  font-weight: 900;\n  font-size: 18px;\n  color: #ffffff;\n}\n\n.review-slider .slick-prev::before {\n  content: \"\\f104\";\n}\n\n.review-slider .slick-next::before {\n  content: \"\\f105\";\n}\n\n.review-slider .slick-dots {\n  bottom: 15px;\n}\n\n.review-slider .slick-dots li button:before {\n  color: #ffffff;\n  font-size: 15px;\n}\n\n.review-slider .slick-dots li.slick-active button:before {\n  color: #ff6f61;\n}\n\n.review-slider.slick-slider {\n  margin-bottom: 0;\n}\n\n/**********************************/\n/*********** Contact CSS ***********/\n/**********************************/\n.contact {\n  position: relative;\n  padding: 60px 30px 30px 30px;\n  background: #ffffff;\n}\n\n.contact .contact-info {\n  position: relative;\n  width: 100%;\n  margin-bottom: 30px;\n}\n\n.contact .contact-info p {\n  font-size: 16px;\n  font-weight: 600;\n  letter-spacing: 1px;\n  margin-bottom: 10px;\n}\n\n.contact .contact-info p i {\n  width: 25px;\n  color: #ff6f61;\n}\n\n.contact .contact-info p a {\n  color: #666666;\n}\n\n.contact .contact-info p a:hover {\n  color: #ff6f61;\n  text-decoration: none;\n}\n\n.contact .social {\n  font-size: 0;\n}\n\n.contact .social a {\n  width: 35px;\n  height: 35px;\n  padding: 5px 0;\n  color: #222222;\n  background: #ff6f61;\n  border-radius: 0;\n  margin-top: 15px;\n  margin-right: 15px;\n  transition: all 0.3s;\n}\n\n.contact .social a:last-child {\n  margin-right: 0;\n}\n\n.contact .social a:hover {\n  color: #ff6f61;\n  background: #222222;\n}\n\n.contact .form {\n  position: relative;\n  width: 100%;\n  margin-bottom: 30px;\n}\n\n.contact .form .form-control {\n  border-radius: 0;\n}\n\n.contact .form .form-control:focus {\n  box-shadow: none;\n  border-color: #ff6f61;\n}\n\n.contact .form .btn {\n  color: #222222;\n  background: #ff6f61;\n  border-radius: 0;\n  transition: all 0.3s;\n}\n\n.contact .form .btn:hover {\n  color: #ff6f61;\n  background: #222222;\n}\n\n/**********************************/\n/*********** Footer CSS ***********/\n/**********************************/\n.footer {\n  position: relative;\n  width: 100%;\n  padding: 30px 30px 0 30px;\n  background: #f6d155;\n}\n\n.footer .col-md-6:last-child {\n  text-align: right;\n}\n\n@media (max-width: 767.98px) {\n  .footer .col-md-6,\n  .footer .col-md-6:last-child {\n    text-align: center;\n  }\n}\n\n.footer p {\n  color: #222222;\n  margin: 0;\n}\n\n.footer a {\n  color: #ff6f61;\n  font-weight: 600;\n}\n\n.footer a:hover {\n  color: #222222;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=6783da94&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import Vue from \"vue\";\nimport VueRouter from \"vue-router\";\nimport Home from \"../views/Home.vue\";\n\nVue.use(VueRouter);\n\nconst routes = [\n  {\n    path: \"/\",\n    name: \"Home\",\n    component: Home,\n  },\n  {\n    path: \"/about\",\n    name: \"About\",\n    // route level code-splitting\n    // this generates a separate chunk (about.[hash].js) for this route\n    // which is lazy-loaded when the route is visited.\n    component: () =>\n      import(/* webpackChunkName: \"about\" */ \"../views/About.vue\"),\n  },\n];\n\nconst router = new VueRouter({\n  routes,\n});\n\nexport default router;\n","import Vue from \"vue\";\nimport App from \"./App.vue\";\nimport router from \"./router\";\n\nVue.config.productionTip = false;\n\nnew Vue({\n  router,\n  render: (h) => h(App),\n}).$mount(\"#app\");\n","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}