!-- Intro !-->
<section class="section-intro intro-home bg-image-1 d-flex flex-column">
<div class="container my-auto">
<!-- Text !-->
<div class="title text-center padding-header-mobile">
<h1>Fund your projects and help others</h1>
<p class="w-50 m-auto">Membership allows you to fund your campaign and offer a percentage to charity. By achieving your dream, you make other dreams come true. </p>
</div>
</div>
<div class="categories">
<div class="container">
<div class="row flex-content-center">
<div class="col-12 col-md-4 categories__category">
<a class="item flex-rows d-flex" href="/projects">
<div class="image">
<img src="img/categories/projects.png">
</div>
<div class="content pl-3 my-auto">
<h3>Projects</h3>
<p>Crowdfund your idea and launch it on the market!</p>
</div>
<div class="more"></div>
</a>
</div>
<div class="col-12 col-md-4 categories__category">
<a class="item flex-rows d-flex" href="/people">
<div class="image">
<img src="img/categories/people.png">
</div>
<div class="content pl-3 my-auto">
<h3>People</h3>
<p>Be appreciated for who you are and what you do</p>
</div>
<div class="more"></div>
</a>
</div>
<div class="col-12 col-md-4 categories__category">
<a class="item flex-rows d-flex" href="/charities">
<div class="image">
<img src="img/categories/charity.png">
</div>
<div class="content pl-3 my-auto">
<h3>Charity</h3>
<p>Contributing together to a better purpose</p>
</div>
<div class="more"></div>
</a>
</div>
</div>
</div>