<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if lt IE 7]>
<html class="ie ie6 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 7]>
<html class="ie ie7 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 8]>
<html class="ie ie8 lte9 lte8" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 9]>
<html class="ie ie9 lte9" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if gt IE 9]>
<html xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if !IE]><!-->
<html xmlns="http://www.w3.org/1999/xhtml">
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>page_upload3</title>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<link href="css/imgareaselect/imgareaselect-default.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<!--[if IE]><script type="text/javascript" src="js/PIE.js"></script><![endif]-->
<script type="text/javascript" src="//use.typekit.net/olu7kkw.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<script type="text/javascript" src="js/my.js"></script>
<script type="text/javascript" src="js/jquery.imgareaselect.js"></script>
<script type="text/javascript">
function preview(img, selection) {
var scaleX = 350/selection.width;
var scaleY = 350/selection.height;
/*$('#preload img').css({
width: Math.round(scaleX * <?php echo $w?>) + 'px',
height: Math.round(scaleY * <?php echo $h?>) + 'px',
marginLeft: '-' + Math.round(scaleX * selection.x1) + 'px',
marginTop: '-' + Math.round(scaleY * selection.y1) + 'px'
});*/
$('#x1').val(selection.x1);
$('#y1').val(selection.y1);
$('#w').val(selection.width);
$('#h').val(selection.height);
}
$(document).ready(function(){
$('#get_image').imgAreaSelect({ aspectRatio:"3:3",persistent:true, handles: true, x1:0, y1:0, x2:450, y2:450, minHeight:350, minWidth:350, zIndex:1000,parent:$('.photo_block_1'), onSelectChange: preview});
$(window).resize(function(){
$('#get_image').imgAreaSelect({ aspectRatio:"3:3",persistent:true, handles: true, x1:0, y1:0, x2:450, y2:450, minHeight:350, minWidth:350, zIndex:1000,parent:$('.photo_block_1'), onSelectChange: preview});
});
});
</script>
</head>
<body class="main_page">
<div class="wrap">
<div class="wrap_top">
<div class="top">
<div class="logo"><a href="#" title="#"></a></div>
<div class="elle"><a href="#" title="#"></a></div>
<div class="top_info">
<div class="top_info1">Станьте неотъемлемой частью вселенной VISIONNAIRE! </div>
<div class="top_info2"><a href="#" title="#">Участвуйте в конкурсе</a></div>
</div>
</div>
</div>
<div class="wrap_page">
<div class="page">
<div class="menu">
<ul>
<li><span></span><a href="#" title="#">Главная</a></li>
<li><span></span><a href="#" title="#">О Visionnaire</a></li>
<li><span></span><a href="#" title="#">Рейтинг</a></li>
<li class=" active"><span></span><a href="#" title="#">Форум</a></li>
</ul>
</div>
<div class="block_collage">
<div class="fon_top"></div>
</div>
<div class="content_part">
<div class="content_info1">
<h2>Какое лицо у "абсолютной красоты"? </h2>
<p>Какая ассоциация первой приходит вам в голову? <br/>Этим вопросом задаются большинство косметических брендов в поисках идеального визуального воплощения для своих инновационных продуктов. Французская марка Lancôme объявляет о старте нового уникального beauty-проекта.</p>
<h2>Вселенная VISIONNAIRE </h2>
<p>это "естественная среда" успешных, неординарных, обаятельных, ярких, требовательных к себе, одним словом, идеальных женщин. Непохожие друг на друга, вместе, они составляют единый гармоничный образ "абсолютной красоты". Мы уверены, вы — его неотъемлемая часть и, возможно, главная героиня.</p>
</div>
<div class="wrap_content_info2">
<div class="block_presents">
<div class="top_presents">
<h2 class="title1">Участвуй в <br/> конкурсе</h2>
<h3 class="title2">выигрывай призы</h3>
</div>
</div>
</div>
<div class="link_more"><a href="#" title="#">Поближе</a></div>
</div>
</div>
</div>
</div>
<div class="wrap_footer">
<div class="footer">
<div class="menu1_foot">
<ul>
<li><a href="#" title="#"><span>ВОЙТИ</span></a></li>
<li><a href="#" title="#">РЕГИСТРАЦИЯ</a></li>
</ul>
</div>
<div class="counts_foot">
<img src="img/counts_foot_main.png" alt=""/>
</div>
<div class="menu2_foot">
<ul>
<li><a href="#" title="#">Призы</a></li>
<li><a href="#" title="#">Правила</a></li>
</ul>
</div>
<div class="wrap_block_info_net">
<img src="img/net_block.jpg" alt=""/>
</div>
</div>
</div>
<div class="hide_block"></div>
<div class="page_upload3">
<div class="popup_left">
<div class="popup_bottom">
<div class="popup_wind1">
<div class="block_title">
<h2>Участвовать в конкурсе</h2>
</div>
<div class="popup_content_part">
<div class="wrap_redactor">
<div class="photo_block_1"><img id="get_image" src="img/photo2.jpg" alt=""/></div>
<div class="redactor">
<h4>В данном разделе вы можете
отредактировать свою фотографию.</h4>
<h3>Возможности редактора:</h3>
<ol class="num_list">
<li><span></span>Определить видимую область (квадрат, прямоугольник)</li>
<li><span></span>Регистрация авторами работ, посылаемых на конкурс.</li>
</ol>
</div>
</div>
<div class="but_continu"><a href="#" title="#">ПРОДОЛЖИТЬ</a></div>
</div>
<div class="close_wind"><a href="#" title="#"></a></div>
</div>
</div>
</div>
</div>
</body>
</html>