D
Deleted member 65
Guest
ESPN sports ticker
https://codepen.io/vyacobucci/pen/QmQEyK
https://codepen.io/vyacobucci/pen/QmQEyK
HTML:
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<div ng-app="tickerApp">
<div ng-controller="TICKER">
<div class="ticker">
<div class="sport-indicator">MLB</div>
<div class="info-container">
<div class="score-container">
<div class="team">NYY<span class="score-value">3</span></div>
<div class="team">CLE<span class="score-value">5</span></div>
<div class="status-container">
<div class="status-icon arrow-up"></div>
<div class="status-number">3</div>
</div>
<div class="game-info-container">
<div class="game-info-text">OUT</div>
<div class="game-info-out-container">
<div class="circle-empty"></div>
<div class="circle"></div>
</div>
<div class="diamond-containter">
<div class="first diamond-empty"></div>
<div class="second diamond-empty"></div>
<div class="third diamond"></div>
</div>
</div>
</div>
<div class="info">Derek Jeter is expected to return to the Yankees in 2019</div>
</div>
</div>
<div class="logo-container"></div>
<div class="logo"></div>
</div>
</div>
Last edited by a moderator: