<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/html4/transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="description" content="_your description goes here_">
<meta name="keywords" content="_your,keywords,goes,here_">
<meta name="author" content="Charles B. Swiger  / Original design: Andreas Viklund - http://andreasviklund.com/">
<link rel="stylesheet" type="text/css" href="andreas01.css" media="screen" title="andreas01 (screen)">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
<title>Swiger Family Photos</title>
</head>

<body><div id="wrap">

<div id="header">
<h1>Swiger Family Photos</h1>
<p><strong>"I can see you fly. You are an angel with wings, high above the ground!"</strong><br />(traditional haiku poem)</p>
</div>

<img id="frontphoto" src="front.jpg" width="760" height="175" alt="" />

<div id="avmenu">
<h2 class="hide">Menu:</h2>

<?php
require 'menu.php'; print_menu();
?>


<div class="announce">
<h3>Latest news:</h3>
<p><strong>June 25, 2005:</strong><br />
New design and layout finished and uploaded to OSWD. Since it is my first contribution to this site, it has been given the title "andreas01".</p>
<p class="textright"><a href="index.php">Main Page...</a></p>
</div>

</div>

<div id="extras">
<h3>More info:</h3>
<p>This is the third column, which can be used in many different ways. For example, it can be used for comments, site news, external links, ads or for more navigation links. It is all up to you!</p>

<h3>Links:</h3>
<p>- <a href="http://andreasviklund.com/">My website</a><br />
- <a href="http://oswd.org/">OSWD.org</a><br />
- <a href="http://validator.w3.org/check/referer">Valid HTML</a><br />
- <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a></p>

<p class="small">Version: 1.0<br />(July 25, 2005)</p>
</div>
<div id="content">
<h2>Swiger Family Photos</h2>
<!--  <p><img src="test.jpg" height="100" width="125" class="left" alt="" /></p> -->
Choose a collection:<br />
<form action="slides_1.php" method="post">
<select name="directory" >
<option value="BabyShoeBox">Baby Shoe Box</option>
<option value="Carosel1">Carosel 1</option>
<option value="Carosel2">Carosel 2</option>
<option value="Carosel3">Carosel 3</option>
<option value="Carosel4">Carosel 4</option>
<option value="Carosel5">Carosel 5</option>
<option value="Carosel6">Carosel 6</option>
<option value="Carosel7">Carosel 7</option>
<option value="Carosel8">Carosel 8</option>
<option value="PepperMillBox">Pepper Mill Box</option>
<option value="E29424">E29424</option>
<option value="LazarusBox">Lazarus Box</option>
<option value="SmallRedBox">Small Red Box</option>
<option value="StrideRiteBox">Stride Rite Box</option>
<option value="TaffyBox">Taffy Box</option>
<option value="ViewerBox">Viewer Box</option>
<option value="WoodBox">Wood Box</option>
</select>
<br />
<input type="submit" value="Go to Collection">
</form>
<br /><br />
or search by keywords:<br />
<form action="slides_2.php" method="post">
<input type="text" name="keys">
<input type="submit" value="search">
</form>

<br><br>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="http://swigerco.com/slides_select.php" data-send="false" data-width="450" data-show-faces="true"></div>

<p><img src="test.jpg" class="right" height="100" width="125"  alt="" /></p>
</div>
<div id="footer">
Copyright &copy; 2006 Charles B. Swiger. Design by <a href="http://andreasviklund.com">Andreas Viklund</a>.

<?php
echo '<br /><a href="show_php.php?showpage='.$_SERVER[PHP_SELF].'" target="phppage">Show PHP</a>';
?>

</div>

</div>
</body>
</html>