motarawneh.com/layouts/index.html
2020-11-10 03:17:42 -06:00

61 lines
No EOL
2 KiB
HTML

{{ define "main" }}
<main>
<header class="personal-summary section">
<div class="container">
<img src="/images/king.jpg" alt="Mohammed al-Tarawneh being thanked by King Abdullah II of Jordan">
{{ with .Params.about }}
<h2 class="section-header">{{.}}</h2>
{{ end }}
{{ with .Params.summary }}
<p>{{. | markdownify}}</p>
{{ end }}
</div>
</header>
<section id="about" class="section">
<div class="container">
<div class="organization-logos">
<img src="/logos/un-ohchr.png" alt="UN OHCHR logo" width="320px"><br>
<img src="/logos/crpd.png" alt="CRPD logo" width="320px"><br>
<img src="/logos/ifes.jpg" alt="IFES logo" width="320px"><br>
<img src="/logos/ard.png" alt="ARD, Inc. logo" width="320px"><br>
<img src="/logos/g3ict.png" alt="G3ICT logo" width="320px"><br>
<img src="/logos/gaates.png" alt="GAATES logo" width="320px">
</div>
<div class="cta">
{{ with .Params.readmore }}
<a href="./about">{{.}}</a>
{{ end }}
</div>
</div>
</section>
<section id="media" class="section">
<div class="container">
{{ with .Params.latest }}
<h2 class="section-header">{{.}}</h2>
{{ end }}
<ul class="media-list">
{{- range ( where site.RegularPages "Section" "media" | first 6 ) }}
<a href="{{.Permalink}}" class="media-item"><li>{{.Title}}</li></a>
{{- end }}
</ul>
</div>
</section>
<section class="section" id="contact">
<div class="container">
{{ with .Params.contact }}
<h2 class="section-header">{{.}}</h2>
{{ end }}
<div class="vcard h-card">
<img class="u-photo" src="/images/mo-square.jpg" alt="Picture of Mohammed al-Tarawneh">
<div class="info">
<p class="p-name">Mohammed al-Tarawneh</p>
<ul class="contact-methods">
<li class="contact-method email u-email"><i class="fa fa-envelope" aria-hidden="true"></i>motarawneh@gmail.com</li>
<li class="contact-method tel p-tel"><i class="fa fa-phone" aria-hidden="true"></i>+962 79 555 5850</li>
</ul>
</div>
</div>
</div>
</section>
</main>
{{ end }}