<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['form_name']) && $_POST['form_name'] == 'loginform')
{
   $success_page = './sayfa3.html';
   $error_page = './sayfa3.html';
   $database = './usersdb.php';
   $crypt_pass = md5($_POST['password']);
   $found = false;
   $fullname = '';
   $session_timeout = 600;
   if(filesize($database) > 0)
   {
      $items = file($database, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
      foreach($items as $line)
      {
         list($username, $password, $email, $name, $active) = explode('|', trim($line));
         if ($username == $_POST['username'] && $active != "0" && $password == $crypt_pass)
         {
            $found = true;
            $fullname = $name;
         }
      }
   }
   if($found == false)
   {
      header('Location: '.$error_page);
      exit;
   }
   else
   {
      if (session_id() == "")
      {
         session_start();
      }
      $_SESSION['username'] = $_POST['username'];
      $_SESSION['fullname'] = $fullname;
      $_SESSION['expires_by'] = time() + $session_timeout;
      $_SESSION['expires_timeout'] = $session_timeout;
      $rememberme = isset($_POST['rememberme']) ? true : false;
      if ($rememberme)
      {
         setcookie('username', $_POST['username'], time() + 3600*24*30);
         setcookie('password', $_POST['password'], time() + 3600*24*30);
      }
      header('Location: '.$success_page);
      exit;
   }
}
$username = isset($_COOKIE['username']) ? $_COOKIE['username'] : '';
$password = isset($_COOKIE['password']) ? $_COOKIE['password'] : '';
if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['form_name']) && $_POST['form_name'] == 'logoutform')
{
   if (session_id() == "")
   {
      session_start();
   }
   unset($_SESSION['username']);
   unset($_SESSION['fullname']);
}
$database = './usersdb.php';
$success_page = './sayfa3.html';
$error_message = "";
if (!file_exists($database))
{
   die('User database not found!');
   exit;
}
if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['form_name']) && $_POST['form_name'] == 'signupform')
{
   $newusername = $_POST['username'];
   $newemail = $_POST['email'];
   $newpassword = $_POST['password'];
   $confirmpassword = $_POST['confirmpassword'];
   $newfullname = $_POST['fullname'];
   $code = 'NA';
   if ($newpassword != $confirmpassword)
   {
      $error_message = 'Password and Confirm Password are not the same!';
   }
   else
   if (!preg_match("/^[A-Za-z0-9_!@$]{1,50}$/", $newusername))
   {
      $error_message = 'Username is not valid, please check and try again!';
   }
   else
   if (!preg_match("/^[A-Za-z0-9_!@$]{1,50}$/", $newpassword))
   {
      $error_message = 'Password is not valid, please check and try again!';
   }
   else
   if (!preg_match("/^[A-Za-z0-9_!@$.' &]{1,50}$/", $newfullname))
   {
      $error_message = 'Fullname is not valid, please check and try again!';
   }
   else
   if (!preg_match("/^.+@.+\..+$/", $newemail))
   {
      $error_message = 'Email is not a valid email address. Please check and try again.';
   }
   $items = file($database, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
   foreach($items as $line)
   {
      list($username, $password, $email, $fullname) = explode('|', trim($line));
      if ($newusername == $username)
      {
         $error_message = 'Username already used. Please select another username.';
         break;
      }
   }
   if (empty($error_message))
   {
      $file = fopen($database, 'a');
      fwrite($file, $newusername);
      fwrite($file, '|');
      fwrite($file, md5($newpassword));
      fwrite($file, '|');
      fwrite($file, $newemail);
      fwrite($file, '|');
      fwrite($file, $newfullname);
      fwrite($file, '|1|');
      fwrite($file, $code);
      fwrite($file, "\r\n");
      fclose($file);
      $subject = 'Your new account';
      $message = 'A new account has been setup.';
      $message .= "\r\nUsername: ";
      $message .= $newusername;
      $message .= "\r\nPassword: ";
      $message .= $newpassword;
      $message .= "\r\n";
      $header  = "From: webmaster@yourwebsite.com"."\r\n";
      $header .= "Reply-To: webmaster@yourwebsite.com"."\r\n";
      $header .= "MIME-Version: 1.0"."\r\n";
      $header .= "Content-Type: text/plain; charset=utf-8"."\r\n";
      $header .= "Content-Transfer-Encoding: 8bit"."\r\n";
      $header .= "X-Mailer: PHP v".phpversion();
      mail($newemail, $subject, $message, $header);
      header('Location: '.$success_page);
      exit;
   }
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Page</title>
<meta name="generator" content="WYSIWYG Web Builder 11 Trial Version - http://www.wysiwygwebbuilder.com">
<style type="text/css">
div#container
{
   width: 800px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
#Shape4
{
   width: 800px;
   height: 45px;
   background-color: #000000;
   background-image: none;
   border: 0px #E1E1E1 solid;
}
#Shape10
{
   width: 800px;
   height: 50px;
   background-color: #000000;
   background-image: none;
   border: 0px #A0A0A0 solid;
}
#wb_CssMenu1
{
   border: 0px #DCDCDC solid;
   background-color: transparent;
}
#wb_CssMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#wb_CssMenu1 li
{
   float: left;
   margin: 0;
   padding: 0px 0px 0px 0px;
}
#wb_CssMenu1 a
{
   display: block;
   float: left;
   color: #FFFFFF;
   border: 0px #000000 solid;
   background-color: #000000;
   background: -moz-linear-gradient(top,#000000 0%,#000000 100%);
   background: -webkit-linear-gradient(top,#000000 0%,#000000 100%);
   background: -o-linear-gradient(top,#000000 0%,#000000 100%);
   background: -ms-linear-gradient(top,#000000 0%,#000000 100%);
   background: linear-gradient(top,#000000 0%,#000000 100%);
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   height: 50px;
   line-height: 50px;
   padding: 0px 14px 0px 14px;
   vertical-align: middle;
   text-align: center;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover, #wb_CssMenu1 .active
{
   color: #FFFFFF;
   background-color: #B9090B;
   background: -moz-linear-gradient(top,#B9090B 0%,#840606 100%);
   background: -webkit-linear-gradient(top,#B9090B 0%,#840606 100%);
   background: -o-linear-gradient(top,#B9090B 0%,#840606 100%);
   background: -ms-linear-gradient(top,#B9090B 0%,#840606 100%);
   background: linear-gradient(top,#B9090B 0%,#840606 100%);
   border: 0px #000000 solid;
}
#wb_CssMenu1 li.firstmain
{
   padding-left: 0px;
}
#wb_CssMenu1 li.lastmain
{
   padding-right: 0px;
}
#wb_CssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#Shape9
{
   width: 800px;
   height: 125px;
   background-color: #B9090B;
   background-image: none;
   border: 0px #E1E1E1 solid;
}
#SiteSearch1
{
   border: 1px #B7B7B7 solid;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   background-color: #FFFFFF;
   background-image: none;
   color :#B7B7B7;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   padding: 0px 0px 0px 4px;
   text-align: left;
   vertical-align: middle;
}
#SiteSearch1:focus
{
   border-color: #66AFE9;
   -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#Button1
{
   border: 1px #FFFFFF solid;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   background-color: #B9090B;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
}
#Shape8
{
   width: 798px;
   height: 179px;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px #000000 solid;
}
#wb_Text11 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text11 div
{
   text-align: left;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text4 div
{
   text-align: left;
   white-space: nowrap;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text3 div
{
   text-align: left;
   white-space: nowrap;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
   white-space: nowrap;
}
#Shape1
{
   width: 798px;
   height: 284px;
   background-color: #B9090B;
   background-image: none;
   border: 1px #000000 solid;
}
#Image1
{
   border: 0px #000000 solid;
   padding: 0px 0px 0px 0px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Image2
{
   border: 0px #000000 solid;
   padding: 0px 0px 0px 0px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Image3
{
   border: 0px #000000 solid;
   padding: 0px 0px 0px 0px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Image4
{
   border: 0px #000000 solid;
   padding: 0px 0px 0px 0px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Image5
{
   border: 1px #000000 solid;
   padding: 0px 0px 0px 0px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Image6
{
   border: 1px #000000 solid;
   padding: 0px 0px 0px 0px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Image7
{
   border: 1px #000000 solid;
   padding: 0px 0px 0px 0px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape2
{
   width: 222px;
   height: 56px;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px #000000 solid;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text5 div
{
   text-align: left;
   white-space: nowrap;
}
#Shape5
{
   width: 222px;
   height: 56px;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px #000000 solid;
}
#wb_Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text6 div
{
   text-align: left;
   white-space: nowrap;
}
#Shape6
{
   width: 222px;
   height: 56px;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px #000000 solid;
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text7 div
{
   text-align: left;
   white-space: nowrap;
}
#TextArt1
{
   border-width: 0;
}
#Shape7
{
   border-width: 0;
}
#Shape11
{
   border-width: 0;
}
#Shape3
{
   width: 798px;
   height: 164px;
   background-color: transparent;
   background-image: url(images/index_Shape3_bkgrnd.png);
   background-repeat: no-repeat;
   background-position: left top;
   border: 1px #000000 solid;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
   white-space: nowrap;
}
#Login1
{
   background-color: #FFFFFF;
   border-color:#CCCCCC;
   border-width:1px;
   border-style: solid;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   color: #000000;
   border-spacing: 6px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   text-align: left;
   width: 185px;
   height: 214px;
}
#Login1 td
{
   padding: 0;
}
#Login1 .header
{
   background-color: #878787;
   color: #FFFFFF;
   height: 16px;
   padding: 4px 4px 4px 4px;
   text-align: center;
}
#Login1 .label
{
   height: 16px;
}
#Login1 .row
{
   height: 30px;
   text-align: left;
}
#Login1 .input
{
   background-color: #FFFFFF;
   border-color: #CCCCCC;
   border-width: 1px;
   border-style: solid;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   width: 100%;
   height: 30px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 6px 4px 6px 4px;
}
#Login1 .input:focus
{
   border-color: #66AFE9;
   outline: 0;
   -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
}
#Login1 .button
{
   background-color: #3370B7;
   border-color: #2E6DA4;
   border-width: 1px;
   border-style: solid;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   padding: 4px 14px 4px 14px;
}
#Logout1
{
   background-color: #3370B7;
   border-color: #2E6DA4;
   border-width: 1px;
   border-style: solid;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   width: 96px;
   height: 25px;
}
#Signup1
{
   background-color: #FFFFFF;
   border-color:#CCCCCC;
   border-width:1px;
   border-style: solid;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   text-align: left;
   border-spacing: 6px;
   width: 277px;
   height: 396px;
}
#Signup1 td
{
   padding: 0;
}
#Signup1 .header
{
   background-color: #878787;
   color: #FFFFFF;
   height: 16px;
   padding: 4px 4px 4px 4px;
   text-align: center;
}
#Signup1 .label
{
   height: 16px;
}
#Signup1 .row
{
   height: 30px;
   text-align: left;
}
#Signup1 .input
{
   background-color: #FFFFFF;
   border-color: #CCCCCC;
   border-width: 1px;
   border-style: solid;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   width: 100%;
   height: 30px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 6px 4px 6px 4px;
}
#Signup1 .input:focus
{
   border-color: #66AFE9;
   outline: 0;
   -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
}
#Signup1 .button
{
   background-color: #3370B7;
   border-color: #2E6DA4;
   border-width: 1px;
   border-style: solid;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   padding: 4px 14px 4px 14px;
}
</style>
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="./searchindex.js"></script>
<script type="text/javascript">
var features = 'toolbar=no,menubar=no,location=no,scrollbars=yes,resizable=yes,status=no,left=,top=,width=,height=';
var searchDatabase = new SearchDatabase();
var searchResults_length = 0;
var searchResults = new Object();
function searchPage(features)
{
   var element = document.getElementById('SiteSearch1');
   if (element.value.length != 0 || element.value != " ")
   {
      var value = unescape(element.value);
      var keywords = value.split(" ");
      searchResults_length = 0;
      for (var i=0; i<database_length; i++)
      {
         var matches = 0;
         var words = searchDatabase[i].title + " " + searchDatabase[i].description + " " + searchDatabase[i].keywords;
         for (var j = 0; j < keywords.length; j++)
         {
            var pattern = new RegExp(keywords[j], "i");
            var result = words.search(pattern);
            if (result >= 0)
            {
               matches++;
            }
            else
            {
               matches = 0;
            }
         }
         if (matches == keywords.length)
         {
            searchResults[searchResults_length++] = searchDatabase[i];
         }
      }
      var wndResults = window.open('about:blank', '', features);
      setTimeout(function()
      {
         var results = '';
         var html = '<html><head><title>Search results<\/title><\/head>';
         html = html + '<body style="background-color:#FFFFFF;margin:0;padding:2px 2px 2px 2px;">';
         html = html + '<span style="font-family:Arial;font-size:13px;color:#000000">';
         for (var n=0; n<searchResults_length; n++)
         {
            var page_keywords = searchResults[n].keywords;
            results = results + '<strong><a style="color:#0000FF" target="_parent" href="'+searchResults[n].url+'">'+searchResults[n].title +'<\/a><\/strong><br>Keywords: ' + page_keywords +'<br><br>\n';
         }
         if (searchResults_length == 0)
         {
            results = 'No results';
         }
         else
         {
            html = html + searchResults_length;
            html = html + ' result(s) found for search term: ';
            html = html + value;
            html = html + '<br><br>';
         }
         html = html + results;
         html = html + '<\/span>';
         html = html + '<\/body><\/html>';
         wndResults.document.write(html);
     },100);
   }
   return false;
}
function searchParseURL()
{
   var url = decodeURIComponent(window.location.href);
   if (url.indexOf('?') > 0)
   {
      var terms = '';
      var params = url.split('?');
      var values = params[1].split('&');
      for (var i=0;i<values.length;i++)
      {
         var param = values[i].split('=');
         if (param[0] == 'q')
         {
            terms = unescape(param[1]);
            break;
         }
      }
      if (terms != '')
      {
         var element = document.getElementById('SiteSearch1');
         element.value = terms;
         searchPage('');
      }
   }
}
</script>
<script type="text/javascript">
$(document).ready(function()
{
   searchParseURL();
});
</script>
</head>
<body>
<div id="container">
<div id="wb_Shape4" style="position:absolute;left:0px;top:840px;width:800px;height:45px;z-index:0;">
<div id="Shape4"></div></div>
<div id="wb_Shape10" style="position:absolute;left:0px;top:125px;width:800px;height:50px;z-index:1;">
<div id="Shape10"></div></div>
<div id="wb_CssMenu1" style="position:absolute;left:0px;top:125px;width:488px;height:50px;z-index:2;">
<ul>
<li class="firstmain"><a class="active" href="./index.html" target="_self" title="AnaSayfa">AnaSayfa</a>
</li>
<li><a href="./Kamera.html" target="_self" title="Hakk&#305;m&#305;zda">Hakk&#305;m&#305;zda</a>
</li>
<li><a href="#" target="_self" title="Servis ">Servis&nbsp;</a>
</li>
<li><a href="#" target="_self" title="Destek">Destek</a>
</li>
<li><a href="#" target="_self" title="&#304;leti&#351;im">&#304;leti&#351;im</a>
</li>
</ul>
</div>
<div id="wb_Shape9" style="position:absolute;left:0px;top:0px;width:800px;height:125px;z-index:3;">
<div id="Shape9"></div></div>
<form name="SiteSearch1_form" id="SiteSearch1_form" onsubmit="return searchPage(features)">
<input type="text" id="SiteSearch1" style="position:absolute;left:589px;top:138px;width:144px;height:23px;line-height:23px;z-index:4;" name="SiteSearch1" value="" placeholder="Search"></form>
<input type="button" id="Button1" onclick="searchPage();return false;" name="Go" value="Go" style="position:absolute;left:745px;top:138px;width:43px;height:24px;z-index:5;">
<div id="wb_Shape8" style="position:absolute;left:0px;top:357px;width:800px;height:181px;z-index:6;">
<div id="Shape8"></div></div>
<div id="wb_Text11" style="position:absolute;left:24px;top:854px;width:537px;height:16px;z-index:7;text-align:left;">
<span style="color:#FFFFFF;font-family:'Trebuchet MS';font-size:11px;">Copyright � 2013 by &quot;Your Name&quot;&nbsp; �&nbsp; All Rights reserved&nbsp; �&nbsp; E-Mail: yourname@domain.com</span></div>
<div id="wb_Text4" style="position:absolute;left:18px;top:380px;width:211px;height:128px;z-index:8;text-align:left;">
<div style="position:absolute;left:0px;top:0px;width:211px;height:18px;"><span style="color:#B9090B;font-family:'Trebuchet MS';font-size:15px;"><strong>Solutions</strong></span></div>
<div style="position:absolute;left:0px;top:20px;width:211px;height:18px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">Sed dignissim lacinia nunc. </span></div>
<div style="position:absolute;left:0px;top:38px;width:211px;height:18px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">Curabitur tortor. Pellentesque </span></div>
<div style="position:absolute;left:0px;top:56px;width:211px;height:18px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">nibh. Aenean quam. In scelerisque </span></div>
<div style="position:absolute;left:0px;top:74px;width:211px;height:18px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">sem at dolor. Maecenas mattis. </span></div>
<div style="position:absolute;left:0px;top:92px;width:211px;height:18px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">Sed convallis tristique sem. Proin </span></div>
<div style="position:absolute;left:0px;top:110px;width:211px;height:29px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">ut ligula vel nunc egestas porttitor. </span></div>
</div>
<div id="wb_Text3" style="position:absolute;left:295px;top:382px;width:211px;height:128px;z-index:9;text-align:left;">
<div style="position:absolute;left:0px;top:0px;width:211px;height:18px;"><span style="color:#B9090B;font-family:'Trebuchet MS';font-size:15px;"><strong>Services</strong></span></div>
<div style="position:absolute;left:0px;top:20px;width:211px;height:18px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">Sed dignissim lacinia nunc. </span></div>
<div style="position:absolute;left:0px;top:38px;width:211px;height:18px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">Curabitur tortor. Pellentesque </span></div>
<div style="position:absolute;left:0px;top:56px;width:211px;height:18px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">nibh. Aenean quam. In scelerisque </span></div>
<div style="position:absolute;left:0px;top:74px;width:211px;height:18px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">sem at dolor. Maecenas mattis. </span></div>
<div style="position:absolute;left:0px;top:92px;width:211px;height:18px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">Sed convallis tristique sem. Proin </span></div>
<div style="position:absolute;left:0px;top:110px;width:211px;height:29px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">ut ligula vel nunc egestas porttitor. </span></div>
</div>
<div id="wb_Text2" style="position:absolute;left:556px;top:383px;width:210px;height:146px;z-index:10;text-align:left;">
<div style="position:absolute;left:0px;top:0px;width:210px;height:18px;"><span style="color:#B9090B;font-family:'Trebuchet MS';font-size:15px;"><strong>Projects</strong></span></div>
<div style="position:absolute;left:0px;top:20px;width:210px;height:18px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">Sed dignissim lacinia nunc. </span></div>
<div style="position:absolute;left:0px;top:38px;width:210px;height:18px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">Curabitur tortor. Pellentesque </span></div>
<div style="position:absolute;left:0px;top:56px;width:210px;height:18px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">nibh. Aenean quam. In scelerisque </span></div>
<div style="position:absolute;left:0px;top:74px;width:210px;height:18px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">sem at dolor. Maecenas mattis. </span></div>
<div style="position:absolute;left:0px;top:92px;width:210px;height:18px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">Sed convallis tristique sem. Proin </span></div>
<div style="position:absolute;left:0px;top:110px;width:210px;height:29px;"><span style="color:#696969;font-family:'Trebuchet MS';font-size:13px;">ut ligula vel nunc egestas porttitor. </span></div>
</div>
<div id="wb_Shape1" style="position:absolute;left:0px;top:546px;width:800px;height:286px;z-index:11;">
<div id="Shape1"></div></div>
<div id="wb_Image1" style="position:absolute;left:680px;top:854px;width:20px;height:20px;z-index:12;">
<a href="http://twitter.com/wysiwyg_wb"><img src="images/wwb_twitter.jpg" id="Image1" alt="" title="WYSIWYG Web Builder op Twitter"></a></div>
<div id="wb_Image2" style="position:absolute;left:706px;top:854px;width:20px;height:20px;z-index:13;">
<a href="https://www.facebook.com/wysiwygwb"><img src="images/wwb_facebook.jpg" id="Image2" alt="" title="WYSIWYG Web Builder op Facebook"></a></div>
<div id="wb_Image3" style="position:absolute;left:732px;top:854px;width:20px;height:20px;z-index:14;">
<a href="http://www.wysiwygwebbuilder.com/"><img src="images/wwb_linkedin.jpg" id="Image3" alt=""></a></div>
<div id="wb_Image4" style="position:absolute;left:758px;top:854px;width:20px;height:20px;z-index:15;">
<a href="http://www.wysiwygwebbuilder.com/rss.xml"><img src="images/wwb_rss.jpg" id="Image4" alt="" title="WYSIWYG Web Builder News"></a></div>
<div id="wb_Image5" style="position:absolute;left:18px;top:566px;width:220px;height:165px;z-index:16;">
<a href="./Bilgisayar.html"><img src="images/img0006.jpg" id="Image5" alt=""></a></div>
<div id="wb_Image6" style="position:absolute;left:290px;top:566px;width:220px;height:165px;z-index:17;">
<a href="./sayfa2.html"><img src="images/img0007.jpg" id="Image6" alt=""></a></div>
<div id="wb_Image7" style="position:absolute;left:556px;top:566px;width:220px;height:165px;z-index:18;">
<a href="./Kamera.html"><img src="images/img0008.jpg" id="Image7" alt=""></a></div>
<div id="wb_Shape2" style="position:absolute;left:18px;top:744px;width:224px;height:58px;z-index:19;">
<div id="Shape2"></div></div>
<div id="wb_Text5" style="position:absolute;left:24px;top:748px;width:211px;height:50px;z-index:20;text-align:left;">
<div style="position:absolute;left:0px;top:0px;width:211px;height:18px;"><span style="color:#000000;font-family:'Trebuchet MS';font-size:12px;"><strong>Masa�st� Ve Notebook</strong></span></div>
<div style="position:absolute;left:0px;top:18px;width:211px;height:15px;"><span style="color:#000000;font-family:'Trebuchet MS';font-size:11px;"><em>Maecenas mattis. Sed convallis tristique </em></span></div>
<div style="position:absolute;left:0px;top:34px;width:211px;height:29px;"><span style="color:#000000;font-family:'Trebuchet MS';font-size:11px;"><em>sem. </em></span></div>
</div>
<div id="wb_Shape5" style="position:absolute;left:292px;top:744px;width:224px;height:58px;z-index:21;">
<div id="Shape5"></div></div>
<div id="wb_Text6" style="position:absolute;left:298px;top:748px;width:211px;height:50px;z-index:22;text-align:left;">
<div style="position:absolute;left:0px;top:0px;width:211px;height:18px;"><span style="color:#000000;font-family:'Trebuchet MS';font-size:12px;"><strong>Tablet</strong></span></div>
<div style="position:absolute;left:0px;top:18px;width:211px;height:15px;"><span style="color:#000000;font-family:'Trebuchet MS';font-size:11px;"><em>Proin ut ligula vel nunc egestas </em></span></div>
<div style="position:absolute;left:0px;top:34px;width:211px;height:29px;"><span style="color:#000000;font-family:'Trebuchet MS';font-size:11px;"><em>porttitor. </em></span></div>
</div>
<div id="wb_Shape6" style="position:absolute;left:555px;top:744px;width:224px;height:58px;z-index:23;">
<div id="Shape6"></div></div>
<div id="wb_Text7" style="position:absolute;left:561px;top:749px;width:211px;height:34px;z-index:24;text-align:left;">
<div style="position:absolute;left:0px;top:0px;width:211px;height:18px;"><span style="color:#000000;font-family:'Trebuchet MS';font-size:12px;"><strong>G�venlik Kameras� Ve Aparatlar�</strong></span><span style="color:#000000;font-family:'Trebuchet MS';font-size:13px;"><br></span></div>
<div style="position:absolute;left:0px;top:18px;width:211px;height:29px;"><span style="color:#000000;font-family:'Trebuchet MS';font-size:11px;"><em>Quisque volutpat condimentum velit. </em></span></div>
</div>
<div id="wb_TextArt1" style="position:absolute;left:17px;top:18px;width:406px;height:87px;z-index:25;">
<img src="images/img0012.png" id="TextArt1" alt="Orange Computer" title="Orange Computer" style="width:406px;height:87px;"></div>
<div id="wb_Shape7" style="position:absolute;left:506px;top:3px;width:159px;height:146px;z-index:26;">
<img src="images/img0013.png" id="Shape7" alt="" style="width:159px;height:146px;"></div>
<div id="wb_Shape11" style="position:absolute;left:648px;top:0px;width:149px;height:133px;z-index:27;">
<img src="images/img0014.png" id="Shape11" alt="" style="width:149px;height:133px;"></div>
<div id="wb_Shape3" style="position:absolute;left:0px;top:183px;width:800px;height:166px;z-index:28;">
<div id="Shape3"></div></div>
<div id="wb_Text1" style="position:absolute;left:17px;top:224px;width:783px;height:74px;z-index:29;text-align:left;">
<div style="position:absolute;left:0px;top:0px;width:783px;height:18px;"><span style="color:#FFFFFF;font-family:'Trebuchet MS';font-size:15px;"><strong>Welcome to our website!</strong></span><em></em></div>
<div style="position:absolute;left:0px;top:20px;width:783px;height:18px;"><span style="color:#FFFFFF;font-family:'Trebuchet MS';font-size:13px;">Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed </span></div>
<div style="position:absolute;left:0px;top:38px;width:783px;height:18px;"><span style="color:#FFFFFF;font-family:'Trebuchet MS';font-size:13px;">convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. </span></div>
<div style="position:absolute;left:0px;top:56px;width:783px;height:29px;"><span style="color:#FFFFFF;font-family:'Trebuchet MS';font-size:13px;">Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. </span></div>
</div>
<a href="http://www.wysiwygwebbuilder.com" target="_blank"><img src="images/builtwithwwb11.png" alt="WYSIWYG Web Builder" style="position:absolute;left:356px;top:867px;border-width:0;z-index:250"></a>
<div id="wb_Login1" style="position:absolute;left:809px;top:244px;width:185px;height:214px;z-index:31;">
<form name="loginform" method="post" action="<?php echo basename(__FILE__); ?>" id="loginform">
<input type="hidden" name="form_name" value="loginform">
<table id="Login1">
<tr>
   <td class="header">Log In</td>
</tr>
<tr>
   <td class="label"><label for="username">User Name</label></td>
</tr>
<tr>
   <td class="row"><input class="input" name="username" type="text" id="username" value="<?php echo $username; ?>"></td>
</tr>
<tr>
   <td class="label"><label for="password">Password</label></td>
</tr>
<tr>
   <td class="row"><input class="input" name="password" type="password" id="password" value="<?php echo $password; ?>"></td>
</tr>
<tr>
   <td class="row"><input id="rememberme" type="checkbox" name="rememberme"><label for="rememberme">Remember me</label></td>
</tr>
<tr>
   <td style="text-align:center;vertical-align:bottom"><input class="button" type="submit" name="login" value="Log In" id="login"></td>
</tr>
</table>
</form>
</div>
<div id="wb_Logout1" style="position:absolute;left:918px;top:599px;width:94px;height:23px;z-index:32;">
<form name="logoutform" method="post" action="<?php echo basename(__FILE__); ?>" id="logoutform">
<input type="hidden" name="form_name" value="logoutform">
<input type="submit" name="logout" value="Logout" id="Logout1">
</form>
</div>
<div id="wb_Signup1" style="position:absolute;left:376px;top:244px;width:277px;height:396px;z-index:33;">
<form name="signupform" method="post" action="<?php echo basename(__FILE__); ?>" id="signupform">
<input type="hidden" name="form_name" value="signupform">
<table id="Signup1">
<tr>
   <td class="header">Sign up for a new account</td>
</tr>
<tr>
   <td class="label"><label for="fullname">Full Name</label></td>
</tr>
<tr>
   <td class="row"><input class="input" name="fullname" type="text" id="fullname"></td>
</tr>
<tr>
   <td class="label"><label for="username">User Name</label></td>
</tr>
<tr>
   <td class="row"><input class="input" name="username" type="text" id="username"></td>
</tr>
<tr>
   <td class="label"><label for="password">Password</label></td>
</tr>
<tr>
   <td class="row"><input class="input" name="password" type="password" id="password"></td>
</tr>
<tr>
   <td class="label"><label for="confirmpassword">Confirm Password</label></td>
</tr>
<tr>
   <td class="row"><input class="input" name="confirmpassword" type="password" id="confirmpassword"></td>
</tr>
<tr>
   <td class="label"><label for="email">E-mail</label></td>
</tr>
<tr>
   <td class="row"><input class="input" name="email" type="text" id="email"></td>
</tr>
<tr>
   <td><?php echo $error_message; ?></td>
</tr>
<tr>
   <td style="text-align:center;vertical-align:bottom"><input class="button" type="submit" name="signup" value="Create User" id="signup"></td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>