Skip to content

Commit

Permalink
Завершена страница проодукта
Browse files Browse the repository at this point in the history
  • Loading branch information
@hazratgs
hazratgs committed Nov 14, 2016
1 parent 06ca74b commit 2f25ce9
Show file tree
Hide file tree
Showing 16 changed files with 616 additions and 132 deletions.
312 changes: 180 additions & 132 deletions .idea/workspace.xml
View file

Large diffs are not rendered by default.

163 changes: 163 additions & 0 deletions product.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,163 @@
<!doctype html>
<html>
<head>
<script src="public/js/project.js"></script>
<script>febox.init()</script>

<link rel="stylesheet" href="/public/css/style.css?ee=<?= rand(0, 999) ?>">
</head>
<body>
<header class="white">
<div class="header-head">
<div class="header-head-wrapper">
<div class="header-head-wrapper-logo">
<div class="header-head-wrapper-logo-img"></div>
<div class="header-head-wrapper-logo-data">
<h1>
<strong>Ориент</strong>
<span>Мебельные решения</span>
</h1>
</div>
</div>
<div class="header-head-wrapper-nav">
<a href="#">О компании</a>
<a href="#">Кухни</a>
<a href="#">Шкафы-купе</a>
<a href="#">Материалы</a>
<a href="#">Оплата и доставка</a>
<a href="#">Контакты</a>
</div>
<div class="header-head-wrapper-contact">
<div class="header-head-wrapper-contact-phone">8 095 548 45 54</div>
<div class="header-head-wrapper-contact-social">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 169.063 169.063" style="enable-background:new 0 0 169.063 169.063;" xml:space="preserve"><g><path d="M122.406,0H46.654C20.929,0,0,20.93,0,46.655v75.752c0,25.726,20.929,46.655,46.654,46.655h75.752 c25.727,0,46.656-20.93,46.656-46.655V46.655C169.063,20.93,148.133,0,122.406,0z M154.063,122.407 c0,17.455-14.201,31.655-31.656,31.655H46.654C29.2,154.063,15,139.862,15,122.407V46.655C15,29.201,29.2,15,46.654,15h75.752 c17.455,0,31.656,14.201,31.656,31.655V122.407z" fill="#FFFFFF"/><path d="M84.531,40.97c-24.021,0-43.563,19.542-43.563,43.563c0,24.02,19.542,43.561,43.563,43.561s43.563-19.541,43.563-43.561 C128.094,60.512,108.552,40.97,84.531,40.97z M84.531,113.093c-15.749,0-28.563-12.812-28.563-28.561 c0-15.75,12.813-28.563,28.563-28.563s28.563,12.813,28.563,28.563C113.094,100.281,100.28,113.093,84.531,113.093z" fill="#FFFFFF"/><path d="M129.921,28.251c-2.89,0-5.729,1.17-7.77,3.22c-2.051,2.04-3.23,4.88-3.23,7.78c0,2.891,1.18,5.73,3.23,7.78 c2.04,2.04,4.88,3.22,7.77,3.22c2.9,0,5.73-1.18,7.78-3.22c2.05-2.05,3.22-4.89,3.22-7.78c0-2.9-1.17-5.74-3.22-7.78 C135.661,29.421,132.821,28.251,129.921,28.251z" fill="#FFFFFF"/></g></svg>
<strong>Мы в instagram</strong>
</div>
</div>
</div>
</div>
</header>
<div class="page">
<div class="page-wrapper">
<div class="page-wrapper-head">
<div class="page-wrapper-head-crumbs">
<a href="#">Сайт</a>
<a href="#">Каталог</a>
<a href="#">Антонио Конте</a>
</div>
<h1>Схема 4-3-3 "Фентези"</h1>

</div>
<div class="page-wrapper-open">

<!-- 1. Link to jQuery (1.8 or later), -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- 33 KB -->

<!-- fotorama.css & fotorama.js. -->
<link href="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet"> <!-- 3 KB -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script> <!-- 16 KB -->

