|
|
@@ -26,7 +26,7 @@ |
|
|
|
<div class="om-header-container"> |
|
|
|
<div class="om-header"> |
|
|
|
<!-- <img src="https://www.chaac.tf.fau.de/files/2018/06/csm_th_nuernberg_ohmicon_amp_0b08e6a9c0.png" width=55px height=55px> --> |
|
|
|
<img src="th_nbg_ohmicon_amp.png" width=55px height=55px> |
|
|
|
<a href="index.html"><img src="th_nbg_ohmicon_amp.png" width=55px height=55px></a> |
|
|
|
<form class="om-searchbar"> |
|
|
|
<input type="search" placeholder="Search..."> |
|
|
|
</form> |
|
|
@@ -35,41 +35,70 @@ |
|
|
|
|
|
|
|
<div class="om-content"> |
|
|
|
<div class="om-card card"> |
|
|
|
<h5 class="om-user-head"> |
|
|
|
<i class="material-icons">account_circle</i> |
|
|
|
<b> User1</b> |
|
|
|
</h5> |
|
|
|
<h6><b>Betreff</b></h6> |
|
|
|
<h6 class="msg-head"> |
|
|
|
<b>Betreff</b> |
|
|
|
<img src="favicon.ico" width=20px height=20px> |
|
|
|
</h6> |
|
|
|
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br> |
|
|
|
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p> |
|
|
|
</div> |
|
|
|
<div class="card om-card"> |
|
|
|
<h5 class="om-user-head"> |
|
|
|
<div class="om-user-line"> |
|
|
|
<i class="material-icons">account_circle</i> |
|
|
|
<b> User2</b> |
|
|
|
</h5> |
|
|
|
<h6><b>Betreff</b></h6> |
|
|
|
Erstellt von User1 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="om-card card"> |
|
|
|
<h6 class="msg-head"> |
|
|
|
<b>Betreff</b> |
|
|
|
<img src="favicon.ico" width=20px height=20px> |
|
|
|
</h6> |
|
|
|
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br> |
|
|
|
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p> |
|
|
|
<div class="om-user-line"> |
|
|
|
<i class="material-icons">account_circle</i> |
|
|
|
Erstellt von User1 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="om-card card"> |
|
|
|
<h5 class="om-user-head"> |
|
|
|
<i class="material-icons">account_circle</i> |
|
|
|
<b> User2</b> |
|
|
|
</h5> |
|
|
|
<h6><b>Betreff</b></h6> |
|
|
|
<h6 class="msg-head"> |
|
|
|
<b>Betreff</b> |
|
|
|
<img src="favicon.ico" width=20px height=20px> |
|
|
|
</h6> |
|
|
|
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br> |
|
|
|
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p> |
|
|
|
<div class="om-user-line"> |
|
|
|
<i class="material-icons">account_circle</i> |
|
|
|
Erstellt von User1 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="om-card card"> |
|
|
|
<h5 class="om-user-head"> |
|
|
|
<h6 class="msg-head"> |
|
|
|
<b>Betreff</b> |
|
|
|
<img src="favicon.ico" width=20px height=20px> |
|
|
|
</h6> |
|
|
|
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br> |
|
|
|
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p> |
|
|
|
<div class="om-user-line"> |
|
|
|
<i class="material-icons">account_circle</i> |
|
|
|
<b> User2</b> |
|
|
|
</h5> |
|
|
|
<h6><b>Betreff</b></h6> |
|
|
|
Erstellt von User1 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="om-card card"> |
|
|
|
<h6 class="msg-head"> |
|
|
|
<b>Betreff</b> |
|
|
|
<img src="favicon.ico" width=20px height=20px> |
|
|
|
</h6> |
|
|
|
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br> |
|
|
|
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p> |
|
|
|
<div class="om-user-line"> |
|
|
|
<i class="material-icons">account_circle</i> |
|
|
|
Erstellt von User1 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- |