<!DOCTYPE HTML>
<!--
	Prologue by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>MacDermott.net Website</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.scrolly.min.js"></script>
		<script src="js/jquery.scrollzer.min.js"></script>
		<script src="js/skel.min.js"></script>
		<script src="js/skel-layers.min.js"></script>
		<script src="js/init.js"></script>
		<noscript>
			<link rel="stylesheet" href="css/skel.css" />
			<link rel="stylesheet" href="css/style.css" />
			<link rel="stylesheet" href="css/style-wide.css" />
		</noscript>
		<!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
		<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
	</head>
	<body>

		<!-- Header -->
			<div id="header" class="skel-layers-fixed">

				<div class="top">

					<!-- Logo -->
						<div id="logo">
							<h1 id="title">MacDermott Family</h1>
							<p>A family website with sections for each family member</p>
						</div>

					<!-- Nav -->
						<nav id="nav">
							<!--
							
								Prologue's nav expects links in one of two formats:
								
								1. Hash link (scrolls to a different section within the page)
								
								   <li><a href="#foobar" id="foobar-link" class="icon fa-whatever-icon-you-want skel-layers-ignoreHref"><span class="label">Foobar</span></a></li>

								2. Standard link (sends the user to another page/site)

								   <li><a href="http://foobar.tld" id="foobar-link" class="icon fa-whatever-icon-you-want"><span class="label">Foobar</span></a></li>
							
							-->
							<ul>
								<li><a href="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Intro</span></a></li>
								<li><a href="#portfolio" id="portfolio-link" class="skel-layers-ignoreHref"><span class="icon fa-th">Family Member Sites</span></a></li>
								<li><a href="#about" id="about-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Family History</span></a></li>
								<li><a href="#contact" id="contact-link" class="skel-layers-ignoreHref"><span class="icon fa-envelope">Contact</span></a></li>
							</ul>
						</nav>
						
				</div>
				
				<div class="bottom">

					<!-- Social Icons -->
						<ul class="icons">
							<li><a href="https://twitter.com/MacdermottBen" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
							<li><a href="https://www.facebook.com/groups/2364622919/" class="icon fa-facebook" target="_blank"><span class="label">Facebook</span></a></li>
							<li><a href="mailto:webmaster@macdermott.net" class="icon fa-envelope"><span class="label">Email</span></a></li>
						</ul>
				
				</div>
			
			</div>

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

				<!-- Intro -->
					<section id="top" class="one dark cover">
						<div class="container">

							<header>
								<h2 class="alt">Welcome to the <strong>MacDermott Family</strong> Website</a>.</h2>
								<p>This site is designed as a front page for the MacDermott.net domain and offers family members the opportunity to host or link to their own personal subsite.</p>
							</header>
							
							<footer>
								<a href="#portfolio" class="button scrolly">Continue...</a>
							</footer>

						</div>
					</section>
					
				<!-- Portfolio -->
					<section id="portfolio" class="two">
						<div class="container">
					
							<header>
								<h2>Family Member Sites</h2>
							</header>
							
							<p>Each section below links to the site of the relevant family - whether hosted on this server or elsewhere.</p>
						
							<div class="row">
								<div class="4u">
									<article class="item">
										<a href="http://www.macdermott.net/Ben" class="image fit" target="_blank"><img src="images/ProfilePhoto.jpg" alt="Ben MacDermott" /></a>
										<header>
											<h3>Ben</h3>
										</header>
									</article>
									<article class="item">
										<a href="http://becks.macdermott.net/blog" class="image fit" target="_blank"><img src="images/BeckyProfilePhoto.jpg" alt="" /></a>
										<header>
											<h3>Becky</h3>
										</header>
									</article>
								</div>
								<div class="4u">
									<article class="item">
										<a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a>
										<header>
											<h3>Lycia</h3>
										</header>
									</article>
									<article class="item">
										<a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a>
										<header>
											<h3>Michael</h3>
										</header>
									</article>
								</div>
								<div class="4u">
									<article class="item">
										<a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a>
										<header>
											<h3>Nathalie</h3>
										</header>
									</article>
								</div>
							</div>

						</div>
					</section>
			
				<!-- Family History -->
					<section id="about" class="three">
						<div class="container">

							<img class="image familytitle" src="images/macdermotttransparent2.png" alt="MacDermott Family Logo" />
						
							<header>
								<h2>Family History</h2>
							</header>
							
							<p>This section is a short history on the MacDermott family name (no specifics of the current generation however).  There is more information available at various other sources such as <a href"http://www.houseofnames.com/MacDermott-coat-of-arms/?a=" target="_blank">House of Names</a> or <a href="http://www.ancestry.com/name-origin?surname=macdermott" target="_blank">Ancestry.com</a> or of course the <a href="http://www.macdermot.com/home" target="_blank">Macdermott Clan Homepage</a>.</p>
							<p>The short detail below is provided by <a href="http://members.optusnet.com.au/hardiefamily/namemeanings/names/mcdermott.htm" target="_blank">Hardies of Scotland</a>:</p>
							<p>McDermott is Irish in origins, but is also found in Scotland. It is classified as of being of both patronymic and nickname origins. It is thought to be an Anglicisation of an ancient Irish name "O'Duibhdiorma". Its derivation is simple - Mac Diarmada (son of Diarmuid or Dermot).</p>
							<p>The name is numerous - it is included in the hundred most common in Ireland. It is the second most common in its home county (Roscommon) and is also found frequently in Counties Donegal and Tyrone.</p>
							<p>The MacDermots are one of the few septs whose head is recognized by the Irish Genealogical Office as an authentic chieftain, that is to say he is entitled in popular parlance to be called The MacDermot; and in this case this is enhanced by the further title of Prince of Coolavin, though of course as titles are not recognized under the Irish Constitution the designation is only used by courtesy.</p>

						</div>
					</section>
					
				<!-- Contact -->
					<section id="contact" class="four">
						<div class="container">

							<header>
								<h2>Contact the Webmaster</h2>
							</header>

							<p>If you need to get in touch with the webmaster or have a question about this site or the family members listed, please complete the form below or click on the email icon in the menu list.</p>
							
							<form method="post" action="#">
								<div class="row half">
									<div class="6u"><input type="text" name="name" placeholder="Name" /></div>
									<div class="6u"><input type="text" name="email" placeholder="Email" /></div>
								</div>
								<div class="row half">
									<div class="12u">
										<textarea name="message" placeholder="Message"></textarea>
									</div>
								</div>
								<div class="row">
									<div class="12u">
										<input type="submit" value="Send Message" />
									</div>
								</div>
							</form>

						</div>
					</section>
			
			</div>

		<!-- Footer -->
			<div id="footer">
				
				<!-- Copyright -->
					<ul class="copyright">
						<li>&copy; Ben MacDermott. All rights reserved.</li><li>Design: Based on the Prologue template from <a href="http://html5up.net">HTML5 UP</a></li>
					</ul>
				
			</div>

	</body>
</html>