<!-- 2. Add images to <div class="fotorama"></div>. -->
<div class="fotorama" data-nav="thumbs">
<img src="/public/img/product/12.jpg">
<img src="/public/img/product/1.jpg">
<img src="/public/img/product/2.jpg">
<img src="/public/img/product/3.jpg">
<img src="/public/img/product/4.jpg">
<img src="/public/img/product/5.jpg">
<img src="/public/img/product/6.jpg">
<img src="/public/img/product/7.jpg">
<img src="/public/img/product/8.jpg">
<img src="/public/img/product/9.jpg">
<img src="/public/img/product/11.jpg">
</div>

<!-- 3. Enjoy! -->

<div class="page-wrapper-open-html">
<p><strong>СТОЛЕЩНИЦЫ</strong></p>
<p></p>
<p>ЛСДП 18мм кромка АБС.</p>
<p><strong>Цвет столещниц:</strong> снежно-белый, дымчато-серый, дуб, орех Каналлето</p>
<p></p>
<p><strong>МЕТАЛЛИЧЕСКИЕ ОПОРЫ</strong></p>
<p>П-образный формы из стальной трубы квадратного сечения 35*35.</p>
<p>Предлагается так же опоры Т-образной формы из стальной трубы круглого сечения. Возможно использовать опоры с регулировкой по высоте от 65 до 85 см.</p>
<p></p>
<p><strong>ЭКРАНЫ</strong></p>
<p>ЛДСП 18мм с закругленными краями, кромка АБС.</p>
<p><strong>Цвета экранов:</strong> аналогичные цвету столешниц, а также же зеленый или желтый, либо – прозрачный акрил 10мм.</p>
<p>Особенность серии — экстрадлинная единая столешница рабочего стола на 360см.</p>
</div>

<div class="page-wrapper-open-form">
<strong>ЗАКАЗАТЬ «КОЛЛЕКЦИЯ FRAMEWORK 2.0»</strong>
<p>Каждый заказ мы рассматриваем индивидуально. Оставьте нам свою контактную информацию, чтобы менеджер смог с Вами связаться.</p>

<div class="page-wrapper-open-form-data">
<form>
<div class="page-wrapper-open-form-data-left">
<span>Имя:</span>
<input type="text">
<span>Телефон:</span>
<input type="text">
<span>E-Mail:</span>
<input type="text">

<button>Отправить</button>
</div>
<div class="page-wrapper-open-form-data-right">
<span>Комментарий</span>
<textarea></textarea>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="footer-wrapper">
<div class="footer-wrapper-link">
<a href="#">О компании</a>
<a href="#">Кухни</a>
<a href="#">Шкафы-купе</a>
<a href="#">Материалы</a>
<a href="#">Оплата и доставка</a>
<a href="#">Контакты</a>
</div>
<div class="footer-wrapper-contact">
<a href="#">Перезвоните мне</a>
</div>
</div>
<div class="footer-data">
<div class="footer-data-logo">
<strong>Ориент</strong>
<span>Мебельные решения</span>

<p>© 2004-2016</p>

