Merge remote-tracking branch 'origin/master' into dinhdam

# Conflicts:
#	pom.xml
#	src/main/java/com/itsol/quantrivanphong/report/employee/Test.java
#	src/main/resources/application.properties

src/main/java/com/itsol/quantrivanphong/QuantrivanphongApplication.java

@@ -2,8 +2,10 @@ package com.itsol.quantrivanphong;
 
 import org.springframework.boot.SpringApplication;
 import org.springframework.boot.autoconfigure.SpringBootApplication;
+import org.springframework.data.jpa.repository.config.EnableJpaAuditing;
 
 @SpringBootApplication
+@EnableJpaAuditing
 public class QuantrivanphongApplication {
 
     public static void main(String[] args) {

src/main/java/com/itsol/quantrivanphong/access/homepage/business/CatalogiBusiness.java

+package com.itsol.quantrivanphong.access.homepage.business;
+
+import com.itsol.quantrivanphong.access.homepage.repository.CatalogiRepository;
+import com.itsol.quantrivanphong.model.Catalogi;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+import java.util.Optional;
+
+@Service
+public class CatalogiBusiness {
+    @Autowired
+    private CatalogiRepository catalogiRepository;
+
+    public Optional<Catalogi> findById(int id){
+        return catalogiRepository.findById(id);
+    }
+
+    public List<Catalogi> findAllCatalogi(){
+        return catalogiRepository.findAllCatalogi();
+    }
+
+}

src/main/java/com/itsol/quantrivanphong/access/homepage/business/NewsBusiness.java

+package com.itsol.quantrivanphong.access.homepage.business;
+
+import com.itsol.quantrivanphong.access.homepage.repository.NewsRepository;
+import com.itsol.quantrivanphong.exception.ResourceNotFoundException;
+import com.itsol.quantrivanphong.model.News;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+import java.util.Optional;
+
+@Service
+public class NewsBusiness {
+    @Autowired
+    private NewsRepository newsRepository;
+
+    public List<News> findAllNews(){
+        return newsRepository.findAllNews();
+    }
+    // Find News By News Id
+    public Optional<News> findById(int newsId){
+        return newsRepository.findById(newsId);
+    }
+    //Find news By Employee Id
+    public List<News> findByEmployeeId(int employeeId){
+        return newsRepository.findByEmployeeId(employeeId);
+    }
+    // Find news By Catalogi
+    public List<News> findByCatalogiId(int catalogiId){
+        return newsRepository.findByCatalogiId(catalogiId);
+    }
+
+
+    public Optional<News> findByIdAndEmployeeId(int id, int employeeId){
+        return newsRepository.findByIdAndEmployeeId(id,employeeId);
+    }
+
+    public Optional<News> findByIdAndAndCatalogiId(int id, int catalogiId){
+        return newsRepository.findByIdAndAndCatalogiId(id,catalogiId);
+    }
+
+    public News save(News news){
+        return newsRepository.save(news);
+    }
+
+    public News updateNews(int newsId, News newsDetails){
+        News news = newsRepository.findNewsById(newsId);
+        news.setTitle(newsDetails.getTitle());
+        news.setContent(newsDetails.getContent());
+        news.setSummary(newsDetails.getSummary());
+        news.setThumbnail(newsDetails.getThumbnail());
+        News updateNews = newsRepository.save(news);
+        return updateNews;
+    }
+
+    public String deleteNews(int employeeId,int newsId){
+        newsRepository.findByIdAndEmployeeId(employeeId,newsId).map(news ->{
+            newsRepository.delete(news);
+            return "ok";
+        }).orElseThrow(() -> new ResourceNotFoundException("News" ,"newsId",newsId));
+        return "Ok";
+    }
+
+}

src/main/java/com/itsol/quantrivanphong/access/homepage/controller/CatalogiController.java

+package com.itsol.quantrivanphong.access.homepage.controller;
+
+import com.itsol.quantrivanphong.access.homepage.business.CatalogiBusiness;
+import com.itsol.quantrivanphong.exception.ResourceNotFoundException;
+import com.itsol.quantrivanphong.model.Catalogi;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+
+import java.util.List;
+import java.util.Optional;
+
+public class CatalogiController {
+    @Autowired
+    private CatalogiBusiness catalogiBusiness;
+
+    @GetMapping("/catalogies")
+    public ResponseEntity<List<Catalogi>> getAllNews(){
+        return ResponseEntity.ok( catalogiBusiness.findAllCatalogi());
+    }
+
+    @GetMapping("/catalogies/{catalogiId}")
+    public Catalogi getCatalogiById(@PathVariable(value = "catalogiId") int catalogiId){
+        return catalogiBusiness.findById(catalogiId).orElseThrow(()-> new ResourceNotFoundException("Catalogi","catalogiId",catalogiId));
+    }
+
+}

src/main/java/com/itsol/quantrivanphong/access/homepage/controller/NewsController.java

+package com.itsol.quantrivanphong.access.homepage.controller;
+
+import com.itsol.quantrivanphong.access.homepage.business.CatalogiBusiness;
+import com.itsol.quantrivanphong.access.homepage.business.NewsBusiness;
+
+import com.itsol.quantrivanphong.business.EmployeeBusiness;
+import com.itsol.quantrivanphong.exception.ResourceNotFoundException;
+
+import com.itsol.quantrivanphong.model.Employee;
+import com.itsol.quantrivanphong.model.News;
+import org.springframework.beans.factory.annotation.Autowired;
+
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.*;
+
+import javax.validation.Valid;
+import java.util.List;
+
+@RestController
+@RequestMapping("/api")
+public class NewsController {
+    @Autowired
+    private NewsBusiness newsBusiness;
+
+    @Autowired
+    private CatalogiBusiness catalogiBusiness;
+
+    @Autowired
+    private EmployeeBusiness employeeBusiness;
+    // get All news
+    @GetMapping("/news")
+    public ResponseEntity<List<News>> getAllNews(){
+        return ResponseEntity.ok(newsBusiness.findAllNews());
+    }
+
+    // get news by employeeId
+    @GetMapping("/news/employees/{employeeId}")
+    public List<News> getAllNewsByEmployeeId(@PathVariable(value = "employeeId") int employeeId) {
+        return newsBusiness.findByEmployeeId(employeeId);
+    }
+    // get News by catalogiId
+    @GetMapping("/news/catalogi/{catalogiId}")
+    public List<News> getAllNewsByCatalogiId(@PathVariable(value="catalogiId") int catalogiId){
+        return newsBusiness.findByCatalogiId(catalogiId);
+    }
+
+
+    // create news by employeesId
+    @PostMapping("/news/employees/{employeeId}")
+    public News createNews(@PathVariable (value = "employeeId") int employeeId,
+                           @Valid @RequestBody News news) {
+        Employee employee = employeeBusiness.findById(employeeId);
+        news.setEmployee(employee);
+        return newsBusiness.save(news);
+    }
+
+    // Edit news by EmployeeId
+    @PutMapping("/employees/{employeeId}/news/{newsId}")
+    public News updateNews(@PathVariable (value = "employeeId") int employeeId,
+                           @PathVariable (value = "newsId") int newsId,
+                           @Valid @RequestBody News newsRequest) {
+        if(employeeBusiness.findById(employeeId) == null) {
+            throw new ResourceNotFoundException("Employee" ,"employeeId",employeeId);
+        }
+        if (!newsBusiness.findById(newsId).isPresent()) {
+            throw  new ResourceNotFoundException("News", "id", newsId);
+        }
+        return newsBusiness.updateNews(newsId,newsRequest);
+    }
+
+    //delete news by employeeId and newsId
+    @DeleteMapping("/employees/{employeeId}/news/{newsId}")
+    public ResponseEntity<?> deleteNews(@PathVariable (value = "employeeId") int employeeId,
+                                           @PathVariable (value = "newsId") int newsId) {
+        if(!newsBusiness.findByIdAndEmployeeId(employeeId,newsId).isPresent()){
+            throw  new ResourceNotFoundException("News","newsId",newsId);
+        }
+        return ResponseEntity.ok(newsBusiness.deleteNews(employeeId,newsId));
+    }
+}

src/main/java/com/itsol/quantrivanphong/access/homepage/dto/NewsDTO.java

+//package com.itsol.quantrivanphong.access.homepage.dto;
+//
+//import lombok.AllArgsConstructor;
+//import lombok.Data;
+//import lombok.NoArgsConstructor;
+//
+//import javax.persistence.Entity;
+//
+//@Entity
+//@Data
+//@NoArgsConstructor
+//@AllArgsConstructor
+//public class NewsDTO {
+//    private int employeeId;
+//    private int catalogiId;
+//    private int id;
+//    private String title;
+//    private String thumbnail;
+//    private String summary;
+//    private String content;
+//    private boolean status;
+//}

src/main/java/com/itsol/quantrivanphong/access/homepage/repository/CatalogiRepository.java

+package com.itsol.quantrivanphong.access.homepage.repository;
+
+import com.itsol.quantrivanphong.model.Catalogi;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.Query;
+import org.springframework.stereotype.Repository;
+
+import java.util.List;
+
+@Repository
+public interface CatalogiRepository extends JpaRepository<Catalogi, Integer> {
+    @Query("SELECT u from Catalogi u")
+    List<Catalogi> findAllCatalogi();
+
+//    @Query("SELECT u FROM Catalogi u where u.id=:id")
+//    Catalogi findCatalogiById(int id);
+}

src/main/java/com/itsol/quantrivanphong/access/homepage/repository/NewsRepository.java

+package com.itsol.quantrivanphong.access.homepage.repository;
+
+import com.itsol.quantrivanphong.model.News;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.Query;
+import org.springframework.stereotype.Repository;
+
+import java.util.List;
+import java.util.Optional;
+
+@Repository
+public interface NewsRepository extends JpaRepository<News, Integer> {
+    @Query("SELECT u from News u")
+    List<News> findAllNews();
+    @Query("SELECT u FROM News u where u.id=:id")
+    News findNewsById(int id);
+    List<News> findByEmployeeId(int employeeId);
+    List<News> findByCatalogiId(int catalogiId);
+    Optional<News> findByIdAndEmployeeId(int id,int employeeId);
+    Optional<News> findByIdAndAndCatalogiId(int id,int catalogiId);
+}

src/main/java/com/itsol/quantrivanphong/audit/DateAudit.java

+package com.itsol.quantrivanphong.audit;
+
+import com.fasterxml.jackson.annotation.JsonIgnoreProperties;
+import org.springframework.data.annotation.CreatedDate;
+import org.springframework.data.annotation.LastModifiedDate;
+import org.springframework.data.jpa.domain.support.AuditingEntityListener;
+
+import javax.persistence.Column;
+import javax.persistence.EntityListeners;
+import javax.persistence.MappedSuperclass;
+import java.io.Serializable;
+import java.time.Instant;
+
+@MappedSuperclass
+@EntityListeners(AuditingEntityListener.class)
+@JsonIgnoreProperties(
+        value = {"createdAt", "updatedAt"},
+        allowGetters = true
+)
+public abstract class DateAudit implements Serializable {
+    @CreatedDate
+    @Column(nullable = false, updatable = false)
+    private Instant createdAt;
+
+    @LastModifiedDate
+    @Column(nullable = false)
+    private Instant updatedAt;
+
+    public Instant getCreatedAt() {
+        return createdAt;
+    }
+
+    public void setCreatedAt(Instant createdAt) {
+        this.createdAt = createdAt;
+    }
+
+    public Instant getUpdatedAt() {
+        return updatedAt;
+    }
+
+    public void setUpdatedAt(Instant updatedAt) {
+        this.updatedAt = updatedAt;
+    }
+}

src/main/java/com/itsol/quantrivanphong/exception/ResourceNotFoundException.java

+package com.itsol.quantrivanphong.exception;
+
+import org.springframework.http.HttpStatus;
+import org.springframework.web.bind.annotation.ResponseStatus;
+
+@ResponseStatus(value = HttpStatus.NOT_FOUND)
+public class ResourceNotFoundException extends RuntimeException {
+    private String resourceName;
+    private String fieldName;
+    private Object fieldValue;
+
+    public ResourceNotFoundException(String resourceName, String fieldName, Object fieldValue) {
+        super(String.format("%s not found with %s : '%s'", resourceName, fieldName, fieldValue));
+        this.resourceName = resourceName;
+        this.fieldName = fieldName;
+        this.fieldValue = fieldValue;
+    }
+
+    public String getResourceName() {
+        return resourceName;
+    }
+
+    public String getFieldName() {
+        return fieldName;
+    }
+
+    public Object getFieldValue() {
+        return fieldValue;
+    }
+}

src/main/java/com/itsol/quantrivanphong/manage/leaveform/test.java → src/main/java/com/itsol/quantrivanphong/manager/employee/test.java

-package com.itsol.quantrivanphong.manage.leaveform;
+package com.itsol.quantrivanphong.manager.employee;
 
 public class test {
 }

src/main/java/com/itsol/quantrivanphong/manage/issue/test.java → src/main/java/com/itsol/quantrivanphong/manager/news/test.java

-package com.itsol.quantrivanphong.manage.issue;
+package com.itsol.quantrivanphong.manager.news;
 
 public class test {
 }

src/main/java/com/itsol/quantrivanphong/report/project/test.java → src/main/java/com/itsol/quantrivanphong/manager/project/test.java

-package com.itsol.quantrivanphong.report.project;
+package com.itsol.quantrivanphong.manager.project;
 
 public class test {
 }

src/main/java/com/itsol/quantrivanphong/manager/reportdetail/test.java

+package com.itsol.quantrivanphong.manager.reportdetail;
+
+public class test {
+}

src/main/java/com/itsol/quantrivanphong/model/News.java

 package com.itsol.quantrivanphong.model;
 
+import com.fasterxml.jackson.annotation.JsonIgnoreProperties;
+import com.itsol.quantrivanphong.audit.DateAudit;
 import lombok.AllArgsConstructor;
 import lombok.Data;
 import lombok.NoArgsConstructor;
+import org.springframework.data.jpa.domain.support.AuditingEntityListener;
 
 import javax.persistence.*;
 
@@ -10,8 +13,11 @@ import javax.persistence.*;
 @Data
 @AllArgsConstructor
 @NoArgsConstructor
+@EntityListeners(AuditingEntityListener.class)
+@JsonIgnoreProperties(value = {"createdAt", "updatedAt"},
+        allowGetters = true)
 @Table(name = "news")
-public class News {
+public class News extends DateAudit {
 
     @Id
     @GeneratedValue(strategy = GenerationType.IDENTITY)

src/main/java/com/itsol/quantrivanphong/report/news/test.java → src/main/java/com/itsol/quantrivanphong/report/issue/test.java

-package com.itsol.quantrivanphong.report.news;
+package com.itsol.quantrivanphong.report.issue;
 
 public class test {
 }

src/main/java/com/itsol/quantrivanphong/manage/timesheet/test.java → src/main/java/com/itsol/quantrivanphong/report/leaveform/test.java

-package com.itsol.quantrivanphong.manage.timesheet;
+package com.itsol.quantrivanphong.report.leaveform;
 
 public class test {
 }

src/main/java/com/itsol/quantrivanphong/report/reportdetail/test.java

-package com.itsol.quantrivanphong.report.reportdetail;
-
-public class test {
-}

src/main/java/com/itsol/quantrivanphong/report/timesheet/test.java

+package com.itsol.quantrivanphong.report.timesheet;
+
+public class test {
+}

src/main/resources/public/css/style.css

-/*--
-Author: W3layouts
-Author URL: http://w3layouts.com
-License: Creative Commons Attribution 3.0 Unported
-License URL: http://creativecommons.org/licenses/by/3.0/
---*/
-.errors{
-	font-size: 13px;
-	color: red;
-	font-style: italic;
-}
-
-html, body{
-	font-family: 'Roboto Condensed', sans-serif;
-	font-size: 100%;
-	background: #e5e5e5;
-}
-body a,.grid_1,plan_1,plan_1.one,plan_1.two,i.icon1, i.icon2, i.icon3, i.icon4, i.icon5, i.icon6 {
-	transition:0.5s all;
-	-webkit-transition:0.5s all;
-	-moz-transition:0.5s all;
-	-o-transition:0.5s all;
-	-ms-transition:0.5s all;
-}
-@font-face {
-   font-family: 'Raleway-Regular';
-   src: url(../fonts/Raleway-Regular.ttf)format('truetype');
-}
-a:hover{
- text-decoration:none;
-}
-input[type="button"],input[type="submit"],li.parallelogram{
-	transition:0.5s all;
-	-webkit-transition:0.5s all;
-	-moz-transition:0.5s all;
-	-o-transition:0.5s all;
-	-ms-transition:0.5s all;
-}
-h1,h2,h3,h4,h5,h6{
-	margin:0;
-     font-family: 'Roboto Condensed', sans-serif;
-}	
-p{
-	margin:0;
-	font-family: 'Open Sans', sans-serif;
-}
-ul{
-	margin:0;
-	padding:0;
-}
-label{
-	margin:0;
-}
-.header-top {
-        padding: 1.5em 0;
-		background:#fff;
-}
-/*--logo--*/
-.logo {
-  float: left;
-}
-.logo  a{
- display:block;
-}
-.logo a h1 {
-    font-size: 2em;
-    font-weight: 700;
-    color: #fff;
-    background: #464646;
-    padding: 0.2em 0.5em;
-}
-.logo  a h1:hover{
- text-decoration:none;
-}
-/*--logo--*/
-/*--social--*/
-.social {
-    float: right;
-    width: 26.33%;
-    padding: 0.32em 0;
-}
-.social ul{
-	padding:0;
-	margin:0;
-}
-.social ul li{
-    display: inline-block;
-    margin: 0;
-}
-.social ul li a.facebook{
-    background: url(../images/social.png) no-repeat 0px 0px; 
-    width: 32px;
-    height: 32px;
-    display: block;
-}
-.social ul li a.twitter{
-    background: url(../images/social.png) no-repeat -34px 0px ;
-}
-.social ul li a.chrome{
-    background: url(../images/social.png) no-repeat -68px 0px ;
-}
-.social ul li a.in{
-    background: url(../images/social.png) no-repeat -102px 0px ;
-}
-.social ul li a.beh{
-    background: url(../images/social.png) no-repeat -136px 0px ;
-}
-.social ul li a.vem{
-    background: url(../images/social.png) no-repeat -169px 0px ;
-}
-.social ul li a.yout{
-    background: url(../images/social.png) no-repeat -202px 0px ;
-}
-.social ul li a.facebook:hover{
-	opacity:.5;
-}
-/*--social--*/
-/*--search--*/
-.search {
-    float: right;
-    width: 25%;
-    margin: 0.2em 0;
-}
-.search {
-    position: relative;
-    border: 2px solid #333333;
-    padding: 0.5em 0;
-    background: #fff;
-}
-.search input[type="text"]{
-	width: 80%;
-	outline: none;
-	padding: 0em 0.6em;
-	font-size: 1em;
-	color: #333333;
-	position: relative;
-	border: none;
-}
-.search input[type="submit"]{
-	background: url(../images/search-icon.png) no-repeat 0px 2px #fff;
-	border: none;
-	height: 26px;
-	width: 26px;
-	display: inline-block;
-	position: absolute;
-	outline: none;
-	cursor: pointer;
-	top: 6px;
-	right: 2px;
-}
-/*--search--*/
-.logo a span {
-    font-size: 0.9em;
-    margin-left: 5em;
-    padding-top: 0.5em;
-}
-.head-bottom {
-    background: #fa4b2a;
-}
-/*--navigation--*/
-ul.nav.navbar-nav li.active a {
-    background:#464646 ! important;
-    color: #fff ! important;
-	text-transform: uppercase ! important;
-	font-weight:700;
-}
-ul.nav.navbar-nav li a:hover{
-    background:#464646 ! important;
-    color: #fff ! important;
-}
-ul.nav.navbar-nav li a {
-    color: #fff ! important;
-    text-transform: uppercase ! important;
-    font-weight: 700 ! important;
-    padding: 15px 23px ! important;
-    border-right: 1px solid rgba(255, 255, 255, 0.32) ! important;
-    font-size: 1em;
-}
-.head-bottom ul.dropdown-menu li a {
-    color: #000 ! important;
-	padding:8px 15px ! important;
-	font-size:0.9em ! important;
-}
-.navbar-collapse {
-    padding-left: 0px ! important;
-	 padding-right: 0px ! important;
-}
-.collapse {
-    display: none;
-}
-/*--navigation--*/
-/*--banner--*/
-.banner{
-background: url(../images/banner.jpg) no-repeat 0px 0px;
-background-size:cover;
--webkit-background-size: cover;
--o-background-size: cover;
--ms-background-size: cover;
--moz-background-size: cover;
-min-height: 550px;
-}
-.banner a {
-    font-size: 1em;
-    color: #fff;
-    font-weight: 600;
-    padding: 0.8em 2em;
-    border: 2px solid #fff;
-    background: rgba(255, 255, 255, 0.32);
-}
-.banner a:hover {
-    border: 2px solid #464646;
-    color: #fff;
-    background: rgba(70, 70, 70, 0.67);
-}
-.banner h2 {
-    font-size:2.5em;
-    font-weight: 600;
-    color: #fff;
-}
-.banner {
-    padding: 10em 0 0;
-    text-align: center;
-}
-.banner p {
-    font-size: 1.2em;
-    color: rgba(255, 255, 255, 0.46);
-    font-weight: 400;
-    line-height: 1.8em;
-    margin: 1em auto 2em;
-    width: 70%;
-}
-/*--banner--*/
-/*--technology-left--*/
-.blog-poast-info {
-	border-top: 1px solid #aeaeae;
-    padding: 1em 0;
-    text-align: left;
-}
-.blog-poast-info ul li {
-	display:inline-table;
-	margin-right: 1em;
-}
-.blog-poast-info ul li{
-	color: #000;
-	font-size:0.8125em;
-	vertical-align:middle;
-}
-.blog-poast-info li i {
-    font-size:1.5em;
-    color: #aeaeae;
-    margin-right: 0.3em;
-    margin-top: 0px;
-	vertical-align:middle;
-}
-i.glyphicon.glyphicon-comment {
-    vertical-align: middle;
-}
-.blog-poast-info ul li a {
-	    color:#000;
-	transition: 0.5s all;
-	-webkit-transition: 0.5s all;
-	-moz-transition: 0.5s all;
-	-o-transition: 0.5s all;
-	vertical-align:middle;
-}
-.blog-poast-info ul li a:hover{
-	text-decoration:none;
-}
-.blog-poast-info ul li a:hover {
-	color:#fa4b2a;
-}
-.blog-section {
-  padding: 4em 0;
-  position: relative;
-}
-.tc-ch h3 a {
-    color: #fa4b2a;
-    font-weight: 700;
-	font-family: 'Roboto Condensed', sans-serif;
-}
-.tc-ch p {
-    color: #777;
-    font-size: 0.875em;
-    line-height: 1.8em;
-    margin: 1em 0;
-}
-.tc-ch h3 {
-    margin: 0.5em 0 0;
-	font-size:1.7em;
-}
-.tc-ch {
-    background: #fff;
-    padding: 2em;
-    margin-bottom: 1em;
-	 position: relative;
-}
-a.blog{
-    position: absolute;
-    top: 4em;
-    background: #386ecf;
-    padding: 0.3em 1.8em;
-    color: #fff;
-}
-a.blog.pink{
-    background: #d43d7d;
-}
-a.blog.gren{
-    background: #42d948;
-}
-a.blog.orn{
-    background: #c75830;
-}
-.tech-no {
-    position: absolute;
-    top: -33px;
-}
-.technology {
-    min-height: 203em;
-}
-.tc-ch {
-    float: left;
-    width: 92%;
-}
-.soci {
-    float: left;
-    padding-top: 2.025em;
-}
-.soci li {
-    display: block;
-}
-.soci ul li a.facebook-1{
-    background: url(../images/111.png) no-repeat 0px 0px; 
-    width: 42px;
-    height: 42px;
-    display: block;
-}
-.soci ul li a.twitter{
-    background: url(../images/111.png) no-repeat -42px 0px ;
-}
-.soci ul li a.chrome{
-    background: url(../images/111.png) no-repeat -84px 0px ;
-}
-i.glyphicon.glyphicon-envelope {
-    background: #738a8d;
-    width: 42px;
-    height: 42px;
-    top: -1px;
-    text-align: center;
-    padding: 0.5em 0;
-    color: #fff;
-    font-size: 1.3em;
-}
-i.glyphicon.glyphicon-print {
-    background: #738a8d;
-     width: 42px;
-    height: 42px;
-    top: -1px;
-    text-align: center;
-    padding: 0.5em 0;
-    color: #fff;
-    font-size: 1.3em;
-}
-i.glyphicon.glyphicon-plus{
-    background: #f8694d;
-     width: 42px;
-    height: 42px;
-    top: -1px;
-    text-align: center;
-    padding: 0.5em 0;
-    color: #fff;
-    font-size: 1.3em;
-}
-/*--technology-left--*/
-/*--technology-right--*/
-.blo-top form input[type="text"] {
-  width: 100%;
-  color: #333333 ! important;
-  outline: none;
-  font-size: 16px;
-  padding: .5em;
-  border: 2px solid #333333;
-  -webkit-appearance: none;
-}
-.blo-top form input[type="submit"] {
-  background:#f53f1a; 
-  padding: .3em 1em;
-  color: #fff;
-  font-size: 14px;
-  font-weight: 400;
-  display: block;
-  outline: none;
-  border: none;
-  width: 100%;
-}
-.blo-top form input[type="submit"]:hover{
-	background:#333333;
-}
-.button {
-  margin: 1em 0 0;
-  float: left;
-}
-.blog-grid-left {
-    float: left;
-    width: 36%;
-}
-.blog-grid-right {
-    float: left;
-    width: 60%;
-    margin-left: 0.5em;
-}
-.tech-btm p {
-    margin: 1em 0;
-    font-size: 0.875em;
-    color: #777;
-	line-height:1.8em;
-}
-.tech-btm h4 {
-    font-size: 1.5em;
-    color: #333333;
-    font-weight: 700;
-    margin-bottom: 1em;
-}
-.tech-btm h5 {
-    font-size: 1.1em;
-    line-height: 1.4em;
-    font-weight: 700;
-}
-.blog-grid-right h5 a {
-    color: #4A4747;
-}
-.blo-top {
-    border-bottom: 1px solid #aeaeae;
-}
-.tech-btm {
-    padding: 2em;
-	background:#fff;
-}
-.technology-right{
-	width:30%
-}
-.technology-right-1 {
-    width: 30%;
-}
-.technology-left{
-	width:70%
-}
-.blog-grids {
-    border-bottom: 1px dotted #aeaeae;
-    padding: 1.3em 0;
-}
-/*--technology-right--*/
-/*--footer--*/
-.footer {
-    background: #121212;
-    padding: 3em 0;
-}
-.footer h6 {
-    font-size: 1.7em;
-    background: #fa4b2a;
-    padding: 0.5em 1.7em;
-    font-weight: 700;
-    color: #fff;
-}
-.footer p {
-    font-size: 0.875em;
-    color: #fff;
-    margin: 1em 0;
-    line-height: 1.8em;
-}
-.footer-middle p {
-    margin: 0;
-}
-.footer-middle a {
-    color: #fa4b2a;
-}
-.footer h4 {
-    font-size: 1.7em;
-    color: #fff;
-    border-bottom: 1px solid #fff;
-    width: 89%;
-    margin-bottom: 1em;
-}
-.mid-btm {
-    margin-bottom: 1em;
-}
-.footer-middle {
-    padding-left: 10em;
-}
-.footer-right li a {
-    color: #fff;
-    font-size: 0.875em;
-    line-height: 1.8em;
-}
-.footer-right li a:hover{
-    color: #fa4b2a;
-}
-.footer-right li {
-	display:block;
-}
-.footer-right {
-    padding-left: 8em;
-}
-/*--footer--*/
-/*--footer-bottom--*/
-.foot-nav ul li{
-	display:inline-block;
-	float:left;
-}
-.foot-nav  li a{
-	color:#fff;
-	font-size:1em;
-	padding:0.5em 1em;
-	text-decoration: none;
-	font-weight:700;
-}
-.foot-nav {
-    background: #fa4b2a;
-}
-.foot-nav ul {
-    padding: 0.65em 0;
-}
-.foot-nav li a {
-    color: #fff;
-    font-size: 0.95em;
-    padding: 0.7em 1.5em;
-    text-decoration: none;
-    font-weight: 500;
-    text-transform: uppercase;
-    border-right: 1px solid rgba(255, 255, 255, 0.32) ! important;
-}
-/*--footer-bottom--*/
-.copyright {
-    background: #fece14;
-    padding: 1em 0;
-    text-align: center;
-}
-.banner1{
-background: url(../images/banner.jpg) no-repeat 0px 0px;
-background-size:cover;
--webkit-background-size: cover;
--o-background-size: cover;
--ms-background-size: cover;
--moz-background-size: cover;
-min-height: 300px;
-}
-.technology-1 {
-    margin: 2em 0;
-}
-.vide {
-    padding: 2em;
-    background: #fff;
-    margin-bottom: 1em;
-}
-.vide-1 {
-    padding: 2em 2em 1.6em;
-    background: #fff;
-}
-.rev-img {
-    float: left;
-    width: 40%;
-}
-.rev-info {
-    float: right;
-    width: 57%;
-}
-.rev h3 {
-    margin: 0 ! important;
-}
-.rev {
-    margin-bottom: 1.6em;
-}
-.technology-1 h3 {
-    margin: 0.5em 0 0;
-    font-size: 1.7em;
-}
-.technology-1 h3 a {
-    color: #fa4b2a;
-    font-weight: 700;
-    font-family: 'Roboto Condensed', sans-serif;
-}
-.technology-1 p {
-    color: #777;
-    font-size: 0.875em;
-    line-height: 1.8em;
-    margin: 1em 0;
-}
-/*--business--*/
-.business {
-    padding: 2em 2em 1.8em;
-    background: #fff;
-}
-.business li {
-    display: block;
-}
-.business li a {
-    color: #333333;
-    font-size: 1em;
-    line-height: 2em;
-}
-.business h3 {
-    color: #f53f1a;
-    font-size: 1.7em;
-    font-weight: 700;
-    margin: 0 0 0.5em;
-}
-.business h2 {
-    color: #f53f1a;
-    font-size: 1.7em;
-    font-weight: 700;
-    margin: 0.5em 0;
-} 
-.business h2  a{
-    color: #f53f1a;
-}
-.business h4{
-    color: #f53f1a;
-    font-size: 1.7em;
-    font-weight: 700;
-    margin: 0.5em 0;
-	text-align: center;
-}
-.business-bottom {
-    margin-top: 3em;
-}
-.business-top {
-    padding-bottom: 3em;
-    border-bottom: 1px solid #aeaeae;
-}
-/*--business--*/
-.design-left {
-    margin-top: 2em;
-}
-.design-top {
-    margin-top: 3.7em;
-}
-.rev-1 {
-    padding-bottom: 2em;
-    margin-bottom: 1.55em;
-    border-bottom: 1px solid #aeaeae;
-}
-/*--contact--*/
-.map iframe {
-    width: 100%;
-    height: 400px;
-}
-.contact-grids h2{
-	color: #ed645c;
-  font-weight: 600;
-  margin-bottom: 0.5em;
-  font-size: 2.1em;
-  margin-top: 1.5em;
-  font-family: 'Audiowide', cursive;
-}
-.contact-grids p.design{
-	margin: .2em 0 0 0;
-	color: #999999;
-	font-size: 25px;
-	text-align: center;
-	font-weight: 300;
-	}
-.contact-grid{
-	float:left;
-	width:25%;
-	text-align:center;
-	}
-.contact-grid p{
-	color:#898888;
-	font-size:15px;
-	margin:1em 0 0;
-	}
-.contact-grid p span{
-	display:block;
-	margin:.3em 0 0;
-	}
-.glyphicon-phone-alt:before,.glyphicon-map-marker:before  {
-   color:#C2C4C5;
-   font-size:22px;
-}
-.glyphicon-envelope2:before {
-    content: "\2709";
-	color:#C2C4C5;
-   font-size:22px;
-}
-.contact-grid p a{
-	color:#898888;
-	font-size:15px;
-	}
-.contact-grid p a:hover{
-	text-decoration:none;
-	color:#7EC259;
-	}
-.contact-grid:nth-child(2){
-	margin:0 4em;
-	}
-.contact-grids input[type="text"],.contact-grids textarea{
-	outline:none;
-	border:1px solid #a1a1a1;
-	background:none;
-	padding:15px 10px;
-	font-size:15px;
-	}
-.contact-grids input[type="text"] {
-    width: 32%;
-    float: left;
-}
-.contact-grids input[type="text"]:nth-child(2){
-	margin:0 0.8em;
-	}
-.contact-grids textarea{
-	width:100%;
-	height:285px;
-	margin:1.5em 0;
-	resize:none;
-	}
-.contact-grids input[type="submit"]{
-	outline:none;
-	border:none;
-	background:#f53f1a;
-	width: 16%;
-	display: block;
-	padding: 8px 0px;
-	border:2px solid #f53f1a;
-	color:#fff;
-	font-size:16px;
-	font-weight:700;
-	transition:.5s all;
-	-webkit-transition:.5s all;
-	-moz-transition:.5s all;
-	-o-transition:.5s all;
-	-ms-transition:.5s all;
-}
-.contact-grids input[type="submit"]:hover{
-	background:#fff;
-	color:#333333;
-	border:2px solid #333333;
-	}
-.contact-icons{
-	padding:3em 0 4em;
-}
-.map{
-	margin-top:3em;
-}
-span.glyphicon.glyphicon-download-alt,span.glyphicon.glyphicon-file,span.glyphicon.glyphicon-qrcode,span.glyphicon.glyphicon-globe,span.glyphicon.glyphicon-screenshot,span.glyphicon.glyphicon-link,span.glyphicon.glyphicon-share,span.glyphicon.glyphicon-record{
-    font-size: 4em;
-	padding-top:0.25em;
-}
-.servc-grid-right h4 {
-    text-align: left;
-	margin:0;
-}
-.servc-grid {
-    margin-bottom: 2.22em;
-}
-.grid_3.grid_5 {
-    margin-top: 2em;
-}
-/*--single--*/
-h4.media-heading {
-	font-size: 1.5em;
-  color: #333333;
- text-align:left;
- margin:0;
- font-weight:400;
-}
-.media-body p {
-	color: #9E9E9E;
-  	font-size: 0.875em;
-  	line-height: 1.8em;
-}
-.comment-bottom input[type="text"],.comment-bottom textarea {
-  background: none;
-  width: 100%;
-  outline: none;
-  border: 1px solid #e2e2e2;
-  padding:1em 0.8em;
-  font-size: 1em;
-  color: #e2e2e2;
-  margin:0 0 0.7em ;
-  float:left;  
-}
-.comment-bottom textarea{
- 	resize:none;
-  	margin: 0em 0 0.5em;
-      min-height: 180px;
-      -webkit-appearance: none;
-}
-.comment-bottom input[type="submit"] {
-  width: 11%;
-  font-size: 1.1em;
-  background: #fa4b2a;
-  padding: 0.5em 1em;
-  text-align: center;
-  color: #fff;
-  border: none;
-  outline: none;
-  margin: 0 auto;
-  transition: 0.5s all;
-  -webkit-transition: 0.5s all;
-  -o-transition: 0.5s all;
-  -ms-transition: 0.5s all;
-  -moz-transition: 0.5s all;
-  cursor:pointer;
-}
-.comment-bottom input[type="submit"]:hover {
-	background:#333333;
-}
-.comment h3, .comment-top h2 {
-    color: #f53f1a;
-    font-size: 2.5em;
-    text-align: left;
-    padding: 0 0 0.5em;
-	font-weight:400;
-}
-.comment {
-  padding: 3em 0 0;
-}
-.blog-text h5 {
-    font-size: 1.7em;
-    margin: 0.6em 0;
-	color:#f53f1a;
-	font-weight:700;
-}
-/*--//single--*/
-.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
-    background-color:#464646 ! important;
-}
-.copyright p {
-    font-size: 0.875em;
-    color: #000;
-    line-height: 1.8em;
-}
-.copyright p a{
-    color: #000;
-	font-weight:700;
-}
-.copyright p a:hover{
-    color:#fa4b2a;
-}
-/*-- responsive-design --*/
-@media (max-width: 1024px){
-ul.nav.navbar-nav li a {
-    padding: 15px 14px ! important;
-}
-.banner {
-    padding: 8em 0 0;
-}
-.banner h2 {
-    font-size: 2em;
-}
-.banner p {
-    font-size: 1em;
-}
-.banner {
-    min-height: 500px;
-}
-.tech-btm h4 {
-    font-size: 1.17em;
-    margin-bottom: 0.5em;
-}
-.blog-grid-right {
-    width: 59%;
-}
-.tech-btm h5 {
-    font-size: 0.9em;
-}
-.footer h6 {
-    font-size: 1.5em;
-}
-.footer-middle {
-    padding-left: 7em;
-}
-.footer-right {
-    padding-left: 6em;
-}
-.footer h4 {
-    font-size: 1.6em;
-}
-.foot-nav li a {
-    padding: 0.7em 1.15em;
-}
-.technology {
-    min-height: 200em;
-}
-.comment-bottom input[type="submit"] {
-    width: 16%;
-    font-size: 1em;
-	padding: 0.4em 1em;
-}
-.contact-grid p {
-    font-size: 13px;
-}
-.contact-grids input[type="text"]:nth-child(2) {
-    margin: 0 0.7em;
-}
-}
-/*-- responsive-design --*/
-@media (max-width: 966px){
-ul.nav.navbar-nav li a {
-    padding: 12px 5px ! important;
-	font-size:0.95em;
-}
-.search {
-    width: 23%;
-}
-.social {
-    width: 36.33%;
-}
-.logo a h1 {
-    font-size: 1.8em;
-}
-.technology-left {
-    width: 70%;
-	float:left;
-}
-.technology-right {
-    width: 30%;
-    float: right;
-}
-.tc-ch {
-    float: left;
-    width: 91%;
-	padding:1em;
-}
-.tech-btm {
-    padding: 1em;
-}
-.tech-btm h4 {
-    text-align: center;
-    line-height: 1.2em;
-}
-.tech-btm p {
-    font-size: 0.8125em;
-    line-height: 1.5em;
-}
-.tc-ch p {
-    font-size: 0.8125em;
-    line-height: 1.5em;
-}
-.blog-poast-info li i {
-    font-size: 1.1em;
-	margin-top:-3px;
-}
-.blog-poast-info ul li {
-    margin-right: 0.3em;
-}
-.blog-grid-right {
-    width: 58%;
-}
-.tech-btm h5 {
-    font-size: 0.875em;
-}
-.technology {
-    min-height: 164em;
-}
-.footer-left {
-    float: left;
-    width: 33.33%;
-}
-.footer-middle {
-    padding-left: 3em;
-    float: left;
-    width: 33.33%;
-}
-.footer-right {
-    padding-left: 3em;
-    float: left;
-    width: 33.33%;
-}
-.footer p {
-    font-size: 0.8125em;
-    line-height: 1.5em;
-}
-.footer-right li a {
-    font-size: 0.825em;
-}
-.footer h6 {
-    font-size: 1.3em;
-	padding:0.5em 1em;
-}
-.footer {
-    padding: 3em 0 2em;
-}
-.foot-nav li a {
-    padding: 0.7em 0.6em;
-	font-size:0.9em;
-}
-.technology-1 p {
-    font-size: 0.8125em;
-}
-.technology-1 h3 {
-    font-size: 1.5em;
-}
-.vide {
-    padding: 1em;
-}
-.technology-right-1 {
-    width: 30%;
-    float: right;
-}
-.vide-1 {
-    padding: 1em 1em;
-}
-.business {
-    padding: 1em 1em 1em;
-}
-.comment h3, .comment-top h2 {
-    font-size: 2em;
-}
-h4.media-heading {
-    font-size: 1.3em;
-}
-.contact-grids input[type="text"]:nth-child(2) {
-    margin: 0 0.5em;
-}
-.contact-grid {
-    width: 31%;
-}
-.contact-grid:nth-child(2) {
-    margin: 0 0em;
-}
-}
-/*-- responsive-design --*/
-@media (max-width: 768px){
-.banner {
-    min-height: 440px;
-	padding:6em 0 0;
-}
-span.glyphicon.glyphicon-file, span.glyphicon.glyphicon-qrcode, span.glyphicon.glyphicon-globe, span.glyphicon.glyphicon-screenshot, span.glyphicon.glyphicon-link, span.glyphicon.glyphicon-share, span.glyphicon.glyphicon-record {
-    font-size: 3em;
-}
-.business-left {
-    margin-top: 2em;
-}
-}
-/*-- responsive-design --*/
-@media (max-width: 736px){
-.logo a h1 {
-    font-size: 1.4em;
-	margin-top:0.2em;
-}
-.social {
-    width: 42.33%;
-}
-.header-top {
-    padding: 1em 0;
-}
-.banner {
-    min-height: 330px;
-    padding: 4em 0 0;
-}
-.banner h2 {
-    font-size: 1.7em;
-}
-.banner p {
-    font-size: 0.875em;
-	width:100%;
-}
-.technology-left {
-    width: 100%;
-}
-.technology-right {
-    width: 100%;
-    float: none;
-}
-.technology-right {
-    width: 100%;
-    float: none;
-    margin: 183em 0 0;
-}
-.tech-btm {
-    padding: 2em;
-}
-.footer {
-    margin-top: 2em;
-}
-.footer h6 {
-    font-size: 1.2em;
-    padding: 0.5em 0.3em;
-}
-.footer h4 {
-    font-size: 1.5em;
-}
-.blog-grid-left {
-    float: left;
-    width: 18%;
-}
-.tc-ch {
-    float: left;
-    width: 91.5%;
-    padding: 2em;
-}
-.navbar-nav {
-    margin: 7.5px 0px;
-}
-.technology-right-1 {
-    width: 100%;
-    float: right;
-    margin-top: 1em;
-}
-.banner1 {
-    min-height: 150px;
-}
-.navbar-toggle .icon-bar {
-    background: #fff ! important;
-}
-.foot-nav li a {
-    padding: 0.5em 0.6em;
-    font-size: 0.85em;
-}
-}
-/*-- responsive-design --*/
-@media (max-width: 667px){
-.foot-nav li a {
-    padding: 0.5em 0.4em;
-}
-}
-/*-- responsive-design --*/
-@media (max-width: 600px){
-.foot-nav li a {
-    padding: 0.5em 0.2em;
-}
-}
-/*-- responsive-design --*/
-@media (max-width: 568px){
-.logo {
-    float: left;
-    width: 40%;
-    text-align: center;
-}
-.social {
-    width: 100%;
-    float: right;
-    text-align: right;
-    margin-top: 1em;
-    padding: 0;
-}
-.logo a h1 {
-	margin-top:0;
-    padding: 0.35em 0.5em;
-}
-.search {
-    width: 40%;
-}
-.banner {
-    padding: 3em 0 0;
-}
-.rev-img {
-    float: left;
-    width: 100%;
-}
-.rev-info {
-    float: right;
-    width: 100%;
-    margin-top: 1em;
-}
-.contact-grid {
-    width: 100%;
-    margin-bottom: 1em;
-	text-align:left;
-}
-.contact-icons {
-    padding: 1em 0 1em;
-}
-.contact-grids input[type="text"] {
-    width: 100%;
-    float: left;
-    margin-bottom: 0.5em;
-}
-.contact-grids input[type="text"]:nth-child(2) {
-    margin: 0 0 0.5em;
-}
-.contact-grids textarea {
-    height: 200px;
-}
-.contact-grids input[type="submit"] {
-    width: 31%;
-    padding: 7px 0px;
-}
-.foot-nav li a {
-    font-size: 0.8em;
-}
-}
-/*-- responsive-design --*/
-@media (max-width: 480px){
-.footer-left {
-    float: none;
-    width: 100%;
-}
-.footer-middle {
-    float: none;
-    width: 100%;
-	margin:1.5em 0;
-	padding-left:1em;
-}
-.footer-right{
-    float: none;
-    width: 100%;
-	padding-left:1em;
-}
-.technology-1 h3 {
-    font-size: 1.2em;
-}
-.servc-grid-left {
-    float: left;
-    width: 100%;
-    text-align: center;
-    padding: 0;
-    margin-bottom: 1em;
-}
-.servc-grid-right {
-    float: left;
-    width: 100%;
-    padding: 0;
-}
-.servc-grid {
-    margin-bottom: 1em;
-}
-.servc-grid-right h4 {
-    font-size: 1.5em;
-}
-.blog-text h5 {
-    font-size: 1.4em;
-}
-.business li a {
-    font-size: 0.875em;
-}
-.map iframe {
-    width: 100%;
-    height: 210px;
-}
-.map {
-    margin-top: 2em;
-}
-.foot-nav ul li {
-    margin-bottom: 0.5em;
-}
-.foot-nav li a {
-    padding: 0.5em 0.84em;
-	border-right:none ! important;
-}
-}
-/*-- responsive-design --*/
-@media (max-width: 414px){
-.tc-ch {
-    float: left;
-    width: 87.5%;
-    padding: 1em;
-}
-.banner h2 {
-    font-size: 1.2em;
-}
-.banner p {
-    font-size: 0.8em;
-    line-height: 1.4em;
-}
-.banner {
-    min-height:280px;
-}
-.banner a {
-    font-size: 0.9em;
-    padding: 0.5em 1em;
-}
-.tech-btm {
-    padding: 1em;
-}
-.logo {
-    width: 46%;
-}
-.logo a h1 {
-    padding: 0.6em 0.5em;
-	font-size:1.2em;
-}
-.vide iframe {
-    min-height: 150px ! important;
-}
-.servc-grid-right h4 {
-    font-size: 1.25em;
-}
-.media-left, .media-right, .media-body {
-    float: left ! important;
-    width: 100% ! important;
-}
-h4.media-heading {
-    text-align: left;
-    margin: 1em 0;
-}
-.comment-bottom input[type="submit"] {
-    width: 25%;
-}
-.business h2 {
-    font-size: 1.4em;
-}
-.design-top {
-    margin-top: 1.7em;
-}
-}
-/*-- responsive-design --*/
-@media (max-width: 384px){
-.logo {
-    width: 50%;
-}
-.logo a h1 {
-   font-size:1.2em;
-    padding: 0.55em 0.5em;
-}
-.search {
-    margin: 0;
-}
-.tc-ch {
-    width: 86.5%;
-}
-.foot-nav li a {
-    padding: 0.5em 0.55em;
-}
-}
-/*-- responsive-design --*/
-@media (max-width: 320px){
-.logo a h1 {
-    font-size: 1em;
-    padding: 0.5em 0.5em;
-}
-.search {
-    width: 43%;
-	border: 1px solid #333333;
-	padding: 0.3em 0;
-}
-.social {
-    text-align: center;
-}
-.header-top {
-    padding: 0.8em 0 0;
-}
-.search input[type="submit"] {
-    top: 2px;
-}
-.banner {
-    padding: 2em 0 0;
-}
-.navbar-toggle {
-    margin-top: 4px;
-    margin-bottom: 4px;
-}
-.technology-left {
-    padding: 0;
-}
-.tc-ch {
-    width: 84.6%;
-}
-.tech-no {
-    top: -23px;
-}
-.banner p {
-    margin: 1em auto 1.5em;
-}
-.banner a {
-    font-size: 0.85em;
-    padding: 0.4em 0.8em;
-}
-.soci {
-    padding-top: 1.42em;
-}
-.tc-ch h3 {
-    font-size: 1.2em;
-}
-.technology-right {
-    margin: 196em 0 0;
-    padding: 0;
-}
-.blog-grid-left {
-    width: 30%;
-}
-.blog-grid-right {
-    width: 65%;
-}
-.footer-left,.footer-middle,.footer-right {
-    padding: 0;
-}
-.footer {
-    margin-top: 1em;
-}
-.footer {
-    padding: 2em 0 2em;
-}
-.footer h4 {
-    margin-bottom: 0.5em;
-}
-.copyright {
-    padding: 0.5em 0;
-}
-.banner1 {
-    min-height: 130px;
-}
-.technology-right-1 {
-    padding: 0;
-}
-.blog-text h5 {
-    font-size: 1.2em;
-}
-.business-left {
-    margin-top: 1em;
-    padding: 0;
-}
-.foot-nav li a {
-    padding: 0.5em 0.35em;
-    font-size: 0.75em;
-}
-}
-.nav > li > a:hover, .nav > li > a:focus {
-    text-decoration: none;
-    background-color: #464646 ! important;
-}
\ No newline at end of file

src/main/resources/public/index.html

-<!--
-Author: W3layouts
-Author URL: http://w3layouts.com
-License: Creative Commons Attribution 3.0 Unported
-License URL: http://creativecommons.org/licenses/by/3.0/
--->
+
 <!DOCTYPE HTML>
 <html>
 <head>
@@ -31,130 +26,17 @@ Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony
 <!--End khai báo các file js-->
 
 <!-- khai báo các controllers -->
-<!--<script src="pages/tuyendung/tuyendungController.js"></script>-->
-<script src="pages/tintuc/tintucController.js"></script>
-<!--<script src="pages/lienhe/lienheController.js"></script>-->
-<script src="pages/gioithieu/gioithieuController.js"></script>
-<script src="pages/index/indexController.js"></script>
+	<script src="pages/employee/employeeController.js"></script>
+
+
 <!--End khai báo controllers-->
 </head>
 <body ng-app="myApp">
 	<!--start-main-->
-	<div class="header">
-		<div class="header-top">
-			<div class="container">
-				<div class="logo">
-					<a href="index.html"><h1>SMART WEB</h1></a>
-				</div>
-				<div class="search">
-					<form>
-						<input type="text" value="Search" onfocus="this.value = '';"
-							onblur="if (this.value == '') {this.value = 'Search';}">
-						<input type="submit" value="">
-					</form>
-				</div>
-				<div class="social">
-					<ul>
-						<li><a href="#" class="facebook"> </a></li>
-						<li><a href="#" class="facebook twitter"> </a></li>
-						<li><a href="#" class="facebook chrome"> </a></li>
-						<li><a href="#" class="facebook in"> </a></li>
-						<li><a href="#" class="facebook beh"> </a></li>
-						<li><a href="#" class="facebook vem"> </a></li>
-						<li><a href="#" class="facebook yout"> </a></li>
-					</ul>
-				</div>
-				<div class="clearfix"></div>
-			</div>
-		</div>
 
-		<!--head-bottom-->
-		<div class="head-bottom">
 	<div class="container">
-				<div class="navbar-header">
-					<button type="button" class="navbar-toggle collapsed"
-						data-toggle="collapse" data-target="#navbar" aria-expanded="false"
-						aria-controls="navbar">
-						<span class="sr-only">Toggle navigation</span> <span
-							class="icon-bar"></span> <span class="icon-bar"></span> <span
-							class="icon-bar"></span>
-					</button>
-				</div>
-				<div id="navbar" class="navbar-collapse collapse">
-					<ul class="nav navbar-nav">
-						<li><a ui-sref="index">Home</a></li>
-						<li><a ui-sref="tintuc">Tin tức</a></li>
-						<li><a ui-sref="tuyendung">Tuyển dụng</a></li>
-						<li><a ui-sref="gioithieu">Giới thiệu</a></li>
-						<li><a ui-sref="lienhe">Liên hệ</a></li>
-						<li class="dropdown"><a href="#" class="dropdown-toggle"
-							data-toggle="dropdown" role="button" aria-haspopup="true"
-							aria-expanded="false">Quản lý<span class="caret"></span></a>
-							<ul class="dropdown-menu">
-								<li><a href="singlepage.html">User</a></li>
-								<li><a href="tuyendung_quanly.html">Tuyển dụng</a></li>
-								<li><a href="singlepage.html">Tin tức</a></li>
-							</ul></li>
-					</ul>
-				</div>
-				<!--/.nav-collapse -->
-			</div>
-		</div>
-		<!--head-bottom-->
-	</div>
-	<!-- banner -->
-	<div ui-view="banner"></div> 	<!-- dành cho trang chủ -->
-	<!-- technology -->
-	<div ui-view="index"></div> 	<!-- dành cho trang chủ -->
-	<div ui-view="main_layout"> 	 <!--  dành cho các trang còn lại -->
-	</div>
-	<!-- technology -->
-	<!-- footer -->
-	<div class="footer">
-		<div class="container">
-			<div class="col-md-4 footer-left">
-				<h6>THIS LOOKS GREAT</h6>
-				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
-					do eiusmod tempor incididunt</p>
-				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
-					do eiusmod tempor incididunt consectetur adipisicing elit,</p>
-			</div>
-			<div class="col-md-4 footer-middle">
-				<h4>Twitter Feed</h4>
-				<div class="mid-btm">
-					<p>Consectetur adipisicing</p>
-					<p>Sed do eiusmod tempor</p>
-					<a href="https://w3layouts.com/">https://w3layouts.com/</a>
-				</div>
-
-				<p>Consectetur adipisicing</p>
-				<p>Sed do eiusmod tempor</p>
-				<a href="https://w3layouts.com/">https://w3layouts.com/</a>
 
 	</div>
-			<div class="col-md-4 footer-right">
-				<h4>Quick Links</h4>
-				<li><a href="#">Eiusmod tempor</a></li>
-				<li><a href="#">Consectetur </a></li>
-				<li><a href="#">Adipisicing elit</a></li>
-				<li><a href="#">Eiusmod tempor</a></li>
-				<li><a href="#">Consectetur </a></li>
-				<li><a href="#">Adipisicing elit</a></li>
-			</div>
-			<div class="clearfix"></div>
-		</div>
-	</div>
-	<!-- footer -->
-	<!-- footer-bottom -->
-	<!-- footer-bottom -->
-	<div class="copyright">
-		<div class="container">
-			<p>
-				© 2016 Business_Blog. All rights reserved | Template by <a
-					href="http://w3layouts.com/">W3layouts</a>
-			</p>
-		</div>
-	</div>
 
 
 </body>

src/main/resources/public/pages/tintuc/tintuc.htm → src/main/resources/public/pages/employee/employee.html

-
-<div class="business">
-
-
-<!--    <div class="vide" ng-repeat="emp in employess">-->
-<!--        <h3>-->
-<!--            <a href="tintuc_chitiet.html">{{emp.emailAddress}}</a>-->
-<!--        </h3>-->
-<!--        <p>{{emp.username}}</p>-->
-<!--        <p>Ut enim ad minim veniam, quis nostrud eiusmod tempor-->
-<!--            incididunt ut labore et dolore magna aliqua exercitation ullamco-->
-<!--            laboris nisi ut aliquip ex ea commodo consequat.</p>-->
-<!--        <div class="blog-poast-info">-->
-<!--            <ul>-->
-<!--                <li><i class="glyphicon glyphicon-user"> </i><a-->
-<!--                        class="admin" href="#"> Admin </a></li>-->
-<!--                <li><i class="glyphicon glyphicon-calendar"> </i>30-12-2015</li>-->
-<!--                <li><i class="glyphicon glyphicon-comment"> </i><a-->
-<!--                        class="p-blog" href="#">3 Comments </a></li>-->
-<!--                <li><i class="glyphicon glyphicon-heart"> </i><a-->
-<!--                        class="admin" href="#">5 favourites </a></li>-->
-<!--                <li><i class="glyphicon glyphicon-eye-open"> </i>1.128 views</li>-->
-<!--            </ul>-->
-<!--        </div>-->
-<!--    </div>-->
-</div>
-
-
-
-<!--        <td>username:</td>-->
-<!--        <td><input type="text" ng-model="emp.username"/></td>-->
-
-<!--        <td>firstname</td>-->
-<!--       <td><input type="text" ng-model="emp.firstName"/></td>-->
-
-
-<!--        <td>lastname:</td>-->
-<!--        <td><input type="text" ng-model="emp.lastName"/></td>-->
-
-
-<!--        <td>password:</td>-->
-<!--        <td><input type="text" ng-model="emp.password"/></td>-->
-
-<!--        <td>email:</td>-->
-<!--        <td><input type="text" ng-model="emp.emailAddress"/></td>-->
-
-<!--        <td>phone:</td>-->
-<!--        <td><input type="text" ng-model="emp.phoneNumber"/></td>-->
-
-<!--        <td>education:</td>-->
-<!--        <td><input ng-model="emp.education"/></td>-->
-
-<!--        <td>home town:</td>-->
-<!--       <td> <input type="text" ng-model="emp.homeTown"/></td>-->
-
-<!--        <td><button ng-click="save()" value="Save Data">Save</button></td>-->
-<!--        <td><button ng-click="update()" value="Update Data">Update</button></td>-->
-
-
-
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
 <div class="container">
     <div class="row">
         <div class="col-md-8">
@@ -115,7 +62,6 @@
                 </table>
             </div>
 
-<!--            {{emp}}-->
             <div>
                 <table class="table">
                     <thead>
@@ -152,3 +98,5 @@
         </div>
     </div>
 </div>
+</body>
+</html>
\ No newline at end of file

src/main/resources/public/pages/tintuc/tintucController.js → src/main/resources/public/pages/employee/employeeController.js

@@ -33,10 +33,13 @@ angular.module("myApp",[]).controller("tintucController", function($scope, $http
 		});
 	}
 	$scope.update = update;
-	 function update(emp){
-      $scope.emp = emp;
+	 function update(employee){
+      $scope.employee = employee;
        list_employee();
      }
+    $scope.deleteEmployee = function (employee) {
+
+	}
 
 
 	$http({

src/main/resources/public/pages/gioithieu/gioithieu.htm

-			<div class="business">
-			<div class="vide">
-					<h3>
-						<a href="tintuc_chitiet.html"> Giới thiệu</a>
-					</h3>
-				   <href scr="tintuc.htm"></href>
-					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
-						sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-						Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut
-						labore et dolore magna aliqua exercitation ullamco laboris nisi ut
-						aliquip ex ea commodo consequat.</p>
-					<p>Ut enim ad minim veniam, quis nostrud eiusmod tempor
-						incididunt ut labore et dolore magna aliqua exercitation ullamco
-						laboris nisi ut aliquip ex ea commodo consequat.</p>
-				</div>
-				</div>
\ No newline at end of file

src/main/resources/public/pages/gioithieu/gioithieuController.js

-/**
- * 
- */
-angular.module("myApp").controller("gioithieuController", function($scope, $http) {
-	console.log("Giới thiệu controller");
-});
\ No newline at end of file

src/main/resources/public/pages/index/banner.htm

-<!-- banner -->
-<div class="banner">
-	<div class="container">
-		<h2>Contrary to popular belief, Lorem Ipsum simply</h2>
-		<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
-		<a href="#">READ ARTICLE</a>
-	</div>
-</div>
\ No newline at end of file

src/main/resources/public/pages/index/index.htm

-<!-- technology -->
-<div class="technology">
-	<div class="container">
-		<div class="col-md-9 technology-left">
-		<div class="tech-no">
-			<!-- technology-top -->
-			<div class="soci">
-				<ul>
-					<li><a href="#" class="facebook-1"> </a></li>
-					<li><a href="#" class="facebook-1 twitter"> </a></li>
-					<li><a href="#" class="facebook-1 chrome"> </a></li>
-					<li><a href="#"><i class="glyphicon glyphicon-envelope"> </i></a></li>
-					<li><a href="#"><i class="glyphicon glyphicon-print"> </i></a></li>
-					<li><a href="#"><i class="glyphicon glyphicon-plus"> </i></a></li>
-				</ul>
-			</div>
-			 <div class="tc-ch">
-
-					<div class="tch-img">
-						<a href="singlepage.html"><img src="images/1.jpg" class="img-responsive" alt=""/></a>
-					</div>
-					<a class="blog blue" href="singlepage.html">Technology</a>
-					<h3><a href="singlepage.html">Lorem Ipsum is simply</a></h3>
-						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut labore et dolore magna aliqua exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-						<p>Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut labore et dolore magna aliqua exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-
-						<div class="blog-poast-info">
-							<ul>
-								<li><i class="glyphicon glyphicon-user"> </i><a class="admin" href="#"> Admin </a></li>
-								<li><i class="glyphicon glyphicon-calendar"> </i>30-12-2015</li>
-								<li><i class="glyphicon glyphicon-comment"> </i><a class="p-blog" href="#">3 Comments </a></li>
-								<li><i class="glyphicon glyphicon-heart"> </i><a class="admin" href="#">5 favourites </a></li>
-								<li><i class="glyphicon glyphicon-eye-open"> </i>1.128 views</li>
-							</ul>
-						</div>
-			</div>
-			<div class="clearfix"></div>
-			<!-- technology-top -->
-			<!-- technology-top -->
-			<div class="soci">
-				<ul>
-					<li><a href="#" class="facebook-1"> </a></li>
-					<li><a href="#" class="facebook-1 twitter"> </a></li>
-					<li><a href="#" class="facebook-1 chrome"> </a></li>
-					<li><a href="#"><i class="glyphicon glyphicon-envelope"> </i></a></li>
-					<li><a href="#"><i class="glyphicon glyphicon-print"> </i></a></li>
-					<li><a href="#"><i class="glyphicon glyphicon-plus"> </i></a></li>
-				</ul>
-			</div>
-			 <div class="tc-ch">
-
-					<div class="tch-img">
-						<a href="singlepage.html"><img src="images/2.jpg" class="img-responsive" alt=""/></a>
-					</div>
-					<a class="blog pink" href="singlepage.html">Science</a>
-					<h3><a href="singlepage.html">Lorem Ipsum is simply</a></h3>
-						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut labore et dolore magna aliqua exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-						<p>Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut labore et dolore magna aliqua exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-
-						<div class="blog-poast-info">
-							<ul>
-								<li><i class="glyphicon glyphicon-user"> </i><a class="admin" href="#"> Admin </a></li>
-								<li><i class="glyphicon glyphicon-calendar"> </i>30-12-2015</li>
-								<li><i class="glyphicon glyphicon-comment"> </i><a class="p-blog" href="#">3 Comments </a></li>
-								<li><i class="glyphicon glyphicon-heart"> </i><a class="admin" href="#">5 favourites </a></li>
-								<li><i class="glyphicon glyphicon-eye-open"> </i>1.128 views</li>
-							</ul>
-						</div>
-			</div>
-			<!-- technology-top -->
-			<!-- technology-top -->
-			<div class="soci">
-				<ul>
-					<li><a href="#" class="facebook-1"> </a></li>
-					<li><a href="#" class="facebook-1 twitter"> </a></li>
-					<li><a href="#" class="facebook-1 chrome"> </a></li>
-					<li><a href="#"><i class="glyphicon glyphicon-envelope"> </i></a></li>
-					<li><a href="#"><i class="glyphicon glyphicon-print"> </i></a></li>
-					<li><a href="#"><i class="glyphicon glyphicon-plus"> </i></a></li>
-				</ul>
-			</div>
-			 <div class="tc-ch">
-
-					<div class="tch-img">
-						<a href="singlepage.html"><img src="images/3.jpg" class="img-responsive" alt=""/></a>
-					</div>
-					<a class="blog gren" href="singlepage.html">Culture</a>
-					<h3><a href="singlepage.html">Lorem Ipsum is simply</a></h3>
-						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut labore et dolore magna aliqua exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-						<p>Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut labore et dolore magna aliqua exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-
-						<div class="blog-poast-info">
-							<ul>
-								<li><i class="glyphicon glyphicon-user"> </i><a class="admin" href="#"> Admin </a></li>
-								<li><i class="glyphicon glyphicon-calendar"> </i>30-12-2015</li>
-								<li><i class="glyphicon glyphicon-comment"> </i><a class="p-blog" href="#">3 Comments </a></li>
-								<li><i class="glyphicon glyphicon-heart"> </i><a class="admin" href="#">5 favourites </a></li>
-								<li><i class="glyphicon glyphicon-eye-open"> </i>1.128 views</li>
-							</ul>
-						</div>
-			</div>
-			<!-- technology-top -->
-			<!-- technology-top -->
-			<div class="soci">
-				<ul>
-					<li><a href="#" class="facebook-1"> </a></li>
-					<li><a href="#" class="facebook-1 twitter"> </a></li>
-					<li><a href="#" class="facebook-1 chrome"> </a></li>
-					<li><a href="#"><i class="glyphicon glyphicon-envelope"> </i></a></li>
-					<li><a href="#"><i class="glyphicon glyphicon-print"> </i></a></li>
-					<li><a href="#"><i class="glyphicon glyphicon-plus"> </i></a></li>
-				</ul>
-			</div>
-			 <div class="tc-ch">
-					<div class="tch-img">
-						<a href="singlepage.html"><img src="images/4.jpg" class="img-responsive" alt=""/></a>
-					</div>
-					<a class="blog orn" href="singlepage.html">Business</a>
-					<h3><a href="singlepage.html">Lorem Ipsum is simply</a></h3>
-						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut labore et dolore magna aliqua exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-						<p>Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut labore et dolore magna aliqua exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-
-						<div class="blog-poast-info">
-							<ul>
-								<li><i class="glyphicon glyphicon-user"> </i><a class="admin" href="#"> Admin </a></li>
-								<li><i class="glyphicon glyphicon-calendar"> </i>30-12-2015</li>
-								<li><i class="glyphicon glyphicon-comment"> </i><a class="p-blog" href="#">3 Comments </a></li>
-								<li><i class="glyphicon glyphicon-heart"> </i><a class="admin" href="#">5 favourites </a></li>
-								<li><i class="glyphicon glyphicon-eye-open"> </i>1.128 views</li>
-							</ul>
-						</div>
-			</div>
-			<!-- technology-top -->
-			<!-- technology-top -->
-			<div class="soci">
-				<ul>
-					<li><a href="#" class="facebook-1"> </a></li>
-					<li><a href="#" class="facebook-1 twitter"> </a></li>
-					<li><a href="#" class="facebook-1 chrome"> </a></li>
-					<li><a href="#"><i class="glyphicon glyphicon-envelope"> </i></a></li>
-					<li><a href="#"><i class="glyphicon glyphicon-print"> </i></a></li>
-					<li><a href="#"><i class="glyphicon glyphicon-plus"> </i></a></li>
-				</ul>
-			</div>
-			 <div class="tc-ch">
-
-					<div class="tch-img">
-						<a href="singlepage.html"><img src="images/5.jpg" class="img-responsive" alt=""/></a>
-					</div>
-					<a class="blog blue" href="singlepage.html">Technology</a>
-					<h3><a href="singlepage.html">Lorem Ipsum is simply</a></h3>
-						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut labore et dolore magna aliqua exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-						<p>Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut labore et dolore magna aliqua exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-
-						<div class="blog-poast-info">
-							<ul>
-								<li><i class="glyphicon glyphicon-user"> </i><a class="admin" href="#"> Admin </a></li>
-								<li><i class="glyphicon glyphicon-calendar"> </i>30-12-2015</li>
-								<li><i class="glyphicon glyphicon-comment"> </i><a class="p-blog" href="#">3 Comments </a></li>
-								<li><i class="glyphicon glyphicon-heart"> </i><a class="admin" href="#">5 favourites </a></li>
-								<li><i class="glyphicon glyphicon-eye-open"> </i>1.128 views</li>
-							</ul>
-						</div>
-			</div>
-			<!-- technology-top -->
-			</div>
-		</div>
-		<!-- technology-right -->
-		<div class="col-md-3 technology-right">
-				<div class="blo-top">
-					<div class="tech-btm">
-					<img src="images/banner1.jpg" class="img-responsive" alt=""/>
-					</div>
-				</div>
-				<div class="blo-top">
-					<div class="tech-btm">
-					<h4>Sign up to our newsletter</h4>
-					<p>Pellentesque dui, non felis. Maecenas male</p>
-						<div class="name">
-							<form>
-								<input type="text" placeholder="Email" required="">
-							</form>
-						</div>
-						<div class="button">
-							<form>
-								<input type="submit" value="Subscribe">
-							</form>
-						</div>
-							<div class="clearfix"> </div>
-					</div>
-				</div>
-				<div class="blo-top1">
-					<div class="tech-btm">
-					<h4>Top stories of the week </h4>
-						<div class="blog-grids">
-							<div class="blog-grid-left">
-								<a href="singlepage.html"><img src="images/6.jpg" class="img-responsive" alt=""/></a>
-							</div>
-							<div class="blog-grid-right">
-
-								<h5><a href="singlepage.html">Pellentesque dui, non felis. Maecenas male</a> </h5>
-							</div>
-							<div class="clearfix"> </div>
-						</div>
-						<div class="blog-grids">
-							<div class="blog-grid-left">
-								<a href="singlepage.html"><img src="images/7.jpg" class="img-responsive" alt=""/></a>
-							</div>
-							<div class="blog-grid-right">
-
-								<h5><a href="singlepage.html">Pellentesque dui, non felis. Maecenas male</a> </h5>
-							</div>
-							<div class="clearfix"> </div>
-						</div>
-						<div class="blog-grids">
-							<div class="blog-grid-left">
-								<a href="singlepage.html"><img src="images/11.jpg" class="img-responsive" alt=""/></a>
-							</div>
-							<div class="blog-grid-right">
-
-								<h5><a href="singlepage.html">Pellentesque dui, non felis. Maecenas male</a> </h5>
-							</div>
-							<div class="clearfix"> </div>
-						</div>
-						<div class="blog-grids">
-							<div class="blog-grid-left">
-								<a href="singlepage.html"><img src="images/9.jpg" class="img-responsive" alt=""/></a>
-							</div>
-							<div class="blog-grid-right">
-
-								<h5><a href="singlepage.html">Pellentesque dui, non felis. Maecenas male</a> </h5>
-							</div>
-							<div class="clearfix"> </div>
-						</div>
-						<div class="blog-grids">
-							<div class="blog-grid-left">
-								<a href="singlepage.html"><img src="images/10.jpg" class="img-responsive" alt=""/></a>
-							</div>
-							<div class="blog-grid-right">
-
-								<h5><a href="singlepage.html">Pellentesque dui, non felis. Maecenas male</a> </h5>
-							</div>
-							<div class="clearfix"> </div>
-						</div>
-					</div>
-				</div>
-
-		</div>
-		<div class="clearfix"></div>
-		<!-- technology-right -->
-	</div>
-</div>
-<!-- technology -->
\ No newline at end of file

src/main/resources/public/pages/index/indexController.js

-/**
- * 
- */
-angular.module("myApp").controller("indexController", function($scope, $http) {
-	console.log("Index controller");
-});
\ No newline at end of file