liMarquee / Template
№ 6

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=Comfortaa' 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_6">				
        <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_6 {
		position:relative;
		background:#f6f6f6;
		border-left:3px solid #a0ce4e;
		line-height:60px;
		font-size:26px;
		font-family: 'Comfortaa', cursive;
		color:#000;
		text-transform:uppercase;
		padding:0 0 0 16px;
	}
	</style>