-
Notifications
You must be signed in to change notification settings - Fork 0
/
services.html
109 lines (89 loc) · 11.7 KB
/
services.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Innovative Almaty based architecture and design studio that turns your dreams into reality. Share your vision with us and let us make your space unique.">
<meta name="keywords" content="architecture, design, studio, Marina Maslatsova, Almaty, office, home, planning, supervision">
<meta name="theme-color" content="#808080">
<meta name="author" content="Ante Budimir">
<!-- Img preview for sharing -->
<meta property="og:image" content="./img/full/third.jpg">
<meta property="og:title" content="MASLATSOVA Design & Architecture"/>
<meta property="og:description" content="Innovative architecture and design studio that turns your dreams into reality. Share your vision with us and let us make your space unique."/>
<title>MASLATSOVA Design & Architecture | Services</title>
<!-- Stylesheet -->
<link rel="preload" href="./css/main.css" as="style">
<link rel="stylesheet" href="./css/main.css">
<!-- Browser tab icon -->
<link rel="shortcut icon" href="./img/icon.png" type="image/x-icon" />
</head>
<body>
<!-- Header -->
<!-- Header -->
<header id="header">
<h1 class="hidden-visually">Marina Maslatsova, Design & Architecture</h1>
<a class="logo" href="index.html" title="Go back to the front page">
<div class="title-big">MASLATSOVA</div>
<div class="title-small">Design & Architecture</div>
</a>
<!-- Menu -->
<nav id="nav">
<div class="hamburger">
<i id="menu-icon" class="icon-menu"></i>
</div>
<ul class="menu">
<li class="menu-item"><a class="menu-link" href="index.html" title="Go back to the front page">Home</a></li>
<li class="menu-item"><a class="menu-link" href="projects.html" title="Have a look at our portfolio">Projects</a></li>
<li class="menu-item"><a class="menu-link" href="services.html" title="Find out about the services we provide">Services</a></li>
<li class="menu-item"><a class="menu-link" href="about.html" title="Find out who we are & get in touch">About</a></li>
</ul>
</nav>
</header>
<main id="services">
<!-- Architecture -->
<section id="architecture" >
<div class="russian">
<h2>Архитектурное проектирование</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem esse, ut quasi libero eligendi laboriosam possimus ipsum eius quisquam, temporibus deserunt vel natus culpa animi maxime eveniet quis voluptatem pariatur, nam officiis. Molestiae, repellendus. Et recusandae at maiores in. Adipisci possimus, harum illum tempora exercitationem cumque architecto nostrum omnis tenetur corrupti, cum natus magnam ipsa iure molestiae nulla similique ab deleniti corporis dolores molestias laboriosam eum inventore modi! Corrupti maiores a modi magnam fugiat placeat iste eos voluptates et facere vitae odit reiciendis exercitationem, ullam, ducimus nam sit commodi quisquam corporis deleniti explicabo tempore! Deleniti doloribus suscipit nulla cum modi enim dolor fugiat asperiores tempora sed obcaecati quod non impedit quae voluptatem in illo quaerat ducimus, maxime temporibus dicta eaque soluta doloremque quasi? Accusantium suscipit necessitatibus illo, nesciunt natus totam doloremque odio, blanditiis sit, provident mollitia aliquid. Inventore, explicabo beatae? Natus, ullam autem! Nihil dolore eum ratione debitis tempora fugit doloremque quidem praesentium explicabo, soluta iusto vero iure nobis qui fuga ipsam aut! Adipisci maxime cum magnam? Voluptate, cumque. Non doloribus sed provident quidem facilis dolores sint at commodi veniam voluptas fugit facere porro, mollitia aperiam expedita dicta modi quia excepturi debitis tempora in molestiae? Incidunt facere harum ipsam recusandae.</p>
<img class="services-img" src="./img/full/first.jpg" alt="Conference room">
</div>
<div class="english">
<h2>Architectural Design</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem esse, ut quasi libero eligendi laboriosam possimus ipsum eius quisquam, temporibus deserunt vel natus culpa animi maxime eveniet quis voluptatem pariatur, nam officiis. Molestiae, repellendus. Et recusandae at maiores in. Adipisci possimus, harum illum tempora exercitationem cumque architecto nostrum omnis tenetur corrupti, cum natus magnam ipsa iure molestiae nulla similique ab deleniti corporis dolores molestias laboriosam eum inventore modi! Corrupti maiores a modi magnam fugiat placeat iste eos voluptates et facere vitae odit reiciendis exercitationem, ullam, ducimus nam sit commodi quisquam corporis deleniti explicabo tempore! Deleniti doloribus suscipit nulla cum modi enim dolor fugiat asperiores tempora sed obcaecati quod non impedit quae voluptatem in illo quaerat ducimus, maxime temporibus dicta eaque soluta doloremque quasi? Accusantium suscipit necessitatibus illo, nesciunt natus totam doloremque odio, blanditiis sit, provident mollitia aliquid. Inventore, explicabo beatae? Natus, ullam autem! Nihil dolore eum ratione debitis tempora fugit doloremque quidem praesentium explicabo, soluta iusto vero iure nobis qui fuga ipsam aut! Adipisci maxime cum magnam? Voluptate, cumque. Non doloribus sed provident quidem facilis dolores sint at commodi veniam voluptas fugit facere porro, mollitia aperiam expedita dicta modi quia excepturi debitis tempora in molestiae? Incidunt facere harum ipsam recusandae.</p>
<img class="services-img" src="./img/full/second.jpg" alt="Staircase">
</div>
</section>
<!-- Interior -->
<section id="interior-design" >
<div class="russian">
<h2>Дизайн интерьеров</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem esse, ut quasi libero eligendi laboriosam possimus ipsum eius quisquam, temporibus deserunt vel natus culpa animi maxime eveniet quis voluptatem pariatur, nam officiis. Molestiae, repellendus. Et recusandae at maiores in. Adipisci possimus, harum illum tempora exercitationem cumque architecto nostrum omnis tenetur corrupti, cum natus magnam ipsa iure molestiae nulla similique ab deleniti corporis dolores molestias laboriosam eum inventore modi! Corrupti maiores a modi magnam fugiat placeat iste eos voluptates et facere vitae odit reiciendis exercitationem, ullam, ducimus nam sit commodi quisquam corporis deleniti explicabo tempore! Deleniti doloribus suscipit nulla cum modi enim dolor fugiat asperiores tempora sed obcaecati quod non impedit quae voluptatem in illo quaerat ducimus, maxime temporibus dicta eaque soluta doloremque quasi? Accusantium suscipit necessitatibus illo, nesciunt natus totam doloremque odio, blanditiis sit, provident mollitia aliquid. Inventore, explicabo beatae? Natus, ullam autem! Nihil dolore eum ratione debitis tempora fugit doloremque quidem praesentium explicabo, soluta iusto vero iure nobis qui fuga ipsam aut! Adipisci maxime cum magnam? Voluptate, cumque. Non doloribus sed provident quidem facilis dolores sint at commodi veniam voluptas fugit facere porro, mollitia aperiam expedita dicta modi quia excepturi debitis tempora in molestiae? Incidunt facere harum ipsam recusandae.</p>
<img class="services-img" src="./img/full/third.jpg" alt="Kitchen">
</div>
<div class="english">
<h2>Interior Design</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem esse, ut quasi libero eligendi laboriosam possimus ipsum eius quisquam, temporibus deserunt vel natus culpa animi maxime eveniet quis voluptatem pariatur, nam officiis. Molestiae, repellendus. Et recusandae at maiores in. Adipisci possimus, harum illum tempora exercitationem cumque architecto nostrum omnis tenetur corrupti, cum natus magnam ipsa iure molestiae nulla similique ab deleniti corporis dolores molestias laboriosam eum inventore modi! Corrupti maiores a modi magnam fugiat placeat iste eos voluptates et facere vitae odit reiciendis exercitationem, ullam, ducimus nam sit commodi quisquam corporis deleniti explicabo tempore! Deleniti doloribus suscipit nulla cum modi enim dolor fugiat asperiores tempora sed obcaecati quod non impedit quae voluptatem in illo quaerat ducimus, maxime temporibus dicta eaque soluta doloremque quasi? Accusantium suscipit necessitatibus illo, nesciunt natus totam doloremque odio, blanditiis sit, provident mollitia aliquid. Inventore, explicabo beatae? Natus, ullam autem! Nihil dolore eum ratione debitis tempora fugit doloremque quidem praesentium explicabo, soluta iusto vero iure nobis qui fuga ipsam aut! Adipisci maxime cum magnam? Voluptate, cumque. Non doloribus sed provident quidem facilis dolores sint at commodi veniam voluptas fugit facere porro, mollitia aperiam expedita dicta modi quia excepturi debitis tempora in molestiae? Incidunt facere harum ipsam recusandae.</p>
<img class="services-img" src="./img/full/fourth.jpg" alt="Children's room">
</div>
</section>
<!-- Additional -->
<section id="additional" >
<div class="russian">
<h2>Дополнительные услуги</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem esse, ut quasi libero eligendi laboriosam possimus ipsum eius quisquam, temporibus deserunt vel natus culpa animi maxime eveniet quis voluptatem pariatur, nam officiis. Molestiae, repellendus. Et recusandae at maiores in. Adipisci possimus, harum illum tempora exercitationem cumque architecto nostrum omnis tenetur corrupti, cum natus magnam ipsa iure molestiae nulla similique ab deleniti corporis dolores molestias laboriosam eum inventore modi! Corrupti maiores a modi magnam fugiat placeat iste eos voluptates et facere vitae odit reiciendis exercitationem, ullam, ducimus nam sit commodi quisquam corporis deleniti explicabo tempore! Deleniti doloribus suscipit nulla cum modi enim dolor fugiat asperiores tempora sed obcaecati quod non impedit quae voluptatem in illo quaerat ducimus, maxime temporibus dicta eaque soluta doloremque quasi.</p>
</div>
<div class="english">
<h2>Additional Services</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem esse, ut quasi libero eligendi laboriosam possimus ipsum eius quisquam, temporibus deserunt vel natus culpa animi maxime eveniet quis voluptatem pariatur, nam officiis. Molestiae, repellendus. Et recusandae at maiores in. Adipisci possimus, harum illum tempora exercitationem cumque architecto nostrum omnis tenetur corrupti, cum natus magnam ipsa iure molestiae nulla similique ab deleniti corporis dolores molestias laboriosam eum inventore modi! Corrupti maiores a modi magnam fugiat placeat iste eos voluptates et facere vitae odit reiciendis exercitationem, ullam, ducimus nam sit commodi quisquam corporis deleniti explicabo tempore! Deleniti doloribus suscipit nulla cum modi enim dolor fugiat asperiores tempora sed obcaecati quod non impedit quae voluptatem in illo quaerat ducimus, maxime temporibus dicta eaque soluta doloremque quasi.</p>
</div>
</section>
</main>
<!-- Footer -->
<footer id="footer">
<p>MASLATSOVA Design & Architecture, <br class="hide-on-desktop"> ©2020 - <span id="currentYear"></span></p>
</footer>
<!-- JS -->
<script src="./js/main.js"></script>
</body>
</html>