-
Notifications
You must be signed in to change notification settings - Fork 1
/
cinema.html
174 lines (165 loc) · 9.6 KB
/
cinema.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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cinema</title>
<link rel="shortcut icon" href="./favicon/icon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="./slick.css"/>
<link rel="stylesheet" type="text/css" href="./slick-theme.css"/>
<link rel="stylesheet" href="./css/style.css">
</head>
<body class="cinema">
<div id="cursor" class=""></div>
<header class=" header" id="header">
<div class="container">
<div class="header__nav mobile__menu">
<div class="header__social">
<div class="gmail">
<a href="mailto:[email protected]"><img src="./img/icons/gmail.svg" alt="gmail"></a>
</div>
<div class="telegram">
<a href="https://t.me/+905348525567"><img src="./img/icons/telegram.svg" alt="telegram"></a>
</div>
<div class="whatsapp">
<a href="https://wa.me/+79000890542"><img src="./img/icons/whatsapp.svg" alt="whatsapp"></a>
</div>
</div>
<a href="./index.html" class="link mobile__dn"><img src="./img/icons/logo.svg" alt="Logo"></a>
<ul class="list ">
<li class="item ">
<a href="./" class="link">Home</a>
</li>
<li class="item">
<a href="portfolio.html" class="link">Portfolio</a>
</li>
<li class="item">
<a href="./about.html" class="link">About</a>
</li>
<li class="item ">
<a href="#social" class="link">Сontacts</a>
</li>
</ul>
<div class="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
</header>
<main>
<div class="portfolio__item-intro portfolio__intro cinema__intro">
<div class="container">
<div class="portfolio__intro-title title ">Bring power to your steps.</div>
<div class="portfolio__intro-arrow">
<svg width="41" height="24" viewBox="0 0 41 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.80344 1.58652C2.33274 1.07429 2.95359 0.824012 3.66599 0.835689C4.37701 0.847342 4.98863 1.11782 5.50086 1.64712L20.5091 17.1556L36.0705 2.09608C36.5645 1.618 37.1761 1.38493 37.9051 1.39688C38.6342 1.40883 39.2549 1.67946 39.7671 2.20876C40.2793 2.73806 40.5296 3.35891 40.5179 4.07131C40.5063 4.78233 40.2358 5.39395 39.7065 5.90618L21.87 23.1162C21.6582 23.3211 21.4302 23.4653 21.1857 23.5488C20.9413 23.6309 20.6802 23.6697 20.4024 23.6651C20.1247 23.6606 19.865 23.6132 19.6234 23.5232C19.3818 23.4317 19.1586 23.2801 18.9537 23.0684L1.69161 5.231C1.21353 4.73699 0.980319 4.13448 0.991973 3.42346C1.00365 2.71106 1.27414 2.09874 1.80344 1.58652Z" />
</svg>
</div>
</div>
</div>
<section class="portfolio__item-text">
<div class="container">
<div class="text__subtitle scroll-item">PROJET</div>
<div class="text__body">
<div class="text__title title fw__600 scroll-item">online cinema - WEB SITE DESIGN / UI-UX</div>
<div class="text__descr descr scroll-item">
<p >
Regardless of the economic stability in the country and the world, there will always be growing niches in the market that are likely to fall into the category of the first share. High-quality goods such as shoes can be attributed to the demanded areas. Therefore, creating an online store for sale is a very high and profitable business idea that provides a stable income all year round.
</p>
<p>
With the help of an online store, you attract a wide target audience to your products and provide advertising space. You can settle such a business mobile with any locality, placing orders 24 hours a day. I, as a designer, will do everything to attract customers to your business.
</p>
</div>
</div>
</div>
</section>
<div class="container">
<div class="cinema-mac img-scroll">
<img src="./img/cinema-img/cinema-mac.png" alt="portfolio img">
</div>
</div>
<div class="container">
<div class="portfolio__cinema-block img-scroll">
<div class="portfolio__cinema-wrapper">
<div class="portfolio__cinema-title">Movie description</div>
<div class="portfolio__cinema-img">
<img src="./img/cinema-img/cinema-img-1.jpg" alt="cinema img">
</div>
</div>
</div>
<div class="portfolio__cinema-block img-scroll">
<div class="portfolio__cinema-wrapper">
<div class="portfolio__cinema-title">Movie selection</div>
<div class="portfolio__cinema-img">
<img src="./img/cinema-img/cinema-img-2.jpg" alt="cinema img">
</div>
</div>
</div>
<div class="portfolio__cinema-block img-scroll">
<div class="portfolio__cinema-wrapper">
<div class="portfolio__cinema-title">Сategory selection</div>
<div class="portfolio__cinema-img">
<img src="./img/cinema-img/cinema-img-3.jpg" alt="cinema img">
</div>
</div>
</div>
<div class="portfolio__cinema-block img-scroll">
<div class="portfolio__cinema-wrapper">
<div class="portfolio__cinema-title">Аdaptation for all devices</div>
<div class="portfolio__cinema-img phone__images">
<img src="./img/cinema-img/cinema-img-4.png" alt="cinema img">
<img src="./img/cinema-img/cinema-img-5.png" alt="cinema img">
</div>
</div>
</div>
</div>
<div class="portfolio__item-slider">
<div class="slider__item-wrapper"><a href="/cinema.html"><img src="./img/tabs/tab-1.jpg" alt="tab slider"></a></div>
<div class="slider__item-wrapper"><a href="/nike.html"><img src="./img/tabs/tab-2.jpg" alt="tab slider"></a></div>
<div class="slider__item-wrapper"><a href="/auto.html"><img src="./img/tabs/tab-3.jpg" alt="tab slider"></a></div>
<div class="slider__item-wrapper"><a href="/bread.html"><img src="./img/tabs/tab-4.jpg" alt="tab slider"></a></div>
<div class="slider__item-wrapper"><a href="/icecream.html"><img src="./img/tabs/tab-5.jpg" alt="tab slider"></a></div>
<div class="slider__item-wrapper"><a href="/dashboard.html"><img src="./img/tabs/tab-6.jpg" alt="tab slider"></a></div>
<div class="slider__item-wrapper"><a href="/truck.html"><img src="./img/tabs/tab-7.jpg" alt="tab slider"></a></div>
</div>
</main>
<footer class="footer">
<div class="infinity__slider bg__black">
<div class="slider__content">WEB DESIGN — INTERFACES — UI/UX — SITE WEB — IDENTITÉ VISUELLE — APP DESIGN — MOBILE DESIGN — WEB DESIGN — INTERFACES — UI/UX — SITE WEB — IDENTITÉ VISUELLE — APP DESIGN — MOBILE DESIGN — WEB DESIGN — INTERFACES — UI/UX — SITE WEB —</div>
</div>
<div class="container">
<div class="footer__top">
<a href="./" class="link"><img src="./img/icons/logo.svg" alt="Logo"></a>
<div class="footer__text"><span class="fw__600">freelance</span> graphic/UI-UX/web designer</div>
<div class="footer__social">
<div class="gmail">
<a href="mailto:[email protected]"><img src="./img/icons/gmail.svg" alt="gmail"></a>
</div>
<div class="telegram">
<a href="https://t.me/+905348525567"><img src="./img/icons/telegram.svg" alt="telegram"></a>
</div>
<div class="whatsapp">
<a href="https://wa.me/+79000890542"><img src="./img/icons/whatsapp.svg" alt="whatsapp"></a>
</div>
</div>
</div>
<div class="subfooter">
<div class="subfooter__copyright">© 2021 All rights reserved.</div>
<div class="subfooter__policy"><a href="./policy.html" class="policy">Privacy Policy</a></div>
</div>
<div class="arrow-move__top">
<a href="#header"><img src="./img/icons/arrow-move-top.svg" alt="arrow move top"></a>
</div>
</div>
</footer>
<script src="./js/scrip.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="./slick.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/slick.js"></script>
</body>
</html>