investi-announcements-summary-v2

investi-announcements-summary-v2

by contact_investi_com_au

HTML

<div class="investi-announcements-header">
<h2>
Presentations</h2>

</div>

<div class="investi-announcements-summary-v2"
data-investi-num-announcements="100"
  data-investi-filter-regex="presentation"

data-investi-date-format="dd MMM yyyy"
></div>


<script src="//api.investi.com.au/investi.js?apiKey=65617c97-29a9-4abd-847d-afbb368ac62a"></script>

CSS

.investi-announcements-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  background: linear-gradient(90deg, rgba(2, 84, 106, 1) 0, rgba(42, 175, 149, 1) 100%);
  color: #fff;
  align-items: center;
  padding: 0 1rem;
}

.investi-announcements-header a {
  color: #fff;
  font-size: 1.5rem;
  text-decoration: none;
}

.investi-announcement-row {
  font-family: acumin-pro;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 120px auto;
  gap: 10px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: solid 1px #939393;
  align-items: center;
}

.investi-announcement-headline a {
  color: rgb(88, 89, 91);
  font-weight: 400;
  text-decoration: none;
  display: grid;
  gap: 10px;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
}

.investi-announcement-headline a:hover {
  color: rgb(2, 84, 106, 1);

}

.investi-announcement-headline a:after {
  content: "»";
  font-size: 1.5rem;
}