<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Cleopatra Graphics</title>
<?php
echo $_SERVER['HTTP_USER_AGENT'];
	?>
<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="fonts/amaticsc-regular-webfont/stylesheet.css" type="text/css" charset="utf-8">
<link rel='stylesheet' media='screen and (min-device-width: 1681px)' href='css/1920.css' />
<link rel="stylesheet" media="screen and (min-device-width: 1601px)and (max-device-width: 1680px)" href="css/1680.css" />
<link rel="stylesheet" media="screen and (min-device-width: 1441px)and (max-device-width: 1600px)" href="css/1600.css" />
<link rel="stylesheet" media="screen and (min-device-width: 1367px)and (max-device-width: 1440px)" href="css/1440.css" />
<link rel="stylesheet" media="screen and (min-device-width: 1281px)and (max-device-width: 1366px)" href="css/1366.css" />
<link rel="stylesheet" media="screen and (min-device-width: 1153px)and (max-device-width: 1280px)" href="css/1280.css" />
<link rel="stylesheet" media="screen and (min-device-width: 1025px)and (max-device-width: 1152px)" href="css/1152.css" />
<link rel="stylesheet" media="screen and (min-device-width: 801px)and (max-device-width: 1024px)" href="css/1024.css" />
<link rel="stylesheet" media="screen and (max-device-width: 800px)" href="css/800.css" />
</head>

<body>
  <section>
    <div id="menuBar">
        <img src="images/menu_grrl.jpg" id="menuGrrlH" alt="wolf girl mascot">
        
        <nav>
          <div id="primaryMenu">
              <ul>
                  <li class="pageSelect"><a href="index.html">Home</a></li>
                  <li><a href="portfolio.html">Portfolio</a></li>
                  <li><a href="about.html">About</a></li>
                  <li><a href="pdfs/closson_resume.pdf">Resume</a>/<a href="pdfs/closson_cv.pdf">Vitae</a></li>
              </ul>
          </div>
        </nav>
        
        <header>
          <div id="mainTitle">
              <h1>Cleopatra Graphics</h1>
          </div>
        </header>
    </div>
    
    <article>
        <div id="slideshow">
        <div class="svwp">
                <img src="images/1920_12.jpg" class="bg" alt="color river">
            </div>
           <div class="svwp">
                <img src="images/1920_11.jpg" class="bg" alt="color kayaks">
            </div>
            <div class="svwp">
                <img src="images/1920_9.jpg" class="bg" alt="color route66">
            </div>
            <div class="svwp">
                <img src="images/1920_14.jpg" class="bg" alt="color gas_station">
            </div>
            <div class="svwp">
                <img src="images/1920_1.jpg" class="bg" alt="b_w cathedral">
            </div>
            <div class="svwp">
                <img src="images/1920_3.jpg" class="bg" alt="b_w train bus pile">
            </div>
            <div class="svwp">
                <img src="images/1920_13.jpg" class="bg" alt="color kayaks">
            </div>
            <!--<div class="svwp">
                <img src="images/1920_4.jpg" class="bg" alt="b_w cathedral exterior">
            </div>-->
            <div class="svwp">
                <img src="images/1920_5.jpg" class="bg" alt="b_w starling tree">
            </div>
            
            <!--<div class="svwp">
                <img src="images/1920_6.jpg" class="bg" alt="b_w susie Q">
            </div>-->
            <!--<div class="svwp">
                <img src="images/1920_7.jpg" class="bg" alt="b_w the rescue detail">
            </div>
            <div class="svwp">
                <img src="images/1920_8.jpg" class="bg" alt="b_w juice detail">
            </div>-->
        </div>
    </article>
    
  </section>  
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  <script type="text/javascript" src="scripts/core.js"></script>
  <script type="text/javascript" src="scripts/dynamics.js"></script>
</body>
</html>