<div class="header-head-wrapper-contact-social">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 169.063 169.063" style="enable-background:new 0 0 169.063 169.063;" xml:space="preserve"><g><path d="M122.406,0H46.654C20.929,0,0,20.93,0,46.655v75.752c0,25.726,20.929,46.655,46.654,46.655h75.752 c25.727,0,46.656-20.93,46.656-46.655V46.655C169.063,20.93,148.133,0,122.406,0z M154.063,122.407 c0,17.455-14.201,31.655-31.656,31.655H46.654C29.2,154.063,15,139.862,15,122.407V46.655C15,29.201,29.2,15,46.654,15h75.752 c17.455,0,31.656,14.201,31.656,31.655V122.407z" fill="#FFFFFF"></path><path d="M84.531,40.97c-24.021,0-43.563,19.542-43.563,43.563c0,24.02,19.542,43.561,43.563,43.561s43.563-19.541,43.563-43.561 C128.094,60.512,108.552,40.97,84.531,40.97z M84.531,113.093c-15.749,0-28.563-12.812-28.563-28.561 c0-15.75,12.813-28.563,28.563-28.563s28.563,12.813,28.563,28.563C113.094,100.281,100.28,113.093,84.531,113.093z" fill="#FFFFFF"></path><path d="M129.921,28.251c-2.89,0-5.729,1.17-7.77,3.22c-2.051,2.04-3.23,4.88-3.23,7.78c0,2.891,1.18,5.73,3.23,7.78 c2.04,2.04,4.88,3.22,7.77,3.22c2.9,0,5.73-1.18,7.78-3.22c2.05-2.05,3.22-4.89,3.22-7.78c0-2.9-1.17-5.74-3.22-7.78 C135.661,29.421,132.821,28.251,129.921,28.251z" fill="#FFFFFF"></path></g></svg>
<strong>Мы в instagram</strong>
</div>
</div>
<div class="footer-data-contact">
<span>тел.: +7 (495) 933-10-55,</span>
<span>Москва, Бережковская набережная,</span>
<span>д. 16а, БЦ «Riverside Stadion»</span>
</div>
<div class="footer-data-febox">
<div class="footer-content-de-febox">
<a href="https://febox.ru" target="_blank">
<svg viewBox="0 0 116.2 116.2"><path class="st0" d="M0,0v116.2h116.2V0H0z M46.5,63h-15v11.8H19.7V54.2h26.8V63z M55.2,51.5H19.7v-9h35.5V51.5z M96,74.7H60.5V54.2 h26.8V63h-15v2.7H96V74.7z M95.5,51.5H60v-9h35.5V51.5z"></path></svg>
<span><i>Разработка сайта</i><b></b></span>
</a>

<span>Все материалы сайта являются <br>объектами авторского права</span>
</div>
</div>
</div>
</footer>
</body>
</html>
137 changes: 137 additions & 0 deletions public/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1835,11 +1835,18 @@ footer .footer-data .footer-data-febox .footer-content-de-febox > span {
/* Страницы */
.page {
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.page .page-wrapper {
width: 1200px;
margin: auto;
min-height: calc(100vh - 81px - 270px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 30px;
}
.page .page-wrapper .page-wrapper-head {
padding: 20px 0;
Expand Down Expand Up @@ -2057,3 +2064,133 @@ footer .footer-data .footer-data-febox .footer-content-de-febox > span {
font-weight: 300;
display: block;
}
.page .page-wrapper .page-wrapper-open {
width: 700px;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-html {
padding: 40px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-html p {
font-family: 'Open Sans';
font-size: 16px;
font-weight: 300;
line-height: 28px;
min-height: 18px;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-form {
margin-top: 20px;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-form strong {
font-family: 'Open Sans';
font-size: 21px;
font-weight: bold;
margin-bottom: 15px;
display: block;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-form p {
font-family: 'Open Sans';
font-size: 13px;
font-weight: 300;
line-height: 21px;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data {
padding-top: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-left {
width: 300px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 30px;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-left span {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 300;
display: block;
padding: 7px 0;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-left input {
display: block;
width: 100%;
border: 1px solid #999;
font-family: 'Open Sans';
font-size: 15px;
padding: 10px;
font-weight: 300;
margin-bottom: 10px;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-left input:focus {
border-color: #d09552;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-left button {
display: block;
background-color: #fff;
border: 1px solid #999;
padding: 15px;
text-align: center;
outline: none;
font-family: 'Open Sans';
text-transform: uppercase;
font-weight: 600;
color: #d09552;
width: 100%;
cursor: pointer;
font-size: 16px;
margin-top: 43px;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-left button:hover {
border-color: #d09552;
background-color: #d09552;
color: #fff;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-right {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-right span {
font-family: 'Open Sans';
font-size: 14px;
font-weight: 300;
display: block;
padding: 7px 0;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-right textarea {
resize: none;
display: block;
width: 100%;
border: 1px solid #999;
font-family: 'Open Sans';
font-size: 15px;
height: 212px;
padding: 10px;
font-weight: 300;
margin-bottom: 20px;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-right textarea:focus {
border-color: #d09552;
}
Loading

0 comments on commit 2f25ce9

Please sign in to comment.