<html> <body> <div id=’medlemmer’></div> <script src=»https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js»></script> <script> $(document).ready(function(){ $.post(«https://api.paraoffice.com/group/gs/members») .done(function(json) { $.each(json, function (index, data) { $(‘#medlemmer’).append(‘<div class=»col-md-4 col-lg-4 col-xs-12 pb-4″><div class=»box»><div class=»box-header»><i class=»fas fa-id-card color-icon»></i> ’ + data[‘name’] + ‘</div><div class=»box-body»><div class=»row»><div class=»col-md-12 col-md-6 col-xs-12″ style=»width: 250px;»><img src=»https://api.paraoffice.com/profileimage/’ + data[‘uid’] + ‘» style=»width: 200px; height: 200px;»></div><div class=»col-md- 12 col-lg-6 col-xs-12 pt-2″><h5 class=»text-high»>’ + data[‘name’] + ‘ (‘ + data[‘age’] + ‘), <i>’ + data[‘city’] + ‘</i></h5><i class=»text-blue»>’ + data[‘title’] + ‘</i><p></p>Medlem siden <span class=»text-high»>’ + data[‘groupjoindate’] + ‘</span> (<span class=»text-high»>’ + data[‘groupjoinyears’] + ‘ år</span>)<p></p><i class=»fas fa-briefcase color-icon fa-fw»></i> Oppdrag <span class=»text-high»>’ + dat a[‘investigations’] + ‘</span><br /><i class=»fas fa-star text-warning fa-fw»></i> Publiserte funn <span class=»text-high»>’ + data[‘pubfind’] + ‘</span><br /><i class=»fas fa-history color-icon fa-fw»></i> Sist aktiv <span class=»text-high»>’ + data[‘lastcasedate’] + ‘</span></div></div>’); }); }); }); </script> </body> </html>
