<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#myPage">Default</a> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav navbar-right"> <li><a href="#myPage">HOME</a></li> <li><a href="#band">ABOUT</a></li> <li><a href="#tour">SERVICES</a></li> <li><a href="#portfolio">PORTFOLIO</a></li> <li><a href="#team">TEAM</a></li> <li><a href="#contact">CONTACT</a></li> <li><a href="#"><span class="glyphicon glyphicon-search"></span></a></li> </ul> </div> </div> </nav> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <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> </ol> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="http://img6a.flixcart.com/www/promos/new/20160406-120420-978x450-1.jpg" alt="Chania" width="100%" height="100%"> <div class="carousel-caption"> <h3>Chania</h3> <p>The atmosphere in Chania has a touch of Florence and Venice.</p> </div> </div> <div class="item"> <img src="http://www.shopickr.com/wp-content/uploads/2015/12/flipkart-car-media-player-displays-double-din-sony-pioneer-speakers-2015.png" alt="Chania" width="100%" height="100%"> <div class="carousel-caption"> <h3>Chania</h3> <p>The atmosphere in Chania has a touch of Florence and Venice.</p> </div> </div> <div class="item"> <img src="http://img5a.flixcart.com/www/promos/new/20150507-145518-top-banner.jpg" alt="Chania" width="100%" height="100%"> <div class="carousel-caption"> <h3>Chania</h3> <p>The atmosphere in Chania has a touch of Florence and Venice.</p> </div> </div> <div class="item"> <img src="http://img5a.flixcart.com/www/promos/new/20150507-145518-top-banner.jpg" alt="Chania" width="100%" height="100%"> <div class="carousel-caption"> <h3>Chania</h3> <p>The atmosphere in Chania has a touch of Florence and Venice.</p> </div> </div> </div> <!-- Left and right controls --> <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> <div id="services" class="container-fluid tbpadding text-center "> <h2>100% Job Guarantee Courses</h2> <h4>Get CCIE certified at NetworkBricks & start your career with package of 2-8 Lacs </h4> <br> <div class="row"> <div class="col-sm-4"> <span style="font-size: 55px" class="glyphicon glyphicon-volume-up"></span> <h4>Experienced Trainers</h4> <p>Lorem ipsum dolor sit amet..</p> </div> <div class="col-sm-4"> <span style="font-size: 55px" class="glyphicon glyphicon-volume-up"></span> <h4>Small Training Batch</h4> <p>Lorem ipsum dolor sit amet..</p> </div> <div class="col-sm-4"> <span style="font-size: 55px" class="glyphicon glyphicon-volume-up"></span> <h4>Flexible Timings</h4> <p>Lorem ipsum dolor sit amet..</p> </div> </div> </div> <div class="bottom" ></div> <div class="container-fluid tbpadding blue"> <div class="row"> </div> <div class="row padding"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 margin50"> <div class="row"> <div class="col-lg-3 col-md-4 col-sm-2 col-xs-4"><img src="http://demos.pixelatethemes.com/factorial/Demo_2/images/home_page_variation2/delicate_team.png" alt="delicate team"></div> <div class="col-lg-9 col-md-8 col-sm-10 col-xs-8"> <h4><b>Dedicated Team</b></h4> <p>Neque porro quisquam est, qui do lorem ipsum quia dolor sit ametig, consectetur adipis civelit sed.</p> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 margin50"> <div class="row"> <div class="col-lg-3 col-md-4 col-sm-2 col-xs-4"><img src="http://demos.pixelatethemes.com/factorial/Demo_2/images/home_page_variation2/delicate_team.png" alt="delivery time"></div> <div class="col-lg-9 col-md-8 col-sm-10 col-xs-8"> <h4><b>Delivery on Time</b></h4> <p>Neque porro quisquam est, qui do lorem ipsum quia dolor sit ametig, consectetur adipis civelit sed.</p> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 margin40"> <div class="row"> <div class="col-lg-3 col-md-4 col-sm-2 col-xs-4"><img src="http://demos.pixelatethemes.com/factorial/Demo_2/images/home_page_variation2/delicate_team.png" alt="Update Technology"></div> <div class="col-lg-9 col-md-8 col-sm-10 col-xs-8"> <h4><b>Updated Technology</b></h4> <p>Neque porro quisquam est, qui do lorem ipsum quia dolor sit ametig, consectetur adipis civelit sed.</p> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> <div class="row"> <div class="col-lg-3 col-md-4 col-sm-2 col-xs-4"><img src="http://demos.pixelatethemes.com/factorial/Demo_2/images/home_page_variation2/delicate_team.png" alt="quality assurance"></div> <div class="col-lg-9 col-md-8 col-sm-10 col-xs-8"> <h4><b>Quality Assurance</b></h4> <p>Neque porro quisquam est, qui do lorem ipsum quia dolor sit ametig, consectetur adipis civelit sed.</p> </div> </div> </div> </div> </div> <div class="bottom " ></div> <div class="container tbpadding"> <div class="row"> <div class="col-md-6"> <img class="img-responsive" src="https://images.pexels.com/photos/75652/boards-glasses-smartphone-phone-75652.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" alt="Chania"> </div> <div class="col-md-6"> <div class="textbox"> <h3><b>Benefits of working with us</b></h3> <p>Arrived compass prepare an on as. Reasonable particular on my it in sympathize. Size now easy eat hand how. Unwilling he departure elsewhere dejection at. Heart large seems may purse means few blind. Exquisite newspaper attending on certainty oh suspicion of. He less do quit evil is.We help companies at every stage of growth, developing custom solutions.</p> <ul class="liststyle1"> <li> <span style="font-size: 15px" class="glyphicon glyphicon-play-circle"></span> We help align your brand strategy with key objectives.</li> <li> <span style="font-size: 15px" class="glyphicon glyphicon-play-circle"></span> We help our customers to build better business for future.</li> <li> <span style="font-size: 15px" class="glyphicon glyphicon-play-circle"></span> We design best working path for startups.</li> <li> <span style="font-size: 15px" class="glyphicon glyphicon-play-circle"></span> We help align your brand strategy with key objectives.</li> <li> <span style="font-size: 15px" class="glyphicon glyphicon-play-circle"></span> We help our customers to build better business for future.</li> <li> <span style="font-size: 15px" class="glyphicon glyphicon-play-circle"></span> We design best working path for startups.</li> </ul> </div> </div> </div> </div> <div class="bgimage3"> <div class="container"> <div class="col-md-12 text-center tppadding text-color-light"> <h2>Successful People Dont Fear Failure</h2> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</p> </div> </div> </div>

.textbox { line-height: 24px; } .liststyle1 { margin: 0; list-style: none; margin-top: 10px; line-height: 28px; color: #309be8; } .bgimage3 { background: url(https://images.pexels.com/photos/248824/pexels-photo-248824.jpeg?w=940&h=650&auto=compress&cs=tinysrgb)no-repeat center; background-size: cover; min-height: 200px; } .bottom { border-bottom: 1px solid #ccc; } /* ************* 2 Navigation Css **********************/ .navbar { font-family: helvetica, sans-serif; margin-bottom: 0; background-color: #2b98e5; border: 0; font-size: 14px !important; letter-spacing: 1px; opacity: 0.9; } .navbar li a, .navbar .navbar-brand { color: #fff !important; } .navbar-nav li a:hover { color: #e8ced0 !important; } .navbar-default .navbar-toggle { border-color: transparent; } .open .dropdown-toggle { color: #fff; background-color: #555 !important; } /* */ .tbpadding { padding: 60px 60px; } .blue { background-color : #1672ba; color :#fff; }