<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous"> <div class="bg-nav bg-dark"> <div class="container"> <nav class="navbar navbar-expand-sm navbar-dark"> <!-- Brand --> <a class="navbar-brand" href="#"> <img src="bird.jpg" alt="Logo" style="width:40px;"> </a> <!-- Toggler/collapsibe Button --> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> <span class="navbar-toggler-icon"></span> </button> <!-- Navbar links --> <div class="collapse navbar-collapse" id="collapsibleNavbar"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#">About Us</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Services</a> </li> <!-- Dropdown --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"> Portfolio </a> <div class="dropdown-menu"> <a class="dropdown-item" href="#">Our Team</a> <a class="dropdown-item" href="#">Price Plans</a> <a class="dropdown-item" href="#">Blog</a> </div> </li> <li class="nav-item"> <a class="nav-link" href="#">Contact Us</a> </li> </ul> </div> </nav> </div> </div> <div class="banner slider"> <div id="demo" class="carousel slide" data-ride="carousel" data-interval="false"> <!-- Indicators --> <ul class="carousel-indicators"> <li data-target="#demo" data-slide-to="0" class="active"></li> <li data-target="#demo" data-slide-to="1"></li> <li data-target="#demo" data-slide-to="2"></li> </ul> <!-- The slideshow --> <div class="carousel-inner"> <div class="carousel-item active"> <img src="https://demo.proteusthemes.com/growthpress/wp-content/uploads/sites/65/2017/08/wordpress-theme-slide-5.jpg" alt="Los Angeles"> <div class="carousel-caption"> <div class="col-md-7"> <h1 class="pb-2"><strong>The WordPress Theme for Growth Hackers </strong> </h1> <h4>The right look and feel to promote any product, service or online course.</h4> <button type="button" class="btn btn-success mt-4">Buy Growthpress</button> <button type="button" class="btn btn-dark mt-4">Get More Details</button> </div> </div> </div> <div class="carousel-item"> <img src="https://demo.proteusthemes.com/growthpress/wp-content/uploads/sites/65/2017/09/background22-1920x748.png" alt="Chicago"> <div class="carousel-caption"> <div class="col-md-7"> <h1 class="pb-2"><strong>The WordPress Theme for Growth Hackers </strong> </h1> <h4>The right look and feel to promote any product, service or online course.</h4> <button type="button" class="btn btn-success mt-4">Buy Growthpress</button> <button type="button" class="btn btn-dark mt-4">Get More Details</button> </div> </div> </div> <div class="carousel-item"> <img src="https://demo.proteusthemes.com/growthpress/wp-content/uploads/sites/65/2017/08/1min.png" alt="New York"> <div class="carousel-caption"> <div class="col-md-7"> <h1 class="pb-2"><strong>The WordPress Theme for Growth Hackers </strong> </h1> <h4>The right look and feel to promote any product, service or online course.</h4> <button type="button" class="btn btn-success mt-4">Buy Growthpress</button> <button type="button" class="btn btn-dark mt-4">Get More Details</button> </div> </div> </div> </div> <!-- Left and right controls --> <a class="carousel-control-prev" href="#demo" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#demo" data-slide="next"> <span class="carousel-control-next-icon"></span> </a> </div> </div> <div class="code-info bg-primary"> <div class="container"> <div class="row"> <div class="col-md-12 text-center pb-3 pt-4"> <h4><strong> Subscribe to ProteusClub TODAY and get 10% off using a coupon code</strong> </h4> </div> </div> </div> </div> <div class="services pb-5 pt-5"> <div class="container"> <div class="row text-center"> <div class="col-md-12 col-md-offset-3"> <h1><strong>4 Steps to a Successful Online Business</strong></h1> <h4>Grow your business by 126,5 % with a GrowthPress WordPress theme </h4> </div> </div> <div class="row pt-5"> <div class="col-md-3 border services-box1 p-4"> <i class="fa fa-file-text fa-3x pb-4 "></i> <h4><strong> Digital Marketing</strong></h4> <p> We also provide tangible results and measurable long-term value business. </p> </div> <div class="col-md-3 border services-box1 p-4"> <i class="fa fa-user fa-3x pb-4"></i> <h4><strong> Growth Hacking </strong></h4> <p> We also provide tangible results and measurable long-term value business. </p> </div> <div class="col-md-3 border services-box1 p-4"> <i class="fa fa-mobile fa-3x pb-4"></i> <h4><strong> Lead Generation </strong></h4> <p> We also provide tangible results and measurable long-term value business. </p> </div> <div class="col-md-3 border services-box1 p-4"> <i class="fa fa-pie-chart fa-3x pb-4"></i> <h4><strong> SEO Services </strong></h4> <p> We also provide tangible results and measurable long-term value business. </p> </div> </div> </div> </div> <div class="faster pb-5 pt-5 mt-5"> <div class="container"> <div class="row "> <div class="col-md-6"> <h3><strong>Get Your SEO Data Faster</strong></h3> <ul> <li> Follow all your data from the website</li> <li> Adapt your content to the customer</li> <li> View all the sales made on the website</li> </ul> <h3><strong>Marketing Growth</strong></h3> <p>Content marketing is nothing but offering users value. It is not just about traffic but about generating the right traffic, and it is content marketing that can make it happen. WordPress theme allows marketers to reach out to perspective.</p> <a href="#">Learn More</a> </div> <div class="col-md-6"> <img src="https://demo.proteusthemes.com/growthpress/wp-content/uploads/sites/65/2017/08/photo24-min.png"> </div> </div> </div> </div> <div class="connecting pb-1 pt-5 mt-5"> <div class="container"> <div class="row "> <div class="col-md-5"> <h2 class="pt-5"><strong> Our Mission is Connecting The World!</strong></h2> <p class="pt-3">You need to buy a domain for your WordPress blog, ensure that you choose competitive domains with the right kind of extension.</p> <button type="button" class="btn btn-success btn-lg">Learn More about Growthpress</button> </div> <div class="col-md-6"> <img src="https://demo.proteusthemes.com/growthpress/wp-content/uploads/sites/65/2017/08/photo25.png"> </div> </div> </div> </div>

img {width:100%;} .carousel-inner img {width: 100%;} .carousel-caption {color:#000;top:140px; bottom: auto; text-align:left;} .carousel-caption h1 { color:#000;} .code-info h4 {color:#fff;} .services-box1:hover {background: ; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);} .lg-icon {font-size:44px;} .faster {background-image: url(https://demo.proteusthemes.com/growthpress/wp-content/uploads/sites/65/2017/09/background3-min.png);height:410px;} .connecting {color:#fff;background-image: url(https://demo.proteusthemes.com/growthpress/wp-content/uploads/sites/65/2017/08/background2-min.jpg);height:410px;}