index.html

---
layout: default
title: "Home"
permalink: /
---
<div class="container home">
	<div class="row center">
		<h1 class="header col s12 light center">Finally, beautiful websites that actually convert.</h1>
	</div>
</div>
<hr>
<div class="home container">
	<h2>Recent Blog Posts:</h2>
	<div class="row">
		{% for post in site.posts limit:3 %}
		<div class="col s12 m8 offset-m2 l12">
			<div class="card-panel grey lighten-5 z-depth-1">
				<div class="row">
					<div class="col s10 offset-s1">
						<span class="black-text">
				<h3 class="header"><a href="{{ post.url }}">{{ post.title }}</a></h3>
				<time>{{ post.date | date: "%b %-d, %Y" }}</time>
				  {{ post.excerpt }}
			  </span>
						<a href="{{ post.url }}" class="waves-effect waves-light btn-large red darken-4">Continue Reading</a>
					</div>
				</div>
			</div>
		</div>
		{% endfor %}
	</div>
</div>
<div class="container">
	<div class="row">
	<h2>I take websites and make them perform.</h2>
	<p>I'm a :</p>
	<ul>
		<li>Front-end Developer</li>
		<li>WordPress Developer</li>
		<li>Web Developer</li>
	</ul>
	<p>I love programming and I practice the art every day. Whether its for school, work or just fun I am constantly learning and experimenting.</p>
	<p>You can check out my resume <a href="/colton-fitzgerald-resume.pdf">here</a> and my school portfolio <a href="/school/">here</a>.</p>
	</div>
	<div class="row">
		<div class="col s12">
			<h2>Recent Portfolio Items:</h2>
			<ul class="portfolio-list row">
			{% for item in site.portfolio limit:3 %}
				<li class="col s12 m6 l4 {{ item.categories }}">
					<div class="card">
						{% if item.categories == "website" %}
					  <div class="browser valign-wrapper">
						<div class="left">
							<div class="red-btn left"></div>
							<div class="yellow-btn left"></div>
							<div class="green-btn left"></div>
						</div>
					  </div>
						{% endif %}
					   <div class="card-image">
						   {% if item.image %}
						  <img class="portfolio-img" src="{{ site.url }}{{ item.image }}" alt="{{ item.title }}">
						   {% endif %} {% if item.video %}
							<div class="video-container">
								<iframe width="355" height="191" src="//www.youtube.com/embed/{{ item.video }}" allowfullscreen></iframe>
							</div>
						   {% endif %}
					   </div>
						<div class="card-action">
						 <a class="card-title black-text">{{ item.title }}</a><br>
						  <a href="{{ item.finalproject }}">View {% if item.image %}Website{% endif %}{% if item.video %}Video{% endif %}</a>
						</div>
					  </div>
				</li>
			{% endfor %}
  			</ul>
		</div>
	</div>
	<div class="row">
		<form class="col s12" action="https://cherrypopdesigns.us9.list-manage.com/subscribe/post" method="POST">
			<input type="hidden" name="u" value="977b3bea62311e75f0eff0487">
			<input type="hidden" name="id" value="8384cdb178">
			<h5>Get Updated When I Make a Blog Post</h5>
			<div class="row">
				<div class="input-field col s6 l3">
					<input id="first_name" type="text" class="validate" name="MERGE1" id="MERGE1" value="">
					<label for="first_name">First Name</label>
				</div>
				<div class="input-field col s6 l3">
					<input type="email" class="validate" autocapitalize="off" autocorrect="off" name="MERGE0" id="MERGE0" value="">
					<label for="MERGE0">Email</label>
				</div>
				<input class="hidden" type="text" name="b_977b3bea62311e75f0eff0487_8384cdb178" tabindex="-1" value="">
			</div>
			<button class="btn waves-effect waves-light" type="submit" name="submit">Sign Up
				<i class="mdi-content-send right"></i>
			</button>
		</form>
	</div>
</div>