diff --git a/package-lock.json b/package-lock.json
index 5743519..77c6a44 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -919,6 +919,11 @@
         "hoek": "2.16.3"
       }
     },
+    "bootstrap": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-3.3.7.tgz",
+      "integrity": "sha1-WjiTlFSfIzMIdaOxUGVldPip63E="
+    },
     "brace-expansion": {
       "version": "1.1.8",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.8.tgz",
diff --git a/package.json b/package.json
index 3e25c70..5b636c1 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "@angular/platform-browser": "^5.0.0",
     "@angular/platform-browser-dynamic": "^5.0.0",
     "@angular/router": "^5.0.0",
+    "bootstrap": "^3.3.7",
     "core-js": "^2.4.1",
     "rxjs": "^5.5.2",
     "zone.js": "^0.8.14"
diff --git a/src/app/app.component.html b/src/app/app.component.html
index fa2706a..01ca062 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,20 +1 @@
-<!--The content below is only a placeholder and can be replaced.-->
-<div style="text-align:center">
-  <h1>
-    Welcome to {{ title }}!
-  </h1>
-  <img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
-</div>
-<h2>Here are some links to help you start: </h2>
-<ul>
-  <li>
-    <h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
-  </li>
-  <li>
-    <h2><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">CLI Documentation</a></h2>
-  </li>
-  <li>
-    <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
-  </li>
-</ul>
-
+<app-landing-page></app-landing-page>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 7b0f672..cb3f820 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -6,5 +6,5 @@ import { Component } from '@angular/core';
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
-  title = 'app';
+  
 }
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 73b0506..7f9f83d 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -1,5 +1,6 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
+import { HttpModule } from '@angular/http';
 
 
 import { AppComponent } from './app.component';
@@ -12,7 +13,8 @@ import { LandingPageComponent } from './landing-page/landing-page.component';
     LandingPageComponent
   ],
   imports: [
-    BrowserModule
+    BrowserModule,
+    HttpModule
   ],
   providers: [],
   bootstrap: [AppComponent]
diff --git a/src/app/landing-page/landing-page.component.css b/src/app/landing-page/landing-page.component.css
index e69de29..b6e0af5 100644
--- a/src/app/landing-page/landing-page.component.css
+++ b/src/app/landing-page/landing-page.component.css
@@ -0,0 +1,3 @@
+header h2{
+  color: black;
+}
diff --git a/src/app/landing-page/landing-page.component.html b/src/app/landing-page/landing-page.component.html
index 6c1f572..2cc0363 100644
--- a/src/app/landing-page/landing-page.component.html
+++ b/src/app/landing-page/landing-page.component.html
@@ -1,3 +1,3 @@
-<p>
-  landing-page works!
-</p>
+<header><h2>Welcome to github look up</h2></header>
+Github:<input name="title" searchTerm />
+<button class="btn btn-dark btn-large" (click)='performSearch(searchTerm)'>Search User</button>
diff --git a/src/app/landing-page/landing-page.component.ts b/src/app/landing-page/landing-page.component.ts
index b257979..100faca 100644
--- a/src/app/landing-page/landing-page.component.ts
+++ b/src/app/landing-page/landing-page.component.ts
@@ -1,4 +1,7 @@
 import { Component, OnInit } from '@angular/core';
+import { Http,Response } from '@angular/http';
+import {CommonModule} from '@angular/common';
+import 'rxjs/add/operator/map';
 
 @Component({
   selector: 'app-landing-page',
@@ -7,9 +10,9 @@ import { Component, OnInit } from '@angular/core';
 })
 export class LandingPageComponent implements OnInit {
 
-  constructor() { }
-
   ngOnInit() {
   }
 
+
+
 }
diff --git a/src/app/search/searchservice.service.spec.ts b/src/app/search/searchservice.service.spec.ts
new file mode 100644
index 0000000..7ab92b9
--- /dev/null
+++ b/src/app/search/searchservice.service.spec.ts
@@ -0,0 +1,15 @@
+import { TestBed, inject } from '@angular/core/testing';
+
+import { SearchserviceService } from './searchservice.service';
+
+describe('SearchserviceService', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [SearchserviceService]
+    });
+  });
+
+  it('should be created', inject([SearchserviceService], (service: SearchserviceService) => {
+    expect(service).toBeTruthy();
+  }));
+});
diff --git a/src/app/search/searchservice.service.ts b/src/app/search/searchservice.service.ts
new file mode 100644
index 0000000..cf2d4e4
--- /dev/null
+++ b/src/app/search/searchservice.service.ts
@@ -0,0 +1,8 @@
+import { Injectable } from '@angular/core';
+
+@Injectable()
+export class SearchserviceService {
+
+  constructor() { }
+
+}
diff --git a/src/app/user.ts b/src/app/user.ts
new file mode 100644
index 0000000..c975a65
--- /dev/null
+++ b/src/app/user.ts
@@ -0,0 +1,2 @@
+export class User {
+}
diff --git a/src/styles.css b/src/styles.css
index 90d4ee0..9d8537e 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1 +1 @@
-/* You can add global styles to this file, and also import other style files */
+@import '~bootstrap/dist/css/bootstrap.min.css';