motarawneh.com/layouts/index.html
2020-08-30 00:05:44 -05:00

88 lines
No EOL
5.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{.Title}}</title>
{{ $styles := resources.Get "scss/main.scss" | toCSS | minify | fingerprint }}
<link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" media="screen">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
</head>
<body>
<header class="site-header">
<div class="container">
<a href="/" class="site-title"><h1>motarawneh</h1></a>
<input type="checkbox" name="hamburger" id="hamburger">
<label for="hamburger" class="hamburger-label">
<div class="spinner diagonal part-1"></div>
<div class="spinner horizontal"></div>
<div class="spinner diagonal part-2"></div>
</label>
<nav class="site-nav">
<a href="#about">About</a>
<a href="#consultancy">Consultancy</a>
<a href="#contact">Contact</a>
</nav>
</div>
</header>
<main>
<header class="personal-summary section">
<div class="container">
<img src="/images/mo1.jpg" alt="Picture of Mohammed al-Tarawneh">
<p>Mohammed al-Tarawneh is a<br>
disability and accessibility <em>expert</em><br>
utilizing <em>accessible design</em><br>
to make the world a better place.</p>
<div class="cta">
<a href="#about">Keep reading</a>
<a href="/cv.pdf"><i class="fa fa-download" aria-hidden="true"></i>Download CV</a>
</div>
</div>
</header>
<section id="about" class="section">
<div class="container">
<h2 class="section-header">Mohammed has decades of experience at the front lines of the fight for accessibility.</h2>
<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>
<p>After graduating with a bachelor's degree in Civil Engineering from the University of Alabama at Birmingham, Mohammed began to apply his knowledge toward structural design and specialized in the removal of architectural barriers. But in 1997, Mohammed became a <em>municipal advisor to the mayor of Amman</em>, and his passion for policy and development awakened. In 2001, Mohammed obtained his master's degree in Peace Diplomacy and Development from the University of Juba, Sudan, with a main focus on international development and international relations.</p>
<!--img src="/images/gaates2009.jpg" alt="Mo accepting the GAATES 2009 award"-->
<p>Mohammed's most influential role was in serving as the Inaugural Chairperson of the Committee on the Rights of Persons with Disabilities (CRPD), as well as being an elected member from 2009 to 2016. There, Mohammed helped charter the Convention on the Rights of Persons with Disabilities. This work earned him the 2009 GAATES Award of Recognition.</p>
<!--img src="/images/king.jpg" alt="Mo being congratulated by King Abdullah II of Jordan" width="160px"-->
<p>In the past, Mohammed has also served in consultancy and advisory roles for ARD, Inc. (a wholly-owned subsidiary of Tetra-Tech), as well as for the International Foundation for Electoral Systems (IFES). Today, Mohammed continues to be a board member of the Global Initiative for Inclusive ICTs (G3ICT).</p>
</div>
</section>
<section id="consultancy" class="section">
<div class="container">
<h2 class="section-header">Mohammed is currently available for consultation and advisory roles.</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi dicta, adipisci aut a fugiat nihil facilis? Totam quas ipsa voluptate dolor facilis explicabo, perferendis vel, aliquid officia rem asperiores voluptates.</p>
</div>
</section>
<section class="section" id="contact">
<div class="container">
<h2 class="section-header">Contact Mohammed for your accessibility needs.</h2>
<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>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Earum reiciendis magni temporibus sequi praesentium impedit perferendis, a optio facere enim laudantium vitae aliquam velit quo laboriosam distinctio repellendus eaque quisquam.</p>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<div class="social-links">
<a href="https://twitter.com/motarawneh" class="social-link twitter"><i class="fa fa-twitter" aria-hidden="true"></i><span>Twitter</span></a>
<a href="https://facebook.com/mo.tarawneh" class="social-link facebook"><i class="fa fa-facebook" aria-hidden="true"></i><span>Facebook</span></a>
<a href="https://www.linkedin.com/in/mohammed-al-tarawneh-8a50715/" class="social-link linkedin"><i class="fa fa-linkedin" aria-hidden="true"></i><span>LinkedIn</span></a>
</div>
<p>Site designed and developed by<br><a href="https://abdullahtarawneh.com">Abdullah Tarawneh</a></p>
</div>
</footer>
</body>
</html>