motarawneh.com/layouts/index.html

50 lines
1.6 KiB
HTML

{{ define "main" }}
<main>
<header class="personal-summary section">
<div class="container">
<img src="/images/mo1.jpg" alt="Picture of Mohammed al-Tarawneh">
{{ with .Params.summary }}
<p>{{. | markdownify}}</p>
{{ end }}
</div>
</header>
<section id="about" class="section">
<div class="container">
{{ with .Params.about }}
<h2 class="section-header">{{.}}</h2>
{{ end }}
<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 }}
</div>
</section>
<section class="section" id="contact">
<div class="container">
{{ with .Params.contact }}
<h2 class="section-header">{{.}}</h2>
{{ end }}
<ul class="contact-methods">
<li class="contact-method"><i class="fa fa-envelope" aria-hidden="true"></i>motarawneh@gmail.com</li>
<li class="contact-method"><i class="fa fa-phone" aria-hidden="true"></i>+962 79 555 5850</li>
</ul>
</div>
</section>
</main>
{{ end }}