Known Participant

Question

NAVBAR Issue

Forum|Forum|9 years ago
April 26, 2017
4 replies
1302 views

when I minimize my navbar I cant seem to see my bottom links need help

Thanks!

This topic has been closed for replies.

williamm86517933Author

Known Participant

I don't have one yet.. I will have to get one...

BenPleysier

Community Expert

As a side note, please do not use your private email address, this makes it easy for harvesters to start misappropriating the address. This is also true when your site goes live. For more info have a look at using The Email Address Obfuscator Page

On this note, I tried to edit your post, but found that the function is not working. Maybe Preran could have a look at it.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

Nancy OShea

Community Expert

I took care of the email address.

Some forum nodes are misbehaving in certain browsers and platforms but work fine in others. It's another JIVE mystery they are trying to chase down.

Nancy

Nancy O'Shea— Product User & Community Expert

williamm86517933Author

Known Participant

williamm86517933Author

Known Participant

I do have them I just renamed them everything seem to be working in boot.. I can use all the classes and all

Nancy OShea

Community Expert

Cam you upload your work so far to a TEMP folder on your remote server so we can see what you see? When your question is answered, you can delete the TEMP folder off your server.

Nancy

Nancy O'Shea— Product User & Community Expert

Nancy OShea

Community Expert

Answers to layout questions are contained in your code.

What's the URL to your problem page online?

A distant 2nd option is to copy & paste your entire code into a web forum reply. Please don't use email to reply, it won't come through to the forum.

Nancy

Nancy O'Shea— Product User & Community Expert

williamm86517933Author

Known Participant

it's not live yet...

------------------------------------------------------

!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<title>Colorado Insurance Sales & Services</title>

<link rel="stylesheet" type="text/css" href="../Buy Colorado Ins Responsive Style and JS/css/Ciss-StyleSheet.css">
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Arima+Madurai:100,200,300,400,500,700,800,900" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<link href="https://fonts.googleapis.com/css?family=Russo+One" rel="stylesheet">

</head>
<body>

<div class="navbar navbar-fixed-top">
<div class="container container-fluid">
      <div class="logo">
         <h1><img src="../logo/Colorado-Insurance-White.png" alt="" width="180"></h1>
      </div>
      <div class="toggle">
         <span></span>
         <span></span>
         <span></span>
         <span></span>
      </div>
      <div class="links">
         <ul>
            <li>
               <a href="#">Home</a>
            </li>
            <li>
               <a href="#">Get A Quote</a>
            </li>
            <li>
               <a href="#">Service Center</a>
            </li>
            <li>
               <a href="#">Business Protection</a>
            </li>
            <li>
               <a href="#">Our Products</a>
            </li>
            <li>
               <a href="#">Resources</a>
            </li>
            <li>
               <a href="#">Meet Our Team</a>
            </li>
            <li>
               <a href="#">About Us</a>
            </li>
            <li>
               <a href="#">Contact Us</a>
            </li>
         </ul>
      </div>
      <div class="clearfix"></div>
   </div>
</div>

<div class="jumbotron01 text-center">
<div class="container-fluid1">
<h1>COLORADO INSURANCE</h1>
</div>
</div>

<div class="jumbotron2 text-center">
<div class="container-fluid2">
<div class="row">
<div class="col-md-12 sm-12"><h2>COLORADO’S PREMIER HOME AND AUTO INSURANCE PROVIDER SINCE 1994</h2></div>
<div class="col-md-6 col-sm-6"><img src="../images/laptop-png-laptop_red.png" width="823" class="img-responsive"></div>
<div class="col-md-5 col-sm-5">this is where the form will go!!!!</div>
</div>
</div>
</div>

<div class="jumbotron1 text-center">
<div class="container-fluid1">
<h1>PRICE // PROTECTION // SERVICE //</h1>
</div>
</div>

<div class="jumbotron5 text-center">
<h2>LET US HELP YOU SAVE MONEY ON YOUR HOME AND AUTO INSURANCE</h2>
<div class="container-fluid5">
<div class="row">

<div class="col-xs-12 col-sm-6 col-lg-4">
<div class="box">
<div class="icon">
<div class="image"><i class="fa fa-home"></i></div>
<div class="info">
<h3 class="title">Colorado Home Insurance</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in lobortis nisl, vitae iaculis sapien. Phasellus ultrices gravida massa luctus ornare. Suspendisse blandit quam elit, eu imperdiet neque semper.
</p>
<div class="more">
<a href="#" title="Title Link">
Read More <i class="fa fa-angle-double-right"></i>
</a>
</div>
</div>
</div>
<div class="space"></div>
</div>
</div>

<div class="col-xs-12 col-sm-6 col-lg-4">
<div class="box">
<div class="icon">
<div class="image"><i class="fa fa-car"></i></div>
<div class="info">
<h3 class="title">Colorado Car Insurance</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in lobortis nisl, vitae iaculis sapien. Phasellus ultrices gravida massa luctus ornare. Suspendisse blandit quam elit, eu imperdiet neque semper.
</p>
<div class="more">
<a href="#" title="Title Link">
Read More <i class="fa fa-angle-double-right"></i>
</a>
</div>
</div>
</div>
<div class="space"></div>
</div>
</div>

<div class="col-xs-12 col-sm-6 col-lg-4">
<div class="box">
<div class="icon">
<div class="image"><i class="fa fa-briefcase"></i></div>
<div class="info">
<h3 class="title">Colorado Commercial Insurance</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in lobortis nisl, vitae iaculis sapien. Phasellus ultrices gravida massa luctus ornare. Suspendisse blandit quam elit, eu imperdiet neque semper.
</p>
<div class="more">
<a href="#" title="Title Link">
Read More <i class="fa fa-angle-double-right"></i>
</a>
</div>
</div>
</div>
<div class="space"></div>
</div>
</div>

</div>
</div>
</div>

<div class="jumbotron6 text-center">
<h2>LET US HELP YOU SAVE MONEY ON YOUR HOME INSURANCE</h2>
<div class="container-fluid4">
<div class="row">
<div class="col-md-7 col-sm-7 item item-overlay top img-responsive"><img src="../images/HOUSE IMAGES/maxresdefault.jpg" width="2623" height="1749" class="img-responsive" img></div>
<div class="col-md-4 col-sm-4">
<div class="box">
<div class="box-content"><h2 class="tag-title">Home Insurance</h2><h3>Does the value of your home dictate dwelling coverage?</h3>
<hr />
<p>It plays a factor, but is not the determining one. Your dwelling coverage is mostly dictated on a price per square foot guideline based on the above ground square footage of your home. That could range from $120/sq. ft. if your home is fairly basic in finish to $250/sq. ft. and up if your home is very customized. Something to keep in mind is dwelling coverage does not include your land value because that does not play a factor in having to rebuild your home in the event of a loss. This is where value of your home and dwelling coverage could greatly differ.</p>
<br />
<a href="ppc.html" class="btn btn-block btn-danger">Learn more</a>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="jumbotron7 text-center">
<h2>LET US HELP YOU SAVE MONEY ON YOUR AUTO INSURANCE</h2>
<div class="container-fluid5">
<div class="row">
<div class="col-sm-4 col-md-4">
<div class="box">
<div class="box-content"><h2 class="tag-title">Auto Insurance</h2><h3>Does the value of your home dictate dwelling coverage?</h3>
<hr />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pharetra quam sollicitudin nibh aliquam finibus. Etiam efficitur felis vel imperdiet varius. Maecenas bibendum elementum molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris cursus finibus semper. Fusce molestie tincidunt leo vel varius. Nam scelerisque nulla feugiat leo consequat, id dignissim sem tincidunt. Proin elit mauris, hendrerit in varius sed, facilisis sit amet neque.</p>
<br />
<a href="ppc.html" class="btn btn-block btn-danger">Learn more</a>
</div>
</div>
</div>
<div class="col-md-7 col-sm-7 item item-overlay top img-responsive"><img src="../images/AUTO IMAGES/_downloadfiles_wallpapers_1920_1200_bmw_m6_convertible_wallpaper_bmw_cars_2674.jpg" width="934" height="1148" class="img-responsive" img></div>
</div>
</div>
</div>

