{{template "partials/self-sidebar" .}}

<!-- Wrapper -->
	<div id="wrapper">

		<!-- Main -->
			<div id="main">

				<!-- About me -->
					<section id="abt">
						<div class="container">
							<header class="major">
								<h2>So who is this "Orlando"?</h2>
								<p>I'm so glad you asked!</p>
							</header>
							<p>{{.Data.Abt}}</p>
						</div>
					</section>

				<!-- My Projects -->
				<section id="proj">
					<div class="container">
						<h3>Just some of my projects (with more to come!)</h3>
						<p>{{.Data.Projects_Header}}</p>
						<div class="features">
							<article>
								<a href="#" class="image"><img src="static/img/pic01.jpg" alt="" /></a>
								<div class="inner">
									<h4>Possibly broke spacetime</h4>
									<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer adipiscing ornare amet.</p>
								</div>
							</article>
							<article>
								<a href="#" class="image"><img src="static/img/pic02.jpg" alt="" /></a>
								<div class="inner">
									<h4>Terraformed a small moon</h4>
									<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer adipiscing ornare amet.</p>
								</div>
							</article>
							<article>
								<a href="#" class="image"><img src="static/img/pic03.jpg" alt="" /></a>
								<div class="inner">
									<h4>Snapped dark matter in the wild</h4>
									<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer adipiscing ornare amet.</p>
								</div>
							</article>
						</div>
						<div>
							<ul class="actions fit small">
								<li>
									<a href="/projects" class="button alt fit">See More Projects!</a>
								</li>
							</ul>
						</div>
					</div>
				</section>

				<!-- Skills -->
					<section id="skillz">
						<div class="container">
							<h3>Some Skills and Other Qualifications</h3>
							<p>{{.Data.Skillz_Header}}</p>
							<ul class="feature-icons">
								<li class="icon solid fa-code">Write all the code</li>
								<li class="icon solid fa-coffee">Drink much coffee</li>
							</ul>
						</div>
					</section>

				<!-- Articles -->
					<section id="articles">
						<div class="container">
							<h3>Working on the articles...</h3>
							<p>{{.Data.Articles_Header}}</p>
							
							<div>
								<ul class="actions fit small">
									<li>
										<a href="#" class="button alt fit">See All Articles!</a>
									</li>
								</ul>
							</div>
						</div>
						
					</section>

				<!-- Pets -->
				<section id="pets">
					<div class="container">
						<h3>Nothing about my pets yet...</h3>
						<p>{{.Data.Pets_Header}}</p>
					</div>
				</section>

				<!-- Contact Me -->
					<section id="contact">
						<div class="container">
							<h3>Contact Me</h3>
							<p>{{.Data.Contact_Header}}</p>
							<form method="post" action="#">
								<div class="row gtr-uniform">
									<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Name" /></div>
									<div class="col-6 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Email" /></div>
									<div class="col-12"><input type="text" name="subject" id="subject" placeholder="Subject" /></div>
									<div class="col-12"><textarea name="message" id="message" placeholder="Message" rows="6"></textarea></div>
									<div class="col-12">
										<ul class="actions">
											<li><input type="submit" class="primary" value="Send Message" /></li>
											<li><input type="reset" value="Reset Form" /></li>
										</ul>
									</div>
								</div>
							</form>
						</div>
					</section>
			</div>
	</div>