<!-- ./index.html -->
<!DOCTYPE html>
<html>
<head>
<title>My cool widget</title>
</head>
<body>
<div class="counter" data-counter-id="dev-to-post">Loading...</div>
<script type="text/javascript" src="https://s3.amazonaws.com/trek10-content/scripts/counter-widget.js"></script>
<center>
<img src="https://cdn3.f-cdn.com//files/download/26804731/Flag_USA-Pf.gif" alt="">
</center>
</body>
</html>.counter {
margin: 20px auto;
width: 300px;
padding: 10px;
background-color: darkblue;
font-size: 20px;
font-weight: bold;
color: #FFF;
border-radius: 5px;
text-align:center;
}
img {
max-width: 75px;
}
External CSS
This Pen doesn't use any external CSS resources.