<div class="jumbotron8 text-center">
<h2>LET US HELP YOU SAVE MONEY ON COMMERCIAL INSURANCE</h2>
<div class="container-fluid6">
<div class="row">
<div class="col-md-7 col-sm-7 item item-overlay top img-responsive"><img src="../images/Commercial/Photo2.jpg" alt="" width="2623" height="1749" class="img-responsive"></div>
<div class="col-md-4 col-sm-4"><div class="box">
<div class="box-content">
<h2 class="tag-title">Commercial Insurance</h2><h3>Does the value of your home dictate dwelling coverage?</h3>
<hr />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pharetra quam sollicitudin nibh aliquam finibus. Etiam efficitur felis vel imperdiet varius. Maecenas bibendum elementum molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris cursus finibus semper. Fusce molestie tincidunt leo vel varius. Nam scelerisque nulla feugiat leo consequat, id dignissim sem tincidunt. Proin elit mauris, hendrerit in varius sed, facilisis sit amet neque.</p>
<br />
<a href="ppc.html" class="btn btn-block btn-danger">Learn more</a>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="jumbotron10 text-center">
<div class="container-fluid8">
<div class="row">
<div class="mission-statment"><h2><strong>Mission Statement</strong></h2><h4>To effectively ATTRACT, CONVERT, OPTIMIZE, RETAIN and GROW quality clients. To become your trusted insurance partner by protecting individuals and families from unexpected financial disaster using quality products from financially sound insurance companies. Allow all employees to share in the profit of the company and to establish financial security and freedom for all employees.
</h4><br><h4>We offer Home, Auto and Shop Insurance coverage in cities around the state, including Denver, Boulder, Fort Collins, Thornton, Westminster, Littleton, Highlands Ranch, Lone Tree, Castle pines, Parker, Castle Rock . Centennial, Englewood, Colorado Springs, Lakewood, Wheat Ridge, Loveland, Longmont, Arvada, Aurora, Commerce City and Evergreen. </h4>
</div>

</div>
</div>
</div>

<div class="jumbotron9 text-center">
<h1>MEET THE TEAM OF COLORADO INSURANCE</h1>
<div class="container-fluid7">
<div class="row">
<div class="col-sm-10 col-sm-offset-1">
<div class="col-md-4 col-sm-6">
<div class="card-container">
<div class="card">
<div class="front">
<div class="cover">
<img src="../images/coins-bldg.png"/>
</div>
<div class="user">
<img class="img-circle" src="../images/meet the team/mike m 001.jpg">
</div>
<div class="content">
<div class="main">
<h3 class="name">MIKE MATHISEN</h3>
<p class="profession">CEO</p>
<p class="text-center">"Mike Mathisen the CEO of Colorado Insurance Sales and Services"</p>
<div><h7>Office: <p>720.283.1722</p></h7><h7>Cell: <p>720.244.7393</p></h7><h7>Email:<p>mike@<email>.com</p></h7></div>
</div>
<div class="footer">
<i class="fa fa-mail-forward"></i>Mike Mathisen Bio
</div>
</div>
</div> 
<div class="back">
<div class="header">
<h5 class="motto">"Mike Mathisen Bio"</h5>
</div>
<div class="content">
<div class="main">
<h4 class="text-center">Job Description</h4>
<p class="text-center">CEO OF COLORADO INSURANCE, AZ INSURANCE</p>

<div class="stats-container">
<p class="text-center">Mike has been in the insurance industry since 1990 and if there’s one thing he can take from his experience, he knows that we are in the people business. Protecting the assets of our clients and their families in the event of unexpected financial disaster is his mission. He built Colorado Insurance based off of customer values which are service, protection, and price. Mike lives in Littleton, Colorado and has three grown children and a proud grandparent. He enjoys high mountain back packing, golf, fishing, and loves to cook for his family and friends.<br><br><br></p>
</div>

</div>
</div>
<div class="footer">
<div class="social-links text-center">
<a href="http://deepak646.blogspot.in/" class="facebook"><i class="fa fa-facebook fa-fw"></i></a>
<a href="http://deepak646.blogspot.in/" class="google"><i class="fa fa-google-plus fa-fw"></i></a>
<a href="http://deepak646.blogspot.in/" class="twitter"><i class="fa fa-twitter fa-fw"></i></a>
</div>
</div>
</div> 
</div> 
</div> 
</div> 

