add images...

jp/public/css/main.css

@@ -1,11 +1,11 @@
-/* 
+/*
 /* a. Webfonts and Iconfonts
 /* =================================================================== */
 @import url("fonts.css");
 @import url("font-awesome/css/font-awesome.min.css");
 @import url("simple-line-icons/simple-line-icons.css");
 
-/* 
+/*
 /* b. Document Setup
 /* =================================================================== */
 
@@ -204,7 +204,7 @@ img.pull-left {
 	margin: 12px 18px 0px 0px;
 }
 
-/* 
+/*
 /* c. Forms
 /* =================================================================== */
 form {
@@ -218,10 +218,10 @@ fieldset {
 input, button {
 	-webkit-font-smoothing: antialiased;
 }
-input[type="text"], 
-input[type="password"], 
-input[type="email"], 
-textarea, 
+input[type="text"],
+input[type="password"],
+input[type="email"],
+textarea,
 select {
 	display: block;
 	padding: 12px 15px;
@@ -241,9 +241,9 @@ select {
 textarea {
 	min-height: 162px;
 }
-input[type="text"]:focus, 
-input[type="password"]:focus, 
-input[type="email"]:focus, 
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus,
 textarea:focus {
 	background: white;
 }
@@ -265,7 +265,7 @@ input[type="checkbox"] {
 	display: inline;
 }
 
-/* 
+/*
 /* d. Preloader
 /* =================================================================== */
 #preloader {
@@ -342,14 +342,14 @@ input[type="checkbox"] {
 }
 
 
-/* 
+/*
 /* e. Buttons
 /* =================================================================== */
-.button, 
-.button:visited, 
-button, 
-input[type="submit"], 
-input[type="reset"], 
+.button,
+.button:visited,
+button,
+input[type="submit"],
+input[type="reset"],
 input[type="button"] {
 	display: inline-block;
 	font: 15px/30px "raleway-bold", sans-serif;
@@ -364,17 +364,17 @@ input[type="button"] {
 	border: none;
 	border-radius: 3px;
 	-webkit-appearance: none;
-	-webkit-font-smoothing: inherit;	
+	-webkit-font-smoothing: inherit;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	-webkit-transition: all 0.3s ease-in-out;
 	-ms-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
 }
-.button:hover, 
-button:hover, 
-input[type="submit"]:hover, 
-input[type="reset"]:hover, 
+.button:hover,
+button:hover,
+input[type="submit"]:hover,
+input[type="reset"]:hover,
 input[type="button"]:hover {
 	background: #647495;
 	color: white;
@@ -540,7 +540,7 @@ button::-moz-focus-inner, input::-moz-focus-inner {
 }
 
 
-/* 
+/*
 /* f. Other Components
 /* ================================================================== */
 
@@ -630,7 +630,7 @@ button::-moz-focus-inner, input::-moz-focus-inner {
 	content: counter(definitions, decimal) ". ";
 }
 
-/* 
+/*
 /*  Pull Quotes Markup
 /*
 
@@ -670,7 +670,7 @@ button::-moz-focus-inner, input::-moz-focus-inner {
 	content: none;
 }
 
-/* 
+/*
 /*  Stats Tab Markup
 
 <ul class="stats-tabs">
@@ -754,7 +754,7 @@ button::-moz-focus-inner, input::-moz-focus-inner {
 	color: #a3a4a6;
 }
 
-/* 
+/*
 /* g. Header Styles
 /* =================================================================== */
 header {
@@ -828,7 +828,7 @@ header .logo a {
 }
 ul#nav {
 	min-height: 72px;
-	width: auto; 
+	width: auto;
 
 	/* left align the menu */
 	text-align: left;
@@ -863,7 +863,7 @@ ul#nav li.current a {
 }
 
 
-/* 
+/*
 /* h. Content Styles
 /* =================================================================== */
 
@@ -995,7 +995,7 @@ ul#nav li.current a {
 }
 
 
-/* 
+/*
 /* i. Footer Styles
 /* =================================================================== */
 footer {
@@ -1004,7 +1004,7 @@ footer {
 	font-size: 13px;
 	line-height: 24px;
 	position: relative;
-	color: #3C4142;	
+	color: #3C4142;
 }
 footer a, footer a:visited {
 	color: #a43b0a;
@@ -1081,7 +1081,7 @@ footer #go-top a:hover {
 }
 
 
-/* 
+/*
 /* j. Common and shared styles
 /* =================================================================== */
 
@@ -1121,7 +1121,7 @@ hr {
 /* page title
 ---------------------------------------------------------------------- */
 #page-title {
-	background: #12151b url(../images/hero-bg.jpg) no-repeat center center fixed;
+	background: #12151b url(../images2/background.jpg) no-repeat center center fixed;
 	-webkit-background-size: cover !important;
 	-moz-background-size: cover !important;
 	background-size: cover !important;
@@ -1137,7 +1137,7 @@ hr {
 	color: white;
 	letter-spacing: -1px;
 	margin-bottom: 0;
-	text-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);	
+	text-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
 }
 #page-title h1 span {
 	color: #f26522;
@@ -1160,7 +1160,7 @@ hr {
 	background: transparent;
 	text-align: left;
 }
-.entry header h1 {	
+.entry header h1 {
 	font: 30px/36px "raleway-bold", sans-serif;
 	margin-bottom: 6px;
 }
@@ -1204,7 +1204,7 @@ hr {
 	text-shadow: none;
 	color: transparent;
 }
-.pagenav a[rel="next"]:after, 
+.pagenav a[rel="next"]:after,
 .pagenav a[rel="prev"]:before {
 	float: left;
 	text-align: center;
@@ -1237,12 +1237,12 @@ hr {
 	margin-top: -18px;
 }
 
-/* 
+/*
 /* k. Hero Section
 /* =================================================================== */
 #hero {
 margin-top:-27px;
-	background: #12151b url(../images/hero-bg.jpg) no-repeat center center fixed;
+	background: #12151b url(../images2/background.jpg) no-repeat center center fixed;
 	-webkit-background-size: cover !important;
 	-moz-background-size: cover !important;
 	background-size: cover !important;
@@ -1334,13 +1334,13 @@ margin-top:-27px;
 	margin-bottom: 36px;
 	text-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
 }
-#hero-slider .flex-caption h1 span, 
+#hero-slider .flex-caption h1 span,
 #hero-slider .flex-caption h1 a {
 	color: white;
 	display: inline-block;
 	border-bottom: 1px solid #a43b0a;
 }
-#hero-slider .flex-caption h1 span:hover, 
+#hero-slider .flex-caption h1 span:hover,
 #hero-slider .flex-caption h1 a:hover {
 	border-color: #9a9103;
 }
@@ -1402,7 +1402,7 @@ margin-top:-27px;
 	cursor: default;
 }
 
-/* 
+/*
 /* l. Portfolio Section
 /* =================================================================== */
 #portfolio {
@@ -1445,7 +1445,7 @@ margin-top:-27px;
 	-o-transition: opacity 0.3s ease-in-out;
 	-webkit-transition: opacity 0.3s ease-in-out;
 	-ms-transition: opacity 0.3s ease-in-out;
-	transition: opacity 0.3s ease-in-out;	
+	transition: opacity 0.3s ease-in-out;
 }
 .item .item-wrap img {
 	vertical-align: bottom;
@@ -1502,7 +1502,7 @@ margin-top:-27px;
 	transform: scale(1.2);
 }
 
-/* 
+/*
 /*  m. Services Section
 /* =================================================================== */
 #infrastructure {
@@ -1540,7 +1540,7 @@ margin-top:-27px;
 
 
 
-/* 
+/*
 /*  m. Services Section
 /* =================================================================== */
 #services {
@@ -1577,7 +1577,7 @@ margin-top:-27px;
 }
 
 
-/* 
+/*
 /*  n. About Section
 /* =================================================================== */
 
@@ -1699,7 +1699,7 @@ margin-top:-27px;
 	padding-left: 30px;
 }
 
-/* 
+/*
 /*  o. Journal Section
 /* =================================================================== */
 #journal {
@@ -1739,7 +1739,7 @@ margin-top:-27px;
 }
 
 
-/* 
+/*
 /*  p. Contact Section
 /* =================================================================== */
 #contact {
@@ -1769,8 +1769,8 @@ margin-top:-27px;
 	color: #f26522;
 	display: inline-block;
 }
-#contact input, 
-#contact textarea, 
+#contact input,
+#contact textarea,
 #contact select {
 	padding: 18px 20px;
 	margin-bottom: 42px;
@@ -1782,8 +1782,8 @@ margin-top:-27px;
 #contact textarea {
 	height: 252px;
 }
-#contact input:focus, 
-#contact textarea:focus, 
+#contact input:focus,
+#contact textarea:focus,
 #contact select:focus {
 	color: white;
 	border-color: white;
@@ -1861,7 +1861,7 @@ margin-top:-27px;
 }
 
 
-/* 
+/*
 /* q. Blog Entry
 /* =================================================================== */
 
@@ -1944,7 +1944,7 @@ margin-top:-27px;
 }
 .commentlist li ul.children li {
 	padding-left: 5%;
-	padding-top: 18px;	
+	padding-top: 18px;
 }
 
 /* comment form
@@ -1963,8 +1963,8 @@ margin-top:-27px;
 #comments form div {
 	margin: 12px 0 18px 0;
 }
-#comments form input, 
-#comments form textarea, 
+#comments form input,
+#comments form textarea,
 #comments form select {
 	width: 58.33333%;
 	float: left;
@@ -1994,7 +1994,7 @@ margin-top:-27px;
 }
 
 
-/* 
+/*
 /* r. Portfolio Entry
 /* =================================================================== */