{"version":3,"sources":["webpack:///$_lazy_route_resource lazy namespace object","webpack:///src/app/app-routing.module.ts","webpack:///src/app/app.component.ts","webpack:///src/app/app.component.html","webpack:///src/app/app.module.ts","webpack:///src/app/components/about-us/about-us.component.ts","webpack:///src/app/components/about-us/about-us.component.html","webpack:///src/app/components/about/about.component.ts","webpack:///src/app/components/about/about.component.html","webpack:///src/app/components/blogs/blog-details-left-sidebar/blog-details-left-sidebar.component.ts","webpack:///src/app/components/blogs/blog-details-left-sidebar/blog-details-left-sidebar.component.html","webpack:///src/app/components/blogs/blog-details-right-sidebar/blog-details-right-sidebar.component.ts","webpack:///src/app/components/blogs/blog-details-right-sidebar/blog-details-right-sidebar.component.html","webpack:///src/app/components/blogs/blog-left-sidebar/blog-left-sidebar.component.ts","webpack:///src/app/components/blogs/blog-left-sidebar/blog-left-sidebar.component.html","webpack:///src/app/components/blogs/blog-right-sidebar/blog-right-sidebar.component.ts","webpack:///src/app/components/blogs/blog-right-sidebar/blog-right-sidebar.component.html","webpack:///src/app/components/blogs/blog-three-column/blog-three-column.component.ts","webpack:///src/app/components/blogs/blog-three-column/blog-three-column.component.html","webpack:///src/app/components/blogs/blog-two-column/blog-two-column.component.ts","webpack:///src/app/components/blogs/blog-two-column/blog-two-column.component.html","webpack:///src/app/components/blogs/blog/blog.component.ts","webpack:///src/app/components/blogs/blog/blog.component.html","webpack:///src/app/components/branding/branding.component.ts","webpack:///src/app/components/branding/branding.component.html","webpack:///src/app/components/breadcrumb/breadcrumb-about/breadcrumb-about.component.ts","webpack:///src/app/components/breadcrumb/breadcrumb-about/breadcrumb-about.component.html","webpack:///src/app/components/breadcrumb/breadcrumb-blog-details-left-sidebar/breadcrumb-blog-details-left-sidebar.component.ts","webpack:///src/app/components/breadcrumb/breadcrumb-blog-details-left-sidebar/breadcrumb-blog-details-left-sidebar.component.html","webpack:///src/app/components/breadcrumb/breadcrumb-blog-details-right-sidebar/breadcrumb-blog-details-right-sidebar.component.ts","webpack:///src/app/components/breadcrumb/breadcrumb-blog-details-right-sidebar/breadcrumb-blog-details-right-sidebar.component.html","webpack:///src/app/components/breadcrumb/breadcrumb-blog-left-sidebar/breadcrumb-blog-left-sidebar.component.ts","webpack:///src/app/components/breadcrumb/breadcrumb-blog-left-sidebar/breadcrumb-blog-left-sidebar.component.html","webpack:///src/app/components/breadcrumb/breadcrumb-blog-right-sidebar/breadcrumb-blog-right-sidebar.component.ts","webpack:///src/app/components/breadcrumb/breadcrumb-blog-right-sidebar/breadcrumb-blog-right-sidebar.component.html","webpack:///src/app/components/breadcrumb/breadcrumb-blog-three-column/breadcrumb-blog-three-column.component.ts","webpack:///src/app/components/breadcrumb/breadcrumb-blog-three-column/breadcrumb-blog-three-column.component.html","webpack:///src/app/components/breadcrumb/breadcrumb-blog-two-column/breadcrumb-blog-two-column.component.ts","webpack:///src/app/components/breadcrumb/breadcrumb-blog-two-column/breadcrumb-blog-two-column.component.html","webpack:///src/app/components/breadcrumb/breadcrumb-contact/breadcrumb-contact.component.ts","webpack:///src/app/components/breadcrumb/breadcrumb-contact/breadcrumb-contact.component.html","webpack:///src/app/components/breadcrumb/breadcrumb-faq/breadcrumb-faq.component.ts","webpack:///src/app/components/breadcrumb/breadcrumb-faq/breadcrumb-faq.component.html","webpack:///src/app/components/breadcrumb/breadcrumb-pricing/breadcrumb-pricing.component.ts","webpack:///src/app/components/breadcrumb/breadcrumb-pricing/breadcrumb-pricing.component.html","webpack:///src/app/components/breadcrumb/breadcrumb-reviews/breadcrumb-reviews.component.ts","webpack:///src/app/components/breadcrumb/breadcrumb-reviews/breadcrumb-reviews.component.html","webpack:///src/app/components/case-study-fippoa/case-study-fippoa.component.ts","webpack:///src/app/components/case-study-fippoa/case-study-fippoa.component.html","webpack:///src/app/components/case-study-kaplan-dashboard/case-study-kaplan-dashboard.component.ts","webpack:///src/app/components/case-study-kaplan-dashboard/case-study-kaplan-dashboard.component.html","webpack:///src/app/components/case-study-kaplan-design-system/case-study-kaplan-design-system.component.ts","webpack:///src/app/components/case-study-kaplan-design-system/case-study-kaplan-design-system.component.html","webpack:///src/app/components/case-study-kaplan-quiz-builder/case-study-kaplan-quiz-builder.component.ts","webpack:///src/app/components/case-study-kaplan-quiz-builder/case-study-kaplan-quiz-builder.component.html","webpack:///src/app/components/case-study-kaplan-reporting/case-study-kaplan-reporting.component.ts","webpack:///src/app/components/case-study-kaplan-reporting/case-study-kaplan-reporting.component.html","webpack:///src/app/components/case-study-nycdsa/case-study-nycdsa.component.ts","webpack:///src/app/components/case-study-nycdsa/case-study-nycdsa.component.html","webpack:///src/app/components/case-study-zippal/case-study-zippal.component.ts","webpack:///src/app/components/case-study-zippal/case-study-zippal.component.html","webpack:///src/app/components/contact/contact.component.ts","webpack:///src/app/components/contact/contact.component.html","webpack:///src/app/components/download/download.component.ts","webpack:///src/app/components/download/download.component.html","webpack:///src/app/components/faq/faq.component.ts","webpack:///src/app/components/faq/faq.component.html","webpack:///src/app/components/features/features.component.ts","webpack:///src/app/components/features/features.component.html","webpack:///src/app/components/footer/footer.component.ts","webpack:///src/app/components/footer/footer.component.html","webpack:///src/app/components/header/header-one/header-one.component.ts","webpack:///src/app/components/header/header-one/header-one.component.html","webpack:///src/app/components/header/header-two/header-two.component.ts","webpack:///src/app/components/header/header-two/header-two.component.html","webpack:///src/app/components/hero/hero-eight/hero-eight.component.ts","webpack:///src/app/components/hero/hero-eight/hero-eight.component.html","webpack:///src/app/components/hero/hero-five/hero-five.component.ts","webpack:///src/app/components/hero/hero-five/hero-five.component.html","webpack:///src/app/components/hero/hero-four/hero-four.component.ts","webpack:///src/app/components/hero/hero-four/hero-four.component.html","webpack:///src/app/components/hero/hero-nine/hero-nine.component.ts","webpack:///src/app/components/hero/hero-nine/hero-nine.component.html","webpack:///src/app/components/hero/hero-nine/hero-seven/hero-seven.component.ts","webpack:///src/app/components/hero/hero-nine/hero-seven/hero-seven.component.html","webpack:///src/app/components/hero/hero-one/hero-one.component.ts","webpack:///src/app/components/hero/hero-one/hero-one.component.html","webpack:///src/app/components/hero/hero-six/hero-six.component.ts","webpack:///src/app/components/hero/hero-six/hero-six.component.html","webpack:///src/app/components/hero/hero-three/hero-three.component.ts","webpack:///src/app/components/hero/hero-three/hero-three.component.html","webpack:///src/app/components/hero/hero-two/hero-two.component.ts","webpack:///src/app/components/hero/hero-two/hero-two.component.html","webpack:///src/app/components/home/home.component.ts","webpack:///src/app/components/home/home.component.html","webpack:///src/app/components/inner-pages/about-page/about-page.component.ts","webpack:///src/app/components/inner-pages/about-page/about-page.component.html","webpack:///src/app/components/inner-pages/coming-soon/coming-soon.component.ts","webpack:///src/app/components/inner-pages/coming-soon/coming-soon.component.html","webpack:///src/app/components/inner-pages/contact-page/contact-page.component.ts","webpack:///src/app/components/inner-pages/contact-page/contact-page.component.html","webpack:///src/app/components/inner-pages/download-page/download-page.component.ts","webpack:///src/app/components/inner-pages/download-page/download-page.component.html","webpack:///src/app/components/inner-pages/error-page/error-one/error-one.component.ts","webpack:///src/app/components/inner-pages/error-page/error-one/error-one.component.html","webpack:///src/app/components/inner-pages/error-page/error-two/error-two.component.ts","webpack:///src/app/components/inner-pages/error-page/error-two/error-two.component.html","webpack:///src/app/components/inner-pages/faq-page/faq-page.component.ts","webpack:///src/app/components/inner-pages/faq-page/faq-page.component.html","webpack:///src/app/components/inner-pages/maintenance/maintenance.component.ts","webpack:///src/app/components/inner-pages/maintenance/maintenance.component.html","webpack:///src/app/components/inner-pages/newsletter-page/newsletter-page.component.ts","webpack:///src/app/components/inner-pages/newsletter-page/newsletter-page.component.html","webpack:///src/app/components/inner-pages/pricing-page/pricing-page.component.ts","webpack:///src/app/components/inner-pages/pricing-page/pricing-page.component.html","webpack:///src/app/components/inner-pages/reviews-page/reviews-page.component.ts","webpack:///src/app/components/inner-pages/reviews-page/reviews-page.component.html","webpack:///src/app/components/inner-pages/thank-you/thank-you.component.ts","webpack:///src/app/components/inner-pages/thank-you/thank-you.component.html","webpack:///src/app/components/kaplan-intro/kaplan-intro.component.ts","webpack:///src/app/components/kaplan-intro/kaplan-intro.component.html","webpack:///src/app/components/landing/landing.component.ts","webpack:///src/app/components/landing/landing.component.html","webpack:///src/app/components/map/map.component.ts","webpack:///src/app/components/map/map.component.html","webpack:///src/app/components/newsletter/newsletter.component.ts","webpack:///src/app/components/newsletter/newsletter.component.html","webpack:///src/app/components/preloader/preloader.component.ts","webpack:///src/app/components/preloader/preloader.component.html","webpack:///src/app/components/pricing/pricing.component.ts","webpack:///src/app/components/pricing/pricing.component.html","webpack:///src/app/components/project-card/project-card.component.ts","webpack:///src/app/components/project-card/project-card.component.html","webpack:///src/app/components/project-highlight/project-highlight.component.ts","webpack:///src/app/components/project-highlight/project-highlight.component.html","webpack:///src/app/components/project-issues/project-issues.component.ts","webpack:///src/app/components/project-issues/project-issues.component.html","webpack:///src/app/components/project-specs/project-specs.component.ts","webpack:///src/app/components/project-specs/project-specs.component.html","webpack:///src/app/components/project-thumbnail/project-thumbnail.component.ts","webpack:///src/app/components/project-thumbnail/project-thumbnail.component.html","webpack:///src/app/components/promo/promo-one/promo-one.component.ts","webpack:///src/app/components/promo/promo-one/promo-one.component.html","webpack:///src/app/components/promo/promo-three/promo-three.component.ts","webpack:///src/app/components/promo/promo-three/promo-three.component.html","webpack:///src/app/components/promo/promo-two/promo-two.component.ts","webpack:///src/app/components/promo/promo-two/promo-two.component.html","webpack:///src/app/components/reviews/reviews.component.ts","webpack:///src/app/components/reviews/reviews.component.html","webpack:///src/app/components/screenshot/screenshot.component.ts","webpack:///src/app/components/screenshot/screenshot.component.html","webpack:///src/app/components/scrollup/scrollup.component.ts","webpack:///src/app/components/scrollup/scrollup.component.html","webpack:///src/app/components/skills/skills.component.ts","webpack:///src/app/components/skills/skills.component.html","webpack:///src/app/components/spacer/spacer.component.ts","webpack:///src/app/components/spacer/spacer.component.html","webpack:///src/app/components/team/team.component.ts","webpack:///src/app/components/team/team.component.html","webpack:///src/app/components/work/work.component.ts","webpack:///src/app/components/work/work.component.html","webpack:///src/app/guards/auth-guard.service.ts","webpack:///src/app/pipes/safe-pipe.ts","webpack:///src/app/result-number/result-number.component.ts","webpack:///src/app/result-number/result-number.component.html","webpack:///src/app/themes/theme-eight/theme-eight.component.ts","webpack:///src/app/themes/theme-eight/theme-eight.component.html","webpack:///src/app/themes/theme-five/theme-five.component.ts","webpack:///src/app/themes/theme-five/theme-five.component.html","webpack:///src/app/themes/theme-four/theme-four.component.ts","webpack:///src/app/themes/theme-four/theme-four.component.html","webpack:///src/app/themes/theme-nine/theme-nine.component.ts","webpack:///src/app/themes/theme-nine/theme-nine.component.html","webpack:///src/app/themes/theme-one/theme-one.component.ts","webpack:///src/app/themes/theme-one/theme-one.component.html","webpack:///src/app/themes/theme-seven/theme-seven.component.ts","webpack:///src/app/themes/theme-seven/theme-seven.component.html","webpack:///src/app/themes/theme-six/theme-six.component.ts","webpack:///src/app/themes/theme-six/theme-six.component.html","webpack:///src/app/themes/theme-three/theme-three.component.ts","webpack:///src/app/themes/theme-three/theme-three.component.html","webpack:///src/app/themes/theme-two/theme-two.component.ts","webpack:///src/app/themes/theme-two/theme-two.component.html","webpack:///src/environments/environment.ts","webpack:///src/main.ts"],"names":["webpackEmptyAsyncContext","req","Promise","resolve","then","e","Error","code","keys","module","exports","id","routes","path","component","canActivate","AppRoutingModule","forRoot","scrollPositionRestoration","imports","AppComponent","title","selector","templateUrl","styleUrls","AppModule","declarations","providers","bootstrap","AboutUsComponent","AboutComponent","BlogDetailsLeftSidebarComponent","BlogDetailsRightSidebarComponent","BlogLeftSidebarComponent","BlogRightSidebarComponent","BlogThreeColumnComponent","BlogTwoColumnComponent","BlogComponent","BrandingComponent","BreadcrumbAboutComponent","BreadcrumbBlogDetailsLeftSidebarComponent","BreadcrumbBlogDetailsRightSidebarComponent","BreadcrumbBlogLeftSidebarComponent","BreadcrumbBlogRightSidebarComponent","BreadcrumbBlogThreeColumnComponent","BreadcrumbBlogTwoColumnComponent","BreadcrumbContactComponent","BreadcrumbFaqComponent","BreadcrumbPricingComponent","BreadcrumbReviewsComponent","CaseStudyFippoaComponent","projectThumbnail1","category","description","imageUrl","pageUrl","projectThumbnail2","projectSpecs","icon","color","featuresData","resultNumbers","resultNumber","projectIssues","url","impactResultNumbers","postFix","CaseStudyKaplanDashboardComponent","CaseStudyKaplanDesignSystemComponent","CaseStudyKaplanQuizBuilderComponent","projectThumbnail3","projectThumbnail4","challengesProjectSubsections","projectThumbnail5","projectThumbnail6","projectThumbnail7","discoveryPhasesProjectSubsections","additionalHTMLContext","projectThumbnail8","customQuizStepsProjectSubsections","projectThumbnail9","projectThumbnail10","improvementsProjectSubsections","vimeoUrl","projectThumbnail11","projectThumbnail12","CaseStudyKaplanReportingComponent","CaseStudyNYCDSAComponent","CaseStudyZippalComponent","ContactComponent","DownloadComponent","FaqComponent","FeaturesComponent","FooterComponent","HeaderOneComponent","HeaderTwoComponent","HeroEightComponent","HeroFiveComponent","HeroFourComponent","HeroNineComponent","HeroSevenComponent","HeroOneComponent","HeroSixComponent","HeroThreeComponent","HeroTwoComponent","HomeComponent","projectThumbnails","AboutPageComponent","ComingSoonComponent","ContactPageComponent","DownloadPageComponent","ErrorOneComponent","ErrorTwoComponent","FaqPageComponent","MaintenanceComponent","NewsletterPageComponent","PricingPageComponent","ReviewsPageComponent","ThankYouComponent","KaplanIntroComponent","LandingComponent","MapComponent","NewsletterComponent","PreloaderComponent","PricingComponent","ProjectCardComponent","router","navigateByUrl","projectThumbnail","ProjectHighlightComponent","ProjectIssuesComponent","ProjectSpecsComponent","ProjectThumbnailComponent","PromoOneComponent","PromoThreeComponent","PromoTwoComponent","ReviewsComponent","ScreenshotComponent","ScrollupComponent","SkillsComponent","SpacerComponent","height","TeamComponent","WorkComponent","AuthGuardService","next","state","prompt","alert","navigate","SafePipe","_sanitizer","value","type","bypassSecurityTrustHtml","bypassSecurityTrustStyle","bypassSecurityTrustScript","bypassSecurityTrustUrl","bypassSecurityTrustResourceUrl","name","ResultNumberComponent","counter","subscribe","x","nativeElement","click","ThemeEightComponent","ThemeFiveComponent","ThemeFourComponent","ThemeNineComponent","ThemeOneComponent","ThemeSevenComponent","ThemeSixComponent","ThemeThreeComponent","ThemeTwoComponent","environment","production","bootstrapModule","err","console","error"],"mappings":"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;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;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A;;AACI;;AACI;;AACJ;;AACJ;;AACJ;;AACJ;;AAEA;;AACI;;AAEA;;AACI;;AACI;;AACI;;AACI;;AAEJ;;AACJ;;AACJ;;AAEA;;AACI;;AACI;;AACA;;AACI;;AACJ;;AACJ;;AACJ;;AACJ;;AAEJ;;AAEA;;AACI;;AAEA;;AACI;;AACI;;AACI;;AACI;;AAEJ;;AACA;;AACI;;AACJ;;AACJ;;AACJ;;AAEA;;AACI;;AACI;;AACA;;AACI;;AACJ;;AACJ;;AACJ;;AAEJ;;AACJ;;AAEA;;AACI;;AAEA;;AACI;;AACI;;AACI;;AACI;;AAGJ;;AACJ;;AACJ;;AACA;;AACI;;AACI;;AACA;;AACI;;AACJ;;AACJ;;AACJ;;AACJ;;AAEJ;;AAEA;;AACI;;AACA;;AACI;;AACI;;AACI;;AACI;;AAEJ;;AACA;;AACI;;AAEJ;;AACJ;;AACJ;;AASJ;;AACA;;AACJ;;AAEA;;AACI;;AAEA;;AACI;;AACI;;AACI;;AACI;;AAGJ;;AACJ;;AACJ;;AACJ;;AAEA;;AACI;;AACI;;AACI;;AACA;;AACI;;AACJ;;AACJ;;AACJ;;AAEA;;AACI;;AACI;;AACI;;AAGJ;;AACJ;;AACJ;;AAEA;;AACI;;AACI;;AACI;;AACJ;;AACA;;AACJ;;AACJ;;AACJ;;AAEA;;AACI;;AACI;;AACI;;AACI;;AACJ;;AACJ;;AACJ;;AAEA;;AACI;;AACI;;AACI;;AAGJ;;AACJ;;AACJ;;AAEA;;AACI;;AACI;;AACI;;AACJ;;AACA;;AACJ;;AACJ;;AACJ;;AAEA;;AACI;;AACI;;AACI;;AACI;;AACJ;;AACJ;;AACJ;;AAEA;;AACI;;AACI;;AACI;;AAGJ;;AACJ;;AACJ;;AAGA;;AACI;;AACI;;AACI;;AACJ;;AACA;;AACJ;;AACJ;;AACJ;;AAEA;;AACI;;AACI;;AACI;;AACI;;AACJ;;AACJ;;AACJ;;AAEA;;AACI;;AACI;;AACI;;AAGJ;;AACJ;;AACJ;;AAGA;;AACI;;AACI;;AACI;;AACJ;;AACA;;AACJ;;AACJ;;AACJ;;AAGJ;;AAEA;;AACI;;AACA;;AACI;;AACI;;AAC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","file":"main-es5.js","sourcesContent":["function webpackEmptyAsyncContext(req) {\n\t// Here Promise.resolve().then() is used instead of new Promise() to prevent\n\t// uncaught exception popping up in devtools\n\treturn Promise.resolve().then(function() {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t});\n}\nwebpackEmptyAsyncContext.keys = function() { return []; };\nwebpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;\nmodule.exports = webpackEmptyAsyncContext;\nwebpackEmptyAsyncContext.id = \"./$$_lazy_route_resource lazy recursive\";","import { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\n\nimport { ThemeTwoComponent } from './themes/theme-two/theme-two.component';\nimport { ThemeThreeComponent } from './themes/theme-three/theme-three.component';\nimport { ThemeFourComponent } from './themes/theme-four/theme-four.component';\nimport { ThemeFiveComponent } from './themes/theme-five/theme-five.component';\nimport { ThemeSixComponent } from './themes/theme-six/theme-six.component';\nimport { ThemeSevenComponent } from './themes/theme-seven/theme-seven.component';\nimport { ThemeEightComponent } from './themes/theme-eight/theme-eight.component';\nimport { ThemeNineComponent } from './themes/theme-nine/theme-nine.component';\nimport { AboutPageComponent } from './components/inner-pages/about-page/about-page.component';\nimport { PricingPageComponent } from './components/inner-pages/pricing-page/pricing-page.component';\nimport { ReviewsPageComponent } from './components/inner-pages/reviews-page/reviews-page.component';\nimport { FaqPageComponent } from './components/inner-pages/faq-page/faq-page.component';\nimport { DownloadPageComponent } from './components/inner-pages/download-page/download-page.component';\nimport { ThankYouComponent } from './components/inner-pages/thank-you/thank-you.component';\nimport { NewsletterPageComponent } from './components/inner-pages/newsletter-page/newsletter-page.component';\nimport { ErrorOneComponent } from './components/inner-pages/error-page/error-one/error-one.component';\nimport { ErrorTwoComponent } from './components/inner-pages/error-page/error-two/error-two.component';\nimport { ContactPageComponent } from './components/inner-pages/contact-page/contact-page.component';\nimport { MaintenanceComponent } from './components/inner-pages/maintenance/maintenance.component';\nimport { ComingSoonComponent } from './components/inner-pages/coming-soon/coming-soon.component';\nimport { BlogTwoColumnComponent } from './components/blogs/blog-two-column/blog-two-column.component';\nimport { BlogThreeColumnComponent } from './components/blogs/blog-three-column/blog-three-column.component';\nimport { BlogLeftSidebarComponent } from './components/blogs/blog-left-sidebar/blog-left-sidebar.component';\nimport { BlogRightSidebarComponent } from './components/blogs/blog-right-sidebar/blog-right-sidebar.component';\nimport { BlogDetailsLeftSidebarComponent } from './components/blogs/blog-details-left-sidebar/blog-details-left-sidebar.component';\nimport { BlogDetailsRightSidebarComponent } from './components/blogs/blog-details-right-sidebar/blog-details-right-sidebar.component';\nimport { HomeComponent } from \"./components/home/home.component\";\nimport {CaseStudyFippoaComponent} from \"./components/case-study-fippoa/case-study-fippoa.component\";\nimport {CaseStudyZippalComponent} from \"./components/case-study-zippal/case-study-zippal.component\";\nimport {CaseStudyNYCDSAComponent} from \"./components/case-study-nycdsa/case-study-nycdsa.component\";\nimport {AuthGuardService} from \"./guards/auth-guard.service\";\nimport {KaplanIntroComponent} from \"./components/kaplan-intro/kaplan-intro.component\";\nimport {\n  CaseStudyKaplanReportingComponent\n} from \"./components/case-study-kaplan-reporting/case-study-kaplan-reporting.component\";\nimport {\n  CaseStudyKaplanQuizBuilderComponent\n} from \"./components/case-study-kaplan-quiz-builder/case-study-kaplan-quiz-builder.component\";\nimport {\n  CaseStudyKaplanDesignSystemComponent\n} from \"./components/case-study-kaplan-design-system/case-study-kaplan-design-system.component\";\nimport {\n  CaseStudyKaplanDashboardComponent\n} from \"./components/case-study-kaplan-dashboard/case-study-kaplan-dashboard.component\";\n\n\nconst routes: Routes = [\n  {path: '', component: HomeComponent},\n  {path: 'fippoa', component: CaseStudyFippoaComponent},\n  {path: 'nycdsa', component: CaseStudyNYCDSAComponent, canActivate: [AuthGuardService]},\n  {path: 'zippal', component: CaseStudyZippalComponent},\n  {path: 'kaplan-intro', component: KaplanIntroComponent},\n  {path: 'kaplan-reporting', component: CaseStudyKaplanReportingComponent},\n  {path: 'kaplan-quiz-builder', component: CaseStudyKaplanQuizBuilderComponent},\n  {path: 'kaplan-design-system', component: CaseStudyKaplanDesignSystemComponent},\n  {path: 'kaplan-dashboard', component: CaseStudyKaplanDashboardComponent},\n  {path: 'theme-two', component: ThemeTwoComponent},\n  {path: 'theme-three', component: ThemeThreeComponent},\n  {path: 'theme-four', component: ThemeFourComponent},\n  {path: 'theme-five', component: ThemeFiveComponent},\n  {path: 'theme-six', component: ThemeSixComponent},\n  {path: 'theme-seven', component: ThemeSevenComponent},\n  {path: 'theme-eight', component: ThemeEightComponent},\n  {path: 'theme-nine', component: ThemeNineComponent},\n  {path: 'about-page', component: AboutPageComponent},\n  {path: 'pricing-page', component: PricingPageComponent},\n  {path: 'reviews-page', component: ReviewsPageComponent},\n  {path: 'faq-page', component: FaqPageComponent},\n  {path: 'download-page', component: DownloadPageComponent},\n  {path: 'thank-you', component: ThankYouComponent},\n  {path: 'newsletter-page', component: NewsletterPageComponent},\n  {path: 'error-one', component: ErrorOneComponent},\n  {path: 'error-two', component: ErrorTwoComponent},\n  {path: 'contact-page', component: ContactPageComponent},\n  {path: 'maintenance', component: MaintenanceComponent},\n  {path: 'coming-soon', component: ComingSoonComponent},\n  {path: 'blog-two-column', component: BlogTwoColumnComponent},\n  {path: 'blog-three-column', component: BlogThreeColumnComponent},\n  {path: 'blog-left-sidebar', component: BlogLeftSidebarComponent},\n  {path: 'blog-right-sidebar', component: BlogRightSidebarComponent},\n  {path: 'blog-details-left-sidebar', component: BlogDetailsLeftSidebarComponent},\n  {path: 'blog-details-right-sidebar', component: BlogDetailsRightSidebarComponent}\n];\n\n@NgModule({\n  imports: [RouterModule.forRoot(routes, {scrollPositionRestoration: 'enabled'})],\n  exports: [RouterModule]\n})\nexport class AppRoutingModule { }\n","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 = 'appo';\n}\n","<router-outlet></router-outlet>","import { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\n\nimport { AppRoutingModule } from './app-routing.module';\nimport { AppComponent } from './app.component';\nimport { HeroOneComponent } from './components/hero/hero-one/hero-one.component';\nimport { HeroTwoComponent } from './components/hero/hero-two/hero-two.component';\nimport { HeroThreeComponent } from './components/hero/hero-three/hero-three.component';\nimport { HeroFourComponent } from './components/hero/hero-four/hero-four.component';\nimport { HeroFiveComponent } from './components/hero/hero-five/hero-five.component';\nimport { HeroSixComponent } from './components/hero/hero-six/hero-six.component';\nimport { HeroSevenComponent } from './components/hero/hero-nine/hero-seven/hero-seven.component';\nimport { HeroEightComponent } from './components/hero/hero-eight/hero-eight.component';\nimport { HeroNineComponent } from './components/hero/hero-nine/hero-nine.component';\nimport { PromoOneComponent } from './components/promo/promo-one/promo-one.component';\nimport { PromoTwoComponent } from './components/promo/promo-two/promo-two.component';\nimport { AboutComponent } from './components/about/about.component';\nimport { WorkComponent } from './components/work/work.component';\nimport { FeaturesComponent } from './components/features/features.component';\nimport { ScreenshotComponent } from './components/screenshot/screenshot.component';\nimport { PricingComponent } from './components/pricing/pricing.component';\nimport { ReviewsComponent } from './components/reviews/reviews.component';\nimport { TeamComponent } from './components/team/team.component';\nimport { NewsletterComponent } from './components/newsletter/newsletter.component';\nimport { DownloadComponent } from './components/download/download.component';\nimport { BlogComponent } from './components/blogs/blog/blog.component';\nimport { BlogTwoColumnComponent } from './components/blogs/blog-two-column/blog-two-column.component';\nimport { BlogThreeColumnComponent } from './components/blogs/blog-three-column/blog-three-column.component';\nimport { BlogLeftSidebarComponent } from './components/blogs/blog-left-sidebar/blog-left-sidebar.component';\nimport { BlogRightSidebarComponent } from './components/blogs/blog-right-sidebar/blog-right-sidebar.component';\nimport { BlogDetailsLeftSidebarComponent } from './components/blogs/blog-details-left-sidebar/blog-details-left-sidebar.component';\nimport { BlogDetailsRightSidebarComponent } from './components/blogs/blog-details-right-sidebar/blog-details-right-sidebar.component';\nimport { ContactComponent } from './components/contact/contact.component';\nimport { ThemeOneComponent } from './themes/theme-one/theme-one.component';\nimport { ScrollupComponent } from './components/scrollup/scrollup.component';\nimport { PreloaderComponent } from './components/preloader/preloader.component';\nimport { FooterComponent } from './components/footer/footer.component';\nimport { ThemeTwoComponent } from './themes/theme-two/theme-two.component';\nimport { ThemeThreeComponent } from './themes/theme-three/theme-three.component';\nimport { ThemeFourComponent } from './themes/theme-four/theme-four.component';\nimport { ThemeFiveComponent } from './themes/theme-five/theme-five.component';\nimport { ThemeSixComponent } from './themes/theme-six/theme-six.component';\nimport { ThemeSevenComponent } from './themes/theme-seven/theme-seven.component';\nimport { ThemeEightComponent } from './themes/theme-eight/theme-eight.component';\nimport { ThemeNineComponent } from './themes/theme-nine/theme-nine.component';\nimport { BrandingComponent } from './components/branding/branding.component';\nimport { HeaderOneComponent } from './components/header/header-one/header-one.component';\nimport { HeaderTwoComponent } from './components/header/header-two/header-two.component';\nimport { AboutPageComponent } from './components/inner-pages/about-page/about-page.component';\nimport { SkillsComponent } from './components/skills/skills.component';\nimport { PromoThreeComponent } from './components/promo/promo-three/promo-three.component';\nimport { PricingPageComponent } from './components/inner-pages/pricing-page/pricing-page.component';\nimport { ReviewsPageComponent } from './components/inner-pages/reviews-page/reviews-page.component';\nimport { DownloadPageComponent } from './components/inner-pages/download-page/download-page.component';\nimport { ThankYouComponent } from './components/inner-pages/thank-you/thank-you.component';\nimport { NewsletterPageComponent } from './components/inner-pages/newsletter-page/newsletter-page.component';\nimport { ErrorOneComponent } from './components/inner-pages/error-page/error-one/error-one.component';\nimport { ErrorTwoComponent } from './components/inner-pages/error-page/error-two/error-two.component';\nimport { ContactPageComponent } from './components/inner-pages/contact-page/contact-page.component';\nimport { MaintenanceComponent } from './components/inner-pages/maintenance/maintenance.component';\nimport { ComingSoonComponent } from './components/inner-pages/coming-soon/coming-soon.component';\nimport { BreadcrumbAboutComponent } from './components/breadcrumb/breadcrumb-about/breadcrumb-about.component';\nimport { BreadcrumbPricingComponent } from './components/breadcrumb/breadcrumb-pricing/breadcrumb-pricing.component';\nimport { BreadcrumbReviewsComponent } from './components/breadcrumb/breadcrumb-reviews/breadcrumb-reviews.component';\nimport { BreadcrumbFaqComponent } from './components/breadcrumb/breadcrumb-faq/breadcrumb-faq.component';\nimport { BreadcrumbContactComponent } from './components/breadcrumb/breadcrumb-contact/breadcrumb-contact.component';\nimport { BreadcrumbBlogTwoColumnComponent } from './components/breadcrumb/breadcrumb-blog-two-column/breadcrumb-blog-two-column.component';\nimport { BreadcrumbBlogThreeColumnComponent } from './components/breadcrumb/breadcrumb-blog-three-column/breadcrumb-blog-three-column.component';\nimport { BreadcrumbBlogLeftSidebarComponent } from './components/breadcrumb/breadcrumb-blog-left-sidebar/breadcrumb-blog-left-sidebar.component';\nimport { BreadcrumbBlogRightSidebarComponent } from './components/breadcrumb/breadcrumb-blog-right-sidebar/breadcrumb-blog-right-sidebar.component';\nimport { BreadcrumbBlogDetailsLeftSidebarComponent } from './components/breadcrumb/breadcrumb-blog-details-left-sidebar/breadcrumb-blog-details-left-sidebar.component';\nimport { BreadcrumbBlogDetailsRightSidebarComponent } from './components/breadcrumb/breadcrumb-blog-details-right-sidebar/breadcrumb-blog-details-right-sidebar.component';\nimport { FaqComponent } from './components/faq/faq.component';\nimport { FaqPageComponent } from './components/inner-pages/faq-page/faq-page.component';\nimport { MapComponent } from './components/map/map.component';\nimport { AboutUsComponent } from './components/about-us/about-us.component';\nimport { HomeComponent } from \"./components/home/home.component\";\nimport { LandingComponent } from \"./components/landing/landing.component\";\nimport { ProjectThumbnailComponent } from './components/project-thumbnail/project-thumbnail.component';\nimport { CaseStudyFippoaComponent } from './components/case-study-fippoa/case-study-fippoa.component';\nimport { CaseStudyNYCDSAComponent } from './components/case-study-nycdsa/case-study-nycdsa.component';\nimport { CaseStudyZippalComponent } from './components/case-study-zippal/case-study-zippal.component';\nimport { ProjectSpecsComponent } from \"./components/project-specs/project-specs.component\";\nimport { ProjectHighlightComponent } from './components/project-highlight/project-highlight.component';\nimport { ProjectIssuesComponent } from './components/project-issues/project-issues.component';\nimport { CountUpModule } from \"ngx-countup\";\nimport { ResultNumberComponent } from './result-number/result-number.component';\nimport { SpacerComponent } from './components/spacer/spacer.component';\nimport { AuthGuardService } from \"./guards/auth-guard.service\";\nimport {KaplanIntroComponent} from \"./components/kaplan-intro/kaplan-intro.component\";\nimport {ProjectCardComponent} from \"./components/project-card/project-card.component\";\nimport {\n  CaseStudyKaplanDashboardComponent\n} from \"./components/case-study-kaplan-dashboard/case-study-kaplan-dashboard.component\";\nimport {\n  CaseStudyKaplanDesignSystemComponent\n} from \"./components/case-study-kaplan-design-system/case-study-kaplan-design-system.component\";\nimport {\n  CaseStudyKaplanReportingComponent\n} from \"./components/case-study-kaplan-reporting/case-study-kaplan-reporting.component\";\nimport {\n  CaseStudyKaplanQuizBuilderComponent\n} from \"./components/case-study-kaplan-quiz-builder/case-study-kaplan-quiz-builder.component\";\nimport {SafePipe} from \"./pipes/safe-pipe\";\n\n@NgModule({\n  declarations: [\n    AppComponent,\n    HomeComponent,\n    LandingComponent,\n    ProjectThumbnailComponent,\n    HeroOneComponent,\n    HeroTwoComponent,\n    HeroThreeComponent,\n    HeroFourComponent,\n    HeroFiveComponent,\n    HeroSixComponent,\n    HeroSevenComponent,\n    HeroEightComponent,\n    HeroNineComponent,\n    PromoOneComponent,\n    PromoTwoComponent,\n    AboutComponent,\n    WorkComponent,\n    FeaturesComponent,\n    ScreenshotComponent,\n    PricingComponent,\n    ReviewsComponent,\n    TeamComponent,\n    NewsletterComponent,\n    DownloadComponent,\n    BlogComponent,\n    BlogTwoColumnComponent,\n    BlogThreeColumnComponent,\n    BlogLeftSidebarComponent,\n    BlogRightSidebarComponent,\n    BlogDetailsLeftSidebarComponent,\n    BlogDetailsRightSidebarComponent,\n    ContactComponent,\n    ThemeOneComponent,\n    ScrollupComponent,\n    PreloaderComponent,\n    FooterComponent,\n    ThemeTwoComponent,\n    ThemeThreeComponent,\n    ThemeFourComponent,\n    ThemeFiveComponent,\n    ThemeSixComponent,\n    ThemeSevenComponent,\n    ThemeEightComponent,\n    ThemeNineComponent,\n    BrandingComponent,\n    HeaderOneComponent,\n    HeaderTwoComponent,\n    AboutPageComponent,\n    SkillsComponent,\n    PromoThreeComponent,\n    PricingPageComponent,\n    ReviewsPageComponent,\n    DownloadPageComponent,\n    ThankYouComponent,\n    NewsletterPageComponent,\n    ErrorOneComponent,\n    ErrorTwoComponent,\n    ContactPageComponent,\n    MaintenanceComponent,\n    ComingSoonComponent,\n    BreadcrumbAboutComponent,\n    BreadcrumbPricingComponent,\n    BreadcrumbReviewsComponent,\n    BreadcrumbFaqComponent,\n    BreadcrumbContactComponent,\n    BreadcrumbBlogTwoColumnComponent,\n    BreadcrumbBlogThreeColumnComponent,\n    BreadcrumbBlogLeftSidebarComponent,\n    BreadcrumbBlogRightSidebarComponent,\n    BreadcrumbBlogDetailsLeftSidebarComponent,\n    BreadcrumbBlogDetailsRightSidebarComponent,\n    FaqComponent,\n    FaqPageComponent,\n    MapComponent,\n    AboutUsComponent,\n    ProjectThumbnailComponent,\n    CaseStudyFippoaComponent,\n    CaseStudyNYCDSAComponent,\n    CaseStudyZippalComponent,\n    CaseStudyKaplanDashboardComponent,\n    CaseStudyKaplanDesignSystemComponent,\n    CaseStudyKaplanReportingComponent,\n    CaseStudyKaplanQuizBuilderComponent,\n    ProjectSpecsComponent,\n    ProjectHighlightComponent,\n    ProjectIssuesComponent,\n    ProjectCardComponent,\n    ResultNumberComponent,\n    SpacerComponent,\n    KaplanIntroComponent,\n    SafePipe\n  ],\n  imports: [\n    BrowserModule,\n    AppRoutingModule,\n    CountUpModule,\n  ],\n  providers: [AuthGuardService],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-about-us',\n  templateUrl: './about-us.component.html',\n  styleUrls: ['./about-us.component.css']\n})\nexport class AboutUsComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section about-us ptb_100\">\n    <div class=\"container\">\n        <div class=\"row align-items-center\">\n            <div class=\"col-8 col-md-6 col-lg-5 mx-auto mb-5 mb-lg-0\">\n                <img class=\"mx-auto\" src=\"assets/img/about_thumb.png\" alt=\"\">\n            </div>\n            <div class=\"col-12 col-lg-6\">\n                <h2>We make Unique Websites to Showcase your apps</h2>\n                <p class=\"my-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, eaque. Assumenda modi debitis voluptatem eum delectus. Accusantium voluptate, facilis expedita fuga delectus explicabo vel, dicta ipsam! Repudiandae commodi neque atque asperiores, dolore. Deleniti sint aperiam officiis fuga quia laborum reprehenderit voluptates suscipit assumenda, accusamus aliquam soluta nesciunt facere, amet nihil?</p>\n                <!-- Counter List -->\n                <div class=\"counter-list\">\n                    <ul>\n                        <li>\n                            <!-- Single Counter -->\n                            <div class=\"single-counter px-4 py-3 text-center\">\n                                <!-- Counter Icon -->\n                                <div class=\"counter-icon\">\n                                    <i class=\"icofont-repair\"></i>\n                                </div>\n                                <!-- Counter Text -->\n                                <div class=\"counter-text\">\n                                    <span class=\"counter d-inline-block mt-3 mb-2\">2350</span>\n                                    <h5>Users</h5>\n                                </div>\n                            </div>\n                        </li>\n                        <li>\n                            <!-- Single Counter -->\n                            <div class=\"single-counter px-4 py-3 text-center\">\n                                <!-- Counter Icon -->\n                                <div class=\"counter-icon\">\n                                    <i class=\"icofont-heart-alt\"></i>\n                                </div>\n                                <!-- Counter Text -->\n                                <div class=\"counter-text\">\n                                    <span class=\"counter d-inline-block mt-3 mb-2\">1895</span>\n                                    <h5>Acounts</h5>\n                                </div>\n                            </div>\n                        </li>\n                        <li>\n                            <!-- Single Counter -->\n                            <div class=\"single-counter px-4 py-3 text-center\">\n                                <!-- Counter Icon -->\n                                <div class=\"counter-icon\">\n                                    <i class=\"icofont-beard\"></i>\n                                </div>\n                                <!-- Counter Text -->\n                                <div class=\"counter-text\">\n                                    <span class=\"counter d-inline-block mt-3 mb-2\">1580</span>\n                                    <h5>Developers</h5>\n                                </div>\n                            </div>\n                        </li>\n                        <li>\n                            <!-- Single Counter -->\n                            <div class=\"single-counter px-4 py-3 text-center\">\n                                <!-- Counter Icon -->\n                                <div class=\"counter-icon\">\n                                    <i class=\"icofont-safety\"></i>\n                                </div>\n                                <!-- Counter Text -->\n                                <div class=\"counter-text\">\n                                    <span class=\"counter d-inline-block mt-3 mb-2\">1358</span>\n                                    <h5>Download</h5>\n                                </div>\n                            </div>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-about',\n  templateUrl: './about.component.html',\n  styleUrls: ['./about.component.scss']\n})\nexport class AboutComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section about-app-area ptb_100\">\n    <div class=\"shapes-container\">\n        <div class=\"shape-1\"></div>\n    </div>\n    <div class=\"container\">\n        <div class=\"row align-items-center\">\n            <div class=\"col-12 col-lg-6\">\n                <!-- About Text -->\n                <div class=\"about-text\">\n                    <!-- Headings -->\n                    <div class=\"headings d-flex align-items-center mb-4\">\n                        <span class=\"text-uppercase d-none d-sm-block\">About&nbsp;Me</span>\n                        <h2 class=\"text-capitalize\">Hi👋, I'm Victoria!</h2>\n                    </div>\n                    <div class=\"reason-content\">\n                        I’m a Product Designer with a background in photography and fine arts. Currently, I’m at Kaplan, where I focus on enhancing the B2B learning management system experience, particularly around data dashboards and reporting. I’m also co-leading the process of building a consolidated design system and driving its adoption across the organization.\n                    </div>\n\n                    <div class=\"d-none d-sm-block reason-content\">\n                        Prior to this, as a UX designer at NYC Data Science Academy, I designed the company website and B2C learning management system, while gaining hands-on development skills. I delivered user-centered solutions and helped achieve business goals through design.\n                    </div>\n\n                    <div class=\"reason-title accent-blue\">\n                        🔥 WHY PRODUCT DESIGN?\n                    </div>\n\n                    <div class=\"reason-content\">\n                        During my time at Parsons, I turned an infographic for the iconic Diana+ film camera, my favorite toy camera, into my first interactive project. It sparked my passion for product design, which is the perfect solution to balance my creative side with my logical side. My curiosity and creativity have continuously driven me to push pixels 👩‍🎨 while my left brain 🧠 is working on synthesizing user data.\n                    </div>\n\n                    <div class=\"reason-title accent-blue\">\n                        🎨 WHEN I’M NOT WORKING…...\n                    </div>\n\n                    <div class=\"reason-content\">\n                        I’m traveling with my 📷, painting, playing the piano, learning new skills, and practicing Italian.\n                    </div>\n\n                    <div class=\"reason-title accent-blue\">\n                        ✌️LET'S CONNECT!\n                    </div>\n\n                    <div class=\"reason-content\">\n                        Please do not hesitate to contact me about possible job opportunities at <a href=\"mailto:me@victoriaqian.com\" class=\"accent-blue\">me@victoriaqian.com</a>.\n                    </div>\n\n                    <!-- Store Buttons -->\n                    <div class=\"button-group store-buttons\">\n                        <a a target=\"_blank\" class=\"nav-link\" href=\"../../../../assets/files/Qian-Leixin-Victoria-Resume.pdf\"class=\"btn btn-bordered\">\n                            <span class=\"accent-blue\">View Resume</span>\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"col-12 col-lg-6\">\n                <!-- About Thumb -->\n                <div class=\"about-thumb text-center d-none d-lg-block\">\n                    <img src=\"assets/img/about-me.jpg\">\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-blog-details-left-sidebar',\n  templateUrl: './blog-details-left-sidebar.component.html',\n  styleUrls: ['./blog-details-left-sidebar.component.css']\n})\nexport class BlogDetailsLeftSidebarComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"blog\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n        <app-breadcrumb-blog-details-left-sidebar></app-breadcrumb-blog-details-left-sidebar>\n        <section id=\"blog\" class=\"section blog-area ptb_100\">\n            <div class=\"container\">\n                <div class=\"row\">\n                    <div class=\"col-12 col-lg-3\">\n                        <aside class=\"sidebar\">\n                            <!-- Single Widget -->\n                            <div class=\"single-widget\">\n                                <!-- Search Widget -->\n                                <div class=\"widget-content search-widget\">\n                                    <form action=\"#\">\n                                        <input type=\"text\" placeholder=\"Enter your keywords\">\n                                    </form>\n                                </div>\n                            </div>\n                            <!-- Single Widget -->\n                            <div class=\"single-widget\">\n                                <!-- Category Widget -->\n                                <div class=\"accordions widget catagory-widget\" id=\"cat-accordion\">\n                                    <div class=\"single-accordion blog-accordion\">\n                                        <h5>\n                                            <a role=\"button\" class=\"collapse show text-uppercase d-block p-3\" data-toggle=\"collapse\" href=\"#accordion1\">Categories\n                                            </a>\n                                        </h5>\n                                        <!-- Category Widget Content -->\n                                        <div id=\"accordion1\" class=\"accordion-content widget-content collapse show\" data-parent=\"#cat-accordion\">\n                                            <!-- Category Widget Items -->\n                                            <ul class=\"widget-items\">\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>Web Design</span><span class=\"ml-auto\">(14)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>App Landing</span><span class=\"ml-auto\">(32)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>Wordpress</span><span class=\"ml-auto\">(27)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>UI Design</span><span class=\"ml-auto\">(18)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>Bootstrap</span><span class=\"ml-auto\">(15)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>Web Template</span><span class=\"ml-auto\">(29)</span></a></li>\n                                            </ul>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <!-- Single Widget -->\n                            <div class=\"single-widget\">\n                                <!-- Post Widget -->\n                                <div class=\"accordions widget post-widget\" id=\"post-accordion\">\n                                    <div class=\"single-accordion\">\n                                        <h5>\n                                            <a role=\"button\" class=\"collapse show text-uppercase d-block p-3\" data-toggle=\"collapse\" href=\"#accordion2\">Popular Post\n                                            </a>\n                                        </h5>\n                                        <!-- Post Widget Content -->\n                                        <div id=\"accordion2\" class=\"accordion-content widget-content collapse show\" data-parent=\"#post-accordion\">\n                                            <!-- Post Widget Items -->\n                                            <ul class=\"widget-items\">\n                                                <li>\n                                                    <a href=\"#\" class=\"single-post align-items-center align-items-lg-start media p-3\">\n                                                        <!-- Post Thumb -->\n                                                        <div class=\"post-thumb avatar-md\">\n                                                            <img class=\"align-self-center\" src=\"assets/img/avatar_1.png\" alt=\"\">\n                                                        </div>\n                                                        <div class=\"post-content media-body pl-3\">\n                                                            <p class=\"post-date mb-2\">05 Feb, 2018</p>\n                                                            <h6>Promote Your Apps With Appo</h6>\n                                                        </div>\n                                                    </a>\n                                                </li>\n                                                <li>\n                                                    <a href=\"#\" class=\"single-post align-items-center align-items-lg-start media p-3\">\n                                                        <!-- Post Thumb -->\n                                                        <div class=\"post-thumb avatar-md\">\n                                                            <img class=\"align-self-center\" src=\"assets/img/avatar_2.png\" alt=\"\">\n                                                        </div>\n                                                        <div class=\"post-content media-body pl-3\">\n                                                            <p class=\"post-date mb-2\">09 Apr, 2018</p>\n                                                            <h6>Sell Your Product Like Never Before</h6>\n                                                        </div>\n                                                    </a>\n                                                </li>\n                                                <li>\n                                                    <a href=\"#\" class=\"single-post align-items-center align-items-lg-start media p-3\">\n                                                        <!-- Post Thumb -->\n                                                        <div class=\"post-thumb avatar-md\">\n                                                            <img class=\"align-self-center\" src=\"assets/img/avatar_3.png\" alt=\"\">\n                                                        </div>\n                                                        <div class=\"post-content media-body pl-3\">\n                                                            <p class=\"post-date mb-2\">13 Jul, 2018</p>\n                                                            <h6>Built For Passionate People</h6>\n                                                        </div>\n                                                    </a>\n                                                </li>\n                                                <li>\n                                                    <a href=\"#\" class=\"single-post align-items-center align-items-lg-start media p-3\">\n                                                        <!-- Post Thumb -->\n                                                        <div class=\"post-thumb avatar-md\">\n                                                            <img class=\"align-self-center\" src=\"assets/img/avatar_4.png\" alt=\"\">\n                                                        </div>\n                                                        <div class=\"post-content media-body pl-3\">\n                                                            <p class=\"post-date mb-2\">03 Oct, 2018</p>\n                                                            <h6>Get Unlimited Offers &amp; Plans</h6>\n                                                        </div>\n                                                    </a>\n                                                </li>\n                                            </ul>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <!-- Single Widget -->\n                            <div class=\"single-widget\">\n                                <!-- Tags Widget -->\n                                <div class=\"accordions widget tags-widget\" id=\"tags-accordion\">\n                                    <div class=\"single-accordion blog-accordion\">\n                                        <h5>\n                                            <a role=\"button\" class=\"collapse show text-uppercase d-block p-3\" data-toggle=\"collapse\" href=\"#accordion3\">Popular Tags\n                                            </a>\n                                        </h5>\n                                        <!-- Tags Widget Content -->\n                                        <div id=\"accordion3\" class=\"accordion-content widget-content collapse show\" data-parent=\"#tags-accordion\">\n                                            <!-- Tags Widget Items -->\n                                            <div class=\"widget-content tags-widget-items pt-2\">\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Appo</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Bootstrap</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">IOS</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Android</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Landing Page</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Business</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Fashion</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Media</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Lifestyle</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Wordpress</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Web Design</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Mobile App</a>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </aside>\n                    </div>\n                    <div class=\"col-12 col-lg-9\">\n                        <!-- Single Blog Details -->\n                        <article class=\"single-blog-details\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_1.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content appo-blog\">\n                                <!-- Meta Info -->\n                                <div class=\"meta-info d-flex flex-wrap align-items-center py-2\">\n                                    <ul>\n                                        <li class=\"d-inline-block p-2\">By <a href=\"#\">Anna Swford</a></li>\n                                        <li class=\"d-inline-block p-2\"><a href=\"#\">05 Feb, 2018</a></li>\n                                        <li class=\"d-inline-block p-2\"><a href=\"#\">2 Comments</a></li>\n                                    </ul>\n                                    <!-- Blog Share -->\n                                    <div class=\"blog-share ml-auto d-none d-sm-block\">\n                                        <!-- Social Icons -->\n                                        <div class=\"social-icons d-flex justify-content-center\">\n                                            <a class=\"bg-white facebook\" href=\"#\">\n                                                <i class=\"fab fa-facebook-f\"></i>\n                                                <i class=\"fab fa-facebook-f\"></i>\n                                            </a>\n                                            <a class=\"bg-white twitter\" href=\"#\">\n                                                <i class=\"fab fa-twitter\"></i>\n                                                <i class=\"fab fa-twitter\"></i>\n                                            </a>\n                                            <a class=\"bg-white google-plus\" href=\"#\">\n                                                <i class=\"fab fa-google-plus-g\"></i>\n                                                <i class=\"fab fa-google-plus-g\"></i>\n                                            </a>\n                                        </div>\n                                    </div>\n                                </div>\n                                <!-- Blog Details -->\n                                <div class=\"blog-details\">\n                                    <h3 class=\"blog-title py-2 py-sm-3\"><a href=\"#\">Promote your product to a new level with Appo</a></h3>\n                                    <p class=\"d-none d-sm-block\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique placeat deleniti repellat alias maiores corrupti, commodi rem eum molestiae distinctio vitae perferendis at esse ex quas hic quis debitis quasi aspernatur incidunt, excepturi sapiente ducimus nisi. Ad molestiae, blanditiis ducimus.</p>\n                                    <p class=\"d-block d-sm-none\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est mollitia, tenetur libero voluptate quisquam consectetur facilis natus molestiae officiis aperiam.</p>\n                                    <blockquote class=\"blockquote px-4 py-3 my-3 ml-4\">\n                                        <p class=\"d-none d-sm-block\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime magnam, molestias omnis quam veritatis consectetur nihil aliquid quo culpa? Ullam molestiae id temporibus nemo inventore, at reiciendis distinctio porro atque!</p>\n                                        <p class=\"d-block d-sm-none\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur ullam dolor, omnis maiores molestiae ducimus.</p>\n                                    </blockquote>\n                                    <p class=\"d-none d-sm-block\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique placeat deleniti repellat alias maiores corrupti, commodi rem eum molestiae distinctio vitae perferendis at esse ex quas hic quis debitis quasi aspernatur incidunt, excepturi sapiente ducimus nisi. Ad molestiae, blanditiis ducimus.</p>\n                                    <p class=\"d-block d-sm-none\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est mollitia, tenetur libero voluptate quisquam consectetur facilis natus molestiae officiis aperiam.</p>\n                                </div>\n                            </div>\n                            <!-- Blog Comments -->\n                            <div class=\"blog-comments\">\n                                <!-- Admin -->\n                                <div class=\"admin media py-3\">\n                                    <!-- Admin Thumb -->\n                                    <div class=\"admin-thumb avatar-lg\">\n                                        <img class=\"rounded-circle\" src=\"assets/img/avatar_1.png\" alt=\"\">\n                                    </div>\n                                    <!-- Admin Content -->\n                                    <div class=\"admin-content media-body pl-3 pl-sm-4\">\n                                        <h4 class=\"admin-name mb-2\"><a href=\"#\">Anna Swford</a></h4>\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo eius nam facere enim, voluptas incidunt officiis molestiae, nostrum dolor? Fugit.</p>\n                                    </div>\n                                </div>\n                                <!-- Comments -->\n                                <div class=\"comments my-3\">\n                                    <!-- Comments Title -->\n                                    <h3 class=\"comments-title text-uppercase text-right mb-3\">Recent Comments</h3>\n                                    <!-- Single Comments -->\n                                    <div class=\"single-comments media p-3 p-lg-4\">\n                                        <!-- Comments Thumb -->\n                                        <div class=\"comments-thumb avatar-lg\">\n                                            <img class=\"rounded-circle\" src=\"assets/img/avatar_2.png\" alt=\"\">\n                                        </div>\n                                        <!-- Comments Content -->\n                                        <div class=\"comments-content media-body pl-3\">\n                                            <h5 class=\"d-flex mb-2\">\n                                                <a href=\"#\">Jonayed Hasan</a>\n                                                <a href=\"#\" class=\"ml-auto\">Reply</a>\n                                            </h5>\n                                            <p class=\"d-none d-lg-block\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere optio ipsum maiores mollitia quisquam.</p>\n                                            <p class=\"d-block d-lg-none\">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>\n                                        </div>\n                                    </div>\n                                    <!-- Single Comments -->\n                                    <div class=\"single-comments media p-3 p-lg-4\">\n                                        <!-- Comments Thumb -->\n                                        <div class=\"comments-thumb avatar-lg\">\n                                            <img class=\"rounded-circle\" src=\"assets/img/avatar_3.png\" alt=\"\">\n                                        </div>\n                                        <!-- Comments Content -->\n                                        <div class=\"comments-content media-body pl-3\">\n                                            <h5 class=\"d-flex mb-2\">\n                                                <a href=\"#\">Jassica William</a>\n                                                <a href=\"#\" class=\"ml-auto\">Reply</a>\n                                            </h5>\n                                            <p class=\"d-none d-lg-block\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere optio ipsum maiores mollitia quisquam.</p>\n                                            <p class=\"d-block d-lg-none\">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <!-- Blog Contact -->\n                            <div class=\"blog-contact mt-4\">\n                                <!-- Contact Title -->\n                                <h3 class=\"comments-title text-uppercase text-right mb-3\">Post your Comments</h3>\n                                <!-- Comment Box -->\n                                <div class=\"contact-box comment-box\">\n                                    <form method=\"POST\" action=\"#\">\n                                        <div class=\"row\">\n                                            <div class=\"col-12 col-md-6\">\n                                                <div class=\"form-group\">\n                                                    <input type=\"text\" class=\"form-control\" name=\"name\" placeholder=\"Name\" required=\"required\">\n                                                </div>\n                                            </div>\n                                            <div class=\"col-12 col-md-6\">\n                                                <div class=\"form-group\">\n                                                    <input type=\"email\" class=\"form-control\" name=\"email\" placeholder=\"Email\" required=\"required\">\n                                                </div>\n                                            </div>\n                                            <div class=\"col-12\">\n                                                <div class=\"form-group\">\n                                                    <textarea class=\"form-control\" name=\"message\" placeholder=\"Message\" required=\"required\"></textarea>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-12\">\n                                                <button class=\"btn btn-bordered\" type=\"submit\">Send Message</button>\n                                            </div>\n                                        </div>\n                                    </form>\n                                </div>\n                            </div>\n                        </article>\n                    </div>\n                </div>\n            </div>\n        </section>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-blog-details-right-sidebar',\n  templateUrl: './blog-details-right-sidebar.component.html',\n  styleUrls: ['./blog-details-right-sidebar.component.css']\n})\nexport class BlogDetailsRightSidebarComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"blog blog-right\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n        <app-breadcrumb-blog-details-right-sidebar></app-breadcrumb-blog-details-right-sidebar>\n        <section id=\"blog\" class=\"section blog-area ptb_100\">\n            <div class=\"container\">\n                <div class=\"row\">\n                    <div class=\"col-12 col-lg-9\">\n                        <!-- Single Blog Details -->\n                        <article class=\"single-blog-details\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_1.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content appo-blog\">\n                                <!-- Meta Info -->\n                                <div class=\"meta-info d-flex flex-wrap align-items-center py-2\">\n                                    <ul>\n                                        <li class=\"d-inline-block p-2\">By <a href=\"#\">Anna Swford</a></li>\n                                        <li class=\"d-inline-block p-2\"><a href=\"#\">05 Feb, 2018</a></li>\n                                        <li class=\"d-inline-block p-2\"><a href=\"#\">2 Comments</a></li>\n                                    </ul>\n                                    <!-- Blog Share -->\n                                    <div class=\"blog-share ml-auto d-none d-sm-block\">\n                                        <!-- Social Icons -->\n                                        <div class=\"social-icons d-flex justify-content-center\">\n                                            <a class=\"bg-white facebook\" href=\"#\">\n                                                <i class=\"fab fa-facebook-f\"></i>\n                                                <i class=\"fab fa-facebook-f\"></i>\n                                            </a>\n                                            <a class=\"bg-white twitter\" href=\"#\">\n                                                <i class=\"fab fa-twitter\"></i>\n                                                <i class=\"fab fa-twitter\"></i>\n                                            </a>\n                                            <a class=\"bg-white google-plus\" href=\"#\">\n                                                <i class=\"fab fa-google-plus-g\"></i>\n                                                <i class=\"fab fa-google-plus-g\"></i>\n                                            </a>\n                                        </div>\n                                    </div>\n                                </div>\n                                <!-- Blog Details -->\n                                <div class=\"blog-details\">\n                                    <h3 class=\"blog-title py-2 py-sm-3\"><a href=\"#\">Promote your product to a new level with Appo</a></h3>\n                                    <p class=\"d-none d-sm-block\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique placeat deleniti repellat alias maiores corrupti, commodi rem eum molestiae distinctio vitae perferendis at esse ex quas hic quis debitis quasi aspernatur incidunt, excepturi sapiente ducimus nisi. Ad molestiae, blanditiis ducimus.</p>\n                                    <p class=\"d-block d-sm-none\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est mollitia, tenetur libero voluptate quisquam consectetur facilis natus molestiae officiis aperiam.</p>\n                                    <blockquote class=\"blockquote px-4 py-3 my-3 ml-4\">\n                                        <p class=\"d-none d-sm-block\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime magnam, molestias omnis quam veritatis consectetur nihil aliquid quo culpa? Ullam molestiae id temporibus nemo inventore, at reiciendis distinctio porro atque!</p>\n                                        <p class=\"d-block d-sm-none\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur ullam dolor, omnis maiores molestiae ducimus.</p>\n                                    </blockquote>\n                                    <p class=\"d-none d-sm-block\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique placeat deleniti repellat alias maiores corrupti, commodi rem eum molestiae distinctio vitae perferendis at esse ex quas hic quis debitis quasi aspernatur incidunt, excepturi sapiente ducimus nisi. Ad molestiae, blanditiis ducimus.</p>\n                                    <p class=\"d-block d-sm-none\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est mollitia, tenetur libero voluptate quisquam consectetur facilis natus molestiae officiis aperiam.</p>\n                                </div>\n                            </div>\n                            <!-- Blog Comments -->\n                            <div class=\"blog-comments\">\n                                <!-- Admin -->\n                                <div class=\"admin media py-3\">\n                                    <!-- Admin Thumb -->\n                                    <div class=\"admin-thumb avatar-lg\">\n                                        <img class=\"rounded-circle\" src=\"assets/img/avatar_1.png\" alt=\"\">\n                                    </div>\n                                    <!-- Admin Content -->\n                                    <div class=\"admin-content media-body pl-3 pl-sm-4\">\n                                        <h4 class=\"admin-name mb-2\"><a href=\"#\">Anna Swford</a></h4>\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo eius nam facere enim, voluptas incidunt officiis molestiae, nostrum dolor? Fugit.</p>\n                                    </div>\n                                </div>\n                                <!-- Comments -->\n                                <div class=\"comments my-3\">\n                                    <!-- Comments Title -->\n                                    <h3 class=\"comments-title text-uppercase text-right mb-3\">Recent Comments</h3>\n                                    <!-- Single Comments -->\n                                    <div class=\"single-comments media p-3 p-lg-4\">\n                                        <!-- Comments Thumb -->\n                                        <div class=\"comments-thumb avatar-lg\">\n                                            <img class=\"rounded-circle\" src=\"assets/img/avatar_2.png\" alt=\"\">\n                                        </div>\n                                        <!-- Comments Content -->\n                                        <div class=\"comments-content media-body pl-3\">\n                                            <h5 class=\"d-flex mb-2\">\n                                                <a href=\"#\">Jonayed Hasan</a>\n                                                <a href=\"#\" class=\"ml-auto\">Reply</a>\n                                            </h5>\n                                            <p class=\"d-none d-lg-block\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere optio ipsum maiores mollitia quisquam.</p>\n                                            <p class=\"d-block d-lg-none\">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>\n                                        </div>\n                                    </div>\n                                    <!-- Single Comments -->\n                                    <div class=\"single-comments media p-3 p-lg-4\">\n                                        <!-- Comments Thumb -->\n                                        <div class=\"comments-thumb avatar-lg\">\n                                            <img class=\"rounded-circle\" src=\"assets/img/avatar_3.png\" alt=\"\">\n                                        </div>\n                                        <!-- Comments Content -->\n                                        <div class=\"comments-content media-body pl-3\">\n                                            <h5 class=\"d-flex mb-2\">\n                                                <a href=\"#\">Jassica William</a>\n                                                <a href=\"#\" class=\"ml-auto\">Reply</a>\n                                            </h5>\n                                            <p class=\"d-none d-lg-block\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere optio ipsum maiores mollitia quisquam.</p>\n                                            <p class=\"d-block d-lg-none\">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <!-- Blog Contact -->\n                            <div class=\"blog-contact mt-4\">\n                                <!-- Contact Title -->\n                                <h3 class=\"comments-title text-uppercase text-right mb-3\">Post your Comments</h3>\n                                <!-- Comment Box -->\n                                <div class=\"contact-box comment-box\">\n                                    <form method=\"POST\" action=\"#\">\n                                        <div class=\"row\">\n                                            <div class=\"col-12 col-md-6\">\n                                                <div class=\"form-group\">\n                                                    <input type=\"text\" class=\"form-control\" name=\"name\" placeholder=\"Name\" required=\"required\">\n                                                </div>\n                                            </div>\n                                            <div class=\"col-12 col-md-6\">\n                                                <div class=\"form-group\">\n                                                    <input type=\"email\" class=\"form-control\" name=\"email\" placeholder=\"Email\" required=\"required\">\n                                                </div>\n                                            </div>\n                                            <div class=\"col-12\">\n                                                <div class=\"form-group\">\n                                                    <textarea class=\"form-control\" name=\"message\" placeholder=\"Message\" required=\"required\"></textarea>\n                                                </div>\n                                            </div>\n                                            <div class=\"col-12\">\n                                                <button class=\"btn btn-bordered\" type=\"submit\">Send Message</button>\n                                            </div>\n                                        </div>\n                                    </form>\n                                </div>\n                            </div>\n                        </article>\n                    </div>\n                    <div class=\"col-12 col-lg-3\">\n                        <aside class=\"sidebar\">\n                            <!-- Single Widget -->\n                            <div class=\"single-widget\">\n                                <!-- Search Widget -->\n                                <div class=\"widget-content search-widget\">\n                                    <form action=\"#\">\n                                        <input type=\"text\" placeholder=\"Enter your keywords\">\n                                    </form>\n                                </div>\n                            </div>\n                            <!-- Single Widget -->\n                            <div class=\"single-widget\">\n                                <!-- Category Widget -->\n                                <div class=\"accordions widget catagory-widget\" id=\"cat-accordion\">\n                                    <div class=\"single-accordion blog-accordion\">\n                                        <h5>\n                                            <a role=\"button\" class=\"collapse show text-uppercase d-block p-3\" data-toggle=\"collapse\" href=\"#accordion1\">Categories\n                                            </a>\n                                        </h5>\n                                        <!-- Category Widget Content -->\n                                        <div id=\"accordion1\" class=\"accordion-content widget-content collapse show\" data-parent=\"#cat-accordion\">\n                                            <!-- Category Widget Items -->\n                                            <ul class=\"widget-items\">\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>Web Design</span><span class=\"ml-auto\">(14)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>App Landing</span><span class=\"ml-auto\">(32)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>Wordpress</span><span class=\"ml-auto\">(27)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>UI Design</span><span class=\"ml-auto\">(18)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>Bootstrap</span><span class=\"ml-auto\">(15)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>Web Template</span><span class=\"ml-auto\">(29)</span></a></li>\n                                            </ul>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <!-- Single Widget -->\n                            <div class=\"single-widget\">\n                                <!-- Post Widget -->\n                                <div class=\"accordions widget post-widget\" id=\"post-accordion\">\n                                    <div class=\"single-accordion\">\n                                        <h5>\n                                            <a role=\"button\" class=\"collapse show text-uppercase d-block p-3\" data-toggle=\"collapse\" href=\"#accordion2\">Popular Post\n                                            </a>\n                                        </h5>\n                                        <!-- Post Widget Content -->\n                                        <div id=\"accordion2\" class=\"accordion-content widget-content collapse show\" data-parent=\"#post-accordion\">\n                                            <!-- Post Widget Items -->\n                                            <ul class=\"widget-items\">\n                                                <li>\n                                                    <a href=\"#\" class=\"single-post align-items-center align-items-lg-start media p-3\">\n                                                        <!-- Post Thumb -->\n                                                        <div class=\"post-thumb avatar-md\">\n                                                            <img class=\"align-self-center\" src=\"assets/img/avatar_1.png\" alt=\"\">\n                                                        </div>\n                                                        <div class=\"post-content media-body pl-3\">\n                                                            <p class=\"post-date mb-2\">05 Feb, 2018</p>\n                                                            <h6>Promote Your Apps With Appo</h6>\n                                                        </div>\n                                                    </a>\n                                                </li>\n                                                <li>\n                                                    <a href=\"#\" class=\"single-post align-items-center align-items-lg-start media p-3\">\n                                                        <!-- Post Thumb -->\n                                                        <div class=\"post-thumb avatar-md\">\n                                                            <img class=\"align-self-center\" src=\"assets/img/avatar_2.png\" alt=\"\">\n                                                        </div>\n                                                        <div class=\"post-content media-body pl-3\">\n                                                            <p class=\"post-date mb-2\">09 Apr, 2018</p>\n                                                            <h6>Sell Your Product Like Never Before</h6>\n                                                        </div>\n                                                    </a>\n                                                </li>\n                                                <li>\n                                                    <a href=\"#\" class=\"single-post align-items-center align-items-lg-start media p-3\">\n                                                        <!-- Post Thumb -->\n                                                        <div class=\"post-thumb avatar-md\">\n                                                            <img class=\"align-self-center\" src=\"assets/img/avatar_3.png\" alt=\"\">\n                                                        </div>\n                                                        <div class=\"post-content media-body pl-3\">\n                                                            <p class=\"post-date mb-2\">13 Jul, 2018</p>\n                                                            <h6>Built For Passionate People</h6>\n                                                        </div>\n                                                    </a>\n                                                </li>\n                                                <li>\n                                                    <a href=\"#\" class=\"single-post align-items-center align-items-lg-start media p-3\">\n                                                        <!-- Post Thumb -->\n                                                        <div class=\"post-thumb avatar-md\">\n                                                            <img class=\"align-self-center\" src=\"assets/img/avatar_4.png\" alt=\"\">\n                                                        </div>\n                                                        <div class=\"post-content media-body pl-3\">\n                                                            <p class=\"post-date mb-2\">03 Oct, 2018</p>\n                                                            <h6>Get Unlimited Offers &amp; Plans</h6>\n                                                        </div>\n                                                    </a>\n                                                </li>\n                                            </ul>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <!-- Single Widget -->\n                            <div class=\"single-widget\">\n                                <!-- Tags Widget -->\n                                <div class=\"accordions widget tags-widget\" id=\"tags-accordion\">\n                                    <div class=\"single-accordion blog-accordion\">\n                                        <h5>\n                                            <a role=\"button\" class=\"collapse show text-uppercase d-block p-3\" data-toggle=\"collapse\" href=\"#accordion3\">Popular Tags\n                                            </a>\n                                        </h5>\n                                        <!-- Tags Widget Content -->\n                                        <div id=\"accordion3\" class=\"accordion-content widget-content collapse show\" data-parent=\"#tags-accordion\">\n                                            <!-- Tags Widget Items -->\n                                            <div class=\"widget-content tags-widget-items pt-2\">\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Appo</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Bootstrap</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">IOS</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Android</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Landing Page</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Business</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Fashion</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Media</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Lifestyle</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Wordpress</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Web Design</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Mobile App</a>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </aside>\n                    </div>\n                </div>\n            </div>\n        </section>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-blog-left-sidebar',\n  templateUrl: './blog-left-sidebar.component.html',\n  styleUrls: ['./blog-left-sidebar.component.css']\n})\nexport class BlogLeftSidebarComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"blog\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n        <app-breadcrumb-blog-left-sidebar></app-breadcrumb-blog-left-sidebar>\n        <section id=\"blog\" class=\"section blog-area ptb_100\">\n            <div class=\"container\">\n                <div class=\"row\">\n                    <div class=\"col-12 col-lg-3\">\n                        <aside class=\"sidebar\">\n                            <!-- Single Widget -->\n                            <div class=\"single-widget\">\n                                <!-- Search Widget -->\n                                <div class=\"widget-content search-widget\">\n                                    <form action=\"#\">\n                                        <input type=\"text\" placeholder=\"Enter your keywords\">\n                                    </form>\n                                </div>\n                            </div>\n                            <!-- Single Widget -->\n                            <div class=\"single-widget\">\n                                <!-- Category Widget -->\n                                <div class=\"accordions widget catagory-widget\" id=\"cat-accordion\">\n                                    <div class=\"single-accordion blog-accordion\">\n                                        <h5>\n                                            <a role=\"button\" class=\"collapse show text-uppercase d-block p-3\" data-toggle=\"collapse\" href=\"#accordion1\">Categories\n                                            </a>\n                                        </h5>\n                                        <!-- Category Widget Content -->\n                                        <div id=\"accordion1\" class=\"accordion-content widget-content collapse show\" data-parent=\"#cat-accordion\">\n                                            <!-- Category Widget Items -->\n                                            <ul class=\"widget-items\">\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>Web Design</span><span class=\"ml-auto\">(14)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>App Landing</span><span class=\"ml-auto\">(32)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>Wordpress</span><span class=\"ml-auto\">(27)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>UI Design</span><span class=\"ml-auto\">(18)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>Bootstrap</span><span class=\"ml-auto\">(15)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>Web Template</span><span class=\"ml-auto\">(29)</span></a></li>\n                                            </ul>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <!-- Single Widget -->\n                            <div class=\"single-widget\">\n                                <!-- Post Widget -->\n                                <div class=\"accordions widget post-widget\" id=\"post-accordion\">\n                                    <div class=\"single-accordion\">\n                                        <h5>\n                                            <a role=\"button\" class=\"collapse show text-uppercase d-block p-3\" data-toggle=\"collapse\" href=\"#accordion2\">Popular Post\n                                            </a>\n                                        </h5>\n                                        <!-- Post Widget Content -->\n                                        <div id=\"accordion2\" class=\"accordion-content widget-content collapse show\" data-parent=\"#post-accordion\">\n                                            <!-- Post Widget Items -->\n                                            <ul class=\"widget-items\">\n                                                <li>\n                                                    <a href=\"#\" class=\"single-post media p-3\">\n                                                        <!-- Post Thumb -->\n                                                        <div class=\"post-thumb avatar-md\">\n                                                            <img class=\"align-self-center\" src=\"assets/img/avatar_1.png\" alt=\"\">\n                                                        </div>\n                                                        <div class=\"post-content media-body pl-3\">\n                                                            <p class=\"post-date mb-2\">05 Feb, 2018</p>\n                                                            <h6>Promote Your Apps With Appo</h6>\n                                                        </div>\n                                                    </a>\n                                                </li>\n                                                <li>\n                                                    <a href=\"#\" class=\"single-post media p-3\">\n                                                        <!-- Post Thumb -->\n                                                        <div class=\"post-thumb avatar-md\">\n                                                            <img class=\"align-self-center\" src=\"assets/img/avatar_2.png\" alt=\"\">\n                                                        </div>\n                                                        <div class=\"post-content media-body pl-3\">\n                                                            <p class=\"post-date mb-2\">09 Apr, 2018</p>\n                                                            <h6>Sell Your Product Like Never Before</h6>\n                                                        </div>\n                                                    </a>\n                                                </li>\n                                                <li>\n                                                    <a href=\"#\" class=\"single-post media p-3\">\n                                                        <!-- Post Thumb -->\n                                                        <div class=\"post-thumb avatar-md\">\n                                                            <img class=\"align-self-center\" src=\"assets/img/avatar_3.png\" alt=\"\">\n                                                        </div>\n                                                        <div class=\"post-content media-body pl-3\">\n                                                            <p class=\"post-date mb-2\">13 Jul, 2018</p>\n                                                            <h6>Built For Passionate People</h6>\n                                                        </div>\n                                                    </a>\n                                                </li>\n                                                <li>\n                                                    <a href=\"#\" class=\"single-post media p-3\">\n                                                        <!-- Post Thumb -->\n                                                        <div class=\"post-thumb avatar-md\">\n                                                            <img class=\"align-self-center\" src=\"assets/img/avatar_4.png\" alt=\"\">\n                                                        </div>\n                                                        <div class=\"post-content media-body pl-3\">\n                                                            <p class=\"post-date mb-2\">03 Oct, 2018</p>\n                                                            <h6>Get Unlimited Offers &amp; Plans</h6>\n                                                        </div>\n                                                    </a>\n                                                </li>\n                                            </ul>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <!-- Single Widget -->\n                            <div class=\"single-widget\">\n                                <!-- Tags Widget -->\n                                <div class=\"accordions widget tags-widget\" id=\"tags-accordion\">\n                                    <div class=\"single-accordion blog-accordion\">\n                                        <h5>\n                                            <a role=\"button\" class=\"collapse show text-uppercase d-block p-3\" data-toggle=\"collapse\" href=\"#accordion3\">Popular Tags\n                                            </a>\n                                        </h5>\n                                        <!-- Tags Widget Content -->\n                                        <div id=\"accordion3\" class=\"accordion-content widget-content collapse show\" data-parent=\"#tags-accordion\">\n                                            <!-- Tags Widget Items -->\n                                            <div class=\"widget-content tags-widget-items pt-2\">\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Appo</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Bootstrap</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">IOS</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Android</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Landing Page</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Business</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Fashion</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Media</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Lifestyle</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Wordpress</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Web Design</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Mobile App</a>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </aside>\n                    </div>\n                    <div class=\"col-12 col-lg-9\">\n                        <div class=\"row\">\n                            <div class=\"col-12 col-md-6\">\n                                <!-- Single Blog -->\n                                <div class=\"single-blog res-margin\">\n                                    <!-- Blog Thumb -->\n                                    <div class=\"blog-thumb\">\n                                        <a href=\"#\"><img src=\"assets/img/blog_1.jpg\" alt=\"\"></a>\n                                    </div>\n                                    <!-- Blog Content -->\n                                    <div class=\"blog-content p-4\">\n                                        <!-- Meta Info -->\n                                        <ul class=\"meta-info d-flex justify-content-between\">\n                                            <li>By <a href=\"#\">Anna Sword</a></li>\n                                            <li><a href=\"#\">Feb 05, 2019</a></li>\n                                        </ul>\n                                        <!-- Blog Title -->\n                                        <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                        <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-6\">\n                                <!-- Single Blog -->\n                                <div class=\"single-blog res-margin\">\n                                    <!-- Blog Thumb -->\n                                    <div class=\"blog-thumb\">\n                                        <a href=\"#\"><img src=\"assets/img/blog_2.jpg\" alt=\"\"></a>\n                                    </div>\n                                    <!-- Blog Content -->\n                                    <div class=\"blog-content p-4\">\n                                        <!-- Meta Info -->\n                                        <ul class=\"meta-info d-flex justify-content-between\">\n                                            <li>By <a href=\"#\">Jassica William</a></li>\n                                            <li><a href=\"#\">Feb 05, 2019</a></li>\n                                        </ul>\n                                        <!-- Blog Title -->\n                                        <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                        <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-6\">\n                                <!-- Single Blog -->\n                                <div class=\"single-blog\">\n                                    <!-- Blog Thumb -->\n                                    <div class=\"blog-thumb\">\n                                        <a href=\"#\"><img src=\"assets/img/blog_3.jpg\" alt=\"\"></a>\n                                    </div>\n                                    <!-- Blog Content -->\n                                    <div class=\"blog-content p-4\">\n                                        <!-- Meta Info -->\n                                        <ul class=\"meta-info d-flex justify-content-between\">\n                                            <li>By <a href=\"#\">John Doe</a></li>\n                                            <li><a href=\"#\">Mar 05, 2019</a></li>\n                                        </ul>\n                                        <!-- Blog Title -->\n                                        <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                        <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-6\">\n                                <!-- Single Blog -->\n                                <div class=\"single-blog res-margin\">\n                                    <!-- Blog Thumb -->\n                                    <div class=\"blog-thumb\">\n                                        <a href=\"#\"><img src=\"assets/img/blog_4.jpg\" alt=\"\"></a>\n                                    </div>\n                                    <!-- Blog Content -->\n                                    <div class=\"blog-content p-4\">\n                                        <!-- Meta Info -->\n                                        <ul class=\"meta-info d-flex justify-content-between\">\n                                            <li>By <a href=\"#\">Anna Sword</a></li>\n                                            <li><a href=\"#\">Feb 05, 2019</a></li>\n                                        </ul>\n                                        <!-- Blog Title -->\n                                        <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                        <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-6\">\n                                <!-- Single Blog -->\n                                <div class=\"single-blog res-margin\">\n                                    <!-- Blog Thumb -->\n                                    <div class=\"blog-thumb\">\n                                        <a href=\"#\"><img src=\"assets/img/blog_5.jpg\" alt=\"\"></a>\n                                    </div>\n                                    <!-- Blog Content -->\n                                    <div class=\"blog-content p-4\">\n                                        <!-- Meta Info -->\n                                        <ul class=\"meta-info d-flex justify-content-between\">\n                                            <li>By <a href=\"#\">Jassica William</a></li>\n                                            <li><a href=\"#\">Feb 05, 2019</a></li>\n                                        </ul>\n                                        <!-- Blog Title -->\n                                        <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                        <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-6\">\n                                <!-- Single Blog -->\n                                <div class=\"single-blog\">\n                                    <!-- Blog Thumb -->\n                                    <div class=\"blog-thumb\">\n                                        <a href=\"#\"><img src=\"assets/img/blog_6.jpg\" alt=\"\"></a>\n                                    </div>\n                                    <!-- Blog Content -->\n                                    <div class=\"blog-content p-4\">\n                                        <!-- Meta Info -->\n                                        <ul class=\"meta-info d-flex justify-content-between\">\n                                            <li>By <a href=\"#\">John Doe</a></li>\n                                            <li><a href=\"#\">Mar 05, 2019</a></li>\n                                        </ul>\n                                        <!-- Blog Title -->\n                                        <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                        <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"row\">\n                            <div class=\"col-12\">\n                                <!-- Pagination -->\n                                <ul class=\"pagination justify-content-center\">\n                                    <li class=\"disabled px-1\">\n                                        <a href=\"#\" aria-label=\"Previous\">\n                                            <i class=\"fas fa-arrow-left\"></i>\n                                        </a>\n                                    </li>\n                                    <li class=\"px-1\"><a href=\"#\">1</a></li>\n                                    <li class=\"active px-1\"><a href=\"#\">2</a></li>\n                                    <li class=\"px-1\"><a href=\"#\">3</a></li>\n                                    <li>\n                                        <a href=\"#\" aria-label=\"Next\">\n                                            <i class=\"fas fa-arrow-right\"></i>\n                                        </a>\n                                    </li>\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </section>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-blog-right-sidebar',\n  templateUrl: './blog-right-sidebar.component.html',\n  styleUrls: ['./blog-right-sidebar.component.css']\n})\nexport class BlogRightSidebarComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"blog blog-right\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n        <app-breadcrumb-blog-right-sidebar></app-breadcrumb-blog-right-sidebar>\n        <section id=\"blog\" class=\"section blog-area ptb_100\">\n            <div class=\"container\">\n                <div class=\"row\">\n                    <div class=\"col-12 col-lg-9\">\n                        <div class=\"row\">\n                            <div class=\"col-12 col-md-6\">\n                                <!-- Single Blog -->\n                                <div class=\"single-blog res-margin\">\n                                    <!-- Blog Thumb -->\n                                    <div class=\"blog-thumb\">\n                                        <a href=\"#\"><img src=\"assets/img/blog_1.jpg\" alt=\"\"></a>\n                                    </div>\n                                    <!-- Blog Content -->\n                                    <div class=\"blog-content p-4\">\n                                        <!-- Meta Info -->\n                                        <ul class=\"meta-info d-flex justify-content-between\">\n                                            <li>By <a href=\"#\">Anna Sword</a></li>\n                                            <li><a href=\"#\">Feb 05, 2019</a></li>\n                                        </ul>\n                                        <!-- Blog Title -->\n                                        <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                        <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-6\">\n                                <!-- Single Blog -->\n                                <div class=\"single-blog res-margin\">\n                                    <!-- Blog Thumb -->\n                                    <div class=\"blog-thumb\">\n                                        <a href=\"#\"><img src=\"assets/img/blog_2.jpg\" alt=\"\"></a>\n                                    </div>\n                                    <!-- Blog Content -->\n                                    <div class=\"blog-content p-4\">\n                                        <!-- Meta Info -->\n                                        <ul class=\"meta-info d-flex justify-content-between\">\n                                            <li>By <a href=\"#\">Jassica William</a></li>\n                                            <li><a href=\"#\">Feb 05, 2019</a></li>\n                                        </ul>\n                                        <!-- Blog Title -->\n                                        <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                        <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-6\">\n                                <!-- Single Blog -->\n                                <div class=\"single-blog\">\n                                    <!-- Blog Thumb -->\n                                    <div class=\"blog-thumb\">\n                                        <a href=\"#\"><img src=\"assets/img/blog_3.jpg\" alt=\"\"></a>\n                                    </div>\n                                    <!-- Blog Content -->\n                                    <div class=\"blog-content p-4\">\n                                        <!-- Meta Info -->\n                                        <ul class=\"meta-info d-flex justify-content-between\">\n                                            <li>By <a href=\"#\">John Doe</a></li>\n                                            <li><a href=\"#\">Mar 05, 2019</a></li>\n                                        </ul>\n                                        <!-- Blog Title -->\n                                        <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                        <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-6\">\n                                <!-- Single Blog -->\n                                <div class=\"single-blog res-margin\">\n                                    <!-- Blog Thumb -->\n                                    <div class=\"blog-thumb\">\n                                        <a href=\"#\"><img src=\"assets/img/blog_4.jpg\" alt=\"\"></a>\n                                    </div>\n                                    <!-- Blog Content -->\n                                    <div class=\"blog-content p-4\">\n                                        <!-- Meta Info -->\n                                        <ul class=\"meta-info d-flex justify-content-between\">\n                                            <li>By <a href=\"#\">Anna Sword</a></li>\n                                            <li><a href=\"#\">Feb 05, 2019</a></li>\n                                        </ul>\n                                        <!-- Blog Title -->\n                                        <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                        <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-6\">\n                                <!-- Single Blog -->\n                                <div class=\"single-blog res-margin\">\n                                    <!-- Blog Thumb -->\n                                    <div class=\"blog-thumb\">\n                                        <a href=\"#\"><img src=\"assets/img/blog_5.jpg\" alt=\"\"></a>\n                                    </div>\n                                    <!-- Blog Content -->\n                                    <div class=\"blog-content p-4\">\n                                        <!-- Meta Info -->\n                                        <ul class=\"meta-info d-flex justify-content-between\">\n                                            <li>By <a href=\"#\">Jassica William</a></li>\n                                            <li><a href=\"#\">Feb 05, 2019</a></li>\n                                        </ul>\n                                        <!-- Blog Title -->\n                                        <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                        <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-6\">\n                                <!-- Single Blog -->\n                                <div class=\"single-blog\">\n                                    <!-- Blog Thumb -->\n                                    <div class=\"blog-thumb\">\n                                        <a href=\"#\"><img src=\"assets/img/blog_6.jpg\" alt=\"\"></a>\n                                    </div>\n                                    <!-- Blog Content -->\n                                    <div class=\"blog-content p-4\">\n                                        <!-- Meta Info -->\n                                        <ul class=\"meta-info d-flex justify-content-between\">\n                                            <li>By <a href=\"#\">John Doe</a></li>\n                                            <li><a href=\"#\">Mar 05, 2019</a></li>\n                                        </ul>\n                                        <!-- Blog Title -->\n                                        <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                        <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"row\">\n                            <div class=\"col-12\">\n                                <!-- Pagination -->\n                                <ul class=\"pagination justify-content-center\">\n                                    <li class=\"disabled px-1\">\n                                        <a href=\"#\" aria-label=\"Previous\">\n                                            <i class=\"fas fa-arrow-left\"></i>\n                                        </a>\n                                    </li>\n                                    <li class=\"px-1\"><a href=\"#\">1</a></li>\n                                    <li class=\"active px-1\"><a href=\"#\">2</a></li>\n                                    <li class=\"px-1\"><a href=\"#\">3</a></li>\n                                    <li>\n                                        <a href=\"#\" aria-label=\"Next\">\n                                            <i class=\"fas fa-arrow-right\"></i>\n                                        </a>\n                                    </li>\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-lg-3\">\n                        <aside class=\"sidebar\">\n                            <!-- Single Widget -->\n                            <div class=\"single-widget\">\n                                <!-- Search Widget -->\n                                <div class=\"widget-content search-widget\">\n                                    <form action=\"#\">\n                                        <input type=\"text\" placeholder=\"Enter your keywords\">\n                                    </form>\n                                </div>\n                            </div>\n                            <!-- Single Widget -->\n                            <div class=\"single-widget\">\n                                <!-- Category Widget -->\n                                <div class=\"accordions widget catagory-widget\" id=\"cat-accordion\">\n                                    <div class=\"single-accordion blog-accordion\">\n                                        <h5>\n                                            <a role=\"button\" class=\"collapse show text-uppercase d-block p-3\" data-toggle=\"collapse\" href=\"#accordion1\">Categories\n                                            </a>\n                                        </h5>\n                                        <!-- Category Widget Content -->\n                                        <div id=\"accordion1\" class=\"accordion-content widget-content collapse show\" data-parent=\"#cat-accordion\">\n                                            <!-- Category Widget Items -->\n                                            <ul class=\"widget-items\">\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>Web Design</span><span class=\"ml-auto\">(14)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>App Landing</span><span class=\"ml-auto\">(32)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>Wordpress</span><span class=\"ml-auto\">(27)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>UI Design</span><span class=\"ml-auto\">(18)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>Bootstrap</span><span class=\"ml-auto\">(15)</span></a></li>\n                                                <li><a href=\"#\" class=\"d-flex p-3\"><span>Web Template</span><span class=\"ml-auto\">(29)</span></a></li>\n                                            </ul>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <!-- Single Widget -->\n                            <div class=\"single-widget\">\n                                <!-- Post Widget -->\n                                <div class=\"accordions widget post-widget\" id=\"post-accordion\">\n                                    <div class=\"single-accordion\">\n                                        <h5>\n                                            <a role=\"button\" class=\"collapse show text-uppercase d-block p-3\" data-toggle=\"collapse\" href=\"#accordion2\">Popular Post\n                                            </a>\n                                        </h5>\n                                        <!-- Post Widget Content -->\n                                        <div id=\"accordion2\" class=\"accordion-content widget-content collapse show\" data-parent=\"#post-accordion\">\n                                            <!-- Post Widget Items -->\n                                            <ul class=\"widget-items\">\n                                                <li>\n                                                    <a href=\"#\" class=\"single-post media p-3\">\n                                                        <!-- Post Thumb -->\n                                                        <div class=\"post-thumb avatar-md\">\n                                                            <img class=\"align-self-center\" src=\"assets/img/avatar_1.png\" alt=\"\">\n                                                        </div>\n                                                        <div class=\"post-content media-body pl-3\">\n                                                            <p class=\"post-date mb-2\">05 Feb, 2018</p>\n                                                            <h6>Promote Your Apps With Appo</h6>\n                                                        </div>\n                                                    </a>\n                                                </li>\n                                                <li>\n                                                    <a href=\"#\" class=\"single-post media p-3\">\n                                                        <!-- Post Thumb -->\n                                                        <div class=\"post-thumb avatar-md\">\n                                                            <img class=\"align-self-center\" src=\"assets/img/avatar_2.png\" alt=\"\">\n                                                        </div>\n                                                        <div class=\"post-content media-body pl-3\">\n                                                            <p class=\"post-date mb-2\">09 Apr, 2018</p>\n                                                            <h6>Sell Your Product Like Never Before</h6>\n                                                        </div>\n                                                    </a>\n                                                </li>\n                                                <li>\n                                                    <a href=\"#\" class=\"single-post media p-3\">\n                                                        <!-- Post Thumb -->\n                                                        <div class=\"post-thumb avatar-md\">\n                                                            <img class=\"align-self-center\" src=\"assets/img/avatar_3.png\" alt=\"\">\n                                                        </div>\n                                                        <div class=\"post-content media-body pl-3\">\n                                                            <p class=\"post-date mb-2\">13 Jul, 2018</p>\n                                                            <h6>Built For Passionate People</h6>\n                                                        </div>\n                                                    </a>\n                                                </li>\n                                                <li>\n                                                    <a href=\"#\" class=\"single-post media p-3\">\n                                                        <!-- Post Thumb -->\n                                                        <div class=\"post-thumb avatar-md\">\n                                                            <img class=\"align-self-center\" src=\"assets/img/avatar_4.png\" alt=\"\">\n                                                        </div>\n                                                        <div class=\"post-content media-body pl-3\">\n                                                            <p class=\"post-date mb-2\">03 Oct, 2018</p>\n                                                            <h6>Get Unlimited Offers &amp; Plans</h6>\n                                                        </div>\n                                                    </a>\n                                                </li>\n                                            </ul>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <!-- Single Widget -->\n                            <div class=\"single-widget\">\n                                <!-- Tags Widget -->\n                                <div class=\"accordions widget tags-widget\" id=\"tags-accordion\">\n                                    <div class=\"single-accordion blog-accordion\">\n                                        <h5>\n                                            <a role=\"button\" class=\"collapse show text-uppercase d-block p-3\" data-toggle=\"collapse\" href=\"#accordion3\">Popular Tags\n                                            </a>\n                                        </h5>\n                                        <!-- Tags Widget Content -->\n                                        <div id=\"accordion3\" class=\"accordion-content widget-content collapse show\" data-parent=\"#tags-accordion\">\n                                            <!-- Tags Widget Items -->\n                                            <div class=\"widget-content tags-widget-items pt-2\">\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Appo</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Bootstrap</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">IOS</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Android</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Landing Page</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Business</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Fashion</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Media</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Lifestyle</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Wordpress</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Web Design</a>\n                                                <a href=\"#\" class=\"d-inline-block mt-2 mr-1 px-2 py-1\">Mobile App</a>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </aside>\n                    </div>\n                </div>\n            </div>\n        </section>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-blog-three-column',\n  templateUrl: './blog-three-column.component.html',\n  styleUrls: ['./blog-three-column.component.css']\n})\nexport class BlogThreeColumnComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"blog\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n        <app-breadcrumb-blog-three-column></app-breadcrumb-blog-three-column>\n        <section id=\"blog\" class=\"section blog-area ptb_100\">\n            <div class=\"container\">\n                <div class=\"row\">\n                    <div class=\"col-12 col-md-6 col-lg-4\">\n                        <!-- Single Blog -->\n                        <div class=\"single-blog res-margin\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_1.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content p-4\">\n                                <!-- Meta Info -->\n                                <ul class=\"meta-info d-flex justify-content-between\">\n                                    <li>By <a href=\"#\">Anna Sword</a></li>\n                                    <li><a href=\"#\">Feb 05, 2019</a></li>\n                                </ul>\n                                <!-- Blog Title -->\n                                <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md-6 col-lg-4\">\n                        <!-- Single Blog -->\n                        <div class=\"single-blog res-margin\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_2.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content p-4\">\n                                <!-- Meta Info -->\n                                <ul class=\"meta-info d-flex justify-content-between\">\n                                    <li>By <a href=\"#\">Jassica William</a></li>\n                                    <li><a href=\"#\">Feb 05, 2019</a></li>\n                                </ul>\n                                <!-- Blog Title -->\n                                <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md-6 col-lg-4\">\n                        <!-- Single Blog -->\n                        <div class=\"single-blog\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_3.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content p-4\">\n                                <!-- Meta Info -->\n                                <ul class=\"meta-info d-flex justify-content-between\">\n                                    <li>By <a href=\"#\">John Doe</a></li>\n                                    <li><a href=\"#\">Mar 05, 2019</a></li>\n                                </ul>\n                                <!-- Blog Title -->\n                                <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md-6 col-lg-4\">\n                        <!-- Single Blog -->\n                        <div class=\"single-blog res-margin\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_4.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content p-4\">\n                                <!-- Meta Info -->\n                                <ul class=\"meta-info d-flex justify-content-between\">\n                                    <li>By <a href=\"#\">Anna Sword</a></li>\n                                    <li><a href=\"#\">Feb 05, 2019</a></li>\n                                </ul>\n                                <!-- Blog Title -->\n                                <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md-6 col-lg-4\">\n                        <!-- Single Blog -->\n                        <div class=\"single-blog res-margin\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_5.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content p-4\">\n                                <!-- Meta Info -->\n                                <ul class=\"meta-info d-flex justify-content-between\">\n                                    <li>By <a href=\"#\">Jassica William</a></li>\n                                    <li><a href=\"#\">Feb 05, 2019</a></li>\n                                </ul>\n                                <!-- Blog Title -->\n                                <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md-6 col-lg-4\">\n                        <!-- Single Blog -->\n                        <div class=\"single-blog\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_6.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content p-4\">\n                                <!-- Meta Info -->\n                                <ul class=\"meta-info d-flex justify-content-between\">\n                                    <li>By <a href=\"#\">John Doe</a></li>\n                                    <li><a href=\"#\">Mar 05, 2019</a></li>\n                                </ul>\n                                <!-- Blog Title -->\n                                <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md-6 col-lg-4\">\n                        <!-- Single Blog -->\n                        <div class=\"single-blog res-margin\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_1.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content p-4\">\n                                <!-- Meta Info -->\n                                <ul class=\"meta-info d-flex justify-content-between\">\n                                    <li>By <a href=\"#\">Anna Sword</a></li>\n                                    <li><a href=\"#\">Feb 05, 2019</a></li>\n                                </ul>\n                                <!-- Blog Title -->\n                                <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md-6 col-lg-4\">\n                        <!-- Single Blog -->\n                        <div class=\"single-blog res-margin\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_2.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content p-4\">\n                                <!-- Meta Info -->\n                                <ul class=\"meta-info d-flex justify-content-between\">\n                                    <li>By <a href=\"#\">Jassica William</a></li>\n                                    <li><a href=\"#\">Feb 05, 2019</a></li>\n                                </ul>\n                                <!-- Blog Title -->\n                                <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md-6 col-lg-4\">\n                        <!-- Single Blog -->\n                        <div class=\"single-blog\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_3.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content p-4\">\n                                <!-- Meta Info -->\n                                <ul class=\"meta-info d-flex justify-content-between\">\n                                    <li>By <a href=\"#\">John Doe</a></li>\n                                    <li><a href=\"#\">Mar 05, 2019</a></li>\n                                </ul>\n                                <!-- Blog Title -->\n                                <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\">\n                    <div class=\"col-12\">\n                        <!-- Pagination -->\n                        <ul class=\"pagination justify-content-center\">\n                            <li class=\"disabled px-1\">\n                                <a href=\"#\" aria-label=\"Previous\">\n                                    <i class=\"fas fa-arrow-left\"></i>\n                                </a>\n                            </li>\n                            <li class=\"px-1\"><a href=\"#\">1</a></li>\n                            <li class=\"active px-1\"><a href=\"#\">2</a></li>\n                            <li class=\"px-1\"><a href=\"#\">3</a></li>\n                            <li>\n                                <a href=\"#\" aria-label=\"Next\">\n                                    <i class=\"fas fa-arrow-right\"></i>\n                                </a>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n            </div>\n        </section>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-blog-two-column',\n  templateUrl: './blog-two-column.component.html',\n  styleUrls: ['./blog-two-column.component.css']\n})\nexport class BlogTwoColumnComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"blog\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n        <app-breadcrumb-blog-two-column></app-breadcrumb-blog-two-column>\n        <section id=\"blog\" class=\"section blog-area ptb_100\">\n            <div class=\"container\">\n                <div class=\"row\">\n                    <div class=\"col-12 col-md-6\">\n                        <!-- Single Blog -->\n                        <div class=\"single-blog res-margin\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_1.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content p-4\">\n                                <!-- Meta Info -->\n                                <ul class=\"meta-info d-flex justify-content-between\">\n                                    <li>By <a href=\"#\">Anna Sword</a></li>\n                                    <li><a href=\"#\">Feb 05, 2019</a></li>\n                                </ul>\n                                <!-- Blog Title -->\n                                <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md-6\">\n                        <!-- Single Blog -->\n                        <div class=\"single-blog res-margin\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_2.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content p-4\">\n                                <!-- Meta Info -->\n                                <ul class=\"meta-info d-flex justify-content-between\">\n                                    <li>By <a href=\"#\">Jassica William</a></li>\n                                    <li><a href=\"#\">Feb 05, 2019</a></li>\n                                </ul>\n                                <!-- Blog Title -->\n                                <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md-6\">\n                        <!-- Single Blog -->\n                        <div class=\"single-blog\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_3.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content p-4\">\n                                <!-- Meta Info -->\n                                <ul class=\"meta-info d-flex justify-content-between\">\n                                    <li>By <a href=\"#\">John Doe</a></li>\n                                    <li><a href=\"#\">Mar 05, 2019</a></li>\n                                </ul>\n                                <!-- Blog Title -->\n                                <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md-6\">\n                        <!-- Single Blog -->\n                        <div class=\"single-blog res-margin\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_4.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content p-4\">\n                                <!-- Meta Info -->\n                                <ul class=\"meta-info d-flex justify-content-between\">\n                                    <li>By <a href=\"#\">Anna Sword</a></li>\n                                    <li><a href=\"#\">Feb 05, 2019</a></li>\n                                </ul>\n                                <!-- Blog Title -->\n                                <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md-6\">\n                        <!-- Single Blog -->\n                        <div class=\"single-blog res-margin\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_5.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content p-4\">\n                                <!-- Meta Info -->\n                                <ul class=\"meta-info d-flex justify-content-between\">\n                                    <li>By <a href=\"#\">Jassica William</a></li>\n                                    <li><a href=\"#\">Feb 05, 2019</a></li>\n                                </ul>\n                                <!-- Blog Title -->\n                                <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md-6\">\n                        <!-- Single Blog -->\n                        <div class=\"single-blog\">\n                            <!-- Blog Thumb -->\n                            <div class=\"blog-thumb\">\n                                <a href=\"#\"><img src=\"assets/img/blog_6.jpg\" alt=\"\"></a>\n                            </div>\n                            <!-- Blog Content -->\n                            <div class=\"blog-content p-4\">\n                                <!-- Meta Info -->\n                                <ul class=\"meta-info d-flex justify-content-between\">\n                                    <li>By <a href=\"#\">John Doe</a></li>\n                                    <li><a href=\"#\">Mar 05, 2019</a></li>\n                                </ul>\n                                <!-- Blog Title -->\n                                <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                                <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\">\n                    <div class=\"col-12\">\n                        <!-- Pagination -->\n                        <ul class=\"pagination justify-content-center\">\n                            <li class=\"disabled px-1\">\n                                <a href=\"#\" aria-label=\"Previous\">\n                                    <i class=\"fas fa-arrow-left\"></i>\n                                </a>\n                            </li>\n                            <li class=\"px-1\"><a href=\"#\">1</a></li>\n                            <li class=\"active px-1\"><a href=\"#\">2</a></li>\n                            <li class=\"px-1\"><a href=\"#\">3</a></li>\n                            <li>\n                                <a href=\"#\" aria-label=\"Next\">\n                                    <i class=\"fas fa-arrow-right\"></i>\n                                </a>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n            </div>\n        </section>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-blog',\n  templateUrl: './blog.component.html',\n  styleUrls: ['./blog.component.css']\n})\nexport class BlogComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"blog\" class=\"section blog-area ptb_100\">\n    <div class=\"container\">\n        <div class=\"row justify-content-center\">\n            <!-- Section Heading -->\n            <div class=\"col-12 col-md-10 col-lg-6\">\n                <!-- Section Heading -->\n                <div class=\"section-heading text-center\">\n                    <h2 class=\"text-capitalize\">Latest from Blog</h2>\n                    <p class=\"d-none d-sm-block mt-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum obcaecati dignissimos quae quo ad iste ipsum officiis deleniti asperiores sit.</p>\n                    <p class=\"d-block d-sm-none mt-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum obcaecati.</p>\n                </div>\n            </div>\n        </div>\n        <div class=\"row\">\n            <div class=\"col-12 col-md-6 col-lg-4\">\n                <!-- Single Blog -->\n                <div class=\"single-blog res-margin\">\n                    <!-- Blog Thumb -->\n                    <div class=\"blog-thumb\">\n                        <a href=\"#\"><img src=\"assets/img/blog_1.jpg\" alt=\"\"></a>\n                    </div>\n                    <!-- Blog Content -->\n                    <div class=\"blog-content p-4\">\n                        <!-- Meta Info -->\n                        <ul class=\"meta-info d-flex justify-content-between\">\n                            <li>By <a href=\"#\">Anna Sword</a></li>\n                            <li><a href=\"#\">Feb 05, 2019</a></li>\n                        </ul>\n                        <!-- Blog Title -->\n                        <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                        <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n                <!-- Single Blog -->\n                <div class=\"single-blog res-margin\">\n                    <!-- Blog Thumb -->\n                    <div class=\"blog-thumb\">\n                        <a href=\"#\"><img src=\"assets/img/blog_2.jpg\" alt=\"\"></a>\n                    </div>\n                    <!-- Blog Content -->\n                    <div class=\"blog-content p-4\">\n                        <!-- Meta Info -->\n                        <ul class=\"meta-info d-flex justify-content-between\">\n                            <li>By <a href=\"#\">Jassica William</a></li>\n                            <li><a href=\"#\">Feb 05, 2019</a></li>\n                        </ul>\n                        <!-- Blog Title -->\n                        <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                        <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n                <!-- Single Blog -->\n                <div class=\"single-blog\">\n                    <!-- Blog Thumb -->\n                    <div class=\"blog-thumb\">\n                        <a href=\"#\"><img src=\"assets/img/blog_3.jpg\" alt=\"\"></a>\n                    </div>\n                    <!-- Blog Content -->\n                    <div class=\"blog-content p-4\">\n                        <!-- Meta Info -->\n                        <ul class=\"meta-info d-flex justify-content-between\">\n                            <li>By <a href=\"#\">John Doe</a></li>\n                            <li><a href=\"#\">Mar 05, 2019</a></li>\n                        </ul>\n                        <!-- Blog Title -->\n                        <h3 class=\"blog-title my-3\"><a href=\"#\">Blog Title Here</a></h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione obcaecati, animi vitae recusandae, praesentium quae.</p>\n                        <a href=\"#\" class=\"blog-btn mt-3\">Read More</a>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-branding',\n  templateUrl: './branding.component.html',\n  styleUrls: ['./branding.component.css']\n})\nexport class BrandingComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"branding-area ptb_50\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <!-- Branding Slider -->\n            <div class=\"branding-slider owl-carousel op-5 py-5 border-bottom\">\n                <!-- Single Brand -->\n                <div class=\"single-brand p-3\">\n                    <img src=\"assets/img/branding_img_1.png\" alt=\"\">\n                </div>\n                <!-- Single Brand -->\n                <div class=\"single-brand p-3\">\n                    <img src=\"assets/img/branding_img_2.png\" alt=\"\">\n                </div>\n                <!-- Single Brand -->\n                <div class=\"single-brand p-3\">\n                    <img src=\"assets/img/branding_img_3.png\" alt=\"\">\n                </div>\n                <!-- Single Brand -->\n                <div class=\"single-brand p-3\">\n                    <img src=\"assets/img/branding_img_4.png\" alt=\"\">\n                </div>\n                <!-- Single Brand -->\n                <div class=\"single-brand p-3\">\n                    <img src=\"assets/img/branding_img_5.png\" alt=\"\">\n                </div>\n                <!-- Single Brand -->\n                <div class=\"single-brand p-3\">\n                    <img src=\"assets/img/branding_img_6.png\" alt=\"\">\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-breadcrumb-about',\n  templateUrl: './breadcrumb-about.component.html',\n  styleUrls: ['./breadcrumb-about.component.css']\n})\nexport class BreadcrumbAboutComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section breadcrumb-area d-flex align-items-center\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <!-- Breamcrumb Content -->\n                <div class=\"breadcrumb-content d-flex flex-column align-items-center text-center\">\n                    <h3>Trust The Experts</h3>\n                    <ol class=\"breadcrumb\">\n                        <li class=\"breadcrumb-item\"><a class=\"text-uppercase\" href=\"index.html\">Home</a></li>\n                        <li class=\"breadcrumb-item active\">About Us</li>\n                    </ol>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-breadcrumb-blog-details-left-sidebar',\n  templateUrl: './breadcrumb-blog-details-left-sidebar.component.html',\n  styleUrls: ['./breadcrumb-blog-details-left-sidebar.component.css']\n})\nexport class BreadcrumbBlogDetailsLeftSidebarComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section breadcrumb-area overlay-dark d-flex align-items-center\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <!-- Breamcrumb Content -->\n                <div class=\"breadcrumb-content d-flex flex-column align-items-center text-center\">\n                    <h3 class=\"text-white\">Blog Details</h3>\n                    <ol class=\"breadcrumb\">\n                        <li class=\"breadcrumb-item\"><a href=\"index.html\">Home</a></li>\n                        <li class=\"breadcrumb-item\"><a href=\"#\">Blog</a></li>\n                        <li class=\"breadcrumb-item active\">Blog Details Left Sidebar</li>\n                    </ol>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-breadcrumb-blog-details-right-sidebar',\n  templateUrl: './breadcrumb-blog-details-right-sidebar.component.html',\n  styleUrls: ['./breadcrumb-blog-details-right-sidebar.component.css']\n})\nexport class BreadcrumbBlogDetailsRightSidebarComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section breadcrumb-area overlay-dark d-flex align-items-center\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <!-- Breamcrumb Content -->\n                <div class=\"breadcrumb-content d-flex flex-column align-items-center text-center\">\n                    <h3 class=\"text-white\">Blog Details</h3>\n                    <ol class=\"breadcrumb\">\n                        <li class=\"breadcrumb-item\"><a href=\"index.html\">Home</a></li>\n                        <li class=\"breadcrumb-item\"><a href=\"#\">Blog</a></li>\n                        <li class=\"breadcrumb-item active\">Blog Details Right Sidebar</li>\n                    </ol>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-breadcrumb-blog-left-sidebar',\n  templateUrl: './breadcrumb-blog-left-sidebar.component.html',\n  styleUrls: ['./breadcrumb-blog-left-sidebar.component.css']\n})\nexport class BreadcrumbBlogLeftSidebarComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section breadcrumb-area overlay-dark d-flex align-items-center\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <!-- Breamcrumb Content -->\n                <div class=\"breadcrumb-content d-flex flex-column align-items-center text-center\">\n                    <h3 class=\"text-white\">Blog - Left Sidebar</h3>\n                    <ol class=\"breadcrumb\">\n                        <li class=\"breadcrumb-item\"><a href=\"index.html\">Home</a></li>\n                        <li class=\"breadcrumb-item\"><a href=\"#\">Blog</a></li>\n                        <li class=\"breadcrumb-item active\">Blog - Left Sidebar</li>\n                    </ol>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-breadcrumb-blog-right-sidebar',\n  templateUrl: './breadcrumb-blog-right-sidebar.component.html',\n  styleUrls: ['./breadcrumb-blog-right-sidebar.component.css']\n})\nexport class BreadcrumbBlogRightSidebarComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section breadcrumb-area overlay-dark d-flex align-items-center\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <!-- Breamcrumb Content -->\n                <div class=\"breadcrumb-content d-flex flex-column align-items-center text-center\">\n                    <h3 class=\"text-white\">Blog - Right Sidebar</h3>\n                    <ol class=\"breadcrumb\">\n                        <li class=\"breadcrumb-item\"><a href=\"index.html\">Home</a></li>\n                        <li class=\"breadcrumb-item\"><a href=\"#\">Blog</a></li>\n                        <li class=\"breadcrumb-item active\">Blog - Right Sidebar</li>\n                    </ol>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-breadcrumb-blog-three-column',\n  templateUrl: './breadcrumb-blog-three-column.component.html',\n  styleUrls: ['./breadcrumb-blog-three-column.component.css']\n})\nexport class BreadcrumbBlogThreeColumnComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section breadcrumb-area overlay-dark d-flex align-items-center\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <!-- Breamcrumb Content -->\n                <div class=\"breadcrumb-content d-flex flex-column align-items-center text-center\">\n                    <h3 class=\"text-white\">Blog - 3 Column</h3>\n                    <ol class=\"breadcrumb\">\n                        <li class=\"breadcrumb-item\"><a href=\"index.html\">Home</a></li>\n                        <li class=\"breadcrumb-item active\">Blog</li>\n                    </ol>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-breadcrumb-blog-two-column',\n  templateUrl: './breadcrumb-blog-two-column.component.html',\n  styleUrls: ['./breadcrumb-blog-two-column.component.css']\n})\nexport class BreadcrumbBlogTwoColumnComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section breadcrumb-area overlay-dark d-flex align-items-center\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <!-- Breamcrumb Content -->\n                <div class=\"breadcrumb-content d-flex flex-column align-items-center text-center\">\n                    <h3 class=\"text-white\">Blog - 2 Column</h3>\n                    <ol class=\"breadcrumb\">\n                        <li class=\"breadcrumb-item\"><a href=\"index.html\">Home</a></li>\n                        <li class=\"breadcrumb-item active\">Blog</li>\n                    </ol>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-breadcrumb-contact',\n  templateUrl: './breadcrumb-contact.component.html',\n  styleUrls: ['./breadcrumb-contact.component.css']\n})\nexport class BreadcrumbContactComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section breadcrumb-area d-flex align-items-center\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <!-- Breamcrumb Content -->\n                <div class=\"breadcrumb-content d-flex flex-column align-items-center text-center\">\n                    <h3>Contact Us</h3>\n                    <ol class=\"breadcrumb\">\n                        <li class=\"breadcrumb-item\"><a class=\"text-uppercase\" href=\"index.html\">Home</a></li>\n                        <li class=\"breadcrumb-item active\">Contact</li>\n                    </ol>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-breadcrumb-faq',\n  templateUrl: './breadcrumb-faq.component.html',\n  styleUrls: ['./breadcrumb-faq.component.css']\n})\nexport class BreadcrumbFaqComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section breadcrumb-area d-flex align-items-center\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <!-- Breamcrumb Content -->\n                <div class=\"breadcrumb-content d-flex flex-column align-items-center text-center\">\n                    <h3>Frequently Asked Questions</h3>\n                    <ol class=\"breadcrumb\">\n                        <li class=\"breadcrumb-item\"><a class=\"text-uppercase\" href=\"index.html\">Home</a></li>\n                        <li class=\"breadcrumb-item active\">FAQ</li>\n                    </ol>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-breadcrumb-pricing',\n  templateUrl: './breadcrumb-pricing.component.html',\n  styleUrls: ['./breadcrumb-pricing.component.css']\n})\nexport class BreadcrumbPricingComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section breadcrumb-area d-flex align-items-center\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <!-- Breamcrumb Content -->\n                <div class=\"breadcrumb-content d-flex flex-column align-items-center text-center\">\n                    <h3>Pricing Plans</h3>\n                    <ol class=\"breadcrumb\">\n                        <li class=\"breadcrumb-item\"><a class=\"text-uppercase\" href=\"index.html\">Home</a></li>\n                        <li class=\"breadcrumb-item active\">Price Plans</li>\n                    </ol>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-breadcrumb-reviews',\n  templateUrl: './breadcrumb-reviews.component.html',\n  styleUrls: ['./breadcrumb-reviews.component.css']\n})\nexport class BreadcrumbReviewsComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section breadcrumb-area d-flex align-items-center\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <!-- Breamcrumb Content -->\n                <div class=\"breadcrumb-content d-flex flex-column align-items-center text-center\">\n                    <h3>What Client Says</h3>\n                    <ol class=\"breadcrumb\">\n                        <li class=\"breadcrumb-item\"><a class=\"text-uppercase\" href=\"index.html\">Home</a></li>\n                        <li class=\"breadcrumb-item active\">Reviews</li>\n                    </ol>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\nimport {ProjectThumbnail} from \"../../daos/project-thumbnail\";\nimport {ProjectSpec} from \"../../daos/project-spec\";\nimport {BasicDao} from \"../../daos/basic-dao\";\nimport {ResultNumber} from \"../features/result-number\";\n\n@Component({\n  selector: 'app-case-study-fippoa',\n  templateUrl: './case-study-fippoa.component.html',\n  styleUrls: ['./case-study-fippoa.component.scss']\n})\nexport class CaseStudyFippoaComponent implements OnInit {\n\n  projectThumbnail1 :ProjectThumbnail = {\n    title: null,\n    category: null,\n    description: null,\n    imageUrl: \"assets/img/fippoa-hero-mockup.png\",\n    pageUrl: null\n  };\n\n  projectThumbnail2 :ProjectThumbnail = {\n    title: \"Creating an All-in-one Intuitive Website for Fire Island Residents & Visitors\",\n    category: \"Fire Island Pines Property Owners Association\",\n    description: \"I conducted user research while spearheading the UI and visual redesign for the client. By delivering a \" +\n      \"clear-structured website with useful community guidelines and modern visuals, the task success rate was boosted 5 times \" +\n      \"and the time-on-task was reduced by 80%. \",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  projectSpecs: ProjectSpec[] = [{\n    icon: \"fas fa-map\",\n    title: \"Project Scope\",\n    description: \"Information Architecture <br> UI/UX Design\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-gem\",\n    title: \"My Role\",\n    description: \"UX Researcher <br> Designer, Team Lead\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-magic\",\n    title: \"Tools\",\n    description: \"Figma, Trello\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-clock\",\n    title: \"Timeline\",\n    description: \"2 Months <br> Jan 2020 - Feb 2020\",\n    color: \"#6c91ef\",\n  }];\n\n  featuresData = {\n    title: null,\n    description: \"We achieved a problem statement through various research approaches, which included conducting user surveys and interviews, \" +\n      \"usability testing, competitor and comparator analysis, and heuristics analysis. \",\n    resultNumbers: [{\n      title: \"Surveys\",\n      resultNumber: 16,\n      icon: \"fas fa-clipboard\"\n    }, {\n      title: \"Interviews\",\n      resultNumber: 13,\n      icon: \"fas fa-users\"\n    }, {\n      title: \"Usability Tests\",\n      resultNumber: 15,\n      icon: \"fas fa-poll\"\n    }],\n    projectSpecs: [{\n      title: \"Heuristic Analysis\",\n      description: 'We used Abby Method to analyze FIPPOA website. 6/10 heuristics had major issues.',\n      icon: \"far fa-frown\",\n      color: \"#F76464\"\n    }, {\n      title: \"Accessibility\",\n      description: 'The current website neither optimized for screen readers, nor met the 3.0 standard.',\n      icon: \"far fa-meh\",\n      color: \"#FA9A64\"\n    }, {\n      title: \"Competitor Analysis\",\n      description: 'FIPPOA website lacked of latest information and intriguing visuals.',\n      icon: \"far fa-frown\",\n      color: \"#F76464\"\n    }, {\n      title: \"Comparator Analysis\",\n      description: 'The current FIPPOA website lacked of a clear information architecture.',\n      icon: \"far fa-meh\",\n      color: \"#FA9A64\"\n    }]\n  };\n\n  projectIssues: BasicDao[] = [{\n    title: \"Time-Consuming Navigation\",\n    description: \"There were a lot of pages and external links without a clear, yet intuitive navigation menu. Users had to click back \" +\n      \"and forth to locate information, which resulted in a high exit rate before landing the destination and low retention.\",\n    url: \"../../../assets/img/time-consuming-navigation.jpg\"\n  }, {\n    title: \"Outdated and Inconsistent Design\",\n    description: \"The website was inconsistent between pages while using low-resolution images and outdated visual design across the site. \" +\n      \"Many users bounced at the homepage as they either lost interest to further explore the website. \",\n    url: \"../../../assets/img/outdated-design.jpg\"\n  }, {\n    title: \"Text Heavy Content\",\n    description: \"The current website relied on using text-heavy content to convey information. Users not only lost interest quickly but also \" +\n      \"had trouble finding the most useful information out of a long article at a glance. \",\n    url: \"../../../assets/img/text-heavy.jpg\"\n  }, {\n    title: \"Confusing Content\",\n    description: \"Short-term renters and visitors were unsure about whether FIPPOA resources were available to them. There was no access \" +\n      \"point for them to learn about FIPPOA membership even though the membership is open to all.\",\n    url: \"../../../assets/img/confusing content.jpg\"\n  }];\n\n  impactResultNumbers: ResultNumber[] = [{\n    title: \"Test Success Rate\",\n    resultNumber: 500,\n    icon: \"fas fa-arrow-up\",\n    postFix: \"%\"\n  }, {\n    title: \"Time-on-task\",\n    resultNumber: 13.9,\n    icon: \"fas fa-arrow-down\",\n    postFix: \" sec\"\n  }];\n\n  constructor() { }\n\n  ngOnInit(): void {\n\n  }\n\n}\n","<div class=\"italy\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n\n        <div class=\"project-sections\">\n            <div class=\"project-section\">\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-project-thumbnail [projectThumbnail]=\"projectThumbnail1\"\n                                                   [standalone]=\"true\"\n                                                   [wrapperEnabled]=\"false\"></app-project-thumbnail>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail2.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                {{projectThumbnail2.description}}\n                            </div>\n                        </div>\n                    </div>\n\n                    <br>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-project-specs [projectSpecs]=\"projectSpecs\"></app-project-specs>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"A Little More about FIPPOA\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                Fire Island Pines Property Owners Association (FIPPOA) is a New York based NGO that has expanded\n                                its responsibility from property management to now become the recognized local government operating\n                                the community and protecting the ecosystem of the island. Membership is one of the main sources of\n                                revenue but hasn’t seen dramatic growth recently. The client was looking for updating the current\n                                website to better serve the community and potentially recruit more members.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Meet Warren and Jack, FIPPOA’s Primary and Secondary Users.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                I developed these two user personas with my teammates by interviewing a mix of property owners, renters, and visitors. We started\n                                by outsourcing qualified users in addition to client's user lists and collected survey responses. Instead of a clear trend between\n                                property owners and renters, We noticed a difference in needs between those who had long-term ties to the island and those who had\n                                relatively shorter time.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/Persona%20-%20Fippoa.jpg\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"32\"></app-spacer>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Warren and Jack had some issues exploring FIPPOA’s current website. \"></app-project-highlight>\n\n                <div class=\"container\">\n                    <app-project-issues [projectIssues]=\"projectIssues\"></app-project-issues>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"How might we help Warren feel FIPPOA members' needs are well represented while helping Jack locate useful community information?\"></app-project-highlight>\n\n                <app-spacer height=\"20\"></app-spacer>\n\n                <app-features [title]=\"featuresData.title\"\n                              [description]=\"featuresData.description\"\n                              [resultNumbers]=\"featuresData.resultNumbers\"\n                              [projectSpecs]=\"featuresData.projectSpecs\"></app-features>\n\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"What Could we Learn from the Others?\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                Provincetown Tourism (<a href=\"https://ptowntourism.com/\">Link</a>) is our client's major competitor as it is an attractive getaway for New\n                                Yorkers. Similar to Fire Island, Provincetown is also famous for its beautiful landscape and LGBTQ+ friendly community. I initiated a detailed\n                                competitor analysis and discovered several opportunity areas to include in the FIPPOA website redesign.\n                            </div>\n                            <div class=\"project-description-bold\">\n                                The redesign would benefit from <span class=\"accent-blue\">implementing a navigation menu and including intriguing images</span>, as well as\n                                <span class=\"accent-blue\">up-to-date visual assets</span> to showcase\n                                the personality of the Pines.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/competitor-analysis-fippoa.jpg\">\n                            </div>\n                        </div>\n                    </div>\n\n                <app-spacer [height]=\"32\"></app-spacer>\n            </div>\n\n        </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Simplify the Massive Sitemap into a Clear-Structure New Sitemap\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                I collaborated with teammates and conducted both closed and open card sorting tests using Optimal Workshop. After iterations and three\n                                rounds of tree tests, we achieved a simplified and intuitive new sitemap.\n                            </div>\n                            <div class=\"project-description-bold\">\n                                Instead of categorizing under different organization/sub-committees names, users most commonly named and grouped content into 4 categories\n                                - Community, Event, Membership, and about FIPPOA.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div>\n                                <img src=\"../../../assets/img/sitemap-fippoa.jpg\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"32\"></app-spacer>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Create Versatile Reusable Building Block in the New Design\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                I aimed to design an engaging and scalable solution for the immense useful information we received from both FIPPOA's website and\n                                the booklet. I created different reusable building blocks that fit different forms of content. Not only did this reduce technical\n                                complexity, but it also established a familiar pattern for the user.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/reusable-fippoa.jpg\">\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"20\"></app-spacer>\n                            <div class=\"project-subtitle\">\n                                Build a Design System\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                At the beginning of the project, we had no documentation for visual and interaction design guidelines. I went the extra mile to build a\n                                full design system, including a rebranded style guide, UI and interaction library that articulate dimension and important state changes.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/design-system-fippoa.jpg\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"32\"></app-spacer>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Find all the Information you need to Know about Fire Island Pines Online.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                My goal was to design a simple, friendly experience that would empower community members and visitors to access all the information they\n                                need with minimum effort. Below is a look at the final build.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"20\"></app-spacer>\n                            <div class=\"project-subtitle\">\n                                Homepage\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                Unintuitive navigation with too many layers was a clear issue in the past, and I addressed this by implementing a clear-structured navigation\n                                bar in the header. With a quick scroll, I crafted UI cards that allowed users to access essential community information upfront.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <!--                    <div class=\"project-image-tall shadow-sm\">-->\n                            <!--                        <img src=\"../../../assets/img/homepage-fippoa.jpg\">-->\n                            <!--                    </div>-->\n\n                            <div class=\"embed-responsive embed-responsive-4by3\">\n                                <iframe class=\"embed-responsive-item\" src=\"https://player.vimeo.com/video/530090212?autoplay=1&loop=1&autopause=0\"\n                                        frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen></iframe>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Membership Page\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                FIPPOA membership is open to the public, not limited to property owners. The redesigned membership page presented a clear difference\n                                among the three types of membership and included call-to-action buttons aiming for conversion. I utilized thumbnail images, illustrative\n                                graphics, and icons to transform text-heavy long content into digestible sections addressing users’ concerns, for example, the value of\n                                being a member.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <!--                    <div class=\"project-image-tall shadow-sm\">-->\n                            <!--                        <img src=\"../../../assets/img/fippoa-membership.jpg\">-->\n                            <!--                    </div>-->\n                            <div class=\"embed-responsive embed-responsive-4by3\">\n                                <iframe class=\"embed-responsive-item\" src=\"https://player.vimeo.com/video/530089597?autoplay=1&loop=1&autopause=0\"\n                                        frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen></iframe>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Community Page\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                Community resources and rules shouldn’t require users to dig in to find and confuse/lose users’ interests. I aimed to reduce the effort\n                                required by adding a visual directory listing available resources and guidelines. To further advertise the Pines and FIPPOA, I included\n                                a photo gallery and an infographic showcasing the intertwined history of FIPPOA and the island.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <!--                    <div class=\"project-image-tall shadow-sm\">-->\n                            <!--                        <img src=\"../../../assets/img/community-guideline-fippo.jpg\">-->\n                            <!--                    </div>-->\n                            <div class=\"embed-responsive embed-responsive-4by3\">\n                                <iframe class=\"embed-responsive-item\" src=\"https://player.vimeo.com/video/529632187?autoplay=1&loop=1&autopause=0\"\n                                        frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen></iframe>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"32\"></app-spacer>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"“I like (that) it has a navigation bar now so I know where to go. And now I know where my membership dollar goes and see the value of it.”\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-lg-6 col-sm-12\" *ngFor=\"let resultNumber of impactResultNumbers\">\n                            <app-result-number [resultNumber]=\"resultNumber\"></app-result-number>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The task success rate boosted 5 times up to 97.9% while the time-on-task was reduced by 80% compared to the initial usability test on the\n                                current website. The new information architecture helped reduce the bounce rate. This redesign project was well received by the client and\n                                moving forward to development to launch in June 2021.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"How to Move Forward and Measure the Success?\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                Given the 2.5 week timeline, we were only able to complete the most important three web pages.\n                                However we provided our client a list of next steps that can be implemented in phases moving forward.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <br>\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                <li>Continue designing the “About” page and “Event” page based on the new sitemap</li>\n                                <li>Measure session duration and compare with current data to evaluate the user engagement.</li>\n                                <li>Track the conversion of the “Join Now” CTA button on the redesigned Membership page.</li>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"36\"></app-spacer>\n            </div>\n\n        <app-footer></app-footer>\n    </div>\n</div>\n</div>","import { Component, OnInit } from '@angular/core';\nimport {ProjectThumbnail} from \"../../daos/project-thumbnail\";\nimport {ProjectSpec} from \"../../daos/project-spec\";\nimport {BasicDao} from \"../../daos/basic-dao\";\nimport {ResultNumber} from \"../features/result-number\";\n\n@Component({\n  selector: 'app-case-study-lecco',\n  templateUrl: './case-study-kaplan-dashboard.component.html',\n  styleUrls: ['./case-study-kaplan-dashboard.component.scss']\n})\nexport class CaseStudyKaplanDashboardComponent implements OnInit {\n  projectThumbnail1 :ProjectThumbnail = {\n    title: null,\n    category: null,\n    description: null,\n    imageUrl: \"assets/img/nycdsa_hero.png\",\n    pageUrl: null\n  };\n\n  projectThumbnail2 :ProjectThumbnail = {\n    title: \"Dashboard!Dashboard!Dashboard!Dashboard!\",\n    category: \"Fire Island Pines Property Owners Association\",\n    description: \"At NYC Data Science Academy, I have worked on a diverse set of projects to improve the user experience and increase the\\n\" +\n      \"                                conversion rate. The projects include redesigning more engaging web pages of the most important products, simplifying\\n\" +\n      \"                                the current online application process, and designing new web products.\",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  projectSpecs: ProjectSpec[] = [{\n    icon: \"fas fa-map\",\n    title: \"Project Scope\",\n    description: \"Information Architecture <br> UI/UX Design\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-gem\",\n    title: \"My Role\",\n    description: \"UX Designer <br> UI Designer\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-magic\",\n    title: \"Tools\",\n    description: \"Figma, Trello\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-clock\",\n    title: \"Timeline\",\n    description: \"3 Months <br> Feb 2021 - Apr 2021\",\n    color: \"#6c91ef\",\n  }];\n\n  featuresData = {\n    title: null,\n    description: \"We achieved a problem statement through various research approaches, which included conducting user surveys and interviews, \" +\n      \"usability testing, competitor and comparator analysis, and heuristics analysis. \",\n    resultNumbers: [{\n      title: \"Surveys\",\n      resultNumber: 16,\n      icon: \"fas fa-clipboard\"\n    }, {\n      title: \"Interviews\",\n      resultNumber: 13,\n      icon: \"fas fa-users\"\n    }, {\n      title: \"Usability Tests\",\n      resultNumber: 15,\n      icon: \"fas fa-poll\"\n    }],\n    projectSpecs: [{\n      title: \"Heuristic Analysis\",\n      description: 'We used Abby Method to analyze FIPPOA website. 6/10 heuristics had major issues.',\n      icon: \"far fa-frown\",\n      color: \"#F76464\"\n    }, {\n      title: \"Accessibility\",\n      description: 'The current website neither optimized for screen readers, nor met the 3.0 standard.',\n      icon: \"far fa-meh\",\n      color: \"#FA9A64\"\n    }, {\n      title: \"Competitor Analysis\",\n      description: 'FIPPOA website lacked of latest information and intriguing visuals.',\n      icon: \"far fa-frown\",\n      color: \"#F76464\"\n    }, {\n      title: \"Comparator Analysis\",\n      description: 'The current FIPPOA website lacked of a clear information architecture.',\n      icon: \"far fa-meh\",\n      color: \"#FA9A64\"\n    }]\n  };\n\n  projectIssues: BasicDao[] = [{\n    title: \"Time-Consuming Navigation\",\n    description: \"There were a lot of pages and external links without a clear, yet intuitive navigation menu. Users had to click back \" +\n      \"and forth to locate information, which resulted in a high exit rate before landing the destination and low retention.\",\n    url: \"../../../assets/img/time-consuming-navigation.jpg\"\n  }, {\n    title: \"Outdated and Inconsistent Design\",\n    description: \"The website was inconsistent between pages while using low-resolution images and outdated visual design across the site. \" +\n      \"Many users bounced at the homepage as they either lost interest to further explore the website. \",\n    url: \"../../../assets/img/outdated-design.jpg\"\n  }, {\n    title: \"Text Heavy Content\",\n    description: \"The current website relied on using text-heavy content to convey information. Users not only lost interest quickly but also \" +\n      \"had trouble finding the most useful information out of a long article at a glance. \",\n    url: \"../../../assets/img/text-heavy.jpg\"\n  }, {\n    title: \"Confusing Content\",\n    description: \"Short-term renters and visitors were unsure about whether FIPPOA resources were available to them. There was no access \" +\n      \"point for them to learn about FIPPOA membership even though the membership is open to all.\",\n    url: \"../../../assets/img/confusing content.jpg\"\n  }];\n\n  impactResultNumbers: ResultNumber[] = [{\n    title: \"Test Success Rate\",\n    resultNumber: 500,\n    icon: \"fas fa-arrow-up\",\n    postFix: \"%\"\n  }, {\n    title: \"Time-on-task\",\n    resultNumber: 13.9,\n    icon: \"fas fa-arrow-down\",\n    postFix: \" sec\"\n  }];\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n\n\n\n\n","<div class=\"italy\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n\n        <div class=\"project-sections\">\n            <div class=\"project-section\">\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-project-thumbnail [projectThumbnail]=\"projectThumbnail1\"\n                                                   [standalone]=\"true\"\n                                                   [wrapperEnabled]=\"false\"></app-project-thumbnail>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail2.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                {{projectThumbnail2.description}}\n                            </div>\n                        </div>\n                    </div>\n\n                    <br>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-project-specs [projectSpecs]=\"projectSpecs\"></app-project-specs>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"About NYC Data Science Academy\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                NYC Data Science Academy offers data-related bootcamps and online courses to both individuals and corporate clients. Currently,\n                                the primary market is domestic users in the US while also targeting international users, for instance UK and China. The main website\n                                advertises all programs and supports online purchase. Besides the main website, another major product of NYCDSA is a learning\n                                management system for students to learn online.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/team_structure_nycdsa.png\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Simplifying the Online Application to Lower the Drop-Off Rate\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                Online Application is the first step for potential candidates to begin their Data Science journey. The current workflow and the\n                                interface design require an update to provide a better user experience for future students and build a consistent experience for\n                                our admission team.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/nycdsa-application-mock.jpg\">\n                            </div>\n                        </div>\n                    </div>\n\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Build a better experience for future students and our admission team.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                A decreasing number of finished applications and increasing drop-off rate first imply the need to improve the user\n                                experience to better serve the end-users. There are also two business goals for this project to meet.\n                                <app-spacer [height]=\"16\"></app-spacer>\n                                <div class=\"accent-blue\">1. Generate more leads and eventually lead to more conversions.</div>\n                                <div class=\"accent-blue\">2. Bridge the gap between post-application and before contacted by the Admission team.</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Why do the competitors’ online applications work better?\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                I started with comparing our online application form to our major competitors’ to further research on opportunity improvement\n                                fields. I went through the application process of another two Bootcamps and a Bootcamp program at a higher education institution.\n                            </div>\n                            <div class=\"project-description-bold accent-blue\">\n                                Finding: Our online application is too complex and has too many text fields that require users’ manual input. It also lacks a clear\n                                next step after submitting the form.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/nycdsa-application-comparison.jpg\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"32\"></app-spacer>\n            </div>\n\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"First thing first, what do the users say?\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                While recruiting students through admission team members, I learned that the application form could also\n                                affect the admission team’s daily job. By analyzing user behavior flow through Google Analytics and Screen\n                                recordings at CrazyEgg, as well as interviewing both students and admission officers, I created primary\n                                and secondary user archetypes.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/nycdsa-archetypes.jpg\">\n                            </div>\n                        </div>\n                    </div>\n\n                    <app-spacer [height]=\"32\"></app-spacer>\n                </div>\n\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"A simplified form with clear next steps.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                My goal was to design a simple, mobile-friendly experience that would empower future students at their\n                                first steps of becoming a data scientist and bridge the mindset gap of the next step between students\n                                and admission officers.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"embed-responsive embed-responsive-4by3\">\n                                <iframe class=\"embed-responsive-item\" src=\"https://player.vimeo.com/video/535659404?autoplay=1&loop=1&autopause=0\"\n                                        frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen></iframe>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"A better design with improved usability and refined visual design.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The redesign of online applications not only simplified the workflow but also updated usability issues that\n                                occured in the current design. The UI improvement of these small details contributed to a significant increase\n                                in task success rate and user satisfaction.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"20\"></app-spacer>\n                            <div class=\"project-subtitle\">\n                                Step 1: Basic Information\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                In this step, the redesign was focused on improving usability and solving current usability issues. Users cannot easily differentiate\n                                an optional entry field from a required one as there is no clear color difference between the text and required marks. The new design\n                                not only gives the required mark a prominent color but also lowers the opacity of the entry field to reduce distraction.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/step-1-comparison.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Stpe 2: Education & Work Experience\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The redesign of this step had a focus on improving the user experience at the informational level. I met with the admission team to\n                                learn what were the qualifiers for being admitted versus what are the good-to-have materials. By rearranging required and optional\n                                information, it would help ease users’ stress and optimize the mobile experience for users.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/Step2-Before-After.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Step 3: Additional Information\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                A major flow change happened here. By removing unnecessary fields, step 3 and step 4 of the current application were combined into\n                                one step. The new design also fixed existing usability issues and replaced the large text entry area with a dropdown menu to further\n                                improve the usability and efficiency of the online application.\n                            </div>\n                        </div>\n                    </div>\n\n<!--                    <div class=\"row\">-->\n<!--                        <div class=\"col-12\">-->\n<!--                            <div class=\"project-image-tall shadow-sm\">-->\n<!--                                <img src=\"../../../assets/img/community-guideline-fippo.jpg\">-->\n<!--                            </div>-->\n<!--                        </div>-->\n<!--                    </div>-->\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/step-3-comparison.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Application Submitted: An Engaging Next Step with Clear Emphasis\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The new design includes an overview of the entire application process while emphasizing the next step after submitting the online\n                                application. A calendar-booking function is also embedded here to gap the 20% loss on users who completed the online application but\n                                were never contacted by our admission team.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/step-4-comparison.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"32\"></app-spacer>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Outcome: a simplified workflow for students and admission officers\"></app-project-highlight>\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                By redesigning the online application, it not only shortened users' time spent on the form but also simplified the workflow of the\n                                first 2 steps of the bootcamp application process for both students and NYCDSA admission team. I'm also anticipating that the user\n                                drop-off rate will decrease, so as the 20% lead loss throughout the process on the admission side.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n<!--                <div class=\"container\">-->\n<!--                    <div class=\"row\">-->\n<!--                        <div class=\"col-lg-6 col-sm-12\" *ngFor=\"let resultNumber of impactResultNumbers\">-->\n<!--                            <app-result-number [resultNumber]=\"resultNumber\"></app-result-number>-->\n<!--                        </div>-->\n<!--                    </div>-->\n<!--                </div>-->\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/student-comparison.jpg\">\n                                <img src=\"../../../assets/img/admission-comparison.jpg\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Measuring the success: KPIs to look for.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The project is currently in staging and testing and shall move forward to production. After the launch of this new online application,\n                                there are several key KPIs to look for to measure the impact of the redesign.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <br>\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                <li><b>Drop-Off Rate:</b> The redesign shall result in a decrease in drop-off rate.</li>\n                                <li><b>Leads and Conversion Rate:</b> It is anticipated to see an increase in leads and a significant one in converted user numbers to move to the next step.</li>\n                                <li><b>User Satisfaction:</b> The new online application shall lead to a more positive user feedback on both online experience and the transition from online to offline. </li>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"36\"></app-spacer>\n            </div>\n\n\n            <app-footer></app-footer>\n        </div>\n    </div>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport {ProjectThumbnail} from \"../../daos/project-thumbnail\";\nimport {ProjectSpec} from \"../../daos/project-spec\";\nimport {BasicDao} from \"../../daos/basic-dao\";\nimport {ResultNumber} from \"../features/result-number\";\n\n@Component({\n  selector: 'app-case-study-lecco',\n  templateUrl: './case-study-kaplan-design-system.component.html',\n  styleUrls: ['./case-study-kaplan-design-system.component.scss']\n})\nexport class CaseStudyKaplanDesignSystemComponent implements OnInit {\n  projectThumbnail1 :ProjectThumbnail = {\n    title: null,\n    category: null,\n    description: null,\n    imageUrl: \"assets/img/nycdsa_hero.png\",\n    pageUrl: null\n  };\n\n  projectThumbnail2 :ProjectThumbnail = {\n    title: \"Design System!Design System!Design System!Design System!\",\n    category: \"Fire Island Pines Property Owners Association\",\n    description: \"At NYC Data Science Academy, I have worked on a diverse set of projects to improve the user experience and increase the\\n\" +\n      \"                                conversion rate. The projects include redesigning more engaging web pages of the most important products, simplifying\\n\" +\n      \"                                the current online application process, and designing new web products.\",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  projectSpecs: ProjectSpec[] = [{\n    icon: \"fas fa-map\",\n    title: \"Project Scope\",\n    description: \"Information Architecture <br> UI/UX Design\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-gem\",\n    title: \"My Role\",\n    description: \"UX Designer <br> UI Designer\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-magic\",\n    title: \"Tools\",\n    description: \"Figma, Trello\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-clock\",\n    title: \"Timeline\",\n    description: \"3 Months <br> Feb 2021 - Apr 2021\",\n    color: \"#6c91ef\",\n  }];\n\n  featuresData = {\n    title: null,\n    description: \"We achieved a problem statement through various research approaches, which included conducting user surveys and interviews, \" +\n      \"usability testing, competitor and comparator analysis, and heuristics analysis. \",\n    resultNumbers: [{\n      title: \"Surveys\",\n      resultNumber: 16,\n      icon: \"fas fa-clipboard\"\n    }, {\n      title: \"Interviews\",\n      resultNumber: 13,\n      icon: \"fas fa-users\"\n    }, {\n      title: \"Usability Tests\",\n      resultNumber: 15,\n      icon: \"fas fa-poll\"\n    }],\n    projectSpecs: [{\n      title: \"Heuristic Analysis\",\n      description: 'We used Abby Method to analyze FIPPOA website. 6/10 heuristics had major issues.',\n      icon: \"far fa-frown\",\n      color: \"#F76464\"\n    }, {\n      title: \"Accessibility\",\n      description: 'The current website neither optimized for screen readers, nor met the 3.0 standard.',\n      icon: \"far fa-meh\",\n      color: \"#FA9A64\"\n    }, {\n      title: \"Competitor Analysis\",\n      description: 'FIPPOA website lacked of latest information and intriguing visuals.',\n      icon: \"far fa-frown\",\n      color: \"#F76464\"\n    }, {\n      title: \"Comparator Analysis\",\n      description: 'The current FIPPOA website lacked of a clear information architecture.',\n      icon: \"far fa-meh\",\n      color: \"#FA9A64\"\n    }]\n  };\n\n  projectIssues: BasicDao[] = [{\n    title: \"Time-Consuming Navigation\",\n    description: \"There were a lot of pages and external links without a clear, yet intuitive navigation menu. Users had to click back \" +\n      \"and forth to locate information, which resulted in a high exit rate before landing the destination and low retention.\",\n    url: \"../../../assets/img/time-consuming-navigation.jpg\"\n  }, {\n    title: \"Outdated and Inconsistent Design\",\n    description: \"The website was inconsistent between pages while using low-resolution images and outdated visual design across the site. \" +\n      \"Many users bounced at the homepage as they either lost interest to further explore the website. \",\n    url: \"../../../assets/img/outdated-design.jpg\"\n  }, {\n    title: \"Text Heavy Content\",\n    description: \"The current website relied on using text-heavy content to convey information. Users not only lost interest quickly but also \" +\n      \"had trouble finding the most useful information out of a long article at a glance. \",\n    url: \"../../../assets/img/text-heavy.jpg\"\n  }, {\n    title: \"Confusing Content\",\n    description: \"Short-term renters and visitors were unsure about whether FIPPOA resources were available to them. There was no access \" +\n      \"point for them to learn about FIPPOA membership even though the membership is open to all.\",\n    url: \"../../../assets/img/confusing content.jpg\"\n  }];\n\n  impactResultNumbers: ResultNumber[] = [{\n    title: \"Test Success Rate\",\n    resultNumber: 500,\n    icon: \"fas fa-arrow-up\",\n    postFix: \"%\"\n  }, {\n    title: \"Time-on-task\",\n    resultNumber: 13.9,\n    icon: \"fas fa-arrow-down\",\n    postFix: \" sec\"\n  }];\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n\n\n\n\n","<div class=\"italy\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n\n        <div class=\"project-sections\">\n            <div class=\"project-section\">\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-project-thumbnail [projectThumbnail]=\"projectThumbnail1\"\n                                                   [standalone]=\"true\"\n                                                   [wrapperEnabled]=\"false\"></app-project-thumbnail>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail2.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                {{projectThumbnail2.description}}\n                            </div>\n                        </div>\n                    </div>\n\n                    <br>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-project-specs [projectSpecs]=\"projectSpecs\"></app-project-specs>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"About NYC Data Science Academy\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                NYC Data Science Academy offers data-related bootcamps and online courses to both individuals and corporate clients. Currently,\n                                the primary market is domestic users in the US while also targeting international users, for instance UK and China. The main website\n                                advertises all programs and supports online purchase. Besides the main website, another major product of NYCDSA is a learning\n                                management system for students to learn online.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/team_structure_nycdsa.png\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Simplifying the Online Application to Lower the Drop-Off Rate\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                Online Application is the first step for potential candidates to begin their Data Science journey. The current workflow and the\n                                interface design require an update to provide a better user experience for future students and build a consistent experience for\n                                our admission team.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/nycdsa-application-mock.jpg\">\n                            </div>\n                        </div>\n                    </div>\n\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Build a better experience for future students and our admission team.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                A decreasing number of finished applications and increasing drop-off rate first imply the need to improve the user\n                                experience to better serve the end-users. There are also two business goals for this project to meet.\n                                <app-spacer [height]=\"16\"></app-spacer>\n                                <div class=\"accent-blue\">1. Generate more leads and eventually lead to more conversions.</div>\n                                <div class=\"accent-blue\">2. Bridge the gap between post-application and before contacted by the Admission team.</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Why do the competitors’ online applications work better?\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                I started with comparing our online application form to our major competitors’ to further research on opportunity improvement\n                                fields. I went through the application process of another two Bootcamps and a Bootcamp program at a higher education institution.\n                            </div>\n                            <div class=\"project-description-bold accent-blue\">\n                                Finding: Our online application is too complex and has too many text fields that require users’ manual input. It also lacks a clear\n                                next step after submitting the form.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/nycdsa-application-comparison.jpg\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"32\"></app-spacer>\n            </div>\n\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"First thing first, what do the users say?\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                While recruiting students through admission team members, I learned that the application form could also\n                                affect the admission team’s daily job. By analyzing user behavior flow through Google Analytics and Screen\n                                recordings at CrazyEgg, as well as interviewing both students and admission officers, I created primary\n                                and secondary user archetypes.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/nycdsa-archetypes.jpg\">\n                            </div>\n                        </div>\n                    </div>\n\n                    <app-spacer [height]=\"32\"></app-spacer>\n                </div>\n\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"A simplified form with clear next steps.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                My goal was to design a simple, mobile-friendly experience that would empower future students at their\n                                first steps of becoming a data scientist and bridge the mindset gap of the next step between students\n                                and admission officers.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"embed-responsive embed-responsive-4by3\">\n                                <iframe class=\"embed-responsive-item\" src=\"https://player.vimeo.com/video/535659404?autoplay=1&loop=1&autopause=0\"\n                                        frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen></iframe>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"A better design with improved usability and refined visual design.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The redesign of online applications not only simplified the workflow but also updated usability issues that\n                                occured in the current design. The UI improvement of these small details contributed to a significant increase\n                                in task success rate and user satisfaction.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"20\"></app-spacer>\n                            <div class=\"project-subtitle\">\n                                Step 1: Basic Information\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                In this step, the redesign was focused on improving usability and solving current usability issues. Users cannot easily differentiate\n                                an optional entry field from a required one as there is no clear color difference between the text and required marks. The new design\n                                not only gives the required mark a prominent color but also lowers the opacity of the entry field to reduce distraction.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/step-1-comparison.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Stpe 2: Education & Work Experience\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The redesign of this step had a focus on improving the user experience at the informational level. I met with the admission team to\n                                learn what were the qualifiers for being admitted versus what are the good-to-have materials. By rearranging required and optional\n                                information, it would help ease users’ stress and optimize the mobile experience for users.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/Step2-Before-After.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Step 3: Additional Information\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                A major flow change happened here. By removing unnecessary fields, step 3 and step 4 of the current application were combined into\n                                one step. The new design also fixed existing usability issues and replaced the large text entry area with a dropdown menu to further\n                                improve the usability and efficiency of the online application.\n                            </div>\n                        </div>\n                    </div>\n\n<!--                    <div class=\"row\">-->\n<!--                        <div class=\"col-12\">-->\n<!--                            <div class=\"project-image-tall shadow-sm\">-->\n<!--                                <img src=\"../../../assets/img/community-guideline-fippo.jpg\">-->\n<!--                            </div>-->\n<!--                        </div>-->\n<!--                    </div>-->\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/step-3-comparison.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Application Submitted: An Engaging Next Step with Clear Emphasis\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The new design includes an overview of the entire application process while emphasizing the next step after submitting the online\n                                application. A calendar-booking function is also embedded here to gap the 20% loss on users who completed the online application but\n                                were never contacted by our admission team.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/step-4-comparison.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"32\"></app-spacer>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Outcome: a simplified workflow for students and admission officers\"></app-project-highlight>\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                By redesigning the online application, it not only shortened users' time spent on the form but also simplified the workflow of the\n                                first 2 steps of the bootcamp application process for both students and NYCDSA admission team. I'm also anticipating that the user\n                                drop-off rate will decrease, so as the 20% lead loss throughout the process on the admission side.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n<!--                <div class=\"container\">-->\n<!--                    <div class=\"row\">-->\n<!--                        <div class=\"col-lg-6 col-sm-12\" *ngFor=\"let resultNumber of impactResultNumbers\">-->\n<!--                            <app-result-number [resultNumber]=\"resultNumber\"></app-result-number>-->\n<!--                        </div>-->\n<!--                    </div>-->\n<!--                </div>-->\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/student-comparison.jpg\">\n                                <img src=\"../../../assets/img/admission-comparison.jpg\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Measuring the success: KPIs to look for.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The project is currently in staging and testing and shall move forward to production. After the launch of this new online application,\n                                there are several key KPIs to look for to measure the impact of the redesign.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <br>\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                <li><b>Drop-Off Rate:</b> The redesign shall result in a decrease in drop-off rate.</li>\n                                <li><b>Leads and Conversion Rate:</b> It is anticipated to see an increase in leads and a significant one in converted user numbers to move to the next step.</li>\n                                <li><b>User Satisfaction:</b> The new online application shall lead to a more positive user feedback on both online experience and the transition from online to offline. </li>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"36\"></app-spacer>\n            </div>\n\n\n            <app-footer></app-footer>\n        </div>\n    </div>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport {ProjectThumbnail} from \"../../daos/project-thumbnail\";\nimport {ProjectSpec} from \"../../daos/project-spec\";\nimport {BasicDao} from \"../../daos/basic-dao\";\nimport {ResultNumber} from \"../features/result-number\";\n\n@Component({\n  selector: 'app-case-study-lecco',\n  templateUrl: './case-study-kaplan-quiz-builder.component.html',\n  styleUrls: ['./case-study-kaplan-quiz-builder.component.scss']\n})\nexport class CaseStudyKaplanQuizBuilderComponent implements OnInit {\n  projectThumbnail1 :ProjectThumbnail = {\n    title: null,\n    category: null,\n    description: null,\n    imageUrl: \"assets/img/qb-top-image.jpg\",\n    pageUrl: null\n  };\n\n  projectThumbnail2 :ProjectThumbnail = {\n    title: \"Creating a Quiz Building, Scheduling, and Managing Eco-System for Educators\",\n    category: \"\",\n    description: \"This project was developed and improved in phases over a two-year period (2022-2023) with multiple \" +\n        \"rounds of research, iterations, and testing. Adding Quiz Builder, Library, and Scheduler to the Educator product \" +\n        \"portfolio has created a quiz-centric eco-system that enables faculty to create and assign custom assessments \" +\n        \"tailored to their student's needs, ultimately leading to their success. \" +\n        \"The launch of this quiz-centric eco-system has not only empowered end users in their learning journey \" +\n        \"but has also helped Kaplan save millions of dollars in contracts.\",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  projectThumbnail3 :ProjectThumbnail = {\n    title: \"My Role\",\n    category: \"\",\n    description: \"I’m the product designer owning (B2B) Educator designs with regular collaboration with UX researcher(s), \" +\n        \"designers in different workstreams, product managers/owners, engineers. I also worked closely with the Business, \" +\n        \"Content, and Learning Experience/Psychometrics teams in the process of quiz-centric eco-system delivery.\",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  projectThumbnail4 :ProjectThumbnail = {\n    title: \"Challenges along the Way\",\n    category: \"\",\n    description: \"The three products in this Eco-system weigh differently in project scope, design, and research needs. \" +\n        \"The scheduler is majorly UI work, which launched first. Quiz Builder is the most complex with a comprehensive \" +\n        \"process that follows while Quiz Library, a medium-scope project add-on of Quiz Builder, launches at last. \" +\n        \"Two major challenges persist throughout the phases.\",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  challengesProjectSubsections: ProjectThumbnail[] = [{\n    title: \"Challenge 1: Tight Timeline\",\n    category: \"\",\n    description: \"As both our engineering team and I were on a tight delivery timeline, I had to be flexible in design \" +\n        \"and research strategies to hand off the low-risk design first to yield more time to test on higher-risk \" +\n        \"designs with improvement features.\",\n    imageUrl: null,\n    pageUrl: null\n  }, {\n    title: \"Challenge 2: Major Team Restructure\",\n    category: \"\",\n    description: \"A major team restructure happened in Q1 2022, in which the team size shrank from 14 to 6. \" +\n        \"In the following 6+ months without managers, senior designers, and UX researchers, \" +\n        \"I worked directly with the Product, Engineering, and Business to align important timelines, \" +\n        \"roadmap, and product requirements in this eco-system..\",\n    imageUrl: null,\n    pageUrl: null\n  }];\n\n  projectThumbnail5 :ProjectThumbnail = {\n    title: \"User Type\",\n    category: \"\",\n    description: \"Educator (B2B) products have three major user types. External faculty are the primary users of \" +\n        \"this quiz-centered ecosystem, while the internal Kaplan academic team is a secondary user as they \" +\n        \"provide training and service support to external educators.\",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  projectThumbnail6 :ProjectThumbnail = {\n    title: \"How might we help educators create custom quizzes of target topics?\",\n    category: \"\",\n    description: \"Creating a custom quiz in addition to Kaplan’s pre-stiched ones is the starting point of a \" +\n        \"faculty’s journey to help students improve their performance in target areas. As there is no such product, \" +\n        \"my scope of work is to deliver a self-service tool that fulfills end users’ needs, which went through the \" +\n        \"following major process.\",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  projectThumbnail7 :ProjectThumbnail = {\n    title: \"How might we help educators create custom quizzes of target topics?\",\n    category: \"\",\n    description: \"\",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  discoveryPhasesProjectSubsections: ProjectThumbnail[] = [{\n    title: \"Revalidating the needs\",\n    category: \"\",\n    description: \"Previous researchers first raised and validated the need for Quiz Builder in 2019. However, \" +\n        \"the project was interrupted due to company reformation until 2022. Since I was on a tight timeline, \" +\n        \"I started with past documentation and then quickly revalidated the problem space and user needs with\" +\n        \" our Customer Engagement Team, who received direct feedback from partner institutions.\",\n    imageUrl: \"assets/img/qb-revalidating-needs.jpg\",\n    pageUrl: null\n  }, {\n    title: \"Reassessing previously proposed design\",\n    category: \"\",\n    description: \"The 2019 Quiz Builder design includes a built-in assigning ability that was inseparable from \" +\n        \"the quiz creation process. I learned about some user behavior changes from the earlier revalidation \" +\n        \"process and realized that the 2019 version would lead to an extremely frustrating experience. Two key \" +\n        \"findings were:\",\n    imageUrl: \"assets/img/qb-previous-journey.jpg\",\n    pageUrl: null,\n    additionalHTMLContext: \"<ul>\" +\n        \"  <li>&nbsp; • Faculty did not always assign the quiz right after creating one.</li>\" +\n        \"  <li>&nbsp; • The same quiz can be used in pairs with a course over years and years.</li>\" +\n        \"</ul>  \"\n  }];\n\n  projectThumbnail8 :ProjectThumbnail = {\n    title: \"Drilling down into the MVP - a simple 3-step flow to build a custom quiz\",\n    category: \"\",\n    description: \"With a defined problem, goals, and constraints, I started designing, testing, and iterating. \" +\n        \"Quiz Builder 1.0 is a 3-step flow that allows educators to create custom quizzes of target topics in one \" +\n        \"go by selecting topics & settings, handpicking questions, and reviewing details. \\n\",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  customQuizStepsProjectSubsections: ProjectThumbnail[] = [{\n    title: \"Flexible ways to select target topics\",\n    category: \"\",\n    description: \"Faculty can make initial topic selections in the first step of the process while further adjusting \" +\n        \"the selection in the following step. With the built-in flexibility of topic selection, educators \" +\n        \"can reach a desired question list with either a top-down or bottom-up approach.\",\n    imageUrl: \"assets/img/qb-feature-add-questions.jpg\",\n    pageUrl: null\n  }, {\n    title: \"Easy access to view question details\",\n    category: \"\",\n    description: \"I initiated three ways of previewing questions and associated attributes. A side sheet appearing \" +\n        \"on click was used, considering users’ preferences, and the UI component’s accessibility, scalability, and \" +\n        \"consistency. The state change of ‘View’/’Viewed’ on each question card was well-noted during usability testing.\",\n    imageUrl: \"assets/img/qb-feature-question-preview.jpg\",\n    pageUrl: null,\n  }, {\n    title: \"A concise summary of question selection and question randomizer\",\n    category: \"\",\n    description: \"During the moderated testing with 8 faculty at 6 different medical institutions, educators expressed their needs to:\\n\" +\n        \"Glance at the topic and difficulty level distribution of the quiz quickly\\n\" +\n        \"Ensure academic integrity by randomizing question order for each student while organizing questions in a certain order on their end. \\n\",\n    imageUrl: null,\n    pageUrl: null,\n    additionalHTMLContext: \"<ul>\" +\n        \"  <li>&nbsp; • Glance at the topic and difficulty level distribution of the quiz quickly</li>\" +\n        \"  <li>&nbsp; • Ensure academic integrity by randomizing question order for each student while organizing questions in a certain order on their end.</li>\" +\n        \"</ul>  \"\n  }, {\n    title: \"\",\n    category: \"\",\n    description: \"These two improvements were tested in another round of unmoderated testing and integrated into Quiz Builder v.1.0.\",\n    imageUrl: \"assets/img/qb-feature-summary.jpg\",\n    pageUrl: null\n  }];\n\n  projectThumbnail9 :ProjectThumbnail = {\n    title: \"Quiz Builder 1.0 Impacts: Empowering Learning and Growth\",\n    category: \"\",\n    description: \"Quiz Builder 1.0 was introduced to partner medical institutions in the US and overseas in October 2022. \" +\n        \"The launch delivered 5M ROI for 2022 and saved 1M in 2023 (Jan. - Jul.). In addition to the business impact,\" +\n        \" educators noted Quiz Builder 1.0 as easy to use and self-sufficient.\",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  impactResultNumbers: ResultNumber[] = [{\n    title: \"ROI in 2022\",\n    resultNumber: 5,\n    icon: \"fa fa-dollar-sign\",\n    postFix: \" Million\"\n  }, {\n    title: \"Contract Saved in 2023\",\n    resultNumber: 1,\n    icon: \"fas fa-arrow-down\",\n    postFix: \" Million\"\n  }, {\n    title: \"UX-Lite Score\",\n    resultNumber: 111,\n    icon: \"fa fa-star\",\n    postFix: \"\"\n  }];\n\n  projectThumbnail10 :ProjectThumbnail = {\n    title: \"Advancing Quiz Builder with Better UX for More Tenants\",\n    category: \"\",\n    description: \"With the success of Quiz Builder 1.0, one of the major 2023 initiatives is to provide \" +\n        \"nursing institutions (Kaplan’s largest institutional business segment) with Quiz Builder. I worked with\" +\n        \" my product manager, lead engineer, and key business stakeholders to debrief requested improvements \" +\n        \"and desired features learned from previous moderated and unmoderated testings, as well as post-launch\" +\n        \" continuous research. After the prioritization activity and a deep dive into analyzing the difference \" +\n        \"between nursing and medical user needs, the following improvements were delivered in v.1.0 to v.1.3 release.\",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  improvementsProjectSubsections: ProjectThumbnail[] = [{\n    title: \"Search: a more efficient topic selection\",\n    category: \"\",\n    description: \"A nursing taxonomy can have more than 1000 topics. An in-taxonomy search function was integrated to \" +\n        \"help faculty quickly filter down to a specific topic in mind.\",\n    imageUrl: null,\n    pageUrl: null,\n    vimeoUrl: \"https://player.vimeo.com/video/943057176?autoplay=1&loop=1&autopause=0\"\n  }, {\n    title: \"Question Set: a more flexible component to feature different question types\",\n    category: \"\",\n    description: \"One of the pain points learned in the 2022 Quiz Builder was the inability to support question sets \" +\n        \"like in real tests. As this is a shared need also confirmed by the nursing team, I designed a new \" +\n        \"component and expanded the table UI to feature a series of questions.\",\n    imageUrl: \"assets/img/qb-feature-questions-set.jpg\",\n    pageUrl: null\n  }, {\n    title: \"Improved Preview: better adapting the content\",\n    category: \"\",\n    description: \"To better adapt non-text content like a data table, I advocated upgrading the existing fixed-width \" +\n        \"side sheet to a draggable one. The ability to open a Test-like UI preview in a new tab was also available \" +\n        \"based on feedback received.\",\n    imageUrl: null,\n    pageUrl: null,\n    vimeoUrl: \"https://player.vimeo.com/video/943057191?autoplay=1&loop=1&autopause=0\"\n  }];\n\n  projectThumbnail11 :ProjectThumbnail = {\n    title: \"Sneak Peak of Quiz Builder 2.0: Defining Topic Distribution with Building Blocks\",\n    category: \"\",\n    description: \"Quiz Builder 2.0 addresses the users' most wanted feature, creating a custom test by topic \" +\n        \"distribution. Instead of a top-down or bottom-up approach in Quiz Builder 1.0, educators can define \" +\n        \"criteria for a question set while adding multiple sets to curate a question list with target topics\" +\n        \" quickly in v.2.0. Educators describe this revolutionary way of creating a test as ‘exactly what they \" +\n        \"want since day 1’ during testing.\",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  projectThumbnail12 :ProjectThumbnail = {\n    title: \"Quiz Builder’s Impact on Nursing Institutions: internally & externally\",\n    category: \"\",\n    description: \"Quiz Builder (v.1.3) launched on Oct.3rd, 2023. This launch has empowered nursing faculty at \" +\n        \"78 institutions with the self-service ability to create custom tests. 418 custom tests were created and \" +\n        \"taken by 6k students in the first 3 months of the launch. Internally, this launch helps save business costs\" +\n        \" by transforming the 4-week min. process involving multiple teams to a 1-day max. experience to \" +\n        \"the end user. \",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n\n  projectSpecs: ProjectSpec[] = [{\n    icon: \"fas fa-map\",\n    title: \"Project Scope\",\n    description: \"Information Architecture <br> UI/UX Design\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-gem\",\n    title: \"My Role\",\n    description: \"UX Designer <br> UI Designer\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-magic\",\n    title: \"Tools\",\n    description: \"Figma, Trello\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-clock\",\n    title: \"Timeline\",\n    description: \"3 Months <br> Feb 2021 - Apr 2021\",\n    color: \"#6c91ef\",\n  }];\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n\n\n\n\n","<div class=\"italy\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n\n        <div class=\"project-sections\">\n            <div class=\"project-section\">\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-project-thumbnail [projectThumbnail]=\"projectThumbnail1\"\n                                                   [standalone]=\"true\"\n                                                   [wrapperEnabled]=\"false\"></app-project-thumbnail>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail2.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                {{projectThumbnail2.description}}\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/qb-overview.jpg\">\n                            </div>\n                        </div>\n                    </div>\n\n                    <br>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-project-specs [projectSpecs]=\"projectSpecs\"></app-project-specs>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail3.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                {{projectThumbnail3.description}}\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/qb-my-role.jpg\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail4.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                {{projectThumbnail4.description}}\n                            </div>\n                        </div>\n                    </div>\n\n                    <div *ngFor=\"let challenge of challengesProjectSubsections\">\n                        <div class=\"row\">\n                            <div class=\"col-12\">\n                                <div class=\"project-subtitle\">\n                                    {{challenge.title}}\n                                </div>\n                            </div>\n\n                            <div class=\"col-12\">\n                                <div class=\"project-description\">\n                                    {{challenge.description}}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/qb-challenges-timeline.jpg\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail5.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                {{projectThumbnail5.description}}\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/qb-user-type.jpg\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail6.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                {{projectThumbnail6.description}}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail7.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div *ngFor=\"let phase of discoveryPhasesProjectSubsections\">\n                        <div class=\"row\">\n                            <div class=\"col-12\">\n                                <div class=\"project-subtitle\">\n                                    {{phase.title}}\n                                </div>\n                            </div>\n\n                            <div class=\"col-12\">\n                                <div class=\"project-description\">\n                                    {{phase.description}}\n                                </div>\n                            </div>\n\n                            <div class=\"col-12\" *ngIf=\"phase.additionalHTMLContext\">\n                                <div class=\"project-description\">\n                                    <div [innerHTML]=\"phase.additionalHTMLContext\"></div>\n                                </div>\n                            </div>\n\n\n                            <div class=\"col-12\" *ngIf=\"phase.imageUrl\">\n                                <div class=\"project-image\">\n                                    <img [src]=\"phase.imageUrl\">\n                                </div>\n                            </div>\n\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail8.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                {{projectThumbnail8.description}}\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"embed-responsive embed-responsive-4by3\">\n                                <iframe class=\"embed-responsive-item\" src=\"https://player.vimeo.com/video/943056761?autoplay=1&loop=1&autopause=0\"\n                                        frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen></iframe>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div *ngFor=\"let step of customQuizStepsProjectSubsections\">\n                        <div class=\"row\">\n                            <div class=\"col-12\">\n                                <div class=\"project-subtitle\">\n                                    {{step.title}}\n                                </div>\n                            </div>\n\n                            <div class=\"col-12\">\n                                <div class=\"project-description\">\n                                    {{step.description}}\n                                </div>\n                            </div>\n\n                            <div class=\"col-12\" *ngIf=\"step.additionalHTMLContext\">\n                                <div class=\"project-description\">\n                                    <div [innerHTML]=\"step.additionalHTMLContext\"></div>\n                                </div>\n                            </div>\n\n                            <div class=\"col-12\" *ngIf=\"step.imageUrl\">\n                                <div class=\"project-image\">\n                                    <img [src]=\"step.imageUrl\">\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail9.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                {{projectThumbnail9.description}}\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-lg-4 col-sm-12\" *ngFor=\"let rn of impactResultNumbers\">\n                            <app-result-number [resultNumber]=\"rn\"></app-result-number>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail10.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                {{projectThumbnail10.description}}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div *ngFor=\"let improvement of improvementsProjectSubsections\">\n                        <div class=\"row\">\n                            <div class=\"col-12\">\n                                <div class=\"project-subtitle\">\n                                    {{improvement.title}}\n                                </div>\n                            </div>\n\n                            <div class=\"col-12\">\n                                <div class=\"project-description\">\n                                    {{improvement.description}}\n                                </div>\n                            </div>\n\n                            <div class=\"col-12\" *ngIf=\"improvement.imageUrl\">\n                                <div class=\"project-image\">\n                                    <img [src]=\"improvement.imageUrl\">\n                                </div>\n                            </div>\n\n                            <div class=\"col-12\" *ngIf=\"improvement.vimeoUrl\">\n                                <div class=\"embed-responsive embed-responsive-4by3\">\n                                    <iframe class=\"embed-responsive-item\" [src]=\"improvement.vimeoUrl | safe: 'resourceUrl' \"\n                                            frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen></iframe>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail11.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                {{projectThumbnail11.description}}\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/qb-v2.jpg\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail12.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                {{projectThumbnail12.description}}\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/qb-v2-impact.jpg\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <app-spacer [height]=\"36\"></app-spacer>\n\n            <app-footer></app-footer>\n        </div>\n    </div>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport {ProjectThumbnail} from \"../../daos/project-thumbnail\";\nimport {ProjectSpec} from \"../../daos/project-spec\";\nimport {BasicDao} from \"../../daos/basic-dao\";\nimport {ResultNumber} from \"../features/result-number\";\n\n@Component({\n  selector: 'app-case-study-lecco',\n  templateUrl: './case-study-kaplan-reporting.component.html',\n  styleUrls: ['./case-study-kaplan-reporting.component.scss']\n})\nexport class CaseStudyKaplanReportingComponent implements OnInit {\n  projectThumbnail1 :ProjectThumbnail = {\n    title: null,\n    category: null,\n    description: null,\n    imageUrl: \"assets/img/nycdsa_hero.png\",\n    pageUrl: null\n  };\n\n  projectThumbnail2 :ProjectThumbnail = {\n    title: \"Reporting...Reporting...Reporting...Reporting...Reporting...Reporting...\",\n    category: \"Fire Island Pines Property Owners Association\",\n    description: \"At NYC Data Science Academy, I have worked on a diverse set of projects to improve the user experience and increase the\\n\" +\n      \"                                conversion rate. The projects include redesigning more engaging web pages of the most important products, simplifying\\n\" +\n      \"                                the current online application process, and designing new web products.\",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  projectSpecs: ProjectSpec[] = [{\n    icon: \"fas fa-map\",\n    title: \"Project Scope\",\n    description: \"Information Architecture <br> UI/UX Design\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-gem\",\n    title: \"My Role\",\n    description: \"UX Designer <br> UI Designer\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-magic\",\n    title: \"Tools\",\n    description: \"Figma, Trello\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-clock\",\n    title: \"Timeline\",\n    description: \"3 Months <br> Feb 2021 - Apr 2021\",\n    color: \"#6c91ef\",\n  }];\n\n  featuresData = {\n    title: null,\n    description: \"We achieved a problem statement through various research approaches, which included conducting user surveys and interviews, \" +\n      \"usability testing, competitor and comparator analysis, and heuristics analysis. \",\n    resultNumbers: [{\n      title: \"Surveys\",\n      resultNumber: 16,\n      icon: \"fas fa-clipboard\"\n    }, {\n      title: \"Interviews\",\n      resultNumber: 13,\n      icon: \"fas fa-users\"\n    }, {\n      title: \"Usability Tests\",\n      resultNumber: 15,\n      icon: \"fas fa-poll\"\n    }],\n    projectSpecs: [{\n      title: \"Heuristic Analysis\",\n      description: 'We used Abby Method to analyze FIPPOA website. 6/10 heuristics had major issues.',\n      icon: \"far fa-frown\",\n      color: \"#F76464\"\n    }, {\n      title: \"Accessibility\",\n      description: 'The current website neither optimized for screen readers, nor met the 3.0 standard.',\n      icon: \"far fa-meh\",\n      color: \"#FA9A64\"\n    }, {\n      title: \"Competitor Analysis\",\n      description: 'FIPPOA website lacked of latest information and intriguing visuals.',\n      icon: \"far fa-frown\",\n      color: \"#F76464\"\n    }, {\n      title: \"Comparator Analysis\",\n      description: 'The current FIPPOA website lacked of a clear information architecture.',\n      icon: \"far fa-meh\",\n      color: \"#FA9A64\"\n    }]\n  };\n\n  projectIssues: BasicDao[] = [{\n    title: \"Time-Consuming Navigation\",\n    description: \"There were a lot of pages and external links without a clear, yet intuitive navigation menu. Users had to click back \" +\n      \"and forth to locate information, which resulted in a high exit rate before landing the destination and low retention.\",\n    url: \"../../../assets/img/time-consuming-navigation.jpg\"\n  }, {\n    title: \"Outdated and Inconsistent Design\",\n    description: \"The website was inconsistent between pages while using low-resolution images and outdated visual design across the site. \" +\n      \"Many users bounced at the homepage as they either lost interest to further explore the website. \",\n    url: \"../../../assets/img/outdated-design.jpg\"\n  }, {\n    title: \"Text Heavy Content\",\n    description: \"The current website relied on using text-heavy content to convey information. Users not only lost interest quickly but also \" +\n      \"had trouble finding the most useful information out of a long article at a glance. \",\n    url: \"../../../assets/img/text-heavy.jpg\"\n  }, {\n    title: \"Confusing Content\",\n    description: \"Short-term renters and visitors were unsure about whether FIPPOA resources were available to them. There was no access \" +\n      \"point for them to learn about FIPPOA membership even though the membership is open to all.\",\n    url: \"../../../assets/img/confusing content.jpg\"\n  }];\n\n  impactResultNumbers: ResultNumber[] = [{\n    title: \"Test Success Rate\",\n    resultNumber: 500,\n    icon: \"fas fa-arrow-up\",\n    postFix: \"%\"\n  }, {\n    title: \"Time-on-task\",\n    resultNumber: 13.9,\n    icon: \"fas fa-arrow-down\",\n    postFix: \" sec\"\n  }];\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n\n\n\n\n","<div class=\"italy\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n\n        <div class=\"project-sections\">\n            <div class=\"project-section\">\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-project-thumbnail [projectThumbnail]=\"projectThumbnail1\"\n                                                   [standalone]=\"true\"\n                                                   [wrapperEnabled]=\"false\"></app-project-thumbnail>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail2.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                {{projectThumbnail2.description}}\n                            </div>\n                        </div>\n                    </div>\n\n                    <br>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-project-specs [projectSpecs]=\"projectSpecs\"></app-project-specs>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"About NYC Data Science Academy\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                NYC Data Science Academy offers data-related bootcamps and online courses to both individuals and corporate clients. Currently,\n                                the primary market is domestic users in the US while also targeting international users, for instance UK and China. The main website\n                                advertises all programs and supports online purchase. Besides the main website, another major product of NYCDSA is a learning\n                                management system for students to learn online.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/team_structure_nycdsa.png\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Simplifying the Online Application to Lower the Drop-Off Rate\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                Online Application is the first step for potential candidates to begin their Data Science journey. The current workflow and the\n                                interface design require an update to provide a better user experience for future students and build a consistent experience for\n                                our admission team.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/nycdsa-application-mock.jpg\">\n                            </div>\n                        </div>\n                    </div>\n\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Build a better experience for future students and our admission team.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                A decreasing number of finished applications and increasing drop-off rate first imply the need to improve the user\n                                experience to better serve the end-users. There are also two business goals for this project to meet.\n                                <app-spacer [height]=\"16\"></app-spacer>\n                                <div class=\"accent-blue\">1. Generate more leads and eventually lead to more conversions.</div>\n                                <div class=\"accent-blue\">2. Bridge the gap between post-application and before contacted by the Admission team.</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Why do the competitors’ online applications work better?\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                I started with comparing our online application form to our major competitors’ to further research on opportunity improvement\n                                fields. I went through the application process of another two Bootcamps and a Bootcamp program at a higher education institution.\n                            </div>\n                            <div class=\"project-description-bold accent-blue\">\n                                Finding: Our online application is too complex and has too many text fields that require users’ manual input. It also lacks a clear\n                                next step after submitting the form.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/nycdsa-application-comparison.jpg\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"32\"></app-spacer>\n            </div>\n\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"First thing first, what do the users say?\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                While recruiting students through admission team members, I learned that the application form could also\n                                affect the admission team’s daily job. By analyzing user behavior flow through Google Analytics and Screen\n                                recordings at CrazyEgg, as well as interviewing both students and admission officers, I created primary\n                                and secondary user archetypes.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/nycdsa-archetypes.jpg\">\n                            </div>\n                        </div>\n                    </div>\n\n                    <app-spacer [height]=\"32\"></app-spacer>\n                </div>\n\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"A simplified form with clear next steps.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                My goal was to design a simple, mobile-friendly experience that would empower future students at their\n                                first steps of becoming a data scientist and bridge the mindset gap of the next step between students\n                                and admission officers.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"embed-responsive embed-responsive-4by3\">\n                                <iframe class=\"embed-responsive-item\" src=\"https://player.vimeo.com/video/535659404?autoplay=1&loop=1&autopause=0\"\n                                        frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen></iframe>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"A better design with improved usability and refined visual design.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The redesign of online applications not only simplified the workflow but also updated usability issues that\n                                occured in the current design. The UI improvement of these small details contributed to a significant increase\n                                in task success rate and user satisfaction.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"20\"></app-spacer>\n                            <div class=\"project-subtitle\">\n                                Step 1: Basic Information\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                In this step, the redesign was focused on improving usability and solving current usability issues. Users cannot easily differentiate\n                                an optional entry field from a required one as there is no clear color difference between the text and required marks. The new design\n                                not only gives the required mark a prominent color but also lowers the opacity of the entry field to reduce distraction.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/step-1-comparison.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Stpe 2: Education & Work Experience\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The redesign of this step had a focus on improving the user experience at the informational level. I met with the admission team to\n                                learn what were the qualifiers for being admitted versus what are the good-to-have materials. By rearranging required and optional\n                                information, it would help ease users’ stress and optimize the mobile experience for users.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/Step2-Before-After.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Step 3: Additional Information\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                A major flow change happened here. By removing unnecessary fields, step 3 and step 4 of the current application were combined into\n                                one step. The new design also fixed existing usability issues and replaced the large text entry area with a dropdown menu to further\n                                improve the usability and efficiency of the online application.\n                            </div>\n                        </div>\n                    </div>\n\n<!--                    <div class=\"row\">-->\n<!--                        <div class=\"col-12\">-->\n<!--                            <div class=\"project-image-tall shadow-sm\">-->\n<!--                                <img src=\"../../../assets/img/community-guideline-fippo.jpg\">-->\n<!--                            </div>-->\n<!--                        </div>-->\n<!--                    </div>-->\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/step-3-comparison.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Application Submitted: An Engaging Next Step with Clear Emphasis\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The new design includes an overview of the entire application process while emphasizing the next step after submitting the online\n                                application. A calendar-booking function is also embedded here to gap the 20% loss on users who completed the online application but\n                                were never contacted by our admission team.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/step-4-comparison.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"32\"></app-spacer>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Outcome: a simplified workflow for students and admission officers\"></app-project-highlight>\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                By redesigning the online application, it not only shortened users' time spent on the form but also simplified the workflow of the\n                                first 2 steps of the bootcamp application process for both students and NYCDSA admission team. I'm also anticipating that the user\n                                drop-off rate will decrease, so as the 20% lead loss throughout the process on the admission side.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n<!--                <div class=\"container\">-->\n<!--                    <div class=\"row\">-->\n<!--                        <div class=\"col-lg-6 col-sm-12\" *ngFor=\"let resultNumber of impactResultNumbers\">-->\n<!--                            <app-result-number [resultNumber]=\"resultNumber\"></app-result-number>-->\n<!--                        </div>-->\n<!--                    </div>-->\n<!--                </div>-->\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/student-comparison.jpg\">\n                                <img src=\"../../../assets/img/admission-comparison.jpg\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Measuring the success: KPIs to look for.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The project is currently in staging and testing and shall move forward to production. After the launch of this new online application,\n                                there are several key KPIs to look for to measure the impact of the redesign.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <br>\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                <li><b>Drop-Off Rate:</b> The redesign shall result in a decrease in drop-off rate.</li>\n                                <li><b>Leads and Conversion Rate:</b> It is anticipated to see an increase in leads and a significant one in converted user numbers to move to the next step.</li>\n                                <li><b>User Satisfaction:</b> The new online application shall lead to a more positive user feedback on both online experience and the transition from online to offline. </li>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"36\"></app-spacer>\n            </div>\n\n\n            <app-footer></app-footer>\n        </div>\n    </div>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport {ProjectThumbnail} from \"../../daos/project-thumbnail\";\nimport {ProjectSpec} from \"../../daos/project-spec\";\nimport {BasicDao} from \"../../daos/basic-dao\";\nimport {ResultNumber} from \"../features/result-number\";\n\n@Component({\n  selector: 'app-case-study-lecco',\n  templateUrl: './case-study-nycdsa.component.html',\n  styleUrls: ['./case-study-nycdsa.component.scss']\n})\nexport class CaseStudyNYCDSAComponent implements OnInit {\n  projectThumbnail1 :ProjectThumbnail = {\n    title: null,\n    category: null,\n    description: null,\n    imageUrl: \"assets/img/nycdsa_hero.png\",\n    pageUrl: null\n  };\n\n  projectThumbnail2 :ProjectThumbnail = {\n    title: \"Improving the User Experience at NYC Data Science Academy\",\n    category: \"Fire Island Pines Property Owners Association\",\n    description: \"At NYC Data Science Academy, I have worked on a diverse set of projects to improve the user experience and increase the\\n\" +\n      \"                                conversion rate. The projects include redesigning more engaging web pages of the most important products, simplifying\\n\" +\n      \"                                the current online application process, and designing new web products.\",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  projectSpecs: ProjectSpec[] = [{\n    icon: \"fas fa-map\",\n    title: \"Project Scope\",\n    description: \"Information Architecture <br> UI/UX Design\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-gem\",\n    title: \"My Role\",\n    description: \"UX Designer <br> UI Designer\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-magic\",\n    title: \"Tools\",\n    description: \"Figma, Trello\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-clock\",\n    title: \"Timeline\",\n    description: \"3 Months <br> Feb 2021 - Apr 2021\",\n    color: \"#6c91ef\",\n  }];\n\n  featuresData = {\n    title: null,\n    description: \"We achieved a problem statement through various research approaches, which included conducting user surveys and interviews, \" +\n      \"usability testing, competitor and comparator analysis, and heuristics analysis. \",\n    resultNumbers: [{\n      title: \"Surveys\",\n      resultNumber: 16,\n      icon: \"fas fa-clipboard\"\n    }, {\n      title: \"Interviews\",\n      resultNumber: 13,\n      icon: \"fas fa-users\"\n    }, {\n      title: \"Usability Tests\",\n      resultNumber: 15,\n      icon: \"fas fa-poll\"\n    }],\n    projectSpecs: [{\n      title: \"Heuristic Analysis\",\n      description: 'We used Abby Method to analyze FIPPOA website. 6/10 heuristics had major issues.',\n      icon: \"far fa-frown\",\n      color: \"#F76464\"\n    }, {\n      title: \"Accessibility\",\n      description: 'The current website neither optimized for screen readers, nor met the 3.0 standard.',\n      icon: \"far fa-meh\",\n      color: \"#FA9A64\"\n    }, {\n      title: \"Competitor Analysis\",\n      description: 'FIPPOA website lacked of latest information and intriguing visuals.',\n      icon: \"far fa-frown\",\n      color: \"#F76464\"\n    }, {\n      title: \"Comparator Analysis\",\n      description: 'The current FIPPOA website lacked of a clear information architecture.',\n      icon: \"far fa-meh\",\n      color: \"#FA9A64\"\n    }]\n  };\n\n  projectIssues: BasicDao[] = [{\n    title: \"Time-Consuming Navigation\",\n    description: \"There were a lot of pages and external links without a clear, yet intuitive navigation menu. Users had to click back \" +\n      \"and forth to locate information, which resulted in a high exit rate before landing the destination and low retention.\",\n    url: \"../../../assets/img/time-consuming-navigation.jpg\"\n  }, {\n    title: \"Outdated and Inconsistent Design\",\n    description: \"The website was inconsistent between pages while using low-resolution images and outdated visual design across the site. \" +\n      \"Many users bounced at the homepage as they either lost interest to further explore the website. \",\n    url: \"../../../assets/img/outdated-design.jpg\"\n  }, {\n    title: \"Text Heavy Content\",\n    description: \"The current website relied on using text-heavy content to convey information. Users not only lost interest quickly but also \" +\n      \"had trouble finding the most useful information out of a long article at a glance. \",\n    url: \"../../../assets/img/text-heavy.jpg\"\n  }, {\n    title: \"Confusing Content\",\n    description: \"Short-term renters and visitors were unsure about whether FIPPOA resources were available to them. There was no access \" +\n      \"point for them to learn about FIPPOA membership even though the membership is open to all.\",\n    url: \"../../../assets/img/confusing content.jpg\"\n  }];\n\n  impactResultNumbers: ResultNumber[] = [{\n    title: \"Test Success Rate\",\n    resultNumber: 500,\n    icon: \"fas fa-arrow-up\",\n    postFix: \"%\"\n  }, {\n    title: \"Time-on-task\",\n    resultNumber: 13.9,\n    icon: \"fas fa-arrow-down\",\n    postFix: \" sec\"\n  }];\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n\n\n\n\n","<div class=\"italy\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n\n        <div class=\"project-sections\">\n            <div class=\"project-section\">\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-project-thumbnail [projectThumbnail]=\"projectThumbnail1\"\n                                                   [standalone]=\"true\"\n                                                   [wrapperEnabled]=\"false\"></app-project-thumbnail>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail2.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                {{projectThumbnail2.description}}\n                            </div>\n                        </div>\n                    </div>\n\n                    <br>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-project-specs [projectSpecs]=\"projectSpecs\"></app-project-specs>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"About NYC Data Science Academy\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                NYC Data Science Academy offers data-related bootcamps and online courses to both individuals and corporate clients. Currently,\n                                the primary market is domestic users in the US while also targeting international users, for instance UK and China. The main website\n                                advertises all programs and supports online purchase. Besides the main website, another major product of NYCDSA is a learning\n                                management system for students to learn online.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/team_structure_nycdsa.png\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Simplifying the Online Application to Lower the Drop-Off Rate\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                Online Application is the first step for potential candidates to begin their Data Science journey. The current workflow and the\n                                interface design require an update to provide a better user experience for future students and build a consistent experience for\n                                our admission team.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/nycdsa-application-mock.jpg\">\n                            </div>\n                        </div>\n                    </div>\n\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Build a better experience for future students and our admission team.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                A decreasing number of finished applications and increasing drop-off rate first imply the need to improve the user\n                                experience to better serve the end-users. There are also two business goals for this project to meet.\n                                <app-spacer [height]=\"16\"></app-spacer>\n                                <div class=\"accent-blue\">1. Generate more leads and eventually lead to more conversions.</div>\n                                <div class=\"accent-blue\">2. Bridge the gap between post-application and before contacted by the Admission team.</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Why do the competitors’ online applications work better?\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                I started with comparing our online application form to our major competitors’ to further research on opportunity improvement\n                                fields. I went through the application process of another two Bootcamps and a Bootcamp program at a higher education institution.\n                            </div>\n                            <div class=\"project-description-bold accent-blue\">\n                                Finding: Our online application is too complex and has too many text fields that require users’ manual input. It also lacks a clear\n                                next step after submitting the form.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/nycdsa-application-comparison.jpg\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"32\"></app-spacer>\n            </div>\n\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"First thing first, what do the users say?\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                While recruiting students through admission team members, I learned that the application form could also\n                                affect the admission team’s daily job. By analyzing user behavior flow through Google Analytics and Screen\n                                recordings at CrazyEgg, as well as interviewing both students and admission officers, I created primary\n                                and secondary user archetypes.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/nycdsa-archetypes.jpg\">\n                            </div>\n                        </div>\n                    </div>\n\n                    <app-spacer [height]=\"32\"></app-spacer>\n                </div>\n\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"A simplified form with clear next steps.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                My goal was to design a simple, mobile-friendly experience that would empower future students at their\n                                first steps of becoming a data scientist and bridge the mindset gap of the next step between students\n                                and admission officers.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"embed-responsive embed-responsive-4by3\">\n                                <iframe class=\"embed-responsive-item\" src=\"https://player.vimeo.com/video/535659404?autoplay=1&loop=1&autopause=0\"\n                                        frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen></iframe>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"A better design with improved usability and refined visual design.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The redesign of online applications not only simplified the workflow but also updated usability issues that\n                                occured in the current design. The UI improvement of these small details contributed to a significant increase\n                                in task success rate and user satisfaction.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"20\"></app-spacer>\n                            <div class=\"project-subtitle\">\n                                Step 1: Basic Information\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                In this step, the redesign was focused on improving usability and solving current usability issues. Users cannot easily differentiate\n                                an optional entry field from a required one as there is no clear color difference between the text and required marks. The new design\n                                not only gives the required mark a prominent color but also lowers the opacity of the entry field to reduce distraction.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/step-1-comparison.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Stpe 2: Education & Work Experience\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The redesign of this step had a focus on improving the user experience at the informational level. I met with the admission team to\n                                learn what were the qualifiers for being admitted versus what are the good-to-have materials. By rearranging required and optional\n                                information, it would help ease users’ stress and optimize the mobile experience for users.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/Step2-Before-After.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Step 3: Additional Information\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                A major flow change happened here. By removing unnecessary fields, step 3 and step 4 of the current application were combined into\n                                one step. The new design also fixed existing usability issues and replaced the large text entry area with a dropdown menu to further\n                                improve the usability and efficiency of the online application.\n                            </div>\n                        </div>\n                    </div>\n\n<!--                    <div class=\"row\">-->\n<!--                        <div class=\"col-12\">-->\n<!--                            <div class=\"project-image-tall shadow-sm\">-->\n<!--                                <img src=\"../../../assets/img/community-guideline-fippo.jpg\">-->\n<!--                            </div>-->\n<!--                        </div>-->\n<!--                    </div>-->\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/step-3-comparison.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Application Submitted: An Engaging Next Step with Clear Emphasis\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The new design includes an overview of the entire application process while emphasizing the next step after submitting the online\n                                application. A calendar-booking function is also embedded here to gap the 20% loss on users who completed the online application but\n                                were never contacted by our admission team.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/step-4-comparison.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"32\"></app-spacer>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Outcome: a simplified workflow for students and admission officers\"></app-project-highlight>\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                By redesigning the online application, it not only shortened users' time spent on the form but also simplified the workflow of the\n                                first 2 steps of the bootcamp application process for both students and NYCDSA admission team. I'm also anticipating that the user\n                                drop-off rate will decrease, so as the 20% lead loss throughout the process on the admission side.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n<!--                <div class=\"container\">-->\n<!--                    <div class=\"row\">-->\n<!--                        <div class=\"col-lg-6 col-sm-12\" *ngFor=\"let resultNumber of impactResultNumbers\">-->\n<!--                            <app-result-number [resultNumber]=\"resultNumber\"></app-result-number>-->\n<!--                        </div>-->\n<!--                    </div>-->\n<!--                </div>-->\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/student-comparison.jpg\">\n                                <img src=\"../../../assets/img/admission-comparison.jpg\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Measuring the success: KPIs to look for.\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The project is currently in staging and testing and shall move forward to production. After the launch of this new online application,\n                                there are several key KPIs to look for to measure the impact of the redesign.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <br>\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                <li><b>Drop-Off Rate:</b> The redesign shall result in a decrease in drop-off rate.</li>\n                                <li><b>Leads and Conversion Rate:</b> It is anticipated to see an increase in leads and a significant one in converted user numbers to move to the next step.</li>\n                                <li><b>User Satisfaction:</b> The new online application shall lead to a more positive user feedback on both online experience and the transition from online to offline. </li>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <app-spacer [height]=\"36\"></app-spacer>\n            </div>\n\n\n            <app-footer></app-footer>\n        </div>\n    </div>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport {ProjectThumbnail} from \"../../daos/project-thumbnail\";\nimport {ProjectSpec} from \"../../daos/project-spec\";\nimport {BasicDao} from \"../../daos/basic-dao\";\nimport {ResultNumber} from \"../features/result-number\";\n\n@Component({\n  selector: 'app-case-study-zippal',\n  templateUrl: './case-study-zippal.component.html',\n  styleUrls: ['./case-study-zippal.component.css']\n})\nexport class CaseStudyZippalComponent implements OnInit {\n\n  projectThumbnail1 :ProjectThumbnail = {\n    title: null,\n    category: null,\n    description: null,\n    imageUrl: \"assets/img/zippals_hero.png\",\n    pageUrl: null\n  };\n\n  projectThumbnail2 :ProjectThumbnail = {\n    title: \"ZipPals: More than a Passing Hello to your Neighbors and Community.\",\n    category: \"Fire Island Pines Property Owners Association\",\n    description: \"ZipPals is a concept iOS mobile app that helps New Yorkers build meaningful friendships locally within \" +\n      \"their neighborhood. In a simple, efficient and safe way, New Yorkers could meet neighbors with shared interests and \" +\n      \"explore suggested events together with minimum efforts.\",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  projectSpecs: ProjectSpec[] = [{\n    icon: \"fas fa-map\",\n    title: \"Project Scope\",\n    description: \"iOS Mobile App <br> UI/UX Design\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-gem\",\n    title: \"My Role\",\n    description: \"UX Researcher <br> Product Designer\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-magic\",\n    title: \"Tools\",\n    description: \"Figma, Trello\",\n    color: \"#6c91ef\",\n  }, {\n    icon: \"fas fa-clock\",\n    title: \"Timeline\",\n    description: \"2 Design Sprint <br> Jan 2020\",\n    color: \"#6c91ef\",\n  }];\n\n  featuresData = {\n    title: null,\n    description: \"We achieved a problem statement through various research approaches, which included conducting user surveys and interviews, \" +\n      \"usability testing, competitor and comparator analysis, and heuristics analysis. \",\n    resultNumbers: [{\n      title: \"Surveys\",\n      resultNumber: 16,\n      icon: \"fas fa-clipboard\"\n    }, {\n      title: \"Interviews\",\n      resultNumber: 13,\n      icon: \"fas fa-users\"\n    }, {\n      title: \"Usability Tests\",\n      resultNumber: 15,\n      icon: \"fas fa-poll\"\n    }],\n    projectSpecs: [{\n      title: \"Heuristic Analysis\",\n      description: 'We used Abby Method to analyze FIPPOA website. 6/10 heuristics had major issues.',\n      icon: \"far fa-frown\",\n      color: \"#F76464\"\n    }, {\n      title: \"Accessibility\",\n      description: 'The current website neither optimized for screen readers, nor met the 3.0 standard.',\n      icon: \"far fa-meh\",\n      color: \"#FA9A64\"\n    }, {\n      title: \"Competitor Analysis\",\n      description: 'FIPPOA website lacked of latest information and intriguing visuals.',\n      icon: \"far fa-frown\",\n      color: \"#F76464\"\n    }, {\n      title: \"Comparator Analysis\",\n      description: 'The current FIPPOA website lacked of a clear information architecture.',\n      icon: \"far fa-meh\",\n      color: \"#FA9A64\"\n    }]\n  };\n\n  projectIssues: BasicDao[] = [{\n    title: \"Time-Consuming Navigation\",\n    description: \"There were a lot of pages and external links without a clear, yet intuitive navigation menu. Users had to click back \" +\n      \"and forth to locate information, which resulted in a high exit rate before landing the destination and low retention.\",\n    url: \"../../../assets/img/time-consuming-navigation.jpg\"\n  }, {\n    title: \"Outdated and Inconsistent Design\",\n    description: \"The website was inconsistent between pages while using low-resolution images and outdated visual design across the site. \" +\n      \"Many users bounced at the homepage as they either lost interest to further explore the website. \",\n    url: \"../../../assets/img/outdated-design.jpg\"\n  }, {\n    title: \"Text Heavy Content\",\n    description: \"The current website relied on using text-heavy content to convey information. Users not only lost interest quickly but also \" +\n      \"had trouble finding the most useful information out of a long article at a glance. \",\n    url: \"../../../assets/img/text-heavy.jpg\"\n  }, {\n    title: \"Confusing Content\",\n    description: \"Short-term renters and visitors were unsure about whether FIPPOA resources were available to them. There was no access \" +\n      \"point for them to learn about FIPPOA membership even though the membership is open to all.\",\n    url: \"../../../assets/img/confusing content.jpg\"\n  }];\n\n  impactResultNumbers: ResultNumber[] = [{\n    title: \"Test Success Rate\",\n    resultNumber: 500,\n    icon: \"fas fa-arrow-up\",\n    postFix: \"%\"\n  }, {\n    title: \"Time-on-task\",\n    resultNumber: 13.9,\n    icon: \"fas fa-arrow-down\",\n    postFix: \" sec\"\n  }];\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"italy\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n\n        <div class=\"project-sections\">\n            <div class=\"project-section\">\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-project-thumbnail [projectThumbnail]=\"projectThumbnail1\"\n                                                   [standalone]=\"true\"\n                                                   [wrapperEnabled]=\"false\"></app-project-thumbnail>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight [text]=\"projectThumbnail2.title\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                {{projectThumbnail2.description}}\n                            </div>\n                        </div>\n                    </div>\n\n                    <br>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-project-specs [projectSpecs]=\"projectSpecs\"></app-project-specs>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"ZipPals team and approach\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                I worked as a Product Designer in a team of 4. I helped conduct user interviews and market research while facilitating design\n                                studio sessions and leading the interface design.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/zippals_team_and_process.png\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Why do we need a new social network app?\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                Our team investigated the current social networking product landscape to ensure that ZipPals would hold a unique perspective.\n                                We conducted research on 10 popular social network platforms, including Facebook, LinkedIn, Meetup, Tinder, etc.\n                            </div>\n                            <div class=\"project-description-bold accent-blue\">\n                                Opportunity: There is a lack of activity driven options to build meaningful connections outside of romantic or professional purposes.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/zippals-marketing-research.png\">\n                            </div>\n                        </div>\n                    </div>\n\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Get to know more about New Yorkers’ current experience\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                By collecting survey data and conducting 8 user interviews, we have validated our opportunity statement. More importantly,\n                                we were able to synthesize insights and finalize a user persona from 8 users’ current experiences of interacting with their\n                                neighbors and community.\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"16\"></app-spacer>\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/zippals_research_infographics.png\">\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Defining the problem statement\"></app-project-highlight>\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                I started with comparing our online application form to our major competitors’ to further research on opportunity improvement\n                                fields. I went through the application process of another two Bootcamps and a Bootcamp program at a higher education institution.\n                            </div>\n                            <div class=\"project-description-bold accent-blue\">\n                                How might we help users (Lucas) find and meet new people in the local neighborhood safely, and improve the likelihood of establishing\n                                a meaningful friendship?\n                            </div>\n                        </div>\n                    </div>\n<!--                    <div class=\"row\">-->\n<!--                        <div class=\"col-12\">-->\n<!--                            <app-spacer height=\"16\"></app-spacer>-->\n<!--                            <div class=\"project-image\">-->\n<!--                                <img src=\"../../../assets/img/zippals_how_might_we.png\">-->\n<!--                            </div>-->\n<!--                        </div>-->\n<!--                    </div>-->\n                </div>\n                <app-spacer [height]=\"32\"></app-spacer>\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Bring it all together -  Iteration of 3 key features\"></app-project-highlight>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                With a defined problem and goals in mind, I led the team to move into design. ZipPals is equipped with 3 key features to target\n                                users’ major pain points. With a quick iterative approach and rapid testing, these features were further developed in both\n                                functionality and visual design.\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"20\"></app-spacer>\n                            <div class=\"project-subtitle\">\n                                ID Verification\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The ID verification feature was originally designed as a one-step verification that required an ID scan. However,  it could not\n                                ensure the safety of the ZipPals community under extreme circumstances. With more research, a 2-step verification was implemented,\n                                which also required users to take photos of themselves holding their IDs.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/id-iteration.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Explore Locally\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The 1st version of the “Explore” suffered from too much information and designed interaction while the 2nd version of the mid-fi\n                                wireframe was too concise. Users considered zip codes as useless information to convey walkable distance. To solve the problem and\n                                increase matching efficiency, the final design included distance away and shared interests.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/explore-iteration.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Activity Generater\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                The activity was originally designed as an individual tab. Similar to the “Explore” v.1 design, it included too much information\n                                that overwhelmed users. By learning that users only searched for local attractions/events when planning offline meetings, the activity\n                                generator was layered in the instant messaging function.\n                            </div>\n                        </div>\n                    </div>\n\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/activity-iteration.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Refresh the UI\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                Users felt that the green monochromatic palette provided a feel of an insurance or finance product. With rebranding colors and\n                                light heartening illustrations, users found ZipPals was more fun and matched their expectations better. The UI redesign not only\n                                brought a modern feel but also addressed the color contrast issue.\n                            </div>\n                        </div>\n                    </div>\n\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/ui_updates.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n<!--                <app-spacer [height]=\"32\"></app-spacer>-->\n            </div>\n\n            <div class=\"project-section\">\n                <app-project-highlight text=\"Introducing ZipPals, an ultimate solution for New Yorkers to connect with their community and neighborhood.\"></app-project-highlight>\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"embed-responsive embed-responsive-4by3\">\n                                <iframe class=\"embed-responsive-item\" src=\"https://player.vimeo.com/video/446609158?autoplay=1&loop=1&autopause=0\"\n                                        frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen></iframe>\n                            </div>\n                        </div>\n                    </div>\n                    <app-spacer [height]=\"32\"></app-spacer>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Onboarding: Make users feel safe from step one\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                ZipPals started with a quick onboarding process, including easy signup, an animated one-screen feature introduction, a 2-step ID\n                                verification, and concise profile building features. The onboarding was designed to be fast, easy, safe for all users from the\n                                beginning.\n                            </div>\n                        </div>\n                    </div>\n\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/wireflow-id.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Explore: Meet locally with (almost) no effort.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                By completing the profile building process, first-time users would arrive at the main “Explore” screen, which would be the first\n                                screen for returning users, ZipPals suggested all matches having shared interests within the desired distance to make the\n                                explore-and-connect process require minimum user inputs.\n                            </div>\n                        </div>\n                    </div>\n\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/wireflow-explore.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-subtitle\">\n                                Connect and Meet: No more guesswork.\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-description\">\n                                An approved connection request would lead to a change from pending status to a red notification alert to direct users to the\n                                message ta. While 2 matched users planning for an offline meeting, ZipPals would provide activities based on users’ interests.\n                                Confirmed offline meetings would appear under the activity tab to help remind the users.\n                            </div>\n                        </div>\n                    </div>\n\n\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"project-image\">\n                                <img src=\"../../../assets/img/wireflow-activity-generator.png\">\n                            </div>\n                            <app-spacer height=\"32\"></app-spacer>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <app-footer></app-footer>\n        </div>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-contact',\n  templateUrl: './contact.component.html',\n  styleUrls: ['./contact.component.css']\n})\nexport class ContactComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"contact\" class=\"contact-area bg-gray ptb_100\">\n    <div class=\"container\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-12 col-md-10 col-lg-6\">\n                <!-- Section Heading -->\n                <div class=\"section-heading text-center\">\n                    <h2 class=\"text-capitalize\">Stay Tuned</h2>\n                    <p class=\"d-none d-sm-block mt-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum obcaecati dignissimos quae quo ad iste ipsum officiis deleniti asperiores sit.</p>\n                    <p class=\"d-block d-sm-none mt-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum obcaecati.</p>\n                </div>\n            </div>\n        </div>\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <!-- Contact Box -->\n                <div class=\"contact-box text-center\">\n                    <!-- Contact Form -->\n                    <form id=\"contact-form\" method=\"POST\" action=\"assets/php/mail.php\">\n                        <div class=\"row\">\n                            <div class=\"col-12 col-md-6\">\n                                <div class=\"form-group\">\n                                    <input type=\"text\" class=\"form-control\" name=\"name\" placeholder=\"Name\" required=\"required\">\n                                </div>\n                                <div class=\"form-group\">\n                                    <input type=\"email\" class=\"form-control\" name=\"email\" placeholder=\"Email\" required=\"required\">\n                                </div>\n                                <div class=\"form-group\">\n                                    <input type=\"text\" class=\"form-control\" name=\"subject\" placeholder=\"Subject\" required=\"required\">\n                                </div>\n                            </div>\n                            <div class=\"col-12 col-md-6\">\n                                <div class=\"form-group\">\n                                    <textarea class=\"form-control\" name=\"message\" placeholder=\"Message\" required=\"required\"></textarea>\n                                </div>\n                            </div>\n                            <div class=\"col-12\">\n                                <button class=\"btn btn-bordered mt-3 mt-sm-4\" type=\"submit\">Send Message</button>\n                            </div>\n                        </div>\n                    </form>\n                    <p class=\"form-message\"></p>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-download',\n  templateUrl: './download.component.html',\n  styleUrls: ['./download.component.css']\n})\nexport class DownloadComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section download-area ptb_100\">\n    <!-- Shapes Container -->\n    <div class=\"shapes-container d-none d-sm-block\">\n        <div class=\"shape-2\"></div>\n        <div class=\"shape-3\"></div>\n    </div>\n    <div class=\"container\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-12 col-md-10 col-lg-8\">\n                <!-- Download Text -->\n                <div class=\"download-text text-center\">\n                    <h2>Download Appo</h2>\n                    <p class=\"my-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque at harum quam explicabo. Aliquam optio, delectus, dolorem quod neque eos totam. Delectus quae animi tenetur voluptates doloribus commodi dicta modi aliquid deserunt, quis maiores nesciunt autem, aperiam natus. Dolores, dolorum?</p>\n                    <p class=\"d-none d-sm-block my-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique dolor ut iusto vitae autem neque eum ipsam, impedit asperiores vel cumque laborum dicta repellendus inventore voluptatibus et explicabo nobis unde.</p>\n                    <!-- Store Buttons -->\n                    <div class=\"button-group store-buttons\">\n                        <a href=\"#\" class=\"btn btn-bordered\">\n                            <i class=\"icofont icofont-brand-android-robot dsp-tc\"></i>\n                            <p class=\"dsp-tc\">GET IT ON\n                                <br> <span>Google Play</span></p>\n                        </a>\n                        <a href=\"#\" class=\"btn btn-bordered\">\n                            <i class=\"icofont icofont-brand-apple dsp-tc\"></i>\n                            <p class=\"dsp-tc\">AVAILABLE ON\n                                <br> <span>Apple Store</span></p>\n                        </a>\n                        <a href=\"#\" class=\"btn btn-bordered d-none d-lg-inline-block\">\n                            <i class=\"icofont-brand-windows dsp-tc\"></i>\n                            <p class=\"dsp-tc\">AVAILABLE ON\n                                <br> <span>Windows Store</span></p>\n                        </a>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-faq',\n  templateUrl: './faq.component.html',\n  styleUrls: ['./faq.component.css']\n})\nexport class FaqComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section faq-area bg-gray ptb_100\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12 col-md-6 col-lg-4\">\n                <!-- Single Faq -->\n                <div class=\"single-faq bg-white px-4 py-3\">\n                    <div class=\"media\">\n                        <img class=\"rounded-circle avatar-sm\" src=\"assets/img/avatar_1.png\" alt=\"\">\n                        <div class=\"media-body align-self-center ml-3\">\n                            <h5>How can I install this app?</h5>\n                        </div>\n                    </div>\n                    <p class=\"mt-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat nisi, qui ipsa magni itaque. Corporis eaque sit magnam maxime quam.</p>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n                <!-- Single Faq -->\n                <div class=\"single-faq bg-white px-4 py-3\">\n                    <div class=\"media\">\n                        <img class=\"rounded-circle avatar-sm\" src=\"assets/img/avatar_2.png\" alt=\"\">\n                        <div class=\"media-body align-self-center ml-3\">\n                            <h5>What about the event?</h5>\n                        </div>\n                    </div>\n                    <p class=\"mt-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat nisi, qui ipsa magni itaque. Corporis eaque sit magnam maxime quam.</p>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n                <!-- Single Faq -->\n                <div class=\"single-faq bg-white px-4 py-3\">\n                    <div class=\"media\">\n                        <img class=\"rounded-circle avatar-sm\" src=\"assets/img/avatar_3.png\" alt=\"\">\n                        <div class=\"media-body align-self-center ml-3\">\n                            <h5>This app is not working?</h5>\n                        </div>\n                    </div>\n                    <p class=\"mt-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat nisi, qui ipsa magni itaque. Corporis eaque sit magnam maxime quam.</p>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n                <!-- Single Faq -->\n                <div class=\"single-faq bg-white px-4 py-3\">\n                    <div class=\"media\">\n                        <img class=\"rounded-circle avatar-sm\" src=\"assets/img/avatar_4.png\" alt=\"\">\n                        <div class=\"media-body align-self-center ml-3\">\n                            <h5>How can I get more?</h5>\n                        </div>\n                    </div>\n                    <p class=\"mt-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat nisi, qui ipsa magni itaque. Corporis eaque sit magnam maxime quam.</p>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n                <!-- Single Faq -->\n                <div class=\"single-faq bg-white px-4 py-3\">\n                    <div class=\"media\">\n                        <img class=\"rounded-circle avatar-sm\" src=\"assets/img/avatar_5.png\" alt=\"\">\n                        <div class=\"media-body align-self-center ml-3\">\n                            <h5>Can I opt out from this?</h5>\n                        </div>\n                    </div>\n                    <p class=\"mt-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat nisi, qui ipsa magni itaque. Corporis eaque sit magnam maxime quam.</p>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n                <!-- Single Faq -->\n                <div class=\"single-faq bg-white px-4 py-3\">\n                    <div class=\"media\">\n                        <img class=\"rounded-circle avatar-sm\" src=\"assets/img/avatar_1.png\" alt=\"\">\n                        <div class=\"media-body align-self-center ml-3\">\n                            <h5>How can I install this app?</h5>\n                        </div>\n                    </div>\n                    <p class=\"mt-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat nisi, qui ipsa magni itaque. Corporis eaque sit magnam maxime quam.</p>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n                <!-- Single Faq -->\n                <div class=\"single-faq bg-white px-4 py-3\">\n                    <div class=\"media\">\n                        <img class=\"rounded-circle avatar-sm\" src=\"assets/img/avatar_2.png\" alt=\"\">\n                        <div class=\"media-body align-self-center ml-3\">\n                            <h5>How can I install this app?</h5>\n                        </div>\n                    </div>\n                    <p class=\"mt-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat nisi, qui ipsa magni itaque. Corporis eaque sit magnam maxime quam.</p>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n                <!-- Single Faq -->\n                <div class=\"single-faq bg-white px-4 py-3\">\n                    <div class=\"media\">\n                        <img class=\"rounded-circle avatar-sm\" src=\"assets/img/avatar_3.png\" alt=\"\">\n                        <div class=\"media-body align-self-center ml-3\">\n                            <h5>How can I install this app?</h5>\n                        </div>\n                    </div>\n                    <p class=\"mt-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat nisi, qui ipsa magni itaque. Corporis eaque sit magnam maxime quam.</p>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-6 col-lg-4\">\n                <!-- Single Faq -->\n                <div class=\"single-faq bg-white px-4 py-3\">\n                    <div class=\"media\">\n                        <img class=\"rounded-circle avatar-sm\" src=\"assets/img/avatar_4.png\" alt=\"\">\n                        <div class=\"media-body align-self-center ml-3\">\n                            <h5>How can I install this app?</h5>\n                        </div>\n                    </div>\n                    <p class=\"mt-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat nisi, qui ipsa magni itaque. Corporis eaque sit magnam maxime quam.</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import {Component, Input, OnInit} from '@angular/core';\nimport {ProjectSpec} from \"../../daos/project-spec\";\nimport {ResultNumber} from \"./result-number\";\n\n@Component({\n  selector: 'app-features',\n  templateUrl: './features.component.html',\n  styleUrls: ['./features.component.scss']\n})\nexport class FeaturesComponent implements OnInit {\n\n  @Input() title: string;\n  @Input() description: string;\n  @Input() resultNumbers: ResultNumber[] = [];\n  @Input() projectSpecs: ProjectSpec[] = [];\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"features-wrapper\">\n    <div class=\"container\">\n        <div class=\"row align-items-center\">\n            <div class=\"col-12 col-md-6 col-lg-6\">\n                <div class=\"features-text\">\n                    <!-- Headings -->\n                    <div class=\"headings d-flex align-items-center mb-4\" *ngIf=\"title\">\n                        <h2 class=\"text-capitalize\">{{title}}</h2>\n                    </div>\n                    <p class=\"my-3 features-description\" *ngIf=\"description\">\n                        {{description}}\n                    </p>\n                    <!-- Counter List -->\n                    <div class=\"counter-list\">\n                        <ul>\n                            <li *ngFor=\"let resultNumber of resultNumbers\">\n                                <app-result-number [resultNumber]=\"resultNumber\"></app-result-number>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-6 col-lg-5 offset-lg-1\">\n                <!-- Featured Items -->\n                <div class=\"featured-items\">\n                    <ul>\n                        <li *ngFor=\"let projectSpec of projectSpecs\">\n                            <!-- Single Features Item -->\n                            <div class=\"single-features media p-2\">\n                                <!-- Features Title -->\n                                <div class=\"features-title mr-3\" [style.color]=\"projectSpec.color\">\n                                   <i [class]=\"projectSpec.icon\"></i>\n                                </div>\n                                <!-- Features Text -->\n                                <div class=\"features-text media-body\">\n                                    <h3>{{projectSpec.title}}</h3>\n                                    <p>{{projectSpec.description}}</p>\n                                </div>\n                            </div>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-footer',\n  templateUrl: './footer.component.html',\n  styleUrls: ['./footer.component.scss']\n})\nexport class FooterComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<footer class=\"section footer-area footer-bg\">\n    <div class=\"footer-bottom\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-12\">\n                    <!-- Copyright Area -->\n                    <div class=\"copyright-area d-flex flex-wrap justify-content-center justify-content-sm-between text-center py-4\">\n                        <!-- Copyright Left -->\n                        <div class=\"copyright-left accent-blue\">&copy; Copyrights 2021 | Victoria Qian.</div>\n                        <!-- Copyright Right -->\n                        <div class=\"copyright-right accent-blue\">\n                            Made with <a class=\"accent-blue\" href=\"https://angular.io/\">Angular</a> By <a class=\"accent-blue\" href=\"#\">Victoria Qian</a></div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</footer>\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-header-one',\n  templateUrl: './header-one.component.html',\n  styleUrls: ['./header-one.component.css']\n})\nexport class HeaderOneComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<header class=\"section header-area\">\n    <div id=\"appo-header\" class=\"main-header-area\">\n        <div class=\"container-fluid\">\n            <nav class=\"navbar navbar-expand-md navbar-light\">\n                <!-- Logo -->\n                <a class=\"navbar-brand\" href=\"#\">\n                    <img class=\"logo\" src=\"assets/img/logo.png\" alt=\"\">\n                </a>\n                <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#appo-menu\">\n                    <span class=\"navbar-toggler-icon\"></span>\n                </button>\n                <!-- Appo Menu -->\n                <div class=\"collapse navbar-collapse\" id=\"appo-menu\">\n                    <!-- Header Items -->\n                    <ul class=\"navbar-nav header-items ml-auto\">\n                        <li class=\"nav-item active dropdown\">\n                            <a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"navbarDropdown\" role=\"button\" data-toggle=\"dropdown\">\n                                Home\n                            </a>\n                            <div class=\"dropdown-menu mega-menu px-3 px-md-4 py-md-4\">\n                                <!-- Shapes Container -->\n                                <div class=\"shapes-container d-none d-lg-block\">\n                                    <div class=\"shape-1\"></div>\n                                </div>\n                                <div class=\"row\">\n                                    <!-- Dropdown Headings -->\n                                    <div class=\"col-lg-3 dropdown-headings d-none d-lg-block\">\n                                        <span class=\"fw-6\">Appo</span>\n                                        <h5 class=\"text-uppercase my-2\">Creative Design</h5>\n                                        <p class=\"slag fw-5\">Verified by developers &amp; Truted by tons of customers</p>\n                                        <div class=\"dropdown-btn mt-3\">\n                                            <a href=\"#\" class=\"btn btn-bordered\">Get Started</a>\n                                        </div>\n                                    </div>\n                                    <div class=\"col-12 col-md-4 col-lg-3\">\n                                        <!-- Single Menu -->\n                                        <ul class=\"single-menu\">\n                                            <li class=\"page-title d-inline-block text-uppercase mb-2\">Home Variations</li>\n                                            <li><a class=\"dropdown-item\" href=\"/\">Homepage - Miami</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/theme-two\">Homepage - Riga</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/theme-three\">Homepage - Tokyo</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/theme-four\">Homepage - Rome</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/theme-five\">Homepage - Paris</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/theme-six\">Homepage - London</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/theme-seven\">Homepage - Seoul</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/theme-eight\">Homepage - Moscow</a></li>\n                                        </ul>\n                                    </div>\n                                    <div class=\"col-12 col-md-4 col-lg-3\">\n                                        <!-- Single Menu -->\n                                        <ul class=\"single-menu\">\n                                            <li class=\"page-title d-inline-block text-uppercase mb-2\">Inner Pages</li>\n                                            <li><a class=\"dropdown-item\" href=\"/theme-nine\">Homepage - Italy <span class=\"badge badge-pill badge-warning ml-1\">New</span></a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/about-page\">About Us</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/pricing-page\">Pricing Plans</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/reviews-page\">Testimonials</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/faq-page\">FAQ</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/login\">Login</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/signup\">Register</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/download-page\">Download</a></li>\n                                        </ul>\n                                    </div>\n                                    <div class=\"col-12 col-md-4 col-lg-3\">\n                                        <!-- Single Menu -->\n                                        <ul class=\"single-menu\">\n                                            <li class=\"page-title d-inline-block text-uppercase mb-2\">Inner Pages</li>\n                                            <li><a class=\"dropdown-item\" href=\"/thank-you\">Thank You</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/reset\">Forget Password</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/newsletter\">Newsletter</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/error-one\">Error v1.0</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/error-two\">Error v2.0</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/contact-page\">Contact</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/maintenance\">Maintenance</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/coming-soon\">Coming Soon</a></li>\n                                        </ul>\n                                    </div>\n                                </div>\n                            </div>\n                        </li>\n                        <li class=\"nav-item\">\n                            <a class=\"nav-link scroll\" href=\"#features\">Features</a>\n                        </li>\n                        <li class=\"nav-item\">\n                            <a class=\"nav-link scroll\" href=\"#pricing\">Pricing</a>\n                        </li>\n                        <li class=\"nav-item\">\n                            <a class=\"nav-link scroll\" href=\"#team\">Team</a>\n                        </li>\n                        <li class=\"nav-item dropdown\">\n                            <a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"navbarDropdown-2\" role=\"button\" data-toggle=\"dropdown\">\n                                Blog\n                            </a>\n                            <!-- Blog Menu -->\n                            <div class=\"dropdown-menu mega-menu blog-menu px-3 py-md-3\">\n                                <div class=\"row\">\n                                    <div class=\"col-12\">\n                                        <ul class=\"single-menu\">\n                                            <li><a class=\"dropdown-item\" href=\"/blog-two-column\">Blog - 2 Column</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/blog-three-column\">Blog - 3 Column</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/blog-left-sidebar\">Blog - Left Sidebar</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/blog-right-sidebar\">Blog - Right Sidebar</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/blog-details-left-sidebar\">Blog Details - Left Sidebar</a></li>\n                                            <li><a class=\"dropdown-item\" href=\"/blog-details-right-sidebar\">Blog Details - Right Sidebar</a></li>\n                                        </ul>\n                                    </div>\n                                </div>\n                            </div>\n                        </li>\n                        <li class=\"nav-item\">\n                            <a class=\"nav-link scroll\" href=\"#contact\">Contact</a>\n                        </li>\n                    </ul>\n                </div>\n            </nav>\n        </div>\n    </div>\n</header>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-header-two',\n  templateUrl: './header-two.component.html',\n  styleUrls: ['./header-two.component.scss']\n})\nexport class HeaderTwoComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<header class=\"section header-area\">\n    <div id=\"appo-header\" class=\"main-header-area nav-white\">\n        <div class=\"container-fluid\">\n            <nav class=\"navbar navbar-expand-md navbar-light\">\n                <!-- Logo -->\n                <a class=\"navbar-brand name\" routerLink=\"/\">\n                    Victoria Qian\n                </a>\n                <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#appo-menu\">\n                    <span class=\"navbar-toggler-icon\"></span>\n                </button>\n                <!-- Appo Menu -->\n                <div class=\"collapse navbar-collapse\" id=\"appo-menu\">\n                    <!-- Header Items -->\n                    <ul class=\"navbar-nav header-items ml-auto\">\n                        <li class=\"nav-item active dropdown\">\n                            <a class=\"nav-link scroll\" href=\"#work\">\n                                <span class=\"main-text-color\">Work</span>\n                            </a>\n                        </li>\n                        <li class=\"nav-item\">\n                            <a class=\"nav-link scroll\" href=\"#about\">\n                                <span class=\"main-text-color\">About</span>\n                            </a>\n                        </li>\n                        <li class=\"nav-item\">\n                            <a target=\"_blank\" class=\"nav-link\" href=\"../../../../assets/files/Qian-Leixin-Victoria-Resume.pdf\">\n                                <span class=\"main-text-color\">Resume</span>\n                            </a>\n                        </li>\n                        <li class=\"nav-item\">\n                            <a class=\"nav-link\" href=\"mailto:me@victoriaqian.com\">\n                                <span class=\"main-text-color\">Email</span>\n                            </a>\n                        </li>\n                        <li class=\"nav-item\">\n                            <a class=\"nav-link\" href=\"https://www.linkedin.com/in/victoria-qian/\" target=\"_blank\">\n                                <span class=\"main-text-color\">LinkedIn</span>\n                            </a>\n                        </li>\n                    </ul>\n                </div>\n            </nav>\n        </div>\n    </div>\n</header>\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-hero-eight',\n  templateUrl: './hero-eight.component.html',\n  styleUrls: ['./hero-eight.component.css']\n})\nexport class HeroEightComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"home\" class=\"section welcome-area bg-inherit h-100vh\">\n    <div class=\"shapes-container\">\n        <div class=\"shape bg-shape\"></div>\n    </div>\n    <div class=\"container h-100\">\n        <div class=\"row align-items-center h-100\">\n            <!-- Welcome Intro Start -->\n            <div class=\"col-12 col-md-7 col-lg-6\">\n                <div class=\"welcome-intro text-right\">\n                    <h1>Creative way to Land your page</h1>\n                    <p class=\"my-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus commodi, voluptate quaerat iure quidem expedita eos a blanditiis sint modi est error veniam facere eum at doloribus amet, nobis ut.</p>\n                    <a href=\"#\" class=\"btn btn-bordered d-none d-md-inline-block\">Get Started</a>\n                    <a href=\"#\" class=\"btn btn-bordered-white d--inline-block d-md-none\">Get Started</a>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-5 col-lg-6\">\n                <!-- Welcome Thumb -->\n                <div class=\"welcome-thumb text-center\" data-aos=\"fade-right\" data-aos-delay=\"500\" data-aos-duration=\"1000\">\n                    <img src=\"assets/img/welcome_mockup_2.png\" alt=\"\">\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-hero-five',\n  templateUrl: './hero-five.component.html',\n  styleUrls: ['./hero-five.component.css']\n})\nexport class HeroFiveComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"home\" class=\"section welcome-area bg-inherit d-flex align-items-center overlay-primary jarallax h-100vh pt-0\" data-jarallax-video=\"https://www.youtube.com/watch?v=hs1HoLs4SD0\">\n    <div class=\"container\">\n        <div class=\"row align-items-center justify-content-center\">\n            <!-- Welcome Intro Start -->\n            <div class=\"col-12 col-md-10 col-lg-8\">\n                <div class=\"welcome-intro text-center\">\n                    <h1 class=\"text-white\">Creative way to Land your page</h1>\n                    <p class=\"text-white mt-4 mb-5\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis nihil facilis aperiam, voluptatum asperiores temporibus accusamus saepe nostrum commodi excepturi hic veritatis dolores perferendis aspernatur dolore quis aut libero impedit sunt cum sed beatae corporis. Dolor non, autem veniam libero.</p>\n                    <div class=\"input-group\">\n                        <input type=\"email\" class=\"form-control\" placeholder=\"Enter Your Email\" aria-label=\"Recipient's username\">\n                        <div class=\"input-group-append\">\n                            <button class=\"btn btn-bordered-white\" type=\"submit\">Submit</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-hero-four',\n  templateUrl: './hero-four.component.html',\n  styleUrls: ['./hero-four.component.css']\n})\nexport class HeroFourComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"home\" class=\"section welcome-area bg-inherit d-flex align-items-center h-100vh\">\n    <div class=\"container\">\n        <div class=\"row align-items-center\">\n            <!-- Welcome Intro Start -->\n            <div class=\"col-12 col-md-7 col-lg-6\">\n                <div class=\"welcome-intro\">\n                    <h1 class=\"fw-5\">A best way to <span>start</span> your business</h1>\n                    <p class=\"my-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus commodi, voluptate quaerat iure quidem expedita eos a blanditiis sint modi est error veniam facere eum at doloribus amet, nobis ut.</p>\n                    <div class=\"button-group\">\n                        <a href=\"#\" class=\"btn btn-bordered\">Get Started</a>\n                        <a href=\"#\" class=\"btn btn-bordered d-none d-sm-inline-block\">Read More</a>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-5 col-lg-6 pt-4 pt-md-0\">\n                <!-- Welcome Thumb -->\n                <div class=\"welcome-thumb text-center\">\n                    <img src=\"assets/img/login_3.svg\" alt=\"\">\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-hero-nine',\n  templateUrl: './hero-nine.component.html',\n  styleUrls: ['./hero-nine.component.css']\n})\nexport class HeroNineComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"home\" class=\"section welcome-area d-flex align-items-center h-100vh pt-0\">\n    <div class=\"container\">\n        <div class=\"row align-items-center justify-content-center\">\n            <!-- Welcome Intro Start -->\n            <div class=\"col-12 col-md-10 col-lg-8\">\n                <div class=\"welcome-intro text-center mt-0\">\n                    <h1 class=\"text-white\">Appo <span class=\"badge badge-pill badge-light fw-4\">v1.0</span></h1>\n                    <h2 class=\"cd-headline clip fw-3 mt-2 mt-sm-3\">\n                        <span class=\"text-white\">Built for</span>\n                        <span class=\"cd-words-wrapper ml-2\">\n                            <b class=\"text-white is-visible\">App Landing Page</b>\n                            <b class=\"text-white\">Software Landing Page</b>\n                            <b class=\"text-white\">Modern Web Design</b>\n                            <b class=\"text-white\">Product Landing</b>\n                            <b class=\"text-white\">Startup Business</b>\n                        </span>\n                    </h2>\n                    <p class=\"text-white my-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto beatae, asperiores tempore repudiandae saepe aspernatur unde voluptate sapiente quia ex.</p>\n                    <div class=\"button-group\">\n                        <a href=\"#\" class=\"btn btn-bordered-white\"><span>Buy Now</span></a>\n                        <a href=\"#\" class=\"btn btn-bordered-white\">Explore Demos</a>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"shapes-container\">\n        <div class=\"wave-animation\">\n            <!-- Wave Animation -->\n            <svg class=\"waves\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\" shape-rendering=\"auto\">\n                <defs>\n                    <path id=\"gentle-wave\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" />\n                </defs>\n                <g class=\"parallax\">\n                    <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"0\" fill=\"rgba(255,255,255,0.7\" />\n                    <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"3\" fill=\"rgba(255,255,255,0.5)\" />\n                    <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"5\" fill=\"rgba(255,255,255,0.3)\" />\n                    <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"7\" fill=\"#fff\" />\n                </g>\n            </svg>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-hero-seven',\n  templateUrl: './hero-seven.component.html',\n  styleUrls: ['./hero-seven.component.css']\n})\nexport class HeroSevenComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"home\" class=\"section welcome-area bg-overlay bg-inherit h-100vh\">\n    <div class=\"container\">\n        <div class=\"row justify-content-center\">\n            <!-- Welcome Intro Start -->\n            <div class=\"col-12 col-md-10 col-lg-8\">\n                <div class=\"welcome-intro text-center\">\n                    <h1 class=\"text-white\">Get all your things done with Appo</h1>\n                    <p class=\"text-white my-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore doloribus illum quas ipsam quia, amet accusantium accusamus exercitationem quis, nihil numquam commodi esse maiores quisquam. Autem molestias eum aliquid sunt.</p>\n                    <a href=\"#\" class=\"btn btn-bordered-white\"><span>Get Started</span></a>\n                </div>\n            </div>\n        </div>\n        <div class=\"row\">\n            <div class=\"col-12 col-sm-8 col-md-5 mx-auto\">\n                <!-- Seoul Thumb -->\n                <div class=\"seoul-thumb text-center pt-5\">\n                    <img src=\"assets/img/welcome_mockup.png\" alt=\"\">\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-hero-one',\n  templateUrl: './hero-one.component.html',\n  styleUrls: ['./hero-one.component.css']\n})\nexport class HeroOneComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"home\" class=\"section welcome-area d-flex align-items-center\">\n    <div class=\"container\">\n        <div class=\"row align-items-center\">\n            <!-- Welcome Intro Start -->\n            <div class=\"col-12 col-md-7 col-lg-6\">\n                <div class=\"welcome-intro\">\n                    <h1>Appo</h1>\n                    <h3 class=\"fw-3 mt-2 mt-sm-3\">Creative way to Land your page</h3>\n                    <p class=\"my-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto beatae, asperiores tempore repudiandae saepe aspernatur unde voluptate sapiente quia ex.</p>\n                    <div class=\"button-group\">\n                        <a href=\"#\" class=\"btn btn-bordered\"><span>Download</span></a>\n                        <a href=\"#\" class=\"btn btn-bordered d-none d-sm-inline-block\">Read More</a>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-5 col-lg-6\">\n                <!-- Welcome Thumb -->\n                <div class=\"welcome-thumb text-center\" data-aos=\"fade-left\" data-aos-delay=\"500\" data-aos-duration=\"1000\">\n                    <img src=\"assets/img/welcome_mockup_2.png\" alt=\"\">\n                </div>\n                <!-- Video Icon -->\n                <div class=\"video-icon d-none d-lg-block\">\n                    <a class=\"play-btn\" data-fancybox href=\"https://www.youtube.com/watch?v=hs1HoLs4SD0\">\n                        <i class=\"icofont-ui-play\"></i>\n                    </a>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-hero-six',\n  templateUrl: './hero-six.component.html',\n  styleUrls: ['./hero-six.component.css']\n})\nexport class HeroSixComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"home\" class=\"section welcome-area bg-inherit d-flex align-items-center h-100vh\">\n    <div class=\"container\">\n        <div class=\"row align-items-center\">\n            <!-- Welcome Intro Start -->\n            <div class=\"col-12 col-md-7 col-lg-6\">\n                <div class=\"welcome-intro\">\n                    <h1 class=\"text-white\">Creative way to Land your page</h1>\n                    <p class=\"text-white my-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus commodi, voluptate quaerat iure quidem expedita eos a blanditiis sint modi est error veniam facere eum at doloribus amet, nobis ut.</p>\n                    <a href=\"#\" class=\"btn btn-bordered text-white\"><span>Get Started</span></a>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-5 mx-auto pt-4 pt-md-0\">\n                <!-- Welcome Thumb -->\n                <div class=\"welcome-thumb\">\n                    <img src=\"assets/img/london_thumb.png\" alt=\"\">\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-hero-three',\n  templateUrl: './hero-three.component.html',\n  styleUrls: ['./hero-three.component.css']\n})\nexport class HeroThreeComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"home\" class=\"section welcome-area bg-inherit d-flex align-items-center h-100vh\">\n    <div class=\"container\">\n        <div class=\"row align-items-center justify-content-between\">\n            <div class=\"col-12 col-md-6 col-lg-6\">\n                <!-- Welcome Thumb -->\n                <div class=\"welcome-thumb text-center\">\n                    <img src=\"assets/img/login_1.svg\" alt=\"\">\n                </div>\n            </div>\n            <!-- Welcome Intro Start -->\n            <div class=\"col-12 col-md-6 col-lg-5 pt-4 pt-sm-0\">\n                <div class=\"welcome-intro\">\n                    <h1>Sell your product more efficiently</h1>\n                    <p class=\"my-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto beatae, asperiores tempore repudiandae saepe aspernatur unde voluptate sapiente quia ex.</p>\n                    <div class=\"button-group\">\n                        <a href=\"#\" class=\"btn btn-bordered d-none d-lg-inline-block\"><span>Download</span></a>\n                        <a class=\"video-btn\" data-fancybox href=\"https://www.youtube.com/watch?v=hs1HoLs4SD0\">\n                            <span class=\"play-btn\">\n                                <i class=\"icofont-ui-play\"></i>\n                            </span>\n                            <span class=\"play-text pl-2\">\n                                Play Video\n                            </span>\n                        </a>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-hero-two',\n  templateUrl: './hero-two.component.html',\n  styleUrls: ['./hero-two.component.css']\n})\nexport class HeroTwoComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"home\" class=\"section welcome-area bg-inherit d-flex align-items-center h-100vh\">\n    <div class=\"container\">\n        <div class=\"row align-items-center\">\n            <!-- Welcome Intro Start -->\n            <div class=\"col-12 col-md-7 col-lg-6\">\n                <div class=\"welcome-intro\">\n                    <h1>Creative way to Land your page</h1>\n                    <p class=\"my-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus commodi, voluptate quaerat iure quidem expedita eos a blanditiis sint modi est error veniam facere eum at doloribus amet, nobis ut.</p>\n                    <a href=\"#\" class=\"btn btn-bordered\"><span>Get Started</span></a>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-5 col-lg-6\">\n                <!-- Welcome Thumb -->\n                <div class=\"welcome-thumb text-center\">\n                    <img src=\"assets/img/riga_thumb.png\" alt=\"\">\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\nimport {ProjectThumbnail} from \"../../daos/project-thumbnail\";\n\n@Component({\n  selector: 'app-theme-nine',\n  templateUrl: './home.component.html',\n  styleUrls: ['./home.component.scss']\n})\nexport class HomeComponent implements OnInit {\n\n  projectThumbnails: ProjectThumbnail[] = [\n      {\n        title: \"Reporting Launchpad\",\n        category: \"B2B - Data Dashboard/Reporting\",\n        description: \"Empowering educators at partner institutions with improved data and insights to better understand usage and performance at the student/cohort level.\",\n        imageUrl: \"assets/img/reporting-suite-dashboard-highlight.jpg\",\n        pageUrl: \"\"\n      },\n      {\n        title: \"Instructor Grading Center\",\n        category: \"B2B - Learning Management System\",\n        description: \"Transforming the legacy internal grading tool to an intuitive and scalable solution with a refreshed look for external partners.\",\n        imageUrl: \"assets/img/grading-experience-highlight.jpg\",\n        pageUrl: \"\"\n      },\n      {\n        title: \"Quiz Builder\",\n        category: \"B2B - Learning Management System\",\n        description: \"Building a self-serving test creation and management tool for external educators to easily create, manage, and schedule custom tests.\",\n        imageUrl: \"assets/img/quiz-builder-highlight.jpg\",\n        pageUrl: \"\"\n      },\n      {\n        title: \"Coffee ☕️\",\n        category: \"Design System\",\n        description: \"Consolidating 4+ design systems into one powerful yet scalable design system to create a consistent product experience across 5 workstreams and 10+ product lines.\",\n        imageUrl: \"assets/img/design-system-highlight.jpg\",\n        pageUrl: \"\"\n      }\n    // {\n    //   title: \"ZipPals\",\n    //   category: \"Product Design - iOS Mobile App\",\n    //   description: \"ZipPals is a social networking app for New Yorkers. I was a Product Designer working with research data and led the product interface design.\",\n    //   imageUrl: \"assets/img/zippals-mockup-thumbnail.jpg\",\n    //   pageUrl: \"zippal\",\n    // },\n    // {\n    //   title: \"Supstat Inc.\",\n    //   category: \"UX Design - Responsive Web & Web App\",\n    //   description: \"As the sole Designer, I spearheaded the evolution of new products and improving the experience of various products, including websites and LMS web app.\",\n    //   imageUrl: \"assets/img/nycdsa_thumbnail.jpg\",\n    //   pageUrl: \"nycdsa\",\n    // },\n    // {\n    //   title: \"FIPPOA Website Redesign\",\n    //   category: \"UX Design - Responsive Web\",\n    //   description: \"I was a UX Consultant for the client, Fire Island Pines Property Owners Association. I conducted user research and spearheaded the redesign to improve the experience.\",\n    //   imageUrl: \"assets/img/fippoa-mockup-thumbnail.jpg\",\n    //   pageUrl: \"fippoa\",\n    // }\n  ];\n\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"italy\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n        <landing></landing>\n\n        <div id=\"work\">\n            <div class=\"project-thumbnail-wrapper\" *ngFor=\"let projectThumbnail of projectThumbnails\">\n                <app-project-thumbnail [projectThumbnail]=\"projectThumbnail\"\n                                       [standalone]=\"false\"\n                                       [wrapperEnabled]=\"true\">\n                </app-project-thumbnail>\n            </div>\n        </div>\n\n        <app-about id=\"about\"></app-about>\n        <app-footer></app-footer>\n    </div>\n</div>\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-about-page',\n  templateUrl: './about-page.component.html',\n  styleUrls: ['./about-page.component.css']\n})\nexport class AboutPageComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"about-page\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-one></app-header-one>\n        <app-breadcrumb-about></app-breadcrumb-about>\n        <app-skills></app-skills>\n        <app-about-us></app-about-us>\n        <app-promo-three></app-promo-three>\n        <app-team></app-team>\n        <app-newsletter></app-newsletter>\n        <app-contact></app-contact>\n        <app-map></app-map>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-coming-soon',\n  templateUrl: './coming-soon.component.html',\n  styleUrls: ['./coming-soon.component.css']\n})\nexport class ComingSoonComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section coming-soon\">\n    <div class=\"row h-100vh w-100 d-flex p-0 m-0\">\n        <div class=\"col-lg p-0 d-none d-lg-block\">\n            <div class=\"bg-wrapper d-flex flex-column justify-content-between p-4 bg-overlay\">\n                <!-- Logo -->\n                <a class=\"navbar-brand d-table\" href=\"index.html\">\n                    <img class=\"logo\" src=\"assets/img/logo_white.png\" alt=\"\">\n                </a>\n                <div class=\"footer-bottom\">\n                    <!-- Copyright Area -->\n                    <div class=\"copyright-area border-0\">\n                        <p class=\"text-white\">Made with <i class=\"icofont-heart-alt text-white\"></i> By <a class=\"text-white\" href=\"#\">Theme Land</a></p>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"col-lg-8 align-self-center p-0\">\n            <div class=\"countdown-content\">\n                <h1 class=\"text-center text-uppercase mb-5\">Coming Soon</h1>\n                <div class=\"countdown-times\">\n                    <div class='countdown d-flex justify-content-center' data-date=\"2021-09-09\"></div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-contact-page',\n  templateUrl: './contact-page.component.html',\n  styleUrls: ['./contact-page.component.css']\n})\nexport class ContactPageComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"contact-page\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-one></app-header-one>\n        <app-breadcrumb-contact></app-breadcrumb-contact>\n        <app-contact></app-contact>\n        <app-map></app-map>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-download-page',\n  templateUrl: './download-page.component.html',\n  styleUrls: ['./download-page.component.css']\n})\nexport class DownloadPageComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"inner-wrapper d-flex flex-column align-items-center justify-content-between p-4\">\n    <a href=\"index.html\">\n        <img src=\"assets/img/inner_logo.png\" alt=\"\">\n    </a>\n    <!-- ***** Download Page Area Start ***** -->\n    <div class=\"download-page-area\">\n        <div class=\"container\">\n            <div class=\"row align-items-center\">\n                <div class=\"col-12 col-md-6 order-2 order-md-1\">\n                    <h2 class=\"mb-3\">Your download should begin automaticly.</h2>\n                    <h6>If it doesn’t start automatically,<br>please <a href=\"#\">click here</a> to downlaod manually.</h6>\n                </div>\n                <div class=\"col-12 col-sm-8 col-md-6 col-lg-5 mx-auto order-1 order-md-2 mb-5 mb-md-0 pt-4 pt-md-0\">\n                    <img src=\"assets/img/download_thumb.png\" alt=\"\">\n                </div>\n            </div>\n        </div>\n    </div>\n    <!-- ***** Download Page Area End ***** -->\n    <div class=\"footer-bottom\">\n        <!-- Copyright Area -->\n        <div class=\"copyright-area border-0 pt-4 pt-md-0\">\n            <p>Made with <i class=\"icofont-heart-alt\"></i> By <a href=\"#\">Theme Land</a></p>\n        </div>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-error-one',\n  templateUrl: './error-one.component.html',\n  styleUrls: ['./error-one.component.css']\n})\nexport class ErrorOneComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"inner-wrapper d-flex flex-column align-items-center p-4\">\n    <a href=\"index.html\">\n        <img src=\"assets/img/inner_logo.png\" alt=\"\">\n    </a>\n    <!-- ***** Error Area Start ***** -->\n    <div class=\"error-area\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-12 col-sm-10 col-md-8 col-lg-6 mx-auto mb-5\">\n                    <img src=\"assets/img/404.gif\" alt=\"\">\n                </div>\n            </div>\n            <div class=\"row\">\n                <div class=\"col-12 col-md-10 col-lg-8 mx-auto text-center\">\n                    <h1>Error 404</h1>\n                    <p class=\"mt-3 mb-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto beatae, asperiores tempore repudiandae saepe aspernatur unde voluptate sapiente quia ex.</p>\n                    <a href=\"index.html\" class=\"btn btn-primary\"><span>Go Home</span></a>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-error-two',\n  templateUrl: './error-two.component.html',\n  styleUrls: ['./error-two.component.css']\n})\nexport class ErrorTwoComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"inner-wrapper d-flex flex-column align-items-center justify-content-between p-4\">\n    <a href=\"index.html\">\n        <img src=\"assets/img/inner_logo.png\" alt=\"\">\n    </a>\n    <!-- ***** Error Two Area Start ***** -->\n    <div class=\"error-area\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-12 col-sm-8 col-md-6 mx-auto mb-5 pt-4\">\n                    <img src=\"assets/img/error_thumb.png\" alt=\"\">\n                </div>\n            </div>\n            <div class=\"row\">\n                <div class=\"col-12 col-md-10 col-lg-8 mx-auto text-center mb-5\">\n                    <h2>We think you get lost!</h2>\n                    <p class=\"my-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto beatae, asperiores tempore repudiandae saepe aspernatur unde voluptate sapiente quia ex.</p>\n                    <a href=\"index.html\" class=\"btn btn-primary\"><span>Go Home</span></a>\n                </div>\n            </div>\n        </div>\n    </div>\n    <!-- ***** Error Two Area End ***** -->\n    <div class=\"footer-bottom\">\n        <!-- Copyright Area -->\n        <div class=\"copyright-area border-0\">\n            <p>Made with <i class=\"icofont-heart-alt\"></i> By <a href=\"#\">Theme Land</a></p>\n        </div>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-faq-page',\n  templateUrl: './faq-page.component.html',\n  styleUrls: ['./faq-page.component.css']\n})\nexport class FaqPageComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"faq-page\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-one></app-header-one>\n        <app-breadcrumb-faq></app-breadcrumb-faq>\n        <div class=\"bg-gray\">\n            <app-faq></app-faq>\n        </div>\n        <app-newsletter></app-newsletter>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-maintenance',\n  templateUrl: './maintenance.component.html',\n  styleUrls: ['./maintenance.component.css']\n})\nexport class MaintenanceComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"inner-wrapper maintenance-wrapper d-flex flex-column align-items-center justify-content-between p-4\">\n    <a href=\"index.html\">\n        <img src=\"assets/img/inner_logo.png\" alt=\"\">\n    </a>\n    <!-- ***** Maintenance Area Start ***** -->\n    <div class=\"maintenance-area\">\n        <div class=\"container\">\n            <div class=\"row align-items-center justify-content-between\">\n                <div class=\"col-12 col-md-6 order-2 order-md-1\">\n                    <!-- Maintenance Content -->\n                    <div class=\"maintenance-content my-5 my-md-0\">\n                        <div class=\"alert alert-warning d-inline-flex\">\n                            Sorry for the innovance!\n                        </div>\n                        <h1>Server is under maintenance</h1>\n                        <p class=\"my-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto beatae, asperiores tempore repudiandae saepe aspernatur unde voluptate sapiente quia ex.</p>\n                        <a href=\"#\" class=\"btn btn-primary\">Learn More</a>\n                    </div>\n                </div>\n                <div class=\"col-12 col-sm-10 col-md-6 order-1 order-md-2 mx-auto pt-4 pt-md-0\">\n                    <img src=\"assets/img/maintenance.png\" alt=\"\">\n                </div>\n            </div>\n        </div>\n    </div>\n    <!-- ***** Maintenance Area End ***** -->\n    <div class=\"footer-bottom\">\n        <!-- Copyright Area -->\n        <div class=\"copyright-area pt-4 pt-md-0\">\n            <p>Made with <i class=\"icofont-heart-alt\"></i> By <a href=\"#\">Theme Land</a></p>\n        </div>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-newsletter-page',\n  templateUrl: './newsletter-page.component.html',\n  styleUrls: ['./newsletter-page.component.css']\n})\nexport class NewsletterPageComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"inner-wrapper d-flex flex-column align-items-center justify-content-between p-4\">\n    <a href=\"index.html\">\n        <img src=\"assets/img/inner_logo.png\" alt=\"\">\n    </a>\n    <!-- ***** Newsletter Area Start ***** -->\n    <div class=\"newsletter-area mb-5 mb-lg-0\">\n        <div class=\"container\">\n            <div class=\"row align-items-center\">\n                <div class=\"col-12 col-md-6 col-lg-5 mx-auto order-2 order-md-1\">\n                    <h2 class=\"text-primary\">Subscribe to get updates!</h2>\n                    <p class=\"my-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto beatae, asperiores tempore repudiandae saepe aspernatur unde voluptate sapiente quia ex.</p>\n                    <div class=\"input-group reset-password\">\n                        <input type=\"email\" class=\"form-control\" placeholder=\"Enter Your Email\" aria-label=\"Recipient's username\">\n                        <div class=\"input-group-append mt-3 mt-sm-0\">\n                            <button class=\"btn btn-primary\" type=\"submit\">Subscribe</button>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-12 col-sm-8 col-md-6 mx-auto mb-5 mb-md-0 order-1 order-md-2 pt-4 pt-md-0\">\n                    <img src=\"assets/img/newsletter_thumb.png\" alt=\"\">\n                </div>\n            </div>\n        </div>\n    </div>\n    <!-- ***** Newsletter Area End ***** -->\n    <div class=\"footer-bottom\">\n        <!-- Copyright Area -->\n        <div class=\"copyright-area border-0 pt-4 pt-md-0\">\n            <p>Made with <i class=\"icofont-heart-alt\"></i> By <a href=\"#\">Theme Land</a></p>\n        </div>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-pricing-page',\n  templateUrl: './pricing-page.component.html',\n  styleUrls: ['./pricing-page.component.css']\n})\nexport class PricingPageComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"pricing-page\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-one></app-header-one>\n        <app-breadcrumb-pricing></app-breadcrumb-pricing>\n        <div class=\"bg-gray\">\n            <app-pricing></app-pricing>\n        </div>\n        <app-newsletter></app-newsletter>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-reviews-page',\n  templateUrl: './reviews-page.component.html',\n  styleUrls: ['./reviews-page.component.css']\n})\nexport class ReviewsPageComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"reviews-page\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-one></app-header-one>\n        <app-breadcrumb-reviews></app-breadcrumb-reviews>\n        <div class=\"bg-gray\">\n            <app-reviews></app-reviews>\n        </div>\n        <app-newsletter></app-newsletter>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-thank-you',\n  templateUrl: './thank-you.component.html',\n  styleUrls: ['./thank-you.component.css']\n})\nexport class ThankYouComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"inner-wrapper d-flex flex-column align-items-center justify-content-between p-4\">\n    <a href=\"index.html\">\n        <img src=\"assets/img/inner_logo.png\" alt=\"\">\n    </a>\n    <!-- ***** Thanks Area Start ***** -->\n    <div class=\"thanks-area\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-12 col-md-5 mx-auto mb-5 pt-4\">\n                    <img src=\"assets/img/thanks_thumb.png\" alt=\"\">\n                </div>\n            </div>\n            <div class=\"row\">\n                <div class=\"col-12 col-md-10 col-lg-8 mx-auto text-center mb-5\">\n                    <h2>Thank you for downloading Appo</h2>\n                    <p class=\"my-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto beatae, asperiores tempore repudiandae saepe aspernatur unde voluptate sapiente quia ex.</p>\n                    <a href=\"index.html\" class=\"btn btn-primary\"><span>Go Home</span></a>\n                </div>\n            </div>\n        </div>\n    </div>\n    <!-- ***** Thanks Area End ***** -->\n    <div class=\"footer-bottom\">\n        <!-- Copyright Area -->\n        <div class=\"copyright-area border-0 pt-4 pt-md-0\">\n            <p>Made with <i class=\"icofont-heart-alt\"></i> By <a href=\"#\">Theme Land</a></p>\n        </div>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\nimport {ProjectThumbnail} from \"../../daos/project-thumbnail\";\nimport {ProjectSpec} from \"../../daos/project-spec\";\nimport {BasicDao} from \"../../daos/basic-dao\";\nimport {ResultNumber} from \"../features/result-number\";\n\n@Component({\n  selector: 'kaplan-intro',\n  templateUrl: './kaplan-intro.component.html',\n  styleUrls: ['./kaplan-intro.component.css']\n})\nexport class KaplanIntroComponent implements OnInit {\n\n  projectThumbnail1 :ProjectThumbnail = {\n    title: \"About Kaplan & My Role\",\n    category: null,\n    description: \"I’m the UX designer owning all (B2B) Educator designs while regularly collaborating with UX researcher(s) \" +\n        \"and seeking feedback from UX designers in different workstreams. During the process of designing and delivering \" +\n        \"this quiz-centered eco-system, I also worked closely and collaboratively with Product, Engineering, Business, \" +\n        \"Content, and Learning Experience/Psychometrics teams.\",\n    imageUrl: null,\n    pageUrl: null\n  };\n\n  projectThumbnail2 :ProjectThumbnail = {\n    title: null,\n    category: null,\n    description: null,\n    imageUrl: \"assets/img/kaplan-diagram.png\",\n    pageUrl: null\n  };\n\n  projectThumbnails: ProjectThumbnail[] = [{\n    title: \"Quiz Building, Scheduling, Managing Eco-System\",\n    category: \"Product Design - Ecosystem Design\",\n    description: null,\n    imageUrl: \"assets/img/kaplan-diagram.png\",\n    pageUrl: \"/kaplan-quiz-builder\"\n  }, {\n    title: \"Course Progress\",\n    category: \"Data Visualization\",\n    description: null,\n    imageUrl: \"assets/img/kaplan-diagram.png\",\n    pageUrl: \"/kaplan-reporting\"\n  }, {\n    title: \"Dashboard\",\n    category: \"Product Design - SaaS\",\n    description: null,\n    imageUrl: \"assets/img/kaplan-diagram.png\",\n    pageUrl: \"/kaplan-dashboard\"\n  }, {\n    title: \"Coffee Design System\",\n    category: \"Design System\",\n    description: null,\n    imageUrl: \"assets/img/kaplan-diagram.png\",\n    pageUrl: \"/kaplan-design-system\"\n  }];\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"italy\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n        <div class=\"project-sections\">\n            <div class=\"project-section\">\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"32\"></app-spacer>\n                            <app-project-thumbnail [projectThumbnail]=\"projectThumbnail1\"\n                                                   [standalone]=\"true\"\n                                                   [wrapperEnabled]=\"false\"></app-project-thumbnail>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <app-spacer height=\"32\"></app-spacer>\n                            <app-project-thumbnail [projectThumbnail]=\"projectThumbnail2\"\n                                                   [standalone]=\"true\"\n                                                   [wrapperEnabled]=\"false\"></app-project-thumbnail>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"container\">\n                <div class=\"row\">\n                    <div class=\"col-12\">\n                        <hr>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"project-section\">\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-lg-6 col-sm-12\" *ngFor=\"let pt of projectThumbnails\">\n                           <app-project-card [projectThumbnail]=\"pt\"></app-project-card>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'landing',\n  templateUrl: './landing.component.html',\n  styleUrls: ['./landing.component.scss']\n})\nexport class LandingComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"landing\" class=\"section welcome-area d-flex align-items-center h-100vh pt-0\">\n    <div class=\"centered-element\">\n        &nbsp;\n    </div>\n\n    <div class=\"container\">\n        <div class=\"row align-items-center justify-content-center\">\n            <!-- Welcome Intro Start -->\n            <div class=\"col-12 col-md-10 col-lg-8\">\n                <div class=\"welcome-intro text-center mt-0\">\n                    <div class=\"cd-headline clip fw-3 mt-2 mt-sm-3 headline-text\">\n                        <div class=\"main-text-color\">\n                            Hi 👋, I'm <span class=\"name accent-blue\">V</span>ictoria!\n                        </div>\n                        <app-spacer height=\"4\"></app-spacer>\n\n                        <div class=\"secondary-headline-text\">\n                            A <span class=\"accent-blue\">product designer</span> with\n                            <span class=\"accent-blue\">4+ years of experience</span> in designing B2B and B2C SaaS products.\n                            I'm at Kaplan, improving the product experience and building a consolidated design system.\n                        </div>\n\n                    </div>\n                    <p class=\"main-text-color intro\">\n                        My multicultural background and proficiency in 3 languages have allowed me to tell users’ stories\n                        in a strategic, human-centered way.  I turn complex problems into thoughtful interfaces and engaging\n                        experiences by leveraging my strong visual design expertise and my background in visual arts.\n                    </p>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-map',\n  templateUrl: './map.component.html',\n  styleUrls: ['./map.component.css']\n})\nexport class MapComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section map-area\">\n    <iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2485.596666220624!2d-0.16124461362595294!3d51.46556134684942!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487605a25375dfb7%3A0xe0d9fa09dcf932a8!2s15%20Theatre%20St%2C%20Battersea%2C%20London%20SW11%205ND%2C%20UK!5e0!3m2!1sen!2sbd!4v1567427969685!5m2!1sen!2sbd\" width=\"100\" height=\"100\" style=\"border:0;\" allowfullscreen=\"\"></iframe>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-newsletter',\n  templateUrl: './newsletter.component.html',\n  styleUrls: ['./newsletter.component.css']\n})\nexport class NewsletterComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"start-free-area\">\n    <div class=\"container\">\n        <div class=\"col-12\">\n            <!-- Start Free Content -->\n            <div class=\"start-free-content d-flex flex-wrap align-items-center justify-content-center justify-content-lg-between shadow-lg\" data-aos=\"fade-up\">\n                <!-- Start Free Content -->\n                <div class=\"start-free-text\">\n                    <h2 class=\"mb-2\">Start your 14 days free trial</h2>\n                    <span>No Credit card required</span>\n                </div>\n                <!-- Start Free Button -->\n                <div class=\"start-free-btn mt-4 mt-lg-0\">\n                    <a href=\"#\" class=\"btn btn-bordered\"><span>Get Started</span></a>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-preloader',\n  templateUrl: './preloader.component.html',\n  styleUrls: ['./preloader.component.css']\n})\nexport class PreloaderComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div id=\"loader\">\n    <div class=\"spinner\">\n        <div class=\"dot1\"></div>\n        <div class=\"dot2\"></div>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-pricing',\n  templateUrl: './pricing.component.html',\n  styleUrls: ['./pricing.component.css']\n})\nexport class PricingComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"pricing\" class=\"section price-plan-area ptb_100\">\n    <div class=\"container\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-12 col-md-10 col-lg-6\">\n                <!-- Section Heading -->\n                <div class=\"section-heading text-center\">\n                    <h2 class=\"text-capitalize\">Affordable Pricing Plans</h2>\n                    <p class=\"d-none d-sm-block mt-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum obcaecati dignissimos quae quo ad iste ipsum officiis deleniti asperiores sit.</p>\n                    <p class=\"d-block d-sm-none mt-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum obcaecati.</p>\n                </div>\n            </div>\n        </div>\n        <div class=\"row justify-content-center\">\n            <div class=\"price-plan-wrapper\">\n                <div class=\"single-price-plan\">\n                    <div class=\"price-header d-flex align-items-center justify-content-between my-4 px-3\">\n                        <h4 class=\"plan-title text-uppercase\">\n                            Starter\n                        </h4>\n                        <div class=\"plan-cost\">\n                            <span class=\"plan-price\">$19</span>\n                            <span class=\"plan-type text-uppercase\">/month</span>\n                        </div>\n                    </div>\n                    <ul class=\"plan-features pb-3\">\n                        <li><i class=\"icofont-check\"></i>5GB Linux Web Space</li>\n                        <li><i class=\"icofont-check\"></i>5 MySQL Databases</li>\n                        <li><i class=\"icofont-check\"></i>Unlimited Email</li>\n                        <li><i class=\"icofont-check\"></i>250Gb mo Transfer</li>\n                        <li><i class=\"icofont-close\"></i>24/7 Tech Support</li>\n                        <li><i class=\"icofont-close\"></i>Daily Backups</li>\n                    </ul>\n                    <div class=\"plan-select\">\n                        <a class=\"btn btn-bordered text-uppercase\" href=\"#\">Select Plan</a>\n                    </div>\n                </div>\n                <div class=\"single-price-plan\">\n                    <div class=\"price-header d-flex align-items-center justify-content-between my-4 px-3\">\n                        <h4 class=\"plan-title text-uppercase\">\n                            Basic\n                        </h4>\n                        <div class=\"plan-cost\">\n                            <span class=\"plan-price\">$29</span>\n                            <span class=\"plan-type text-uppercase\">/month</span>\n                        </div>\n                    </div>\n                    <ul class=\"plan-features pb-3\">\n                        <li><i class=\"icofont-check\"></i>10GB Linux Web Space</li>\n                        <li><i class=\"icofont-check\"></i>10 MySQL Databases</li>\n                        <li><i class=\"icofont-check\"></i>Unlimited Email</li>\n                        <li><i class=\"icofont-check\"></i>500Gb mo Transfer</li>\n                        <li><i class=\"icofont-check\"></i>24/7 Tech Support</li>\n                        <li><i class=\"icofont-close\"></i>Daily Backups</li>\n                    </ul>\n                    <div class=\"plan-select\">\n                        <a class=\"btn btn-bordered text-uppercase\" href=\"#\">Select Plan</a>\n                    </div>\n                </div>\n                <div class=\"single-price-plan featured\">\n                    <div class=\"price-header d-flex align-items-center justify-content-between my-4 px-3\">\n                        <h4 class=\"plan-title text-uppercase\">\n                            Pro\n                        </h4>\n                        <div class=\"plan-cost\">\n                            <span class=\"plan-price\">$49</span>\n                            <span class=\"plan-type text-uppercase\">/month</span>\n                        </div>\n                    </div>\n                    <ul class=\"plan-features pb-3\">\n                        <li><i class=\"icofont-check\"></i>25GB Linux Web Space</li>\n                        <li><i class=\"icofont-check\"></i>25 MySQL Databases</li>\n                        <li><i class=\"icofont-check\"></i>Unlimited Email</li>\n                        <li><i class=\"icofont-check\"></i>2000Gb mo Transfer</li>\n                        <li><i class=\"icofont-check\"></i>24/7 Tech Support</li>\n                        <li><i class=\"icofont-check\"></i>Daily Backups</li>\n                    </ul>\n                    <div class=\"plan-select\">\n                        <a class=\"btn btn-bordered text-uppercase\" href=\"#\">Select Plan</a>\n                    </div>\n                </div>\n                <div class=\"single-price-plan\">\n                    <div class=\"price-header d-flex align-items-center justify-content-between my-4 px-3\">\n                        <h4 class=\"plan-title text-uppercase\">\n                            Ultra\n                        </h4>\n                        <div class=\"plan-cost text-uppercase\">\n                            <span class=\"plan-price\">$99</span>\n                            <span class=\"plan-type\">/month</span>\n                        </div>\n                    </div>\n                    <ul class=\"plan-features pb-3\">\n                        <li><i class=\"icofont-check\"></i>100GB Linux Web Space</li>\n                        <li><i class=\"icofont-check\"></i>Unlimited Databases</li>\n                        <li><i class=\"icofont-check\"></i>Unlimited Email</li>\n                        <li><i class=\"icofont-check\"></i>10000Gb mo Transfer</li>\n                        <li><i class=\"icofont-check\"></i>24/7 Tech Support</li>\n                        <li><i class=\"icofont-check\"></i>Daily Backups</li>\n                    </ul>\n                    <div class=\"plan-select\">\n                        <a class=\"btn btn-bordered text-uppercase\" href=\"#\">Select Plan</a>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import {Component, Input, OnInit} from '@angular/core';\nimport {ProjectThumbnail} from \"../../daos/project-thumbnail\";\nimport {Router} from \"@angular/router\";\n\n@Component({\n  selector: 'app-project-card',\n  templateUrl: './project-card.component.html',\n  styleUrls: ['./project-card.component.scss']\n})\nexport class ProjectCardComponent implements OnInit {\n\n  @Input() projectThumbnail: ProjectThumbnail;\n  @Input() wrapperEnabled: boolean;\n\n  constructor(private router: Router) { }\n\n  ngOnInit(): void {\n  }\n\n  onClick(): void {\n    this.router.navigateByUrl(this.projectThumbnail.pageUrl);\n  }\n}\n","<div class=\"container\">\n    <div [ngClass]=\"wrapperEnabled ? 'wrapper': ''\">\n        <div class=\"row\" *ngIf=\"projectThumbnail.imageUrl\">\n            <div class=\"col-12\">\n                <div class=\"image-wrapper\" [routerLink]=\"projectThumbnail.pageUrl\">\n                    <img [src]=\"projectThumbnail.imageUrl\">\n                </div>\n            </div>\n        </div>\n\n        <div class=\"row\">\n            <div class=\"col-12\" *ngIf=\"projectThumbnail.category\">\n                <div class=\"category\" [routerLink]=\"projectThumbnail.pageUrl\">\n                    {{projectThumbnail.category}}\n                </div>\n            </div>\n        </div>\n\n        <div class=\"row\">\n            <div class=\"col-12\" *ngIf=\"projectThumbnail.title\">\n                <div class=\"title main-text-color\" [routerLink]=\"projectThumbnail.pageUrl\">\n                    {{projectThumbnail.title}}\n                </div>\n            </div>\n        </div>\n\n    </div>\n</div>\n\n","import {Component, Input, OnInit} from '@angular/core';\n\n@Component({\n  selector: 'app-project-highlight',\n  templateUrl: './project-highlight.component.html',\n  styleUrls: ['./project-highlight.component.scss']\n})\nexport class ProjectHighlightComponent implements OnInit {\n\n  @Input() text;\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"highlight-wrapper\" *ngIf=\"text\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12 text-left\">\n                {{text}}\n            </div>\n        </div>\n    </div>\n</div>\n","import {Component, Input, OnInit} from '@angular/core';\nimport {BasicDao} from \"../../daos/basic-dao\";\n\n@Component({\n  selector: 'app-project-issues',\n  templateUrl: './project-issues.component.html',\n  styleUrls: ['./project-issues.component.scss']\n})\nexport class ProjectIssuesComponent implements OnInit {\n\n  @Input() projectIssues: BasicDao[] = [];\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"wrapper\">\n    <div class=\"row\">\n        <div class=\"col-lg-6 col-sm-12\" *ngFor=\"let projectIssue of projectIssues\">\n            <div class=\"image\">\n                <img [src]=\"projectIssue.url\" alt=\"\">\n            </div>\n\n            <div class=\"title\">\n                {{projectIssue.title}}\n            </div>\n\n            <div class=\"description\">\n                {{projectIssue.description}}\n            </div>\n        </div>\n    </div>\n</div>\n","import {Component, Input, OnInit} from '@angular/core';\nimport {ProjectSpec} from \"../../daos/project-spec\";\n\n@Component({\n  selector: 'app-project-specs',\n  templateUrl: './project-specs.component.html',\n  styleUrls: ['./project-specs.component.scss']\n})\nexport class ProjectSpecsComponent implements OnInit {\n\n  @Input() projectSpecs: ProjectSpec[];\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"container\">\n    <div class=\"row\">\n        <div class=\"col-12 col-sm-6 col-md-4 col-lg-3\" *ngFor=\"let projectSpec of projectSpecs\">\n            <div class=\"benifits-item text-center p-3\">\n                <div class=\"feature-icon\">\n                    <i [class]=\"projectSpec.icon\"></i>\n                </div>\n\n                <div class=\"benifits-text\">\n                    <h3 class=\"mb-2\">\n                        {{projectSpec.title}}\n                    </h3>\n                    <p [innerHTML]=\"projectSpec.description\"></p>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n","import {Component, Input, OnInit} from '@angular/core';\nimport {ProjectThumbnail} from \"../../daos/project-thumbnail\";\nimport {Router} from \"@angular/router\";\n\n@Component({\n  selector: 'app-project-thumbnail',\n  templateUrl: './project-thumbnail.component.html',\n  styleUrls: ['./project-thumbnail.component.scss']\n})\nexport class ProjectThumbnailComponent implements OnInit {\n\n  @Input() projectThumbnail: ProjectThumbnail;\n  @Input() wrapperEnabled: boolean;\n  @Input() standalone: boolean;\n\n  constructor(private router: Router) { }\n\n  ngOnInit(): void {\n  }\n\n  onClick(): void {\n    this.router.navigateByUrl(this.projectThumbnail.pageUrl);\n  }\n}\n","<div class=\"container\">\n    <div [ngClass]=\"wrapperEnabled ? 'wrapper': ''\">\n        <div class=\"row\" *ngIf=\"projectThumbnail.imageUrl\">\n            <div class=\"col-12\">\n                <div class=\"image-wrapper\" [routerLink]=\"projectThumbnail.pageUrl\">\n                    <img [src]=\"projectThumbnail.imageUrl\">\n                </div>\n            </div>\n        </div>\n\n        <div class=\"row\" *ngIf=\"standalone; else notStandalone\">\n            <div class=\"col-12\" *ngIf=\"projectThumbnail.title\">\n                <div class=\"title main-text-color\" [routerLink]=\"projectThumbnail.pageUrl\">\n                    {{projectThumbnail.title}}\n                </div>\n            </div>\n\n            <div class=\"col-12\" *ngIf=\"projectThumbnail.description\">\n                <div class=\"description main-text-color\">\n                    {{projectThumbnail.description}}\n                </div>\n            </div>\n        </div>\n\n        <ng-template #notStandalone>\n            <div class=\"row\">\n                <div class=\"col-lg-6 col-sm-12\">\n                    <div class=\"row\">\n                        <div class=\"col-12\" *ngIf=\"projectThumbnail.category\">\n                            <div class=\"category accent-blue\">\n                                {{projectThumbnail.category}}\n                            </div>\n                        </div>\n\n                        <div class=\"col-12\" *ngIf=\"projectThumbnail.title\">\n                            <div class=\"title main-text-color\" [routerLink]=\"projectThumbnail.pageUrl\">\n                                {{projectThumbnail.title}}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"col-lg-6 col-sm-12\" *ngIf=\"projectThumbnail.description\">\n                    <div class=\"description main-text-color\">\n                        {{projectThumbnail.description}}\n                    </div>\n                </div>\n            </div>\n        </ng-template>\n    </div>\n</div>\n\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-promo-one',\n  templateUrl: './promo-one.component.html',\n  styleUrls: ['./promo-one.component.css']\n})\nexport class PromoOneComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"benifits\" class=\"section benifits-area ptb_100\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <!-- Benifits Item -->\n            <div class=\"col-12 col-sm-6 col-md-4 col-lg-3\">\n                <div class=\"benifits-item text-center p-3\">\n                    <div class=\"feature-icon\">\n                        <img src=\"assets/img/promo_icon_1.png\" alt=\"\">\n                    </div>\n                    <!-- Benifits Text -->\n                    <div class=\"benifits-text\">\n                        <h3 class=\"mb-2\">Free Trail</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, ipsum.</p>\n                    </div>\n                </div>\n            </div>\n            <!-- Benifits Item -->\n            <div class=\"col-12 col-sm-6 col-md-4 col-lg-3\">\n                <div class=\"benifits-item text-center p-3\">\n                    <div class=\"feature-icon\">\n                        <img src=\"assets/img/promo_icon_2.png\" alt=\"\">\n                    </div>\n                    <!-- Benifits Text -->\n                    <div class=\"benifits-text\">\n                        <h3 class=\"mb-2\">Easy to use</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, ipsum.</p>\n                    </div>\n                </div>\n            </div>\n            <!-- Benifits Item -->\n            <div class=\"col-12 col-sm-6 col-md-4 col-lg-3\">\n                <div class=\"benifits-item text-center p-3\">\n                    <div class=\"feature-icon\">\n                        <img src=\"assets/img/promo_icon_3.png\" alt=\"\">\n                    </div>\n                    <!-- Benifits Text -->\n                    <div class=\"benifits-text\">\n                        <h3 class=\"mb-2\">24/7 Support</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, ipsum.</p>\n                    </div>\n                </div>\n            </div>\n            <!-- Benifits Item -->\n            <div class=\"col-12 col-sm-6 col-md-4 col-lg-3\">\n                <div class=\"benifits-item text-center p-3\">\n                    <div class=\"feature-icon\">\n                        <img src=\"assets/img/promo_icon_4.png\" alt=\"\">\n                    </div>\n                    <!-- Benifits Text -->\n                    <div class=\"benifits-text\">\n                        <h3 class=\"mb-2\">Well Documented</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, ipsum.</p>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-promo-three',\n  templateUrl: './promo-three.component.html',\n  styleUrls: ['./promo-three.component.css']\n})\nexport class PromoThreeComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"benifits\" class=\"section benifits-area ptb_100\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <!-- Benifits Item -->\n            <div class=\"col-12 col-sm-6 col-md-4\">\n                <div class=\"benifits-item text-center p-3\">\n                    <div class=\"feature-icon\">\n                        <img src=\"assets/img/features_icon_1.png\" alt=\"\">\n                    </div>\n                    <!-- Benifits Text -->\n                    <div class=\"benifits-text\">\n                        <h3 class=\"mb-2\">Free Trail</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum impedit possimus eligendi, quam soluta qui.</p>\n                    </div>\n                </div>\n            </div>\n            <!-- Benifits Item -->\n            <div class=\"col-12 col-sm-6 col-md-4\">\n                <div class=\"benifits-item text-center p-3\">\n                    <div class=\"feature-icon\">\n                        <img src=\"assets/img/features_icon_2.png\" alt=\"\">\n                    </div>\n                    <!-- Benifits Text -->\n                    <div class=\"benifits-text\">\n                        <h3 class=\"mb-2\">Easy to use</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum impedit possimus eligendi, quam soluta qui.</p>\n                    </div>\n                </div>\n            </div>\n            <!-- Benifits Item -->\n            <div class=\"col-12 col-sm-6 col-md-4\">\n                <div class=\"benifits-item text-center p-3\">\n                    <div class=\"feature-icon\">\n                        <img src=\"assets/img/features_icon_3.png\" alt=\"\">\n                    </div>\n                    <!-- Benifits Text -->\n                    <div class=\"benifits-text\">\n                        <h3 class=\"mb-2\">24/7 Support</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum impedit possimus eligendi, quam soluta qui.</p>\n                    </div>\n                </div>\n            </div>\n            <!-- Benifits Item -->\n            <div class=\"col-12 col-sm-6 col-md-4\">\n                <div class=\"benifits-item text-center p-3\">\n                    <div class=\"feature-icon\">\n                        <img src=\"assets/img/features_icon_4.png\" alt=\"\">\n                    </div>\n                    <!-- Benifits Text -->\n                    <div class=\"benifits-text\">\n                        <h3 class=\"mb-2\">Fast Loading</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum impedit possimus eligendi, quam soluta qui.</p>\n                    </div>\n                </div>\n            </div>\n            <!-- Benifits Item -->\n            <div class=\"col-12 col-sm-6 col-md-4\">\n                <div class=\"benifits-item text-center p-3\">\n                    <div class=\"feature-icon\">\n                        <img src=\"assets/img/features_icon_5.png\" alt=\"\">\n                    </div>\n                    <!-- Benifits Text -->\n                    <div class=\"benifits-text\">\n                        <h3 class=\"mb-2\">Responsive Design</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum impedit possimus eligendi, quam soluta qui.</p>\n                    </div>\n                </div>\n            </div>\n            <!-- Benifits Item -->\n            <div class=\"col-12 col-sm-6 col-md-4\">\n                <div class=\"benifits-item text-center p-3\">\n                    <div class=\"feature-icon\">\n                        <img src=\"assets/img/features_icon_6.png\" alt=\"\">\n                    </div>\n                    <!-- Benifits Text -->\n                    <div class=\"benifits-text\">\n                        <h3 class=\"mb-2\">Well Documented</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum impedit possimus eligendi, quam soluta qui.</p>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-promo-two',\n  templateUrl: './promo-two.component.html',\n  styleUrls: ['./promo-two.component.css']\n})\nexport class PromoTwoComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"benifits\" class=\"section benifits-area ptb_100\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <!-- Benifits Item -->\n            <div class=\"col-12 col-sm-6 col-md-4\">\n                <div class=\"benifits-item text-center p-3\">\n                    <div class=\"feature-icon\">\n                        <img src=\"assets/img/features_icon_1.png\" alt=\"\">\n                    </div>\n                    <!-- Benifits Text -->\n                    <div class=\"benifits-text\">\n                        <h3 class=\"mb-2\">Free Trail</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum impedit possimus eligendi, quam soluta qui.</p>\n                    </div>\n                </div>\n            </div>\n            <!-- Benifits Item -->\n            <div class=\"col-12 col-sm-6 col-md-4\">\n                <div class=\"benifits-item text-center p-3\">\n                    <div class=\"feature-icon\">\n                        <img src=\"assets/img/features_icon_2.png\" alt=\"\">\n                    </div>\n                    <!-- Benifits Text -->\n                    <div class=\"benifits-text\">\n                        <h3 class=\"mb-2\">Easy to use</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum impedit possimus eligendi, quam soluta qui.</p>\n                    </div>\n                </div>\n            </div>\n            <!-- Benifits Item -->\n            <div class=\"col-12 col-sm-6 col-md-4\">\n                <div class=\"benifits-item text-center p-3\">\n                    <div class=\"feature-icon\">\n                        <img src=\"assets/img/features_icon_3.png\" alt=\"\">\n                    </div>\n                    <!-- Benifits Text -->\n                    <div class=\"benifits-text\">\n                        <h3 class=\"mb-2\">24/7 Support</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum impedit possimus eligendi, quam soluta qui.</p>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-reviews',\n  templateUrl: './reviews.component.html',\n  styleUrls: ['./reviews.component.css']\n})\nexport class ReviewsComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section testimonial-area ptb_100\">\n    <div class=\"shapes-container\">\n        <div class=\"shape bg-shape\"></div>\n    </div>\n    <div class=\"container text-center\">\n        <div class=\"row justify-content-center align-items-center\">\n            <div class=\"col-12 col-md-8\">\n                <div class=\"testimonials owl-carousel\">\n                    <!-- Single Testimonial -->\n                    <div class=\"single-testimonial p-3 p-md-5\">\n                        <img src=\"assets/img/avatar_1.png\" class=\"mx-auto d-block\" alt=\"\">\n                        <!-- Client Name -->\n                        <h3 class=\"client-name mt-4 mb-2\">John Doe</h3>\n                        <!-- Client Address -->\n                        <h5 class=\"client-address fw-4\">Los Angeles, California</h5>\n                        <!-- Client Rating -->\n                        <div class=\"client-rating mt-2 mb-3\">\n                            <i class=\"fas fa-star\"></i>\n                            <i class=\"fas fa-star\"></i>\n                            <i class=\"fas fa-star\"></i>\n                            <i class=\"fas fa-star\"></i>\n                            <i class=\"far fa-star\"></i>\n                        </div>\n                        <!-- Client Description -->\n                        <div class=\"client-description\">\n                            <!-- Client Text -->\n                            <div class=\"client-text\">\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam rem sunt nulla ducimus expedita, incidunt laborum assumenda. Deleniti iste placeat nostrum incidunt rem laudantium, sapiente, cum, molestias unde, quidem labore.</p>\n                            </div>\n                        </div>\n                    </div>\n                    <!-- Single Testimonial -->\n                    <div class=\"single-testimonial p-3 p-md-5\">\n                        <img src=\"assets/img/avatar_2.png\" class=\"mx-auto d-block\" alt=\"\">\n                        <!-- Client Name -->\n                        <h3 class=\"client-name mt-4 mb-2\">Jassica William</h3>\n                        <!-- Client Address -->\n                        <h5 class=\"client-address fw-4\">Los Angeles, California</h5>\n                        <!-- Client Rating -->\n                        <div class=\"client-rating mt-2 mb-3\">\n                            <i class=\"fas fa-star\"></i>\n                            <i class=\"fas fa-star\"></i>\n                            <i class=\"fas fa-star\"></i>\n                            <i class=\"fas fa-star\"></i>\n                            <i class=\"fas fa-star\"></i>\n                        </div>\n                        <!-- Client Description -->\n                        <div class=\"client-description\">\n                            <!-- Client Text -->\n                            <div class=\"client-text\">\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam rem sunt nulla ducimus expedita, incidunt laborum assumenda. Deleniti iste placeat nostrum incidunt rem laudantium, sapiente, cum, molestias unde, quidem labore.</p>\n                            </div>\n                        </div>\n                    </div>\n                    <!-- Single Testimonial -->\n                    <div class=\"single-testimonial p-3 p-md-5\">\n                        <img src=\"assets/img/avatar_3.png\" class=\"mx-auto d-block\" alt=\"\">\n                        <!-- Client Name -->\n                        <h3 class=\"client-name mt-4 mb-2\">Johnson Smith</h3>\n                        <!-- Client Address -->\n                        <h5 class=\"client-address fw-4\">Los Angeles, California</h5>\n                        <!-- Client Rating -->\n                        <div class=\"client-rating mt-2 mb-3\">\n                            <i class=\"fas fa-star\"></i>\n                            <i class=\"fas fa-star\"></i>\n                            <i class=\"fas fa-star\"></i>\n                            <i class=\"fas fa-star\"></i>\n                            <i class=\"far fa-star\"></i>\n                        </div>\n                        <!-- Client Description -->\n                        <div class=\"client-description\">\n                            <!-- Client Text -->\n                            <div class=\"client-text\">\n                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam rem sunt nulla ducimus expedita, incidunt laborum assumenda. Deleniti iste placeat nostrum incidunt rem laudantium, sapiente, cum, molestias unde, quidem labore.</p>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <!-- Single Testimonial Thumb -->\n                <div class=\"single-testimonial-thumb d-none d-md-block\">\n                    <!-- Thumb Prev -->\n                    <div class=\"thumb-prev\">\n                        <span>\n                            <img src=\"assets/img/avatar_3.png\" alt=\"\">\n                        </span>\n                    </div>\n                    <!-- Thumb Next -->\n                    <div class=\"thumb-next\">\n                        <span>\n                            <img src=\"assets/img/avatar_2.png\" alt=\"\">\n                        </span>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-screenshot',\n  templateUrl: './screenshot.component.html',\n  styleUrls: ['./screenshot.component.css']\n})\nexport class ScreenshotComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"screenshots\" class=\"section screenshots-area ptb_100\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <!-- App Screenshot Slider Area -->\n                <div class=\"app-screenshots\">\n                    <!-- Single Screenshot Item -->\n                    <div class=\"single-screenshot\">\n                        <img src=\"assets/img/screenshot_1.png\" alt=\"\">\n                        <!-- Screenshots Overlay -->\n                        <div class=\"screenshots-overlay\">\n                            <a href=\"assets/img/screenshot_1.png\" data-fancybox=\"images\"><i class=\"icofont-image\"></i></a>\n                        </div>\n                    </div>\n                    <!-- Single Screenshot Item -->\n                    <div class=\"single-screenshot\">\n                        <img src=\"assets/img/screenshot_2.png\" alt=\"\">\n                        <!-- Screenshots Overlay -->\n                        <div class=\"screenshots-overlay\">\n                            <a href=\"assets/img/screenshot_2.png\" data-fancybox=\"images\"><i class=\"icofont-image\"></i></a>\n                        </div>\n                    </div>\n                    <!-- Single Screenshot Item -->\n                    <div class=\"single-screenshot\">\n                        <img src=\"assets/img/screenshot_3.png\" alt=\"\">\n                        <!-- Screenshots Overlay -->\n                        <div class=\"screenshots-overlay\">\n                            <a href=\"assets/img/screenshot_3.png\" data-fancybox=\"images\"><i class=\"icofont-image\"></i></a>\n                        </div>\n                    </div>\n                    <!-- Single Screenshot Item -->\n                    <div class=\"single-screenshot\">\n                        <img src=\"assets/img/screenshot_4.png\" alt=\"\">\n                        <!-- Screenshots Overlay -->\n                        <div class=\"screenshots-overlay\">\n                            <a href=\"assets/img/screenshot_4.png\" data-fancybox=\"images\"><i class=\"icofont-image\"></i></a>\n                        </div>\n                    </div>\n                    <!-- Single Screenshot Item -->\n                    <div class=\"single-screenshot\">\n                        <img src=\"assets/img/screenshot_5.png\" alt=\"\">\n                        <!-- Screenshots Overlay -->\n                        <div class=\"screenshots-overlay\">\n                            <a href=\"assets/img/screenshot_5.png\" data-fancybox=\"images\"><i class=\"icofont-image\"></i></a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-scrollup',\n  templateUrl: './scrollup.component.html',\n  styleUrls: ['./scrollup.component.css']\n})\nexport class ScrollupComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div id=\"scrollUp\" title=\"Scroll To Top\">\n    <i class=\"icofont-bubble-up\"></i>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-skills',\n  templateUrl: './skills.component.html',\n  styleUrls: ['./skills.component.css']\n})\nexport class SkillsComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section skills-area bg-gray ptb_100\">\n    <div class=\"container\">\n        <div class=\"row align-items-center\">\n            <div class=\"col-12 col-lg-6 mb-5 mb-lg-0\">\n                <div class=\"skills-content\">\n                    <h2>We care about your Business</h2>\n                    <p class=\"d-none d-sm-block my-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, eaque. Assumenda modi debitis voluptatem eum delectus. Accusantium voluptate, facilis expedita fuga delectus explicabo vel, dicta ipsam! Repudiandae commodi neque atque asperiores, dolore. Deleniti sint aperiam officiis fuga quia laborum reprehenderit voluptates suscipit assumenda, accusamus aliquam soluta nesciunt facere, amet nihil?</p>\n                    <p class=\"d-block d-sm-none my-3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt error vel autem, quibusdam voluptatibus nobis voluptatum, recusandae consectetur, quas numquam dolorem deserunt dignissimos est! Deleniti delectus sint nostrum reiciendis? Ratione.</p>\n                    <h6 class=\"fw-5 mb-2\">Technologies We Use</h6>\n                    <a class=\"op-5 pr-3\" href=\"#\"><i class=\"fab fa-html5 fa-lg\"></i></a>\n                    <a class=\"op-5 pr-3\" href=\"#\"><i class=\"fab fa-css3 fa-lg\"></i></a>\n                    <a class=\"op-5 pr-3\" href=\"#\"><i class=\"fab fa-bootstrap fa-lg\"></i></a>\n                    <a class=\"op-5 pr-3\" href=\"#\"><i class=\"fab fa-sass fa-lg\"></i></a>\n                    <a class=\"op-5\" href=\"#\"><i class=\"fas fa-rss fa-lg\"></i></a>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-8 col-lg-5 mx-lg-auto\">\n                <!-- Progress Bars -->\n                <div class=\"progress-bars\">\n                    <!-- Progress Label -->\n                    <div class=\"progress-label\">\n                        <span class=\"text-dark\">HTML/CSS</span>\n                    </div>\n                    <!-- Progress -->\n                    <div class=\"progress mb-3\">\n                        <div class=\"progress-bar progress-bar-striped progress-bar-animated\" role=\"progressbar\" aria-valuenow=\"68\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 68%\"></div>\n                    </div>\n                    <!-- Progress Label -->\n                    <div class=\"progress-label\">\n                        <span class=\"text-dark\">Bootstrap</span>\n                    </div>\n                    <!-- Progress -->\n                    <div class=\"progress mb-3\">\n                        <div class=\"progress-bar progress-bar-striped progress-bar-animated\" role=\"progressbar\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 75%\"></div>\n                    </div>\n                    <!-- Progress Label -->\n                    <div class=\"progress-label\">\n                        <span class=\"text-dark\">Javascipt</span>\n                    </div>\n                    <!-- Progress -->\n                    <div class=\"progress mb-3\">\n                        <div class=\"progress-bar progress-bar-striped progress-bar-animated\" role=\"progressbar\" aria-valuenow=\"82\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 82%\"></div>\n                    </div>\n                    <!-- Progress Label -->\n                    <div class=\"progress-label\">\n                        <span class=\"text-dark\">PhP</span>\n                    </div>\n                    <!-- Progress -->\n                    <div class=\"progress\">\n                        <div class=\"progress-bar progress-bar-striped progress-bar-animated\" role=\"progressbar\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 95%\"></div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import {Component, Input, OnInit} from '@angular/core';\n\n@Component({\n  selector: 'app-spacer',\n  templateUrl: './spacer.component.html',\n  styleUrls: ['./spacer.component.css']\n})\nexport class SpacerComponent implements OnInit {\n\n  @Input() height = 8;\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div [ngStyle]=\"{'height': height + 'px'}\">\n    &nbsp;\n</div>\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-team',\n  templateUrl: './team.component.html',\n  styleUrls: ['./team.component.css']\n})\nexport class TeamComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section id=\"team\" class=\"section team-area ptb_100\">\n    <div class=\"container\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-12 col-md-10 col-lg-6\">\n                <!-- Section Heading -->\n                <div class=\"section-heading text-center\">\n                    <h2 class=\"text-capitalize\">Meet our Team Experts</h2>\n                    <p class=\"d-none d-sm-block mt-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum obcaecati dignissimos quae quo ad iste ipsum officiis deleniti asperiores sit.</p>\n                    <p class=\"d-block d-sm-none mt-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum obcaecati.</p>\n                </div>\n            </div>\n        </div>\n        <div class=\"row\">\n            <!-- Team Slider -->\n            <div class=\"team-slider owl-carousel\">\n                <!-- Single Team -->\n                <div class=\"single-team text-center px-3 py-2 m-2\">\n                    <!-- Team Photo -->\n                    <div class=\"team-photo mx-auto\">\n                        <img src=\"assets/img/avatar_1.png\" alt=\"\">\n                    </div>\n                    <!-- Team Content -->\n                    <div class=\"team-content mt-2 mb-1\">\n                        <h3 class=\"team-name mt-3 mb-2\">Jonayed Hasan</h3>\n                        <h5 class=\"team-post mb-2\">Co-Founder &amp; CEO</h5>\n                        <p class=\"team-description\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, ex quibusdam aliquid dicta a explicabo.</p>\n                        <!-- Team Media -->\n                        <div class=\"team-media mt-3\">\n                            <a href=\"#\">\n                                <i class=\"fab fa-facebook-f\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-twitter\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-google-plus-g\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-instagram\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-linkedin-in\"></i>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n                <!-- Single Team -->\n                <div class=\"single-team text-center px-3 py-2 m-2\">\n                    <!-- Team Photo -->\n                    <div class=\"team-photo mx-auto\">\n                        <img src=\"assets/img/avatar_2.png\" alt=\"\">\n                    </div>\n                    <!-- Team Content -->\n                    <div class=\"team-content mt-2 mb-1\">\n                        <h3 class=\"team-name mt-3 mb-2\">Jassica William</h3>\n                        <h5 class=\"team-post mb-2\">Web Developer</h5>\n                        <p class=\"team-description\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, ex quibusdam aliquid dicta a explicabo.</p>\n                        <!-- Team Media -->\n                        <div class=\"team-media mt-3\">\n                            <a href=\"#\">\n                                <i class=\"fab fa-facebook-f\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-twitter\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-google-plus-g\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-instagram\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-linkedin-in\"></i>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n                <!-- Single Team -->\n                <div class=\"single-team text-center px-3 py-2 m-2\">\n                    <!-- Team Photo -->\n                    <div class=\"team-photo mx-auto\">\n                        <img src=\"assets/img/avatar_3.png\" alt=\"\">\n                    </div>\n                    <!-- Team Content -->\n                    <div class=\"team-content mt-2 mb-1\">\n                        <h3 class=\"team-name mt-3 mb-2\">John Deo</h3>\n                        <h5 class=\"team-post mb-2\">ISO Developer</h5>\n                        <p class=\"team-description\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, ex quibusdam aliquid dicta a explicabo.</p>\n                        <!-- Team Media -->\n                        <div class=\"team-media mt-3\">\n                            <a href=\"#\">\n                                <i class=\"fab fa-facebook-f\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-twitter\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-google-plus-g\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-instagram\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-linkedin-in\"></i>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n                <!-- Single Team -->\n                <div class=\"single-team text-center px-3 py-2 m-2\">\n                    <!-- Team Photo -->\n                    <div class=\"team-photo mx-auto\">\n                        <img src=\"assets/img/avatar_4.png\" alt=\"\">\n                    </div>\n                    <!-- Team Content -->\n                    <div class=\"team-content mt-2 mb-1\">\n                        <h3 class=\"team-name mt-3 mb-2\">Johnson Smith</h3>\n                        <h5 class=\"team-post mb-2\">Android Developer</h5>\n                        <p class=\"team-description\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, ex quibusdam aliquid dicta a explicabo.</p>\n                        <!-- Team Media -->\n                        <div class=\"team-media mt-3\">\n                            <a href=\"#\">\n                                <i class=\"fab fa-facebook-f\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-twitter\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-google-plus-g\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-instagram\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-linkedin-in\"></i>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n                <!-- Single Team -->\n                <div class=\"single-team text-center px-3 py-2 m-2\">\n                    <!-- Team Photo -->\n                    <div class=\"team-photo mx-auto\">\n                        <img src=\"assets/img/avatar_5.png\" alt=\"\">\n                    </div>\n                    <!-- Team Content -->\n                    <div class=\"team-content mt-2 mb-1\">\n                        <h3 class=\"team-name mt-3 mb-2\">Johnson Smith</h3>\n                        <h5 class=\"team-post mb-2\">Android Developer</h5>\n                        <p class=\"team-description\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, ex quibusdam aliquid dicta a explicabo.</p>\n                        <!-- Team Media -->\n                        <div class=\"team-media mt-3\">\n                            <a href=\"#\">\n                                <i class=\"fab fa-facebook-f\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-twitter\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-google-plus-g\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-instagram\"></i>\n                            </a>\n                            <a href=\"#\">\n                                <i class=\"fab fa-linkedin-in\"></i>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-work',\n  templateUrl: './work.component.html',\n  styleUrls: ['./work.component.css']\n})\nexport class WorkComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<section class=\"section work-area ptb_100\">\n    <!-- Work Slider Wrapper -->\n    <div class=\"work-wrapper d-none d-md-block\">\n        <div class=\"work-slider-wrapper\" data-aos=\"zoom-in\">\n            <!-- Work Slider -->\n            <ul class=\"work-slider owl-carousel\">\n                <li class=\"slide-item\">\n                    <img src=\"assets/img/screenshot_1.png\" alt=\"\">\n                </li>\n                <li class=\"slide-item\">\n                    <img src=\"assets/img/screenshot_2.png\" alt=\"\">\n                </li>\n                <li class=\"slide-item\">\n                    <img src=\"assets/img/screenshot_3.png\" alt=\"\">\n                </li>\n                <li class=\"slide-item\">\n                    <img src=\"assets/img/screenshot_4.png\" alt=\"\">\n                </li>\n            </ul>\n        </div>\n    </div>\n    <div class=\"container\">\n        <div class=\"row justify-content-center d-md-none\">\n            <!-- Section Heading -->\n            <div class=\"col-12 col-md-10 col-lg-6\">\n                <!-- Section Heading -->\n                <div class=\"section-heading text-center\">\n                    <h2 class=\"text-capitalize\">Few steps to Setup</h2>\n                    <p class=\"d-none d-sm-block mt-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum obcaecati dignissimos quae quo ad iste ipsum officiis deleniti asperiores sit.</p>\n                    <p class=\"d-block d-sm-none mt-4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum obcaecati.</p>\n                </div>\n            </div>\n        </div>\n        <!-- Work Content -->\n        <div class=\"row justify-content-end justify-content-lg-between work-content\" id=\"work-slider-pager\">\n            <div class=\"col-12 col-sm-6\">\n                <a href=\"#\" class=\"pager-item active\">\n                    <!-- Single Work -->\n                    <div class=\"single-work d-inline-block text-center p-4\">\n                        <h3 class=\"mb-2\">Install</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae fugit labore delectus odio nisi eaque?</p>\n                    </div>\n                </a>\n            </div>\n            <div class=\"col-12 col-sm-6\">\n                <a href=\"#\" class=\"pager-item\">\n                    <!-- Single Work -->\n                    <div class=\"single-work d-inline-block text-center p-4\">\n                        <h3 class=\"mb-2\">Register</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae fugit labore delectus odio nisi eaque?</p>\n                    </div>\n                </a>\n            </div>\n            <div class=\"col-12 col-sm-6\">\n                <a href=\"#\" class=\"pager-item\">\n                    <!-- Single Work -->\n                    <div class=\"single-work d-inline-block text-center p-4\">\n                        <h3 class=\"mb-2\">Setup profile</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae fugit labore delectus odio nisi eaque?</p>\n                    </div>\n                </a>\n            </div>\n            <div class=\"col-12 col-sm-6\">\n                <a href=\"#\" class=\"pager-item\">\n                    <!-- Single Work -->\n                    <div class=\"single-work d-inline-block text-center p-4\">\n                        <h3 class=\"mb-2\">Done</h3>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae fugit labore delectus odio nisi eaque?</p>\n                    </div>\n                </a>\n            </div>\n        </div>\n    </div>\n</section>","import { Injectable } from '@angular/core';\nimport {ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot} from \"@angular/router\";\nimport {Observable} from \"rxjs\";\n\n@Injectable()\nexport class AuthGuardService implements CanActivate {\n\n  constructor(private router: Router) { }\n\n  canActivate(next: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {\n    if (prompt(\"Please enter access code: \") === \"ciaociao\") {\n      return true;\n    } else {\n      alert(\"Sorry, you didn't enter a valid access code. \");\n      // navigate to login page\n      this.router.navigate(['/']);\n      // you can save redirect url so after authing we can move them back to the page they requested\n      return false;\n    }\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from '@angular/platform-browser';\n\n/**\n * Sanitize HTML\n */\n@Pipe({\n    name: 'safe'\n})\nexport class SafePipe implements PipeTransform {\n    /**\n     * Pipe Constructor\n     *\n     * @param _sanitizer: DomSanitezer\n     */\n    // tslint:disable-next-line\n    constructor(protected _sanitizer: DomSanitizer) {\n    }\n\n    /**\n     * Transform\n     *\n     * @param value: string\n     * @param type: string\n     */\n    transform(value: string, type: string): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl {\n        switch (type) {\n            case 'html':\n                return this._sanitizer.bypassSecurityTrustHtml(value);\n            case 'style':\n                return this._sanitizer.bypassSecurityTrustStyle(value);\n            case 'script':\n                return this._sanitizer.bypassSecurityTrustScript(value);\n            case 'url':\n                return this._sanitizer.bypassSecurityTrustUrl(value);\n            case 'resourceUrl':\n                return this._sanitizer.bypassSecurityTrustResourceUrl(value);\n            default:\n                return this._sanitizer.bypassSecurityTrustHtml(value);\n        }\n    }\n}\n","import {\n  AfterContentChecked,\n  AfterViewChecked,\n  AfterViewInit,\n  Component,\n  ElementRef,\n  Input,\n  OnInit,\n  ViewChild\n} from '@angular/core';\nimport {ResultNumber} from \"../components/features/result-number\";\nimport {interval} from \"rxjs\";\n\n@Component({\n  selector: 'app-result-number',\n  templateUrl: './result-number.component.html',\n  styleUrls: ['./result-number.component.scss']\n})\nexport class ResultNumberComponent implements AfterViewInit {\n\n  @Input() resultNumber: ResultNumber;\n  @ViewChild('counter') counter: ElementRef;\n\n  constructor() { }\n\n  ngAfterViewInit(): void {\n    if (this.counter) {\n      interval(5000).subscribe(x => {\n        this.counter.nativeElement.click();\n      });\n    }\n  }\n\n}\n","<div class=\"result-wrapper\">\n    <div class=\"single-counter px-4 py-3 text-center\" *ngIf=\"resultNumber\">\n        <!-- Counter Icon -->\n        <div class=\"counter-icon\">\n            <i [class]=\"resultNumber.icon\"></i>\n        </div>\n        <!-- Counter Text -->\n        <div class=\"counter-text\">\n            <span #counter [countUp]=\"resultNumber.resultNumber\">&nbsp;</span> <span *ngIf=\"resultNumber.postFix\">{{resultNumber.postFix}}</span>\n            <h5>{{resultNumber.title}}</h5>\n        </div>\n    </div>\n</div>\n\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-theme-eight',\n  templateUrl: './theme-eight.component.html',\n  styleUrls: ['./theme-eight.component.css']\n})\nexport class ThemeEightComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"moscow miami\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-one></app-header-one>\n        <app-hero-eight></app-hero-eight>\n        <app-promo-two></app-promo-two>\n        <app-about></app-about>\n        <app-work></app-work>\n        <app-features></app-features>\n        <app-screenshot></app-screenshot>\n        <app-pricing></app-pricing>\n        <app-reviews></app-reviews>\n        <app-team></app-team>\n        <app-newsletter></app-newsletter>\n        <app-download></app-download>\n        <app-blog></app-blog>\n        <app-contact></app-contact>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-theme-five',\n  templateUrl: './theme-five.component.html',\n  styleUrls: ['./theme-five.component.css']\n})\nexport class ThemeFiveComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"paris\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n        <app-hero-five></app-hero-five>\n        <app-branding></app-branding>\n        <app-about></app-about>\n        <app-work></app-work>\n        <app-features></app-features>\n        <app-screenshot></app-screenshot>\n        <app-pricing></app-pricing>\n        <app-reviews></app-reviews>\n        <app-team></app-team>\n        <app-newsletter></app-newsletter>\n        <app-download></app-download>\n        <app-blog></app-blog>\n        <app-contact></app-contact>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-theme-four',\n  templateUrl: './theme-four.component.html',\n  styleUrls: ['./theme-four.component.css']\n})\nexport class ThemeFourComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"rome\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-one></app-header-one>\n        <app-hero-four></app-hero-four>\n        <app-promo-two></app-promo-two>\n        <app-about></app-about>\n        <app-work></app-work>\n        <app-features></app-features>\n        <app-screenshot></app-screenshot>\n        <app-pricing></app-pricing>\n        <app-reviews></app-reviews>\n        <app-team></app-team>\n        <app-newsletter></app-newsletter>\n        <app-download></app-download>\n        <app-blog></app-blog>\n        <app-contact></app-contact>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-theme-nine',\n  templateUrl: './theme-nine.component.html',\n  styleUrls: ['./theme-nine.component.css']\n})\nexport class ThemeNineComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"italy\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n        <app-hero-nine></app-hero-nine>\n        <app-promo-one></app-promo-one>\n        <app-about></app-about>\n        <app-work></app-work>\n        <app-features></app-features>\n        <app-screenshot></app-screenshot>\n        <app-pricing></app-pricing>\n        <app-reviews></app-reviews>\n        <app-team></app-team>\n        <app-newsletter></app-newsletter>\n        <app-download></app-download>\n        <app-blog></app-blog>\n        <app-contact></app-contact>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-theme-one',\n  templateUrl: './theme-one.component.html',\n  styleUrls: ['./theme-one.component.css']\n})\nexport class ThemeOneComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"miami\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-one></app-header-one>\n        <app-hero-one></app-hero-one>\n        <app-promo-one></app-promo-one>\n        <app-about></app-about>\n        <app-work></app-work>\n        <app-features></app-features>\n        <app-screenshot></app-screenshot>\n        <app-pricing></app-pricing>\n        <app-reviews></app-reviews>\n        <app-team></app-team>\n        <app-newsletter></app-newsletter>\n        <app-download></app-download>\n        <app-blog></app-blog>\n        <app-contact></app-contact>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-theme-seven',\n  templateUrl: './theme-seven.component.html',\n  styleUrls: ['./theme-seven.component.css']\n})\nexport class ThemeSevenComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"seoul\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n        <app-hero-seven></app-hero-seven>\n        <app-branding></app-branding>\n        <app-about></app-about>\n        <app-work></app-work>\n        <app-features></app-features>\n        <app-screenshot></app-screenshot>\n        <app-pricing></app-pricing>\n        <app-reviews></app-reviews>\n        <app-team></app-team>\n        <app-newsletter></app-newsletter>\n        <app-download></app-download>\n        <app-blog></app-blog>\n        <app-contact></app-contact>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-theme-six',\n  templateUrl: './theme-six.component.html',\n  styleUrls: ['./theme-six.component.css']\n})\nexport class ThemeSixComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"london bg-dark\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-two></app-header-two>\n        <app-hero-six></app-hero-six>\n        <app-promo-two></app-promo-two>\n        <app-about></app-about>\n        <app-work></app-work>\n        <app-features></app-features>\n        <app-screenshot></app-screenshot>\n        <app-pricing></app-pricing>\n        <app-reviews></app-reviews>\n        <app-team></app-team>\n        <app-newsletter></app-newsletter>\n        <app-download></app-download>\n        <app-blog></app-blog>\n        <app-contact></app-contact>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-theme-three',\n  templateUrl: './theme-three.component.html',\n  styleUrls: ['./theme-three.component.css']\n})\nexport class ThemeThreeComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"tokyo\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-one></app-header-one>\n        <app-hero-three></app-hero-three>\n        <app-branding></app-branding>\n        <app-about></app-about>\n        <app-work></app-work>\n        <app-features></app-features>\n        <app-screenshot></app-screenshot>\n        <app-pricing></app-pricing>\n        <app-reviews></app-reviews>\n        <app-team></app-team>\n        <app-newsletter></app-newsletter>\n        <app-download></app-download>\n        <app-blog></app-blog>\n        <app-contact></app-contact>\n        <app-footer></app-footer>\n    </div>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-theme-two',\n  templateUrl: './theme-two.component.html',\n  styleUrls: ['./theme-two.component.css']\n})\nexport class ThemeTwoComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"riga\">\n    <app-scrollup></app-scrollup>\n    <div class=\"all-area\">\n        <app-header-one></app-header-one>\n        <app-hero-two></app-hero-two>\n        <app-promo-two></app-promo-two>\n        <app-about></app-about>\n        <app-work></app-work>\n        <app-features></app-features>\n        <app-screenshot></app-screenshot>\n        <app-pricing></app-pricing>\n        <app-reviews></app-reviews>\n        <app-team></app-team>\n        <app-newsletter></app-newsletter>\n        <app-download></app-download>\n        <app-blog></app-blog>\n        <app-contact></app-contact>\n        <app-footer></app-footer>\n    </div>\n</div>","// 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"]}