Remove our work section

Added new team img

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"> -->
@@ -56,7 +56,7 @@
       <div class="align-navbar">
         <ul class="nav navbar-nav navbar-right" >
           <li><a href="#second" class="nav-link">ABOUT</a></li>
-          <li><a href="#work" class="nav-link">WORK</a></li>
+          <li><a href="#technology" class="nav-link">TECHNOLOGY</a></li>
           <li><a href="#team" class="nav-link">TEAM</a></li>
           <li class="hidden-xs"><a href="#contact" class="nav-link"><i class="material-icons">&#xE0E1;</i></a></li>
           <li class="visible-xs"><a href="#contact" class="nav-link">CONTACT</a></li>
@@ -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">
@@ -228,72 +228,8 @@
 </section>
 <!-- End How we work -->
 
-<!-- Start Our work -->
-<section class="our-work" id="work">
-  <div class="container-fluid">
-    <div class="row" >
-      <div class="col-md-12" id="myCarousel" data-ride="carousel">
-          <ol class="carousel-indicators visible-xs">
-            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
-            <li data-target="#myCarousel" data-slide-to="1"></li>
-            <li data-target="#myCarousel" data-slide-to="2"></li>
-            <li data-target="#myCarousel" data-slide-to="3"></li>
-            <li data-target="#myCarousel" data-slide-to="4"></li>
-            <li data-target="#myCarousel" data-slide-to="5"></li>
-          </ol>
-
-        <h2 class="med-title text-center text-white">Our work</h2>
-        <div class="row space50 main above_item">
-          <div class="col-md-6 col-sm-6 border-box2 " data-animation="fadeInUp">
-            <img src="img/zooblack.png" class="img-responsive center-block" alt="zooblack">
-            <p class="product">Zoblak</p>
-            <p class="hint product-hint">Agritech IoT Solution</p>
-          </div>
-          <div class="col-md-6 col-sm-6 border-box2  space-left" data-animation="fadeInUp">
-            <img src="img/kiwi.png" class="img-responsive center-block" alt="kiwi">
-            <p class="product">KIVI</p>
-            <p class="hint product-hint">Kivi.ba - real-estate search website</p>
-          </div>
-          <div class="col-md-6 col-sm-6 border-box2  space-top" data-animation="fadeInUp">
-            <img src="img/ribica.png" class="img-responsive center-block" alt="ribica">
-            <p class="product">Ribica</p>
-            <p class="hint product-hint">Online shop for baby products</p>
-          </div>
-          <div class="col-md-6 col-sm-6 border-box2  space-top-left" data-animation="fadeInUp">
-            <img src="img/emis.png" class="img-responsive center-block" alt="emis">
-            <p class="product">EMIS</p>
-            <p class="hint product-hint">Students registry for Ministry of Education</p>
-          </div>
-          <div class="col-md-6 col-sm-6 border-box2  space-top" data-animation="fadeInUp">
-            <img src="img/vsm.png" class="img-responsive center-block" alt="vsm">
-            <p class="product">VSM</p>
-            <p class="hint product-hint">Social Media Manager</p>
-          </div>
-          <div class="col-md-6 col-sm-6 border-box2  space-top-left" data-animation="fadeInUp">
-            <img src="img/analytical.png" class="img-responsive center-block" alt="analytical">
-            <p class="product">Simulation Finance</p>
-            <p class="hint product-hint">Financial forecasting SaaS</p>
-          </div>
-        </div>
-          <!-- Left and right controls -->
-        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
-          <span class="glyphicon glyphicon-chevron-left fa fa-chevron-left"></span>
-          <span class="sr-only">Previous</span>
-        </a>
-        <a class="right carousel-control" href="#myCarousel" data-slide="next">
-          <span class="glyphicon glyphicon-chevron-right fa fa-chevron-right"></span>
-          <span class="sr-only">Next</span>
-        </a>
-      </div>
-    </div>
-  </div>
-</section>
-
-<!-- End Our work -->
-
-
 <!-- Start Technology -->
-<section class="technology">
+<section class="technology" id="technology">
   <div class="container">
     <div class="row">
       <div class="col-md-12">
