Using bootsnip


hi everyone,

 

i'm using bootsnip cool hover on effects, whatever reason not work me.

 

i can see images , when hover on nothing

 

here link hover effect action --->

 

http://bootsnipp.com/user/snippets/opdne

 

here code ----->

 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- above 3 meta tags *must* come first in head; other head content must come *after* these tags -->

<title>untitled document</title>
<!-- start of william's sweet bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css">
<style type="text/css">
body {
background-color: #b4b4b4;
}
</style>
  <!-- html5 shim , respond.js ie8 support of html5 elements , media queries -->
    <!-- warning: respond.js doesn't work if view page via file:// -->
    <!--[if lt ie 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>
<center>
<div class="btn-danger btn-lg"><h2>colorado insurance sale's , services</h2></div></center>
<!-- navbar go here -->
<div class="jumbotron-01">
<div class="container container-fluid-1">
<div class="row">
<div class="col-lg-12"><center><h1>get quote qualify agent now</h1></center></div>
</div>
<div class="row">
<div class="col-sm-8"><img src="images/laptop_co_01.png"<img class="img-responsive"></div>
<div class="col-sm-4 col-lg-4"><!-- start formoid form-->
<link rel="stylesheet" href="formoid_files/formoid1/formoid-solid-red.css" type="text/css" />
<script type="text/javascript" src="formoid_files/formoid1/jquery.min.js"></script>
<form class="formoid-solid-red" style="background-color:#e1e1e1;font-size:14px;font-family:'roboto',arial,helvetica,sans- serif;color:#34495e;max-width:480px;min-width:150px" method="post"><div class="title"><center><h2>get quote now!</h2></center></div>
<div class="element-name"><label class="title"></label><span class="namefirst"><input placeholder="name first" type="text" size="8" name="name[first]" /><span class="icon-place"></span></span><span class="namelast"><input placeholder="name last" type="text" size="14" name="name[last]" /><span class="icon-place"></span></span></div>
<div class="element-address"><label class="title"></label><span class="addr1"><input placeholder="street address" type="text" name="address[addr1]" /><span class="icon-place"></span></span><span class="addr2"><input placeholder="address line 2" type="text" name="address[addr2]" /><span class="icon-place"></span></span><span class="city"><input placeholder="city" type="text" name="address[city]" /><span class="icon-place"></span></span><span class="state"><input placeholder="state / province / region" type="text" name="address[state]" /><span class="icon-place"></span></span><span class="zip"><input placeholder="postal / zip code" type="text" maxlength="15" name="address[zip]" /><span class="icon-place"></span></span><div class="country"><select name="address[country]" ><option selected="selected" value="" disabled="disabled">--- select country ---</option><option value="united states">united states</option><option value="united kingdom">united kingdom</option><option value="australia">australia</option><option value="canada">canada</option><option value="france">france</option><option value="new zealand">new zealand</option><option value="india">india</option><option value="brazil">brazil</option><option value="----" disabled="disabled">----</option><option value="afghanistan">afghanistan</option><option value="aland islands">aland islands</option><option value="albania">albania</option><option value="algeria">algeria</option><option value="american samoa">american samoa</option><option value="andorra">andorra</option><option value="angola">angola</option><option value="anguilla">anguilla</option><option value="antarctica">antarctica</option><option value="antigua , barbuda">antigua , barbuda</option><option value="argentina">argentina</option><option value="armenia">armenia</option><option value="aruba">aruba</option><option value="austria">austria</option><option value="azerbaijan">azerbaijan</option><option value="bahamas">bahamas</option><option value="bahrain">bahrain</option><option value="bangladesh">bangladesh</option><option value="barbados">barbados</option><option value="belarus">belarus</option><option value="belgium">belgium</option><option value="belize">belize</option><option value="benin">benin</option><option value="bermuda">bermuda</option><option value="bhutan">bhutan</option><option value="bolivia">bolivia</option><option value="bosnia , herzegovina">bosnia , herzegovina</option><option value="botswana">botswana</option><option value="british indian ocean territory">british indian ocean territory</option><option value="brunei darussalam">brunei darussalam</option><option value="bulgaria">bulgaria</option><option value="burkina faso">burkina faso</option><option value="burundi">burundi</option><option value="cambodia">cambodia</option><option value="cameroon">cameroon</option><option value="cape verde">cape verde</option><option value="cayman islands">cayman islands</option><option value="central african republic">central african republic</option><option value="chad">chad</option><option value="chile">chile</option><option value="china">china</option><option value="colombia">colombia</option><option value="comoros">comoros</option><option value="democratic republic of congo">democratic republic of congo</option><option value="republic of congo">republic of congo</option><option value="cook islands">cook islands</option><option value="costa rica">costa rica</option><option value="cote d'ivoire">cote d'ivoire</option><option value="croatia">croatia</option><option value="cuba">cuba</option><option value="cyprus">cyprus</option><option value="czech republic">czech republic</option><option value="denmark">denmark</option><option value="djibouti">djibouti</option><option value="dominica">dominica</option><option value="dominican republic">dominican republic</option><option value="east timor">east timor</option><option value="ecuador">ecuador</option><option value="egypt">egypt</option><option value="el salvador">el salvador</option><option value="equatorial guinea">equatorial guinea</option><option value="eritrea">eritrea</option><option value="estonia">estonia</option><option value="ethiopia">ethiopia</option><option value="faroe islands">faroe islands</option><option value="fiji">fiji</option><option value="finland">finland</option><option value="gabon">gabon</option><option value="gambia">gambia</option><option value="georgia">georgia</option><option value="germany">germany</option><option value="ghana">ghana</option><option value="gibraltar">gibraltar</option><option value="greece">greece</option><option value="grenada">grenada</option><option value="guatemala">guatemala</option><option value="guinea">guinea</option><option value="guinea-bissau">guinea-bissau</option><option value="guyana">guyana</option><option value="haiti">haiti</option><option value="honduras">honduras</option><option value="hong kong">hong kong</option><option value="hungary">hungary</option><option value="iceland">iceland</option><option value="indonesia">indonesia</option><option value="iran">iran</option><option value="iraq">iraq</option><option value="ireland">ireland</option><option value="israel">israel</option><option value="italy">italy</option><option value="jamaica">jamaica</option><option value="japan">japan</option><option value="jordan">jordan</option><option value="kazakhstan">kazakhstan</option><option value="kenya">kenya</option><option value="kiribati">kiribati</option><option value="north korea">north korea</option><option value="south korea">south korea</option><option value="kuwait">kuwait</option><option value="kyrgyzstan">kyrgyzstan</option><option value="laos">laos</option><option value="latvia">latvia</option><option value="lebanon">lebanon</option><option value="lesotho">lesotho</option><option value="liberia">liberia</option><option value="libya">libya</option><option value="liechtenstein">liechtenstein</option><option value="lithuania">lithuania</option><option value="luxembourg">luxembourg</option><option value="macedonia">macedonia</option><option value="madagascar">madagascar</option><option value="malawi">malawi</option><option value="malaysia">malaysia</option><option value="maldives">maldives</option><option value="mali">mali</option><option value="malta">malta</option><option value="marshall islands">marshall islands</option><option value="mauritania">mauritania</option><option value="mauritius">mauritius</option><option value="mexico">mexico</option><option value="micronesia">micronesia</option><option value="moldova">moldova</option><option value="monaco">monaco</option><option value="mongolia">mongolia</option><option value="montenegro">montenegro</option><option value="morocco">morocco</option><option value="mozambique">mozambique</option><option value="myanmar">myanmar</option><option value="namibia">namibia</option><option value="nauru">nauru</option><option value="nepal">nepal</option><option value="netherlands">netherlands</option><option value="netherlands antilles">netherlands antilles</option><option value="nicaragua">nicaragua</option><option value="niger">niger</option><option value="nigeria">nigeria</option><option value="norway">norway</option><option value="oman">oman</option><option value="pakistan">pakistan</option><option value="palau">palau</option><option value="palestine">palestine</option><option value="panama">panama</option><option value="papua new guinea">papua new guinea</option><option value="paraguay">paraguay</option><option value="peru">peru</option><option value="philippines">philippines</option><option value="poland">poland</option><option value="portugal">portugal</option><option value="puerto rico">puerto rico</option><option value="qatar">qatar</option><option value="romania">romania</option><option value="russia">russia</option><option value="rwanda">rwanda</option><option value="saint kitts , nevis">saint kitts , nevis</option><option value="saint lucia">saint lucia</option><option value="saint vincent , grenadines">saint vincent , grenadines</option><option value="samoa">samoa</option><option value="san marino">san marino</option><option value="sao tome , principe">sao tome , principe</option><option value="saudi arabia">saudi arabia</option><option value="senegal">senegal</option><option value="serbia">serbia</option><option value="seychelles">seychelles</option><option value="sierra leone">sierra leone</option><option value="singapore">singapore</option><option value="slovakia">slovakia</option><option value="slovenia">slovenia</option><option value="solomon islands">solomon islands</option><option value="somalia">somalia</option><option value="south africa">south africa</option><option value="spain">spain</option><option value="sri lanka">sri lanka</option><option value="sudan">sudan</option><option value="suriname">suriname</option><option value="swaziland">swaziland</option><option value="sweden">sweden</option><option value="switzerland">switzerland</option><option value="syria">syria</option><option value="taiwan">taiwan</option><option value="tajikistan">tajikistan</option><option value="tanzania">tanzania</option><option value="thailand">thailand</option><option value="togo">togo</option><option value="tonga">tonga</option><option value="trinidad , tobago">trinidad , tobago</option><option value="tunisia">tunisia</option><option value="turkey">turkey</option><option value="turkmenistan">turkmenistan</option><option value="tuvalu">tuvalu</option><option value="uganda">uganda</option><option value="ukraine">ukraine</option><option value="united arab emirates">united arab emirates</option><option value="united states minor outlying islands">united states minor outlying islands</option><option value="uruguay">uruguay</option><option value="uzbekistan">uzbekistan</option><option value="vanuatu">vanuatu</option><option value="vatican city">vatican city</option><option value="venezuela">venezuela</option><option value="vietnam">vietnam</option><option value="virgin islands, british">virgin islands, british</option><option value="virgin islands, u.s.">virgin islands, u.s.</option><option value="yemen">yemen</option><option value="zambia">zambia</option><option value="zimbabwe">zimbabwe</option></select><i></i><span class="icon-place"></span></div></div>
<div class="element-phone"><label class="title"></label><div class="item-cont"><input class="large" type="tel" pattern="[+]?[\.\s\-\(\)\*\#0-9]{3,}" maxlength="24" name="phone" placeholder="phone" value=""/><span class="icon-place"></span></div></div>
<div class="element-multiple"><label class="title"><span class="required">*</span></label><div class="item-cont"><div class="medium"><select data-no-selected="nothing selected" name="multiple[]" multiple="multiple" required>

  <option value="yes have insurance">yes have insurance</option>
  <option value="no don't have insurance">no don't have insurance</option></select><span class="icon-place"></span></div></div></div>
<div class="submit"><input type="submit" value="get quoted"/></div></form><p class="frmd"><a href="http://formoid.com/v29.php">css form</a> formoid.com 2.9</p><script type="text/javascript" src="formoid_files/formoid1/formoid-solid-red.js"></script></div>
</div>
</div>
</div>
<!--end of quote button -->
<div class="jumbotron">
<div class="container container-fluid">
<div class="row">
<div class="col-sm-10 col-lg-12"><center><h1>how can save money on auto & home</h1></center></div>

 

<!-- start of hover thumbnail action --->


<div class="col-sm-4"><div class="container">
 
    <div class="row">

        <div class="col-md-3 col-lg-12">           
            <div class="thumbnail">
                <div class="caption">
                    <h4>thumbnail headline</h4>
                    <p>short thumbnail description</p>
                    <p><a href="" class="label label-danger" rel="tooltip" title="zoom">zoom</a>
                    <a href="" class="label label-default" rel="tooltip" title="download now">download</a></p>
                </div>
                <img src="http://lorempixel.com/400/300/sports/1/" alt="...">
            </div>
      </div>
     
        <div class="col-md-3">           
            <div class="thumbnail">
                <div class="caption">
                    <h4>thumbnail headline</h4>
                    <p>short thumbnail description</p>
                    <p><a href="" class="label label-danger" rel="tooltip" title="zoom">zoom</a>
                    <a href="" class="label label-default" rel="tooltip" title="download now">download</a></p>
                </div>
                <img src="http://lorempixel.com/400/300/sports/2/" alt="...">
            </div>
      </div>

        <div class="col-md-3">           
            <div class="thumbnail">
                <div class="caption">
                    <h4>thumbnail headline</h4>
                    <p>short thumbnail description</p>
                    <p><a href="" class="label label-danger" rel="tooltip" title="zoom">zoom</a>
                    <a href="" class="label label-default" rel="tooltip" title="download now">download</a></p>
                </div>
                <img src="http://lorempixel.com/400/300/sports/3/" alt="...">
            </div>
      </div>

        <div class="col-md-3">           
            <div class="thumbnail">
                <div class="caption">
                    <h4>thumbnail headline</h4>
                    <p>short thumbnail description</p>
                    <p><a href="" class="label label-danger" rel="tooltip" title="zoom">zoom</a>
                    <a href="" class="label label-default" rel="tooltip" title="download now">download</a></p>
                </div>
                <img src="http://lorempixel.com/400/300/sports/4/" alt="...">
            </div>
      </div>       
       
  </div>
 
</div><!-- /.container --></div>
   

 

   

 

<div class="col-sm-8 col-lg-7"><img class="img-responsive" src="images/083363-high-resolution-dark-blue-denim-jeans-icon-business-phone-clear.png">< /div>
</div>
</div>
</div>
<div class="jumbotron-01">
<div class="container container-fluid-3">
<div class="row">

</div>
</div>
</div>
<!-- end of price , protection -->
<div class="jumbotron-1">
<div class="container container-fluid-3">
<div class="row">
<div class="col-lg-12"><center><h1>----- mission statement -----</h1></center></div>
<div class="col-sm-8 col-lg-12"><p>to attract, convert, optimize, retain , grow quality clients. become trusted insurance partner protecting individuals , families unexpected financial disaster using quality products financially sound insurance companies. allow employees share in profit of company , establish financial security , freedom employees.</p>

<p>we offer home, auto , shop insurance coverage in cities around 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 , evergreen.</p></div>
</div>
</div>
</div>

 

 

<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/jquery-3.1.0.min.js"></script>

  

</body>
</html>

validate code & fix errors.  you've got stuff in <body> tag doesn't belong there.

 

<link rel="stylesheet" href="formoid_files/formoid1/formoid-solid-red.css" type="text/css" />

<script type="text/javascript" src="formoid_files/formoid1/jquery.min.js"></script>



More discussions in Dreamweaver support forum


adobe

Comments

Popular posts from this blog

Illustrator CS6 Ocurrío un error E/S en el archivo.

Why is os_ViewContainer running?

Animate - problem with duplicating scripts after loop