<div class="col-md-4 col-sm-6">
<div class="card-container">
<div class="card">
<div class="front">
<div class="cover">
<img src="https://www.clipartsgram.com/image/124089475-california-beaches-tumblr-wallpaper-3.jpg"/>
</div>
<div class="user">
<img class="img-circle" src="../images/meet the team/caleb.jpg"/>
</div>
<div class="content">
<div class="main">
<h3 class="name">Caleb M. Atchison</h3>
<p class="profession">Vice President</p>
<p class="text-center">"Caleb M. Atchison the Vice President of Colorado Insurance Sales and Services"</p>
<div><h7>Office: <p>720.283.1722</p></h7><h7>Cell: <p>720.323.7474</p></h7><h7>Email:<p>Caleb.Atchison@<email>.com</p></h7></div>
</div>

<div class="footer">
<button class="btn btn-simple" onclick="rotateCard(this)">
<i class="fa fa-mail-forward"></i> Caleb M. Atchison Bio
</button>
</div>
</div>
</div> 
<div class="back">
<div class="header">
<h5 class="motto">"Caleb M. Atchison Bio"</h5>
</div>
<div class="content">
<div class="main">
<h4 class="text-center">Job Description</h4>
<p class="text-center">Vice President Of Colorado Insurance Sales and Services</p>

<div class="stats-container">
<p class="text-center">Caleb joined Colorado insurance in May of 2005 after graduating with a business marketing/management degree from Colorado State University. Caleb began his career as an independent agent, growing and developing under the direction of agency President, Mike Mathisen.
After 5 years of steady growth and success as an independent agent Caleb assumed the role of Junior Partner to the agency in August of 2009. During this time period, Caleb’s core focus was marketing, recruiting, training, and operations development.
<br><br><br></p>
</div>

</div>
</div>
<div class="footer">
<button class="btn btn-simple" rel="tooltip" title="Flip Card" onclick="rotateCard(this)"></button>
<div class="social-links text-center">
<a href="http://deepak646.blogspot.in/" class="facebook"><i class="fa fa-facebook fa-fw"></i></a>
<a href="http://deepak646.blogspot.in/" class="google"><i class="fa fa-google-plus fa-fw"></i></a>
<a href="http://deepak646.blogspot.in/" class="twitter"><i class="fa fa-twitter fa-fw"></i></a>
</div>
</div>
</div> 
</div> 
</div> 
</div> 

<div class="col-md-4 col-sm-6">
<div class="card-container">
<div class="card">
<div class="front">
<div class="cover">
<img src="../images/Commercial/AAEAAQAAAAAAAAJ0AAAAJDY5OTdjMjIxLWYyYjMtNDk3OS05NTAxLTI5Mjc4NTM2MTNkOA.jpg"/></div>
<div class="user"><img class="img-circle" src="../images/meet the team/0022_ryan.jpg"/></div>
<div class="content">
<div class="main">
<h3 class="name">Ryan Mathisen</h3>
<p class="profession">Vice President Of The Business Protection</p>
<p class="text-center">"Ryan Mathisen the Vice President of The Business Protection Team Sales and Services"</p>
<div><h7>Office: <p>720.283.1722</p></h7><h7>Cell: <p>785.979.3089</p></h7><h7>Email:<p>Ryan@<email>.com</p></h7></div>
</div>
<div class="footer">
<div class="rating">
<i class="fa fa-mail-forward"></i> Ryan Mathisen Bio
</div>
</div>
</div>
</div> 
<div class="back">
<div class="header">
<h5 class="motto">"Ryan Mathisen Bio"</h5>
</div>
<div class="content">
<div class="main">
<h4 class="text-center">Job Description</h4>
<p class="text-center">Vice President Of The Business Protection</p>

<div class="stats-container">
<p class="text-center">Ryan grew up in Highlands Ranch, Colorado and studied at the University of Kansas. He has been involved in the insurance business his whole life and has a professional background in both sales as well as internet technology. He is happily married to his wife, Kami, and has just recently welcomed a new baby boy named Max to his family. Ryan is a big fan of the Denver Nuggets, Denver Broncos as well as the Kansas Jayhawks!
<br><br><br></p>
</div>

</div>
</div>
<div class="footer">
<div class="social-links text-center">
<a href="http://deepak646.blogspot.in/" class="facebook"><i class="fa fa-facebook fa-fw"></i></a>
<a href="http://deepak646.blogspot.in/" class="google"><i class="fa fa-google-plus fa-fw"></i></a>
<a href="http://deepak646.blogspot.in/" class="twitter"><i class="fa fa-twitter fa-fw"></i></a>
</div>
</div>
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
<div class="space-200"></div>
</div>
<h1>MEET THE REST OF OUR TEAM</h1>
</div>

<div><span style="text-align: center"><h1>Colorado Insurance Partners</h1></span></div>
<div class="jumbotron11 text-center">
<div class="container-fluid9">
<div class="row">
<hr align="center" width="65%" size="1">
<div class="col-md-1 col-sm-12"><img src="../new carrier logos black and white/AutoOwners-Insurance2.png" alt="" width="271"></div>
<div class="col-md-1 col-sm-12"><img src="../new carrier logos black and white/travelers-auto-insurance.png" width="185"></div>
<div class="col-md-1 col-sm-12"><img src="../new carrier logos black and white/progressive-auto-insurance.png" alt="" width="185"></div>
<div class="col-md-1 col-sm-12"><img src="../new carrier logos black and white/asi-auto-insurance.png" alt="" width="185"></div>
</div>
</div>
<br>
<br>
<div class="container-fluid9">
<div class="row">
<div class="col-md-1 col-sm-12"><img src="../new carrier logos black and white/safeco-auto-insurance.png" alt="" width="237" height="125"></div>
<div class="col-md-1 col-sm-12"><img src="../new carrier logos black and white/allied_logo.png" alt="" width="200"></div>
<div class="col-md-1 col-sm-12"><img src="../new carrier logos black and white/metlife_logo.png" alt="" width="200"></div>
<div class="col-md-1 col-sm-12"><img src="../new carrier logos black and white/stateauto.png" alt="" width="247" height="71"></div>
</div>
</div>
<div><a href="ppc.html" class="btn btn btn-danger">MORE OF OUR PARTNERS</a></div>
<hr align="center" width="95%" />
<br>

</div>

<div class="jumbotron12 text-center">
<div class="container-fluid10">
<div class="row">
<h1>Contact Address</h1>
<div class="row text-center">
<div class="col-sm-3 col-xs-6 first-box">
<h1><span class="glyphicon glyphicon-earphone"></span></h1>
<h3>Call Us</h3>
<p>720.283.1722 / Fax 720.283.1726</p><br>
</div>
<div class="col-sm-3 col-xs-6 second-box">
<h1><span class="glyphicon glyphicon-home"></span></h1>
<h3>NEW Location</h3>
<p>7901 Southpark Plaza #110, Littleton, CO 80120</p><br>
</div>
<div class="col-sm-3 col-xs-6 third-box">
<h1><span class="glyphicon glyphicon-send"></span></h1>
<h3>Contact</h3>
<p>[moderator removed email address to save you from the wrath of spambots]</p><br>
</div>
<div class="col-sm-3 col-xs-6 fourth-box">
<h1><span class="glyphicon glyphicon-leaf"></span></h1>
<h3>Web</h3>
<p>www.BuyColoradoInsurance.com</p><br>
</div>
</div>
</div>
</div>
</div>

<div class="Footer-below text-center">
<div class="footerbelow-fluid">
<div class="row">
</div>
</div>
<h5>© 2015 Colorado Insurance. All rights reserved</h5>
<h5>WEBMASTER: William Marquez</h5>
</div>

Nancy OShea

Community Expert

You're missing the most important scripts and CSS files to run Bootstrap. Without them, nothing is going to work right.

This goes in your <head> tag.

This goes at the bottom, of your document, after the footer.

<!--jQuery minified JS->

</script>

REMOVE THIS: <script src="../jq/jquery-3.2.1.js"></script>

Nancy

Nancy O'Shea— Product User & Community Expert

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded