"benshir"
Bootstrap 3.2.0 Snippet by obxpete

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet"> <div class="container-fluid"> <div class="row banner"> <div class="col-xs-8" id="logo"><img src="http://www.hobbyworldinc.com/images/Logo.jpg"></div> <div class="col-xs-2 bannerContact"><strong>Toll Free Order<br> <a href="tel:1-888-980-9099">1-888-980-9099</a></strong></div> <div class="col-xs-2 bannerContact"><strong>24 hour Fax line <br> (301)865-1973 </strong></div> </div> <!--end row banner--> <div class="row middle"> <div class="col-md-3"><!--container for left nav--> <div class="nav-side-menu"> <div class="brand">Hobby World</div> <div class="menu-list"> <ul id="menu-content" class="menu-content collapse out"> <li> <form action="/search.html" id="cse-search-box"> <div class="search"> <input name="cx" type="hidden" value="016754931490648869975:hclkjkpce4o"> <input name="ie" type="hidden" value="UTF-8"> <input name="q" size="32" type="text" id="search-text" > <input name="sa" type="submit" value="GO" id="search-submit"> </div> </form> </li> <li data-toggle="collapse" data-target="#about" class="collapsed active"> <a href="#"><i class="fa fa-gift fa-lg"></i> About Us <span class="arrow"></span></a> </li> <ul class="sub-menu collapse" id="about"> <li><a href="/about.html">About</a></li> <li><a href="/interest.html">Links</a></li> <li><a href="/contact.html">Contact Us</a></li> <li><a href="/orderinf.html">Ordering Instructions</a></li> </ul> <li data-toggle="collapse" data-target="#products" class="collapsed"> <a href="#"><i class="fa fa-globe fa-lg"></i> Products <span class="arrow"></span></a> </li> <ul class="sub-menu collapse in" id="products"> <li><a href="/mainship.html">Wooden Ship Kits</a></li> <li><a href="/mainship.html#115">R/C Ship Kits</a></li> <li><a href="/maindoll.html">Wooden Doll House Kits</a></li> <li><a href="/pbnumber100.html">Paint By Numbers</a></li> <li><a href="/mainplane.html">Wooden Airplane kits</a></li> <li><a href="/maindiff.html">Wooden Carriage kits</a></li> <li><a href="/mainfig.html">Metal Cannon Kits</a></li> <li><a href="/mainplas.html">Plastic Models</a></li> <li><a href="/mainscie.html">Science Models</a></li> <li><a href="/maintool.html">Tools</a></li> </ul> </ul> </div> </div> <!-- should be solid right-side, main content of page--> <div class="col-md-9 content"> <form action="http://www.hobbyworldinc.com/cgi-bin/mcart/mof.cgi" method="post"> <input type="hidden" value="CHECKBOXES" name="postmode"> <center> <h3>Walnut</h3> </center> <input type="checkbox" value="1----103-201-0---- 0.5 X 3 MM WALNUT STRIP----1.00----0----1" name="order"> <b>103-201-0 0.5 X 3MM WALNUT STRIP (1 metre, cut in two pieces) US$1.00 <br> </b> <input type="checkbox" value="1----103-200-8---- 0.5 X 5 MM WALNUT STRIP----1.00----0----1" name="order"> <b>103-200-8 0.5 X 5MM WALNUT STRIP (1 metre, cut in two pieces) US$1.00 <br> </b> <b> <input type="checkbox" value="1----103-198-1---- 1 X 3 MM WALNUT STRIP----1.00----0----1" name="order"> 103-198-1 _ 1 X 3MM WALNUT STRIP (1 metre, cut in two pieces) US$1.00 <br> <input type="checkbox" value="1----103-208-4---- 1 X 5 MM WALNUT STRIP----1.00----0----1" name="order"> 103-208-4 _ 1 X 5MM WALNUT STRIP (1 metre, cut in two pieces) US$1.00 <br> <input type="checkbox" value="1----103-205-8---- 2 X 6 MM WALNUT STRIP----1.00----0----1" name="order"> 103-205-8 _ 2 X 6MM WALNUT STRIP (1 metre, cut in two pieces) US$1.00 <br> <input type="checkbox" value="1----103-210-9---- 2 X 2 MM WALNUT STRIP----1.00----0----1" name="order"> 103-210-9 _ 2 X 2MM WALNUT STRIP (1 metre, cut in two pieces) US$1.00 <br> <input type="checkbox" value="1----103-211-1---- 3 X 3 MM WALNUT STRIP----1.00----0----1" name="order"> 103-211-1 _ 3 X 3MM WALNUT STRIP (1 metre, cut in two pieces) US$1.00 <br> <img src="http://www.hobbyworldinc.com/walnut.jpg" align="RIGHT"> </b> <br> <center> <h3><b>Mahogany</b></h3> </center> <b> <input type="checkbox" value="1----103-191-7---- 0.5 X 5 MM MAHOGANY STRIP----1.00----0----1" name="order"> 103-191-7 0.5 X 5MM MAHOGANY STRIP (1 metre, cut in two pieces) US$1.00 <br> <input type="checkbox" value="1----103-199-3---- 2 X 6 MM MAHOGANY STRIP----1.00----0----1" name="order"> 103-199-3 _ 2 X 6MM MAHOGANY STRIP (1 metre, cut in two pieces) US$1.00 <br> <img src="http://www.hobbyworldinc.com/mahog.jpg" align="RIGHT"> </b> <br> <br> <br> <center> <h3><b>Boxwood</b></h3> </center> <b> <input type="checkbox" value="1----103-206-0---- 1 X 3 MM BOX WOOD STRIP----1.00----0----1" name="order"> 103-206-0 _1 X 3MM BOX WOOD STRIP (1 metre, cut in two pieces) US$1.00 <br> <input type="checkbox" value="1----103-204-6---- 1 X 5 MM BOX WOOD STRIP----1.00----0----1" name="order"> 103-204-6 _1 X 5MM BOX WOOD STRIP (1 metre, cut in two pieces) US$1.00 <br> <input type="checkbox" value="1----103-203-4---- 2 X 2 MM BOX WOOD STRIP----1.00----0----1" name="order"> 103-203-4 _2 X 2MM BOX WOOD STRIP (1 metre, cut in two pieces) US$1.00 <br> <input type="checkbox" value="1----103-209-6---- 3 X 3 MM BOX WOOD STRIP----.75----0----1" name="order"> 103-209-6 _3 X 3MM BOX WOOD STRIP (1 metre)<span class="RED">REG US$1.25 SPECIAL US$0.75<img src="lime.jpg" align="RIGHT"> </span></b> <br> <br> <br> <center> <h3><b>Lime Wood</b></h3> </center> <b> <input type="checkbox" value="1----103-194-3---- 1 X 3 MM LIME WOOD STRIP----1.00----0----1" name="order"> 103-194-3 _ 1 X 3MM LIME WOOD STRIP (1 metre, cut in two pieces) US$1.00 <br> <input type="checkbox" value="1----103-197-9---- 1.5 X 5 MM LIME WOOD STRIP----1.00----0----1" name="order"> 103-197-9 1.5 X 5MM LIME WOOD STRIP (1 metre, cut in two pieces) US$1.00 <br> <input type="checkbox" value="1----103-193-1---- 2 X 2 MM LIME WOOD STRIP----1.00----0----1" name="order"> 103-193-1 _ 2 X 2MM LIME WOOD STRIP (1 metre, cut in two pieces) US$1.00 <br> <input type="checkbox" value="1----103-195-5---- 3 X 3 MM LIME WOOD STRIP----1.25----0----1" name="order"> 103-195-5 _ 3 X 3MM LIME WOOD STRIP (1 metre, cut in two pieces) US$1.25 <br> <input type="checkbox" value="1----103-207-2---- 2 X 6 MM LIME WOOD STRIP----1.00----0----1" name="order"> 103-207-2 _ 2 X 6MM LIME WOOD STRIP (1 metre, cut in two pieces) US$1.00 <br> </b><br> <br> <center> <h3>Walnut Dowels intended for Masts</h3> </center> <b> <input type="checkbox" value="1----103-192-9---- 4MM WALNUT DOWEL----1.50----0----1" name="order"> 103-192-9 4MM WALNUT DOWEL (1 metre, cut in two pieces) US$1.50 <br> <input type="checkbox" value="1----103-202-2---- 6MM WALNUT DOWEL----1.90----0----1" name="order"> 103-202-2 6MM WALNUT DOWEL(1 metre, cut in two pieces) US$1.95 <br> <input type="checkbox" value="1----103-196-7---- 8MM WALNUT DOWEL----2.75----0----1" name="order"> 103-196-7 8MM WALNUT DOWEL(1 metre, cut in two pieces) US$2.75 <br> </b> <br> <p> <input type="submit" value="Submit to Cart"> <font color="#FF0000"><b>Please note: Our minimum order is US$25.00</b> </font> </p> </form> </div><!--end left, middle - main content--> </div><!--end row middle--> <!-- Site footer --> <div class="row bottom"> <div class="col-md-1"> <!--empty left col --> </div> <div class="col-md-10"> <center> <p> <img src="/images/eyes2.gif" alt="" /><br /> Use the shopping cart or our <strong>Toll Free Order Line <a href="tel:1-888-980-9099">1-888-980-9099</a></strong> to order<br /> <a href="/privacy.html">Privacy Policy</a><br/> <b>Can we answer any questions?</b> North America: <a href="tel:1-888-980-9099">1-888-980-9099</a><br/> Europe, South America, Australia, Asia & Africa:<b><A href="mailto:info@hobbyworldinc.com">info@hobbyworldinc.com</A></b> <h4>Prices in US funds. Prices subject to change without notice. <p>Hobby World Ltd. <a href="/copyr.html">copyright 1995.</a></p> </h4> </p> </center> </div> <div class="col-md-1"> <!--empty right col--> </div> </div> </div><!-- end bottom row --> </div><!-- end container-->
.search{ padding-left:.5em; padding-top:.7em; color: #000000; line-height: 1.5em; } #search-text { width:13em; } [type="submit"] { display: block; margin-bottom: 1em; } body { margin: 0px; padding-top: 2em; background: #FFFDEA url(http://www.hobbyworldinc.com/images/img01.jpg) repeat-x left top; } .bannerContact { padding-top:.5em; } .content { float:left; } /*.menu { float:left; }*/ .middle { margin-top:6em; } /****NAV FROM BOOTSNIP ****/ .nav-side-menu { overflow: auto; font-family: verdana; font-size: 12px; font-weight: 200; background-color: #2e353d; position: fixed; top: 0px; width: 300px; height: 100%; color: #e1ffff; } .nav-side-menu .brand { background-color: #23282e; line-height: 50px; display: block; text-align: center; font-size: 14px; } .nav-side-menu .toggle-btn { display: none; } .nav-side-menu ul, .nav-side-menu li { list-style: none; padding: 0px; margin: 0px; line-height: 35px; cursor: pointer; /* .collapsed{ .arrow:before{ font-family: FontAwesome; content: "\f053"; display: inline-block; padding-left:10px; padding-right: 10px; vertical-align: middle; float:right; } } */ } .nav-side-menu ul :not(collapsed) .arrow:before, .nav-side-menu li :not(collapsed) .arrow:before { font-family: FontAwesome; content: "\f078"; display: inline-block; padding-left: 10px; padding-right: 10px; vertical-align: middle; float: right; } .nav-side-menu ul .active, .nav-side-menu li .active { border-left: 3px solid #d19b3d; background-color: #4f5b69; } .nav-side-menu ul .sub-menu li.active, .nav-side-menu li .sub-menu li.active { color: #d19b3d; } .nav-side-menu ul .sub-menu li.active a, .nav-side-menu li .sub-menu li.active a { color: #d19b3d; } .nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li { background-color: #181c20; border: none; line-height: 28px; border-bottom: 1px solid #23282e; margin-left: 0px; } .nav-side-menu ul .sub-menu li:hover, .nav-side-menu li .sub-menu li:hover { background-color: #020203; } .nav-side-menu ul .sub-menu li:before, .nav-side-menu li .sub-menu li:before { font-family: FontAwesome; content: "\f105"; display: inline-block; padding-left: 10px; padding-right: 10px; vertical-align: middle; } .nav-side-menu li { padding-left: 0px; border-left: 3px solid #2e353d; border-bottom: 1px solid #23282e; } .nav-side-menu li a { text-decoration: none; color: #e1ffff; } .nav-side-menu li a i { padding-left: 10px; width: 20px; padding-right: 20px; } .nav-side-menu li:hover { border-left: 3px solid #d19b3d; background-color: #4f5b69; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } @media (max-width: 767px) { .nav-side-menu { position: relative; width: 100%; margin-bottom: 10px; } .nav-side-menu .toggle-btn { display: block; cursor: pointer; position: absolute; right: 10px; top: 10px; z-index: 10 !important; padding: 3px; background-color: #ffffff; color: #000; width: 40px; text-align: center; } .brand { text-align: left !important; font-size: 22px; padding-left: 20px; line-height: 50px !important; } } @media (min-width: 767px) { .nav-side-menu .menu-list .menu-content { display: block; } } body { margin: 0px; padding: 0px; }

Related: See More


Questions / Comments: