Merge branch 'master' into nina

css/style.css

@@ -84,7 +84,7 @@ ul,p{
 }
 .navbar-default .navbar-nav>li>a {
     color: #fff;
-    font-weight: 500;
+    font-weight: 300;
     font-size: 16px;
     padding: 0px 15px !important;
     letter-spacing: 1.2px;
@@ -172,7 +172,7 @@ ul,p{
 }
 /*============================================================*/
 .banner{
-	background:url(../img/banner2.png)no-repeat;
+	background:url(../img/banner.jpg)no-repeat;
 	width: 100%;
 	height: 100%;
 	background-size: cover;
@@ -180,7 +180,7 @@ ul,p{
 }
 .banner h1 {
     font-size: 64px;
-    font-weight: 300;
+    font-weight:200;
     color: #fff;
     text-align: center;
     margin: 0;
@@ -215,10 +215,10 @@ ul,p{
 	margin: 0;
 	color: #26245F;
 	font-size: 48px;
-	font-weight:500; 
+	font-weight:400; 
 }
 .tag-line {
-    font-size: 28px;
+    font-size: 24px;
     color: #26245F;
     font-weight: 300;
 }
@@ -264,9 +264,9 @@ ul,p{
 	left: 50px;
 }
 .details{
-	font-size: 30px;
+	font-size: 24px;
-    color: #898AB9;
+    color: #27255e;;
-    font-weight: 300;
+    font-weight: 200;
 }
 
 .number-bg {
@@ -302,7 +302,7 @@ ul,p{
     font-weight: 500;
 }
 .details2{
-	color: #898AB9;
+	color:#27255e;;
     font-size: 18px;
     font-weight: 300;
 }
@@ -324,7 +324,7 @@ ul,p{
 .product{
 	font-size: 24px;
 	color: #fff;
-	font-weight: bold;
+	font-weight: 400;
 	padding-left: 25px;
 }
 .product-hint {
@@ -341,9 +341,9 @@ ul,p{
 	padding: 70px 0;
 }
 .technology .hint{
-	color: #898AB9;
+	color: #27255e;;
 	margin-top: 10px;
-	font-weight: 500;
+	font-weight: 300;
 }
 /*====================team==================================*/
 .team{
@@ -352,8 +352,8 @@ ul,p{
 }
 
 .team .hint{
-	color: #898AB9;
+	color: #898ab9;
-	font-weight: 500;
+	font-weight: 300;
 	font-size: 14px;
 }
 .team .heading-tag{
@@ -431,8 +431,8 @@ footer p, footer ul li a {
     font-weight: 300;
 }
 footer ul li a{
-	color: #C3EA98;
+	color:#adf75c;
-	font-weight: 500;
+	font-weight: 400;
 }
 footer ul li a:hover{
 	color: #fff;
@@ -885,7 +885,7 @@ footer .back-to-top{
 	    background-color: transparent;
 	}
 	.banner h1 {
-	    font-size: 20px;
+	    font-size: 30px;
 	    margin-top: 30px;
 	}
 	.what-we-do .space200 {
@@ -923,7 +923,7 @@ footer .back-to-top{
 	    width: 80px;
 	}
 	.banner h1 {
-	    font-size: 16px;
+	    font-size: 24px;
 	}
 	.border-box .details2 {
 	    font-size: 15px;
@@ -936,4 +936,4 @@ and (max-device-width : 568px)
 and (orientation : landscape) {
 
 }
-    
+    

dist/index.html

@@ -17,7 +17,7 @@
 
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 
-    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700" rel="stylesheet">
 
     <!-- <link rel="stylesheet" type="text/css" href="css/style.css"> -->
     <!-- <link rel="stylesheet" type="text/css" href="css/owl.carousel.css"> -->
@@ -72,9 +72,9 @@
     <div class="container">
       <div class="row">
         <div class="col-md-12 header-wrap">
-          <img src="img/logo@3x.svg" class="img-responsive center-block visible-xs" alt="suburly">
+          <h1>WE <span style="font-weight: 500">DESIGN</span> AND<br><span style="font-weight: 500">BUILD </span>SOFTWARE</h1>
-          <h1>WE DESIGN AND BUILD<br> SOFTWARE</h1>
         </div>
+
       </div>
     </div>
     <div class="scroll-tag hidden-xs">
@@ -477,7 +477,7 @@
             <img src="img/team/bilal_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
             <h4 class="heading-tag">Bilal</h4>
             <p class="hint text-center">Developer</p>
-            <p class="details2">Javascript, HTML/CSS, jQuery</p>
+            <p class="details2">Javascript, React, IoT, Algorithms, Software automation</p>
           </div>
         </div>
         <div class="row space80">

index.html

@@ -17,7 +17,7 @@
 
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 
-    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700" rel="stylesheet">
 
     <!-- <link rel="stylesheet" type="text/css" href="css/style.css"> -->
     <!-- <link rel="stylesheet" type="text/css" href="css/owl.carousel.css"> -->
@@ -72,9 +72,9 @@
     <div class="container">
       <div class="row">
         <div class="col-md-12 header-wrap">
-          <img src="img/logo@3x.svg" class="img-responsive center-block visible-xs" alt="suburly">
+          <h1>WE <span style="font-weight: 500">DESIGN</span> AND<br><span style="font-weight: 500">BUILD </span>SOFTWARE</h1>
-          <h1>WE DESIGN AND BUILD<br> SOFTWARE</h1>
         </div>
+
       </div>
     </div>
     <div class="scroll-tag hidden-xs">
@@ -477,7 +477,7 @@
             <img src="img/team/bilal_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
             <h4 class="heading-tag">Bilal</h4>
             <p class="hint text-center">Developer</p>
-            <p class="details2">Javascript, HTML/CSS, jQuery</p>
+            <p class="details2">Javascript, React, IoT, Algorithms, Software automation</p>
           </div>
         </div>
         <div class="row space80">