"Marquee Effects"
Bootstrap 3.3.0 Snippet by P Dennis Sambola Jr

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ----------> <div class="container"> <div class="row"> <div class="col-lg-6 "> <h2>Marquee Effects</h2> <marquee behavior="alternate" scrollamount="7" direction="up" onmouseover="this.stop();" onmouseout="this.start();" class="m14"> <div class="col-lg-12 d14"> <div class="col-lg-5"><img src="data:image/jpeg;base64,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"></div> <div class="col-lg-7"><h3>P. Dennis Sambola Jr</h3><br> This is just a demo, which is use as an example, hope you enjoy my first snipp<br><br> <h4 style="text-decoration:blink">Put mouse pointer on me</h4></div> </div> </marquee> </div> </div> </div>
.m14 {height:300px; box-shadow:0px 0px 2px;} body {background:#148188;} h2 {color:#fff;} .d14:hover {background:#ffffff; color:#000;} .d14{margin-top:10px; margin-bottom:10px; padding:20px; height:200px; background:#234406; color:#fff;} img{border:4px solid #fff;}

Related: See More


Questions / Comments: