Bootstrap 4.1.1 Snippet by jeevan123456

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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 ----------> <nav class="navbar navbar-expand-sm bg-light navbar-light border fixed-top"> <div class="container"> <!-- Brand --> <a class="navbar-brand" href="#"> <img src="http://sarto.edge-themes.com/wp-content/uploads/2018/04/landing-img-18.png" alt="Logo" style="width:70px;"> </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="#">Categories</a> </li> <li class="nav-item"> <a class="nav-link" href="#">License</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Support</a> </li> <button type="button" class="btn btn-light">Contact Us</button> <button type="button" class="btn btn-success"data-toggle="modal" data-target="#toploginModal"><i class="fa fa-plus"></i> Submit your site</button> </ul> </div> </div> </nav> <div class="modal fade" id="toploginModal" tabindex="-1" role="dialog" aria-labelledby="toploginModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header bg-primary text-white"> <h5 class="modal-title" id="toploginModalLabel">Login</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form class="form-horizontal"> <div class="form-group"> <input id="email" name="email" placeholder="Email" class="form-control" required="required" type="text"> </div> <div class="form-group"> <input id="password" name="password" placeholder="password" class="form-control" type="text"> </div> <div class="form-group"> <button name="submit" type="submit" class="btn btn-primary">Login</button> <button type="button" class="btn btn-link">Forgot Password?</button> </div> </form> </div> <div class="modal-footer"> <small>New to Refers ?<a href="#">Register here</a></small> </div> </div> </div> </div> <section class="banner py-5 mt-5" id="banner"> <div class="container py-5 my-5"> <div class="row text-white text-center"> <div class="col-md-12"> <h1 class="display-4">All You Need Is Here & Classified</h1> <p>Browse from more than 15,000,000 adverts while new ones come on daily bassis</p> </div> </div> <div class="row"> <div class="col-md-4 offset-md-3"> <div class="form-group "> <select id="inputState" class="form-control" > <option selected>... Category ...</option> <option>Agriculture</option> <option>Astrology</option> <option>Animals & Pets </option> <option>ARCHITECTURE </option> <option>ART & PHOTOGRAPHY </option> <option>AUCTION TEMPLATES </option> <option>BEAUTY </option> <option>BOOKS </option> <option>BUSINESS </option> <option>CAFE AND RESTAURANT </option> <option>CARS </option> <option>CHARITY </option> <option>CHRISTMAS TEMPLATES </option> <option>COMMUNICATIONS </option> <option>COMPUTERS </option> <option>DATING </option> <option>EDUCATION </option> <option>ELECTRONICS </option> <option>ENTERTAINMENT </option> <option>EXTERIOR DESIGN </option> <option>FAMILY </option> <option>FASHION </option> <option>FOOD & DRINK </option> <option>GAMES </option> <option>GIFTS </option> <option>HOBBIES & CRAFTS </option> <option>HOSTING </option> <option>HOTELS </option> <option>INDUSTRIAL </option> <option>INTERIOR & FURNITURE </option> <option>INTERNET </option> <option>JEWELRY </option> <option>LAW </option> <option>MAINTENANCE SERVICES </option> <option>MEDIA </option> <option>MEDICAL </option> <option>MILITARY </option> <option>MOST POPULAR </option> <option>MUSIC </option> <option>NIGHT CLUB </option> <option>ONLINE CASINO </option> <option>PERSONAL PAGES </option> <option>POLITICS </option> <option>REAL ESTATE </option> <option>RELIGIOUS </option> <option>SCIENCE </option> <option>SECURITY </option> <option>SOCIETY & CULTURE </option> <option>SOFTWARE </option> <option>SPORT </option> <option>TRANSPORTATION </option> <option>TRAVEL </option> <option>WEB DESIGN </option> <option>WEDDING </option> </select> </div> </div> <div class="col-md-2"> <button type="button" class="btn btn-success btn-block">Search Free Sites</button> </div> </div> </div> </section> <div class="container"> <section class="bg-"> <div class="row p-5"> <div class="col-md-2"> <h6>THE CROWD MISSION</h6> </div> <div class="col-md-8"> <h2 class=" display-4 text-info pl-5 border-top-0 border-right-0 border-bottom-0 border border-info ">100+ people. 12 offices. 6 countries. And one mission: to grow the right audience for your brand wherever you are. </h2> </div> </div> </section> <section class=" py-5"> <div class="row"> <div class="col-md-8"> <h1 class="display-4">Full service digital marketing</h1> <h2 class="text-warning">Crowd success stories </h2> </div> </div> </section> <section class=" py-5"> <div class="row"> <div class="col-md-8"> <h2 class="bg-dark">See how Crowd can grow your business.</h2> </div> </div> </section> <section class=" py-5"> <div class="row"> <div class="col-md-8"> <h1 class="display-4">Our work has made a world of difference to our clients </h1> <h2>From increasing awareness to boosting sales, Crowd has transformed businesses all over the globe. </h2> </div> </div> </section> <section class=" py-5"> <div class="row"> <div class="col-md-8"> <h1 class="display-4">Our work has made a world of difference to our clients </h1> <h2>We’re an agency focused on building new business for our clients. We leverage our creative vision and expertise to develop custom marketing and advertising strategies that drive revenue. Whether you are a business-to-business or business-to-consumer operation, we can help you unlock the potential of your brand. </h2> </div> </div> </section> <section class=" py-5"> <div class="row"> <div class="col-md-8"> <h1 class="display-4">Our work has made a world of difference to our clients </h1> <h2>We can help you grow your business through our decades of experience in full service advertising, marketing, video production, public relations, website production, media buying, and more. </h2> </div> </div> </section> <section class=" py-5"> <div class="row"> <div class="col-md-8"> <h1 class="display-4">Our work has made a world of difference to our clients </h1> <h2>We are time-tested pros and blooming visionaries. Strategy needs reinforcement with rock solid experience, creating new standards of refreshing designs that influence change and provide excellent service to you. <h2>We offer lots of services, but we take great care to match them with your specific needs. We generate quality work that engages with your consumers.</h2> </h2> </div> </div> </section> <section class="bg-primary py-5"> <div class="row"> <div class="col-md-8"> <h3>© 2019 THE CROWD GROUP LIMITED</h3> <h5>Registered Address: 20-22 Wenlock Road, London N1 7GU</h5> <p>Company No: 11084700</p> </div> </div> </section> <section class="bg-default py-5"> <div class="row"> <div class="col-md-8"> <h1>Could you make a world of difference to our agency?</h1> <h4>If so we’d love to hear from you. </h4> </div> </div> </section> <section class="bg-warning py-5"> <div class="row"> <div class="col-md-8"> <h2>Crowd is an independent global creative agency born in 2012 with offices reaching from San Francisco and London, to Dubai and Shenzhen. And wherever you are, whatever you want, we have everything you need to grow your audience, sales and brand awareness. </h2> <h2>Crowd are a bunch of talented people that manage to cater to our global needs from design to social media management! They are a pleasure to work with and we always feel like their most important customer although they are growing more and more each day!</h2> </div> </div> </section> </div>
.banner { background: #04de38 url("http0://demo.spoonthemes.net/themes/adifier/wp-content/uploads/2018/02/bg-blue.jpg;") no-repeat fixed center; } img {width:100%;} .no-margin{margin:0px;padding:0px;} .footer a {color:#696969;}
#04de38 https://onadvertising.com/services/

Related: See More

Questions / Comments: