Skip to content

Instantly share code, notes, and snippets.

@luptilu

luptilu/my-layout.html

Created May 7, 2021 09:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save luptilu/121bb2ea083d9a72546ca82dced0fc19 to your computer and use it in GitHub Desktop.
Save luptilu/121bb2ea083d9a72546ca82dced0fc19 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
my-layout.html
<div style="font-size:0.9em; margin-top: 6px;">
<div style="float: left; margin-right:10px;"><b>Category</b></div>
<div style="background-color:#2db757; float:left; width:10px; height:17px; margin-right:3px; border-radius: 3px">
</div>
<div style="margin-right:10px; float:left">Environment</div>
<div style="background-color:#750e5c; float:left; width:10px; height:17px; margin-right:3px; border-radius: 3px">
</div>
<div style="margin-right:10px; float:left">Societal</div>
<div style="background-color:#ff6d00; float:left; width:10px; height:17px; margin-right:3px; border-radius: 3px">
</div>
<div style="margin-right:10px; float:left">Technology</div>
<div style="background-color:#188ce5; float:left; width:10px; height:17px; margin-right:3px; border-radius: 3px">
</div>
<div style="margin-right:10px; float:left">Geopolitics</div>
<div style="background-color:#ff4136; float:left; width:10px; height:17px; margin-right:3px; border-radius: 3px">
</div>
<div style="margin-right:10px; float:left">Economic</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment