"Agency Portal Landing Page"
Bootstrap 4.1.1 Snippet by dankstick

Post to Facebook Tweet this

<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 ----------> <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="https://jsausa.com/static/portal/img/favicon.ico"> <title>Narrow Jumbotron Template for Bootstrap</title> <!-- Bootstrap core CSS --> <link href="../../css/editor.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="narrow-jumbotron.css" rel="stylesheet"> </head> <body data-new-gr-c-s-check-loaded="14.1111.0" data-gr-ext-installed=""> <style> nav.navbar { background-image: linear-gradient(#254d8a, #2f5ea2); text-shadow: 1px 1px black; } a.nav-link, a.navbar-brand { color: #ece6f5; } a.homepage-link { background-color: #ff8100 !important; } div[class="row"] a { text-decoration: underline; } ul { list-style-type: none; } </style> <nav class="navbar navbar-expand-lg"> <a class="navbar-brand" href="/portal/"> <img src="https://jsausa.com/static/portal/img/logo.png"/> Agency Portal </a> <div class="ml-auto d-flex flex-row"> <ul class="navbar-nav nav-pills"> <li class="nav-item"> <a class="nav-link active navbar-highlight p-2 homepage-link" href="/">JSA Homepage</a> </li> </ul> <button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse" data-target="#navbarToggle" aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarToggle"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="/portal/">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="/site/about-us/" target="_blank">FAQ</a> </li> <li class="nav-item"> <a class="nav-link" href="/portal/account/logout/">Logout</a> </li> </ul> </div> </div> </nav> <main> <div class="container mt-5"> <div class="row"> <div class="col"> <h2>JSA Agency Portal</h2> </div> </div> <div class="row"> <div class="col-md"> </div> </div> <div class="row"> <div class="col-md"> <p> <h3>Policy and Quotes</h3> <ul> <li><a href="/site/jsa-router-page/?path=download/">View your policies and make payments</a></li> <li><a href="/site/onlinequoterpage">Quote Online</a></li> <li><a href="/site/?page_id=1255&path=recentQuotes.php">Your Online Quotes</a></li> </ul> </p> <p> <h3>Account Management</h3> <ul> <li><a href="/portal/account/password_change/">Update your password</a></li> <li><a href="/portal/account/active_broker/">Change your active broker code</a></li> </ul> </p> </div> <div class="col-md"> <div class="card"> <div class="card-body"> <h5><strong>900001</strong></h5> <h6><strong>Lifestore Insurance</strong></h6> <h6>Logged in as brian@jsausa.com</h6> <small><a href="/portal/account/active_broker/">Change your active broker code</a></small> </div> </div> </div> </div> </div> </main> </body><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration> </html>

Related: See More

Login and Register Modal
bootstrap 4.1.1 landing carousel
Elegant Login Page
My Awesome Login Page

Questions / Comments: