{"version":3,"sources":["webpack:///./src/pages/About.vue","webpack:///./src/components/Aboutbanner.vue","webpack:///./src/components/Aboutbanner.vue?1949","webpack:///./src/components/BrandlogoTwo.vue","webpack:///./src/components/BrandlogoTwo.vue?d2f0","webpack:///./src/components/Skill.vue","webpack:///./src/components/Skill.vue?17dd","webpack:///./src/pages/About.vue?8cd9","webpack:///./src/components/Skill.vue?e76f"],"names":["class","src","alt","bannersocialtext","social","socials","key","target","classname","href","link","text","to","bannersocialico","data","__exports__","breakpoints","swiperOptions","slides-per-view","loop","onSwiper","brandLogos","brand","index","imgSrc","components","Swiper","SwiperSlide","0","slidesPerView","spaceBetween","576","768","992","methods","swiper","this","data-wow-delay","data-wow-duration","data-speed","data-stop","skills","skill","title","role","style","styleObject","aria-valuemin","aria-valuemax","parcentage","width","transition","Header","Offcanvas","Aboutbanner","BrandlogoTwo","BlogArticle","Skill","Footer","render"],"mappings":"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","file":"js/chunk-5b697b96.a3c19cbe.js","sourcesContent":["<template>\n  <div class=\"main-wrapper dark-bg\">\n\n        <router-view></router-view>\n        <!-- Navbar section -->\n        <Header></Header>\n\n        <!-- Offcanvas section -->\n        <Offcanvas></Offcanvas>\n\n        <!-- About Banner Section -->\n        <Aboutbanner></Aboutbanner>\n\n        <!-- BrandLogo section -->\n        <BrandlogoTwo></BrandlogoTwo>\n\n        <!-- BlogArticle section -->\n        <BlogArticle></BlogArticle>\n\n        <!-- Skill section -->\n        <Skill></Skill>\n\n        <!-- Footer section -->\n        <Footer></Footer>\n\n  </div>\n    \n</template>\n\n<script>\n\nimport Header from '@/components/Header'\nimport Offcanvas from '@/components/Offcanvas'\nimport Aboutbanner from '@/components/Aboutbanner'\nimport BrandlogoTwo from '@/components/BrandlogoTwo'\nimport BlogArticle from '@/components/BlogArticle'\nimport Skill from '@/components/Skill'\nimport Footer from '@/components/Footer'\n\nexport default {\n  components: {\n    Header,\n    Offcanvas,\n    Aboutbanner,\n    BrandlogoTwo,\n    BlogArticle,\n    Skill,\n    Footer\n  }\n}\n</script>\n","<template>\n    <!-- About Banner Start -->\n    <div class=\"section about-banner-section overflow-hidden\">\n\n        <!-- About Banner Start -->\n        <div class=\"about-banner d-flex align-items-center\">\n            <div class=\"container\">\n\n                <!-- About Banner Content Start -->\n                <div class=\"about-banner-content\">\n                    <h1 class=\"banner-title\"><span>Hallo!</span> I am Reza, <br> Interactive Developer based <br> in Ukraine.</h1>\n\n                    <div class=\"banner-social\">\n                        <p>See bits and pieces of his design work and prototyping on</p>\n                        <ul>\n                            <li v-for=\"(social, socials) in bannersocialtext\" :key=\"socials\">\n                                <a target=\"_blank\" :class=\"social.classname\" :href=\"social.link\">{{social.text}}</a>\n                            </li>\n                        </ul>\n                    </div>\n\n                    <div class=\"banner-service\">\n                        <div class=\"section-title-2\">\n                            <h2 class=\"title\">Service</h2>\n                        </div>\n                        <h4 class=\"service-text\"> <router-link to=\"/contact\">UI/UX Interactive, Mobile App & <br> Video Animator</router-link></h4>\n                    </div>\n                </div>\n                <!-- About Banner Content End -->\n\n            </div>\n\n            <!-- About Banner Image Start -->\n            <div class=\"about-banner-image\">\n                <img src=\"/images/about-images-2.jpg\" alt=\"\">\n            </div>\n            <!-- About Banner Image End -->\n\n        </div>\n        <!-- About Banner End -->\n\n        <!-- Social Start -->\n        <ul class=\"social\">\n            <li v-for=\"(social, socials) in bannersocialico\" :key=\"socials\">\n                <a target=\"_blank\" :href=\"social.link\"><i :class=\"social.classname\"></i></a>\n            </li>\n        </ul>\n        <!-- Social End -->\n\n    </div>\n    <!-- About Banner End -->\n</template>\n\n\n<script>\nexport default {\n    data () {\n        return {\n            bannersocialtext: [\n                {\n                    classname: \"twitter\",\n                    link: \"https://twitter.com/\",\n                    text: \"Twitter\"\n                },\n                {\n                    classname: \"behance\",\n                    link: \"https://www.behance.net/\",\n                    text: \"Behance\"\n                },\n                {\n                    classname: \"dribbble\",\n                    link: \"https://dribbble.com/\",\n                    text: \"Dribbble\"\n                }\n            ],\n\n            bannersocialico: [\n                {\n                    classname: \"fa fa-twitter\",\n                    link: \"https://twitter.com/\",\n                    text: \"Twitter\"\n                },\n                {\n                    classname: \"fa fa-facebook-f\",\n                    link: \"https://www.facebook.com/\",\n                },\n                {\n                    classname: \"fa fa-behance\",\n                    link: \"https://www.behance.net/\",\n                }\n            ]\n        }\n    }\n}\n</script>","import { render } from \"./Aboutbanner.vue?vue&type=template&id=209cee33\"\nimport script from \"./Aboutbanner.vue?vue&type=script&lang=js\"\nexport * from \"./Aboutbanner.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <!-- Brand Logo Start -->\n    <div class=\"section overflow-hidden section-padding-02\">\n        <div class=\"client-section\">\n            <div class=\"container\">\n\n                <!-- Section Title Start -->\n                <div class=\"section-title-2\">\n                    <h2 class=\"title\">My Clients</h2>\n                </div>\n                <!-- Section Title End -->\n\n                <div class=\"client-wrapper\">\n                    <div class=\"client-active swiper-container\">\n\n                        <swiper\n                            :breakpoints=\"swiperOptions.breakpoints\"\n                            :slides-per-view=\"5\"\n                            :loop=\"true\"\n                            @swiper=\"onSwiper\"\n                        >\n                            <swiper-slide class=\"swiper-slide\" v-for=\"(brand, index) in brandLogos\" :key=\"index\">\n                                <div class=\"image-box\"><img :src=\"brand.imgSrc\" :alt=\"brand.alt\"></div>\n                            </swiper-slide>\n                        </swiper>\n\n                    </div>\n                </div>\n            </div>\n        </div>\n        <!-- Client End -->\n\n    </div>\n    <!-- Client & About End -->\n</template>\n\n<script>\nimport { Swiper, SwiperSlide } from \"swiper/vue\"\n    export default {\n        components: {\n            Swiper,\n            SwiperSlide,\n        },\n\n        data () {\n            return {\n                swiperOptions: {\n                    breakpoints: {       \n                        0: {\n                            slidesPerView: 2,\n                            spaceBetween: 20,\n                        },\n                        576: {\n                            slidesPerView: 3,\n                            spaceBetween: 30,\n                        },\n                        768: {\n                            slidesPerView: 4,\n                            spaceBetween: 40,\n                        },\n                        992: {\n                            slidesPerView: 5,\n                            spaceBetween: 40,\n                        },\n                    }   \n                },\n\n                brandLogos: [\n                    {\n                        imgSrc: \"/images/clients/client-1.png\",\n                        alt: \"brand logo\"\n                    },\n                    {\n                        imgSrc: \"/images/clients/client-2.png\",\n                        alt: \"brand logo\"\n                    },\n                    {\n                        imgSrc: \"/images/clients/client-3.png\",\n                        alt: \"brand logo\"\n                    },\n                    {\n                        imgSrc: \"/images/clients/client-4.png\",\n                        alt: \"brand logo\"\n                    },\n                    {\n                        imgSrc: \"/images/clients/client-5.png\",\n                        alt: \"brand logo\"\n                    },\n                    {\n                        imgSrc: \"/images/clients/client-3.png\",\n                        alt: \"brand logo\"\n                    },\n                    {\n                        imgSrc: \"/images/clients/client-5.png\",\n                        alt: \"brand logo\"\n                    }\n                ]\n            }\n        },\n\n        methods: {\n            onSwiper(swiper) {\n            this.swiper = swiper;\n            },\n        },\n\n  // Connect to API\n\n    };\n</script>","import { render } from \"./BrandlogoTwo.vue?vue&type=template&id=1df454a8\"\nimport script from \"./BrandlogoTwo.vue?vue&type=script&lang=js\"\nexport * from \"./BrandlogoTwo.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <!-- Skills End -->\n    <div class=\"section\">\n        <div class=\"container\">\n\n            <!-- Skills Wrapper Start -->\n            <div class=\"skills-wrapper section-padding wow fadeInUp\" data-wow-delay=\"0.3s\" data-wow-duration=\"1.5s\">\n                <div class=\"row\">\n                    <div class=\"col-lg-3\">\n\n                        <!-- Section Title Start -->\n                        <div class=\"section-title-2\">\n                            <h2 class=\"title wow slideInUp\" data-wow-duration=\"1s\" data-wow-delay=\"1s\">Skills</h2>\n                        </div>\n                        <!-- Section Title End -->\n\n                    </div>\n                    <div class=\"col-lg-9\">\n\n                        <!-- Skills bar Start -->\n                        <div class=\"skill-bar-wrapper\">\n\n                            <!-- Single Skills bar Start -->\n                            <div class=\"single-skills-bar\" v-for=\"(skill, index) in skills\" :key=\"index\">\n                                <span class=\"title\">{{skill.title}}</span>\n\n                                <div class=\"skill-bar\">\n                                    <div class=\"bar-inner progress\">\n                                        <div class=\"bar progress-line progress-bar\" role=\"progressbar\" :style=\"skill.styleObject\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n                                            <div class=\"skill-percentage\">\n                                                <div class=\"count-box\"><span class=\"count-text\" data-speed=\"2000\" data-stop=\"90\">{{skill.parcentage}}</span>%</div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <!-- Single Skills bar End -->\n\n                        </div>\n                        <!-- Skills bar End -->\n\n                    </div>\n                </div>\n            </div>\n            <!-- Skills Wrapper End -->\n\n        </div>\n    </div>\n    <!-- Skills End -->\n</template>\n\n\n<script>\n\nexport default {\n    data (){\n        return {\n            skills: [\n                {\n                    title: \"Skill Section\",\n                    parcentage: 90,\n                    styleObject: {  \n                        width: '90%',\n                        transition: '.6s'\n                    }  \n                },\n                {\n                    title: \"branding\",\n                    parcentage: 70,\n                    styleObject: {  \n                        width: '70%'\n                    }  \n                },\n                {\n                    title: \"animation / motion\",\n                    parcentage: 85,\n                    styleObject: {\n                        width: '85%'\n                    }  \n                }\n            ]\n        }\n    },\n}\n\n</script>\n\n<style lang=\"scss\">\n.progress{\n    overflow: initial;\n    border-radius: 0;\n    .progress-bar {\n        overflow: initial;\n    }\n}\n</style>\n\n\n","import { render } from \"./Skill.vue?vue&type=template&id=8266d70c\"\nimport script from \"./Skill.vue?vue&type=script&lang=js\"\nexport * from \"./Skill.vue?vue&type=script&lang=js\"\n\nimport \"./Skill.vue?vue&type=style&index=0&id=8266d70c&lang=scss\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./About.vue?vue&type=template&id=3a5bc731\"\nimport script from \"./About.vue?vue&type=script&lang=js\"\nexport * from \"./About.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Skill.vue?vue&type=style&index=0&id=8266d70c&lang=scss\""],"sourceRoot":""}