index.html

---
title: Portfolio
---

<div role="main" class="main">

	<div class="container container-lg">
		<div class="row">
			<div class="col-lg-7 pt-5">
				<h2 class="font-weight-bold text-10 line-height-2 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="500"><span class="text-5">Hello, I'm Dominic Cartwright.</span></h2>
				<h4 class="text-6 line-height-6 font-weight-normal appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="800"><span class="opacity-6">You're looking at my porfolio. If you have any questions, please do not hesitate to contact me.</span></h4>
				<a class="btn btn-primary home-contact btn-with-arrow mb-2 ml-0 pl-0 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="1100" href="/contact">Contact Me <span><i class="fas fa-chevron-right"></i></span></a>
			</div>
		</div>
	</div>

	<hr class="my-5">

	<div class="container container-lg">

		<div class="sort-destination-loader sort-destination-loader-loaded mt-4 pt-2">
			<div class="row portfolio-list sort-destination" data-sort-id="portfolio">

				{% for project in site.projects reversed %}
					<div class="col-md-6 col-lg-3 isotope-item websites">
						{% include project-item.html %}
					</div>
				{% endfor %}

			</div>
		</div>

	</div>

</div>