liMarquee / Template
№ 5

RESULT

CODE

<!--///// If you have already use jquery, then this line is not necessary /////-->

    <script src="https://code.jquery.com/jquery-3.1.0.js"></script>


<!--///// Google Font for Text of Marquee  /////-->

    <link href='https://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'>


<!--///// Plugins files /////-->

    <link rel="stylesheet" href="css/liMarquee.css">
    <script src="js/jquery.liMarquee.js"></script>


<!--///// Initialization /////-->

	<script>
    $(window).on('load',function(){
        <!--///// Initialization of plugin  /////-->
        $('.strMain').liMarquee();
    })
    </script>


<!--///// HTML code /////-->

    <div class="tpl_5">				
        <div class="strMain mWrap">
            A fool may ask more questions in an hour than a wise man can answer in seven years
        </div>
    </div>


<!--///// Style for Template  /////-->

    <style>
	.tpl_5 .mWrap { margin:0;}
	.tpl_5 {
		position:relative;
		background:#f6f6f6;
		border-top:3px solid #a0ce4e;
		line-height:70px;
		font-size:26px;
		font-family: 'Josefin Slab', serif;
		color:#000;
		text-transform:uppercase;
	}
	</style>