-
Notifications
You must be signed in to change notification settings - Fork 0
/
order.html
73 lines (69 loc) · 3.38 KB
/
order.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Артрад</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css"
integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Spectral+SC" rel="stylesheet">
</head>
<body>
<div id="background"></div>
<header>
<div class="container">
<div id="header1">
<button class="button_lang">English</button>
<div class="logo"></div>
</div>
<div id="header2">
<h2>Радужный путь художника</h2>
<h1>Ляли</h1>
<h1>Асадуллиной</h1>
</div>
<div id="header3">
<div id="portrait"></div>
</div>
</div>
<div class="menu" id="horizontal">
<a href="index.html"><div class="menu-item">Главная</div></a>
<a href="gallery.html"><div class="menu-item">Галерея</div></a>
<a href="order.html"><div class="menu-item">Заказы</div></a>
<a href="writing.html"><div class="menu-item">Сочинения</div></a>
<a href="exhibition.html"><div class="menu-item">Выставки</div></a>
<a href="about.html"><div class="menu-item">Обо мне</div></a>
<a href="contacts.html"><div class="menu-item">Контакты</div></a>
</div>
</header>
<main>
<div class="container">
<div class="order-wrapper">
<div class="order-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A adipisci amet aperiam beatae
cumque ea eaque eveniet ex exercitationem harum libero molestias, nihil odit provident quas quasi similique
tempora tempore totam vero? Aliquid animi, cum deleniti ducimus eaque enim iure, labore necessitatibus
numquam officiis praesentium quam, quibusdam reprehenderit rerum vero!
</div>
<div class="order-filter">
<a href="#" class="buyButton">Работы на продажу</a>
<div class="order-filter-preview">
<div style="background-image: url(img/kazan_street.jpg)" class="preview-item"></div>
<div style="background-image: url(img/kazan_street.jpg)" class="preview-item"></div>
<div style="background-image: url(img/kazan_street.jpg)" class="preview-item"></div>
<div style="background-image: url(img/kazan_street.jpg)" class="preview-item"></div>
<div style="background-image: url(img/kazan_street.jpg)" class="preview-item"></div>
<div style="background-image: url(img/kazan_street.jpg)" class="preview-item"></div>
<div style="background-image: url(img/kazan_street.jpg)" class="preview-item"></div>
<div style="background-image: url(img/kazan_street.jpg)" class="preview-item"></div>
<div style="background-image: url(img/kazan_street.jpg)" class="preview-item"></div>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="container">
<p>© Все права защищены</p>
</div>
</footer>
</body>
</html>