A Good Developing process serves the best result that's the Process of Development must be apply while developing with any technogy. That is the only resone we are following the proper way to developing the application and serves the better to World.
An artist of considerable range, Ryan — the name taken by Melbourne-raised, Brooklyn-based Nick Murphy — writes, performs and records all of his own music, giving it a warm, intimate feel with a solid groove structure. An artist of considerable range.
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
\\n
A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
\\n
\\n \\n
\\n \\n
\\n\\n
\\n \\n \\n
\\n
\\n
Your attention is required
\\n \\n
\\n
\\n
\\n \\n
You should read this!
\\n
A small river named Duden flows by their place and supplies it with the necessary regelialia.
You can pass an existing component as content of the modal window. In this case remember to add content component\\nas an entryComponents section of your NgModule.
A beautiful Design System\\n completed with examples\\n
\\n
The Design System comes with four pre-built pages to help you get started faster. You can change the text and images and you're good to go. More importantly, looking at them will give you a picture of what you can built with this powerful Bootstrap 4 Design System.
Graphic and logo is the virtual image of any business. Even logo is the besic symbols made up of text and images that helps us identify the Company. This helps to customers understand what's your value and what you do?
Converts the business online or digital era is the main required things to live a long term. We serves the E-Commmerce System, Production ERP, Business ERP for Any type of industries.
\\n
\\n
Web Desiging
\\n
Web Programming
\\n
Publishing
\\n
Hosting Service
\\n
\\n \\n \\n \\n \\n Mobile Development\\n \\n \\n
Now, a days every one handhed devices are avaible for guiding and handling the business. Thas's accourding to that need we serves the Mobile plateform for any criteria.
\\n
\\n
UI Designing
\\n
App Programming
\\n
Publishing
\\n
\\n \\n \\n \\n
\\n
\\n\"","export default \"
\\n
\\n Typography\\n
\\n
Headings
\\n
\\n
\\n Heading 1\\n
\\n
\\n
Argon Design System
\\n
\\n
\\n
\\n
\\n Heading 2\\n
\\n
\\n
Argon Design System
\\n
\\n
\\n
\\n
\\n Heading 3\\n
\\n
\\n
Argon Design System
\\n
\\n
\\n
\\n
\\n Heading 4\\n
\\n
\\n
Argon Design System
\\n
\\n
\\n
\\n
\\n Heading 5\\n
\\n
\\n
Argon Design System
\\n
\\n
\\n
\\n
\\n Heading 6\\n
\\n
\\n
Argon Design System
\\n
\\n
\\n \\n
Display titles
\\n
\\n
\\n Display 1\\n
\\n
\\n
Argon Design System
\\n
\\n
\\n
\\n
\\n Display 2\\n
\\n
\\n
Argon Design System
\\n
\\n
\\n
\\n
\\n Display 3\\n
\\n
\\n
Argon Design System
\\n
\\n
\\n
\\n
\\n Display 4\\n
\\n
\\n
Argon Design System
\\n
\\n
\\n \\n
Specialized titles
\\n
\\n
\\n Heading\\n
\\n
\\n
Argon Design System
\\n
\\n
\\n
\\n
\\n Heading title\\n
\\n
\\n
Argon Design System
\\n
\\n
\\n
\\n
\\n Heading seaction\\n
\\n
\\n
\\n
Header with small subtitle
\\n
According to the National Oceanic and Atmospheric Administration, Ted, Scambos, NSIDClead scentist, puts the potentially record maximum.
\\n
\\n
\\n
\\n \\n
Paragraphs
\\n
\\n
\\n Paragraph\\n
\\n
\\n
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.
\\n
\\n
\\n
\\n
\\n Lead text\\n
\\n
\\n
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.
\\n
\\n
\\n
\\n
\\n Quote\\n
\\n
\\n
\\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
\\n \\n
\\n
\\n
\\n
\\n
\\n Muted text\\n
\\n
\\n
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...
\\n
\\n
\\n
\\n
\\n Primary text\\n
\\n
\\n
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...
\\n
\\n
\\n
\\n
\\n Info text\\n
\\n
\\n
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...
\\n
\\n
\\n
\\n
\\n Success text\\n
\\n
\\n
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...
\\n
\\n
\\n
\\n
\\n Warning text\\n
\\n
\\n
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...
\\n
\\n
\\n
\\n
\\n Danger text\\n
\\n
\\n
I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...
\\n \\n\\n\"","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 = \"./src/$$_lazy_route_resource lazy recursive\";","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL0xhdGVzdC9jb250YWN0L2NvbnRhY3QuY29tcG9uZW50LmNzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\nimport { ContactService } from './contact.service';\nimport { NgForm } from '@angular/forms';\nimport { ActivatedRoute } from '@angular/router';\nimport { Contact } from './contact.model';\n\n@Component({\n selector: 'app-contact',\n templateUrl: './contact.component.html',\n styleUrls: ['./contact.component.css']\n})\n\nexport class ContactComponent implements OnInit {\n formData: Contact = new Contact(); \n constructor(private service : ContactService, private route: ActivatedRoute) { }\n \n ngOnInit() { }\n\n onSubmit(form: NgForm){\n if(confirm('Are you sure? ')){\n this.service.formData = this.formData;\n this.service.Sendmail().subscribe(err => {console.log(err);});\n }\n }\n\n}\n","export class Contact {\n From: string;\n Subject: string;\n Content: string;\n}\n","import { Injectable } from '@angular/core';\nimport { Contact } from './contact.model';\nimport { HttpClient } from '@angular/common/http';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ContactService {\n\n // readonly baseURL = 'https://localhost:44379/api/Contact/Sendmail'\n readonly baseURL = 'http://support.latestdevelopers.com/api/Contact/Sendmail'\n formData : Contact = new Contact();\n constructor(private http: HttpClient) { }\n \n Sendmail(){\n console.log(this.formData);\n return this.http.post(this.baseURL, this.formData);\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL0xhdGVzdC9kZXNpZ24vZGVzaWduLmNvbXBvbmVudC5jc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-design',\n templateUrl: './design.component.html',\n styleUrls: ['./design.component.css']\n})\nexport class DesignComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL0xhdGVzdC9kZXZlbG9wbWVudC9kZXZlbG9wbWVudC5jb21wb25lbnQuY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-development',\n templateUrl: './development.component.html',\n styleUrls: ['./development.component.css']\n})\nexport class DevelopmentComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL0xhdGVzdC9oaXJlL2hpcmUuY29tcG9uZW50LmNzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-hire',\n templateUrl: './hire.component.html',\n styleUrls: ['./hire.component.css']\n})\nexport class HireComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL0xhdGVzdC9vdGhlcnMvb3RoZXJzLmNvbXBvbmVudC5jc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-others',\n templateUrl: './others.component.html',\n styleUrls: ['./others.component.css']\n})\nexport class OthersComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL0xhdGVzdC9wcmljaW5nL3ByaWNpbmcuY29tcG9uZW50LmNzcyJ9 */\"","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","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2FwcC5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit, Inject, Renderer2, ElementRef, ViewChild, HostListener } from '@angular/core';\nimport { Router, NavigationEnd } from '@angular/router';\nimport { Subscription } from 'rxjs/Subscription';\nimport 'rxjs/add/operator/filter';\nimport { DOCUMENT } from '@angular/common';\nimport { LocationStrategy, PlatformLocation, Location } from '@angular/common';\n\nvar didScroll;\nvar lastScrollTop = 0;\nvar delta = 5;\nvar navbarHeight = 0;\n\n@Component({\n selector: 'app-root',\n templateUrl: './app.component.html',\n styleUrls: ['./app.component.scss']\n})\nexport class AppComponent implements OnInit {\n private _router: Subscription;\n\n constructor( private renderer : Renderer2, private router: Router, @Inject(DOCUMENT,) private document: any, private element : ElementRef, public location: Location) {}\n @HostListener('window:scroll', ['$event'])\n hasScrolled() {\n\n var st = window.pageYOffset;\n // Make sure they scroll more than delta\n if(Math.abs(lastScrollTop - st) <= delta)\n return;\n\n var navbar = document.getElementsByTagName('nav')[0];\n\n // If they scrolled down and are past the navbar, add class .headroom--unpinned.\n // This is necessary so you never see what is \"behind\" the navbar.\n if (st > lastScrollTop && st > navbarHeight){\n // Scroll Down\n if (navbar.classList.contains('headroom--pinned')) {\n navbar.classList.remove('headroom--pinned');\n navbar.classList.add('headroom--unpinned');\n }\n // $('.navbar.headroom--pinned').removeClass('headroom--pinned').addClass('headroom--unpinned');\n } else {\n // Scroll Up\n // $(window).height()\n if(st + window.innerHeight < document.body.scrollHeight) {\n // $('.navbar.headroom--unpinned').removeClass('headroom--unpinned').addClass('headroom--pinned');\n if (navbar.classList.contains('headroom--unpinned')) {\n navbar.classList.remove('headroom--unpinned');\n navbar.classList.add('headroom--pinned');\n }\n }\n }\n\n lastScrollTop = st;\n };\n ngOnInit() {\n var navbar : HTMLElement = this.element.nativeElement.children[0].children[0];\n this._router = this.router.events.filter(event => event instanceof NavigationEnd).subscribe((event: NavigationEnd) => {\n if (window.outerWidth > 991) {\n window.document.children[0].scrollTop = 0;\n }else{\n window.document.activeElement.scrollTop = 0;\n }\n this.renderer.listen('window', 'scroll', (event) => {\n const number = window.scrollY;\n if (number > 150 || window.pageYOffset > 150) {\n // add logic\n navbar.classList.add('headroom--not-top');\n } else {\n // remove logic\n navbar.classList.remove('headroom--not-top');\n }\n });\n });\n this.hasScrolled();\n }\n}\n","import { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { RouterModule } from '@angular/router';\nimport { AppRoutingModule } from './app.routing';\n\nimport { AppComponent } from './app.component';\nimport { SignupComponent } from './signup/signup.component';\nimport { LandingComponent } from './landing/landing.component';\nimport { ProfileComponent } from './profile/profile.component';\nimport { HomeComponent } from './home/home.component';\nimport { NavbarComponent } from './shared/navbar/navbar.component';\nimport { FooterComponent } from './shared/footer/footer.component';\n\nimport { HomeModule } from './home/home.module';\nimport { LoginComponent } from './login/login.component';\n\n\n\nimport { DesignComponent } from './Latest/design/design.component';\nimport { DevelopmentComponent } from './Latest/development/development.component';\nimport { OthersComponent } from './Latest/others/others.component';\nimport { PricingComponent } from './Latest/pricing/pricing.component';\nimport { HireComponent } from './Latest/hire/hire.component';\nimport { ContactComponent } from './Latest/contact/contact.component';\n\n@NgModule({\n declarations: [\n AppComponent,\n SignupComponent,\n LandingComponent,\n ProfileComponent,\n NavbarComponent,\n FooterComponent,\n LoginComponent,\n DesignComponent,\n DevelopmentComponent,\n OthersComponent,\n PricingComponent,\n HireComponent,\n ContactComponent\n ],\n imports: [\n BrowserModule,\n NgbModule,\n FormsModule,\n RouterModule,\n AppRoutingModule,\n HomeModule\n ],\n providers: [],\n bootstrap: [AppComponent]\n})\nexport class AppModule { }\n","import { NgModule } from '@angular/core';\nimport { CommonModule, } from '@angular/common';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { Routes, RouterModule } from '@angular/router';\n\nimport { HomeComponent } from './home/home.component';\nimport { ProfileComponent } from './profile/profile.component';\nimport { SignupComponent } from './signup/signup.component';\nimport { LandingComponent } from './landing/landing.component';\nimport { LoginComponent } from './login/login.component';\nimport { DesignComponent } from './Latest/design/design.component';\nimport { DevelopmentComponent } from './Latest/development/development.component';\nimport { OthersComponent } from './Latest/others/others.component';\nimport { PricingComponent } from './Latest/pricing/pricing.component';\nimport { HireComponent } from './Latest/hire/hire.component';\nimport { ContactComponent } from './Latest/contact/contact.component';\nimport { HttpClientModule } from '@angular/common/http';\n\nconst routes: Routes =[\n { path: 'home', component: HomeComponent },\n { path: 'user-profile', component: ProfileComponent },\n { path: 'register', component: SignupComponent },\n { path: 'landing', component: LandingComponent },\n { path: 'login', component: LoginComponent },\n { path: '', redirectTo: 'home', pathMatch: 'full' },\n { path: 'design', component: DesignComponent},\n { path: 'development', component: DevelopmentComponent},\n { path: 'others', component: OthersComponent},\n { path: 'pricing', component:PricingComponent},\n { path: 'hiring', component:HireComponent},\n { path: 'contact', component:ContactComponent},\n \n];\n\n@NgModule({\n imports: [\n CommonModule,\n BrowserModule,\n HttpClientModule,\n RouterModule.forRoot(routes,{\n useHash: false\n })\n ],\n exports: [\n ],\n})\nexport class AppRoutingModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2hvbWUvaG9tZS5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-home',\n templateUrl: './home.component.html',\n styleUrls: ['./home.component.scss']\n})\n\nexport class HomeComponent implements OnInit {\n model = {\n left: true,\n middle: false,\n right: false\n };\n\n focus;\n focus1;\n constructor() { }\n\n ngOnInit() {}\n}\n","import { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { RouterModule } from '@angular/router';\n\nimport { HomeComponent } from './home.component';\n\nimport { SectionsModule } from '../sections/sections.module';\n\n@NgModule({\n imports: [\n CommonModule,\n BrowserModule,\n FormsModule,\n RouterModule,\n SectionsModule\n ],\n declarations: [ HomeComponent ],\n exports:[ HomeComponent ],\n providers: []\n})\nexport class HomeModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2xhbmRpbmcvbGFuZGluZy5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-landing',\n templateUrl: './landing.component.html',\n styleUrls: ['./landing.component.scss']\n})\n\nexport class LandingComponent implements OnInit {\n focus: any;\n focus1: any;\n\n constructor() { }\n\n ngOnInit() {}\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2xvZ2luL2xvZ2luLmNvbXBvbmVudC5jc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-login',\n templateUrl: './login.component.html',\n styleUrls: ['./login.component.css']\n})\nexport class LoginComponent implements OnInit {\n focus;\n focus1;\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3Byb2ZpbGUvcHJvZmlsZS5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-profile',\n templateUrl: './profile.component.html',\n styleUrls: ['./profile.component.scss']\n})\n\nexport class ProfileComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {}\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NlY3Rpb25zL2FsZXJ0cy1zZWN0aW9uL2FsZXJ0cy1zZWN0aW9uLmNvbXBvbmVudC5jc3MifQ== */\"","import { Component, OnInit, Input } from '@angular/core';\n\nexport interface IAlert {\n id: number;\n type: string;\n strong?: string;\n message: string;\n icon?: string;\n}\n\n@Component({\n selector: 'app-alerts-section',\n templateUrl: './alerts-section.component.html',\n styleUrls: ['./alerts-section.component.css']\n})\nexport class AlertsSectionComponent {\n @Input()\n public alerts: Array = [];\n private backup: Array;\n constructor() {\n this.alerts.push({\n id: 1,\n type: 'success',\n strong: 'Success!',\n message: 'This is a success alert—check it out!',\n icon: 'ni ni-like-2'\n }, {\n id: 2,\n strong: 'Info!',\n type: 'info',\n message: 'This is an info alert—check it out!',\n icon: 'ni ni-bell-55'\n }, {\n id: 3,\n type: 'warning',\n strong: 'Warning!',\n message: 'This is a warning alert—check it out!',\n icon: 'ni ni-bell-55'\n }, {\n id: 4,\n type: 'danger',\n strong: 'Danger!',\n message: 'This is a danger alert—check it out!',\n icon: 'ni ni-support-16'\n });\n this.backup = this.alerts.map((alert: IAlert) => Object.assign({}, alert));\n }\n\n close(alert: IAlert) {\n this.alerts.splice(this.alerts.indexOf(alert), 1);\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NlY3Rpb25zL2FuZ3VsYXItc2VjdGlvbi9hbmd1bGFyLXNlY3Rpb24uY29tcG9uZW50LmNzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\nimport { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';\nimport { NgbDate, NgbCalendar } from '@ng-bootstrap/ng-bootstrap';\n\n@Component({\n selector: 'app-angular-section',\n templateUrl: './angular-section.component.html',\n styleUrls: ['./angular-section.component.css']\n})\nexport class AngularSectionComponent implements OnInit {\n fromDate: NgbDate;\n toDate: NgbDate;\n hoveredDate: NgbDate;\n closeResult: string;\n model1 : NgbDate;\n model2 : NgbDate;\n\n focus;\n focus1;\n focus2;\n focus3;\n focus4;\n constructor(private modalService: NgbModal, calendar: NgbCalendar) {\n this.fromDate = calendar.getToday();\n this.toDate = calendar.getNext(calendar.getToday(), 'd', 10);\n }\n\n open(content, type, modalDimension) {\n if (modalDimension === 'sm' && type === 'modal_mini') {\n this.modalService.open(content, { windowClass: 'modal-mini', size: 'sm', centered: true }).result.then((result) => {\n this.closeResult = `Closed with: ${result}`;\n }, (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n });\n } else if (modalDimension === '' && type === 'Notification') {\n this.modalService.open(content, { windowClass: 'modal-danger', centered: true }).result.then((result) => {\n this.closeResult = `Closed with: ${result}`;\n }, (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n });\n } else {\n this.modalService.open(content,{ centered: true }).result.then((result) => {\n this.closeResult = `Closed with: ${result}`;\n }, (reason) => {\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\n });\n }\n }\n\n private getDismissReason(reason: any): string {\n if (reason === ModalDismissReasons.ESC) {\n return 'by pressing ESC';\n } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {\n return 'by clicking on a backdrop';\n } else {\n return `with: ${reason}`;\n }\n }\n isRangeStart(date: NgbDate){\n return this.model1 && this.model2 && date.equals(this.model1);\n }\n isRangeEnd(date: NgbDate){\n return this.model1 && this.model2 && date.equals(this.model2);\n }\n isInRange(date: NgbDate){\n return date.after(this.model1) && date.before(this.model2);\n }\n isActive(date: NgbDate){\n return date.equals(this.model1) || date.equals(this.model2);\n }\n endDateChanged(date){\n if (this.model1 && this.model2 && (this.model1.year > this.model2.year || this.model1.year === this.model2.year && this.model1.month > this.model2.month || this.model1.year === this.model2.year && this.model1.month === this.model2.month && this.model1.day > this.model2.day )) {\n this.model1 = this.model2;\n }\n }\n startDateChanged(date){\n if (this.model1 && this.model2 && (this.model1.year > this.model2.year || this.model1.year === this.model2.year && this.model1.month > this.model2.month || this.model1.year === this.model2.year && this.model1.month === this.model2.month && this.model1.day > this.model2.day )) {\n this.model2 = this.model1;\n }\n }\n ngOnInit() {\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NlY3Rpb25zL2J1dHRvbnMtc2VjdGlvbi9idXR0b25zLXNlY3Rpb24uY29tcG9uZW50LmNzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-buttons-section',\n templateUrl: './buttons-section.component.html',\n styleUrls: ['./buttons-section.component.css']\n})\nexport class ButtonsSectionComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NlY3Rpb25zL2Nycy1zZWN0aW9uL2Nycy1zZWN0aW9uLmNvbXBvbmVudC5jc3MifQ== */\"","import { Component, OnInit, AfterViewInit } from '@angular/core';\nimport noUiSlider from \"nouislider\";\n\n@Component({\n selector: 'app-crs-section',\n templateUrl: './crs-section.component.html',\n styleUrls: ['./crs-section.component.css']\n})\nexport class CrsSectionComponent implements OnInit, AfterViewInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n ngAfterViewInit(){\n var slider = document.getElementById(\"input-slider\");\n\n noUiSlider.create(slider, {\n start: 40,\n connect: [true, false],\n range: {\n min: 0,\n max: 100\n }\n });\n\n var slider2 = document.getElementById(\"input-slider-range\");\n\n noUiSlider.create(slider2, {\n start: [20, 60],\n connect: true,\n range: {\n min: 0,\n max: 100\n }\n });\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NlY3Rpb25zL2lucHV0cy1zZWN0aW9uL2lucHV0cy1zZWN0aW9uLmNvbXBvbmVudC5jc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-inputs-section',\n templateUrl: './inputs-section.component.html',\n styleUrls: ['./inputs-section.component.css']\n})\nexport class InputsSectionComponent implements OnInit {\n focus;\n focus1;\n focus5;\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","import {Component, Input} from '@angular/core';\nimport {NgbModal, NgbActiveModal} from '@ng-bootstrap/ng-bootstrap';\n\n@Component({\n selector: 'app-modal-content',\n template: `\n
\n
Modal title
\n \n
\n
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.\n
\n \n `\n})\nexport class NgbdModalContent {\n @Input() name;\n\n constructor(public activeModal: NgbActiveModal) {}\n}\n\n@Component({\n selector: 'app-modal-component',\n templateUrl: './modal.component.html'\n})\nexport class NgbdModalComponent {\n constructor(private modalService: NgbModal) {}\n open() {\n const modalRef = this.modalService.open(NgbdModalContent);\n modalRef.componentInstance.name = 'World';\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NlY3Rpb25zL25hdmlnYXRpb24tc2VjdGlvbi9uYXZpZ2F0aW9uLXNlY3Rpb24uY29tcG9uZW50LmNzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-navigation-section',\n templateUrl: './navigation-section.component.html',\n styleUrls: ['./navigation-section.component.css']\n})\nexport class NavigationSectionComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NlY3Rpb25zL251Y2xlby1zZWN0aW9uL251Y2xlby1zZWN0aW9uLmNvbXBvbmVudC5jc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-nucleo-section',\n templateUrl: './nucleo-section.component.html',\n styleUrls: ['./nucleo-section.component.css']\n})\nexport class NucleoSectionComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n var nucleoView = document.getElementsByClassName('icons-container')[0];\n window.addEventListener('scroll', function (event) {\n \tif (this.isInViewport(nucleoView)) {\n \t\tnucleoView.classList.add('on-screen');\n \t}\n else{\n nucleoView.classList.remove('on-screen');\n }\n }.bind(this), false);\n }\n isInViewport(elem) {\n var bounding = elem.getBoundingClientRect();\n return (\n bounding.top >= 0 &&\n bounding.left >= 0 &&\n bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n bounding.right <= (window.innerWidth || document.documentElement.clientWidth)\n );\n };\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NlY3Rpb25zL3NlY3Rpb25zLmNvbXBvbmVudC5jc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-sections',\n templateUrl: './sections.component.html',\n styleUrls: ['./sections.component.css']\n})\nexport class SectionsComponent implements OnInit {\n focus;\n focus1;\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { FormsModule } from '@angular/forms';\nimport { NouisliderModule } from 'ng2-nouislider';\nimport { JwBootstrapSwitchNg2Module } from 'jw-bootstrap-switch-ng2';\nimport { RouterModule } from '@angular/router';\n\nimport { SectionsComponent } from './sections.component';\nimport { ButtonsSectionComponent } from './buttons-section/buttons-section.component';\nimport { InputsSectionComponent } from './inputs-section/inputs-section.component';\nimport { CrsSectionComponent } from './crs-section/crs-section.component';\nimport { NavigationSectionComponent } from './navigation-section/navigation-section.component';\nimport { TabsSectionComponent } from './tabs-section/tabs-section.component';\nimport { AlertsSectionComponent } from './alerts-section/alerts-section.component';\nimport { TypographySectionComponent } from './typography-section/typography-section.component';\nimport { AngularSectionComponent } from './angular-section/angular-section.component';\nimport { NucleoSectionComponent } from './nucleo-section/nucleo-section.component';\nimport { VersionsSectionComponent } from './versions-section/versions-section.component';\nimport { NgbdModalComponent } from './modal/modal.component';\nimport { NgbdModalContent } from './modal/modal.component';\n\n@NgModule({\n declarations: [\n SectionsComponent,\n ButtonsSectionComponent,\n InputsSectionComponent,\n CrsSectionComponent,\n NavigationSectionComponent,\n TabsSectionComponent,\n AlertsSectionComponent,\n TypographySectionComponent,\n AngularSectionComponent,\n NucleoSectionComponent,\n VersionsSectionComponent,\n NgbdModalComponent,\n NgbdModalContent\n ],\n entryComponents: [NgbdModalContent],\n imports: [\n CommonModule,\n FormsModule,\n NgbModule,\n RouterModule,\n NouisliderModule,\n JwBootstrapSwitchNg2Module\n ],\n exports:[ SectionsComponent ]\n})\nexport class SectionsModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NlY3Rpb25zL3RhYnMtc2VjdGlvbi90YWJzLXNlY3Rpb24uY29tcG9uZW50LmNzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-tabs-section',\n templateUrl: './tabs-section.component.html',\n styleUrls: ['./tabs-section.component.css']\n})\nexport class TabsSectionComponent implements OnInit {\n page = 2;\n page1 = 3;\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NlY3Rpb25zL3R5cG9ncmFwaHktc2VjdGlvbi90eXBvZ3JhcGh5LXNlY3Rpb24uY29tcG9uZW50LmNzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-typography-section',\n templateUrl: './typography-section.component.html',\n styleUrls: ['./typography-section.component.css']\n})\nexport class TypographySectionComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NlY3Rpb25zL3ZlcnNpb25zLXNlY3Rpb24vdmVyc2lvbnMtc2VjdGlvbi5jb21wb25lbnQuY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-versions-section',\n templateUrl: './versions-section.component.html',\n styleUrls: ['./versions-section.component.css']\n})\nexport class VersionsSectionComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NoYXJlZC9mb290ZXIvZm9vdGVyLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'app-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.scss']\n})\nexport class FooterComponent implements OnInit {\n test : Date = new Date();\n\n constructor(private router: Router ) {}\n\n ngOnInit() {\n\n }\n getPath(){\n return this.router.url;\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NoYXJlZC9uYXZiYXIvbmF2YmFyLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { Router, NavigationEnd, NavigationStart } from '@angular/router';\nimport { Location, PopStateEvent } from '@angular/common';\n\n@Component({\n selector: 'app-navbar',\n templateUrl: './navbar.component.html',\n styleUrls: ['./navbar.component.scss']\n})\nexport class NavbarComponent implements OnInit {\n public isCollapsed = true;\n private lastPoppedUrl: string;\n private yScrollStack: number[] = [];\n\n constructor(public location: Location, private router: Router) {\n }\n\n ngOnInit() {\n this.router.events.subscribe((event) => {\n this.isCollapsed = true;\n if (event instanceof NavigationStart) {\n if (event.url != this.lastPoppedUrl)\n this.yScrollStack.push(window.scrollY);\n } else if (event instanceof NavigationEnd) {\n if (event.url == this.lastPoppedUrl) {\n this.lastPoppedUrl = undefined;\n window.scrollTo(0, this.yScrollStack.pop());\n } else\n window.scrollTo(0, 0);\n }\n });\n this.location.subscribe((ev:PopStateEvent) => {\n this.lastPoppedUrl = ev.url;\n });\n }\n\n isHome() {\n var titlee = this.location.prepareExternalUrl(this.location.path());\n\n if( titlee === '#/home' ) {\n return true;\n }\n else {\n return false;\n }\n }\n isDocumentation() {\n var titlee = this.location.prepareExternalUrl(this.location.path());\n if( titlee === '#/documentation' ) {\n return true;\n }\n else {\n return false;\n }\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3NpZ251cC9zaWdudXAuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-signup',\n templateUrl: './signup.component.html',\n styleUrls: ['./signup.component.scss']\n})\nexport class SignupComponent implements OnInit {\n test : Date = new Date();\n focus;\n focus1;\n focus2;\n constructor() { }\n\n ngOnInit() {}\n}\n","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n production: false\n};\n\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\n","/*!\n\n=========================================================\n\n=========================================================\n* Coded by Latest Team\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport { 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"],"sourceRoot":"webpack:///"}
![](\\\"./assets/img/theme/promo-1.png\\\")
\\n ![](\\\"./assets/img/theme/img-1-1200x1000.jpg\\\")
\\n ![](\\\"./assets/img/ill/ill-2.svg\\\")
\\n ![\\\"\\\"](\\\"./assets/Latest/laravel.png\\\")
\\n ![\\\"\\\"](\\\"./assets/Latest/wordpress.png\\\")
\\n ![\\\"\\\"](\\\"./assets/Latest/webflow.png\\\")
\\n ![](\\\"./assets/img/icons/common/github.svg\\\"){kind=icon}
\\n \\n Github\\n \\n \\n \\n ![](\\\"./assets/img/icons/common/google.svg\\\"){kind=icon}
\\n \\n Google\\n \\n ![](\\\"./assets/img/theme/team-4-800x800.jpg\\\")
\\n \\n ![\\\"First](\\\"assets/img/theme/img-1-1200x1000.jpg\\\")
\\n ![\\\"Second](\\\"assets/img/theme/img-2-1200x1000.jpg\\\")
\\n ![\\\"Rounded](\\\"./assets/img/theme/team-1-800x800.jpg\\\")
\\n ![\\\"Circle](\\\"./assets/img/theme/team-2-800x800.jpg\\\")
\\n ![\\\"Raised](\\\"./assets/img/theme/team-3-800x800.jpg\\\")
\\n