@@ -477,7 +413,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"> -->
@@ -56,7 +56,7 @@
       <div class="align-navbar">
         <ul class="nav navbar-nav navbar-right" >
           <li><a href="#second" class="nav-link">ABOUT</a></li>
-          <li><a href="#work" class="nav-link">WORK</a></li>
+          <li><a href="#technology" class="nav-link">TECHNOLOGY</a></li>
           <li><a href="#team" class="nav-link">TEAM</a></li>
           <li class="hidden-xs"><a href="#contact" class="nav-link"><i class="material-icons">&#xE0E1;</i></a></li>
           <li class="visible-xs"><a href="#contact" class="nav-link">CONTACT</a></li>
@@ -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">
@@ -228,72 +228,8 @@
 </section>
 <!-- End How we work -->
 
-<!-- Start Our work -->
-<section class="our-work" id="work">
-  <div class="container-fluid">
-    <div class="row" >
-      <div class="col-md-12" id="myCarousel" data-ride="carousel">
-          <ol class="carousel-indicators visible-xs">
-            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
-            <li data-target="#myCarousel" data-slide-to="1"></li>
-            <li data-target="#myCarousel" data-slide-to="2"></li>
-            <li data-target="#myCarousel" data-slide-to="3"></li>
-            <li data-target="#myCarousel" data-slide-to="4"></li>
-            <li data-target="#myCarousel" data-slide-to="5"></li>
-          </ol>
-
-        <h2 class="med-title text-center text-white">Our work</h2>
-        <div class="row space50 main above_item">
-          <div class="col-md-6 col-sm-6 border-box2 " data-animation="fadeInUp">
-            <img src="img/zooblack.png" class="img-responsive center-block" alt="zooblack">
-            <p class="product">Zoblak</p>
-            <p class="hint product-hint">Agritech IoT Solution</p>
-          </div>
-          <div class="col-md-6 col-sm-6 border-box2  space-left" data-animation="fadeInUp">
-            <img src="img/kiwi.png" class="img-responsive center-block" alt="kiwi">
-            <p class="product">KIVI</p>
-            <p class="hint product-hint">Kivi.ba - real-estate search website</p>
-          </div>
-          <div class="col-md-6 col-sm-6 border-box2  space-top" data-animation="fadeInUp">
-            <img src="img/ribica.png" class="img-responsive center-block" alt="ribica">
-            <p class="product">Ribica</p>
-            <p class="hint product-hint">Online shop for baby products</p>
-          </div>
-          <div class="col-md-6 col-sm-6 border-box2  space-top-left" data-animation="fadeInUp">
-            <img src="img/emis.png" class="img-responsive center-block" alt="emis">
-            <p class="product">EMIS</p>
-            <p class="hint product-hint">Students registry for Ministry of Education</p>
-          </div>
-          <div class="col-md-6 col-sm-6 border-box2  space-top" data-animation="fadeInUp">
-            <img src="img/vsm.png" class="img-responsive center-block" alt="vsm">
-            <p class="product">VSM</p>
-            <p class="hint product-hint">Social Media Manager</p>
-          </div>
-          <div class="col-md-6 col-sm-6 border-box2  space-top-left" data-animation="fadeInUp">
-            <img src="img/analytical.png" class="img-responsive center-block" alt="analytical">
-            <p class="product">Simulation Finance</p>
-            <p class="hint product-hint">Financial forecasting SaaS</p>
-          </div>
-        </div>
-          <!-- Left and right controls -->
-        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
-          <span class="glyphicon glyphicon-chevron-left fa fa-chevron-left"></span>
-          <span class="sr-only">Previous</span>
-        </a>
-        <a class="right carousel-control" href="#myCarousel" data-slide="next">
-          <span class="glyphicon glyphicon-chevron-right fa fa-chevron-right"></span>
-          <span class="sr-only">Next</span>
-        </a>
-      </div>
-    </div>
-  </div>
-</section>
-
-<!-- End Our work -->
-
-
 <!-- Start Technology -->
-<section class="technology">
+<section class="technology" id="technology">
   <div class="container">
     <div class="row">
       <div class="col-md-12">
@@ -477,7 +413,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">