Skip to content

Instantly share code, notes, and snippets.

@b12e
Created September 17, 2020 09:52
Show Gist options
  • Save b12e/ddda88722799880bb22b4e472619fada to your computer and use it in GitHub Desktop.
Save b12e/ddda88722799880bb22b4e472619fada to your computer and use it in GitHub Desktop.
Custom Card template
<html><head>
<link rel="stylesheet" href="https://toolkit.dixa.io/cards/v1/style.css" />
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css" integrity="sha384-oAOxQR6DkCoMliIh8yFnu25d7Eq/PHS21PClpwjOTeU2jRSq11vu66rf90/cZr47" crossorigin="anonymous" />
<style type="text/css">
body {
font-family: Open Sans, sans-serif;
-webkit-font-smoothing: antialiased
}
table {
border-style: hidden;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
tr {
text-align: left;
font-size: 12px;
text-transform: uppercase;
color: #9b9b9b;
font-weight: 600;
line-height: 32px;
padding: 0 8px
}
a {
color: #448AFF;
}
td {
font-size: 14px;
line-height: 20px;
color: #5a5a5a;
background-color: transparent;
padding: 6px 8px
}
td:nth-child(1){
width:150px;
min-width: 150px;
}
tr:nth-child(odd) {background: #FFFFFF}
tr:nth-child(even) {background: #F9F9F9}
table tr:hover {background: #f5f5f5}
</style>
</head>
<body>
<center>
<img src="IMAGEHERE" style="width: 200px;">
</center>
<br />
<table>
<tr>
<td>ELEMENT TYPE</td>
<td>ELEMENT VALUE</td>
</tr>
<tr>
<td>ELEMENT TYPE</td>
<td>ELEMENT VALUE</td>
</tr>
<tr>
<td>ELEMENT TYPE</td>
<td>ELEMENT VALUE</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment