-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
100 lines (82 loc) · 7 KB
/
about.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
<!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 | About</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 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>
<!-- About -->
<main id="about">
<section class="russian-about">
<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>
</section>
<section class="english-about">
<h2>About us</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>
</section>
</main>
<!-- Contact -->
<section id="contact">
<h2 class="hidden-visually">Get in Touch</h2>
<div class="map">
<iframe id="gmap" src="https://maps.google.com/maps?q=43.23593947965623,%2076.95710444818526&t=&z=17&ie=UTF8&iwloc=&output=embed"></iframe>
</div>
<section id="contact-info">
<h3 class="hidden-visually">Contact details</h3>
<div class="russian-info">
<p>Медеуский район, мкр.Самал 1</p>
<p>дом 4, № 115</p>
<p>050057 Алматы, Казахстан</p>
</div>
<div class="english-info">
<p>Medeo district, microdistrict Samal 1</p>
<p>House 4, № 115</p>
<p>050057 Almaty, Kazakhstan</p>
</div>
<a class="contact-link" href="tel:+123456789" title="Позвоните"><i class="icon-mobile"></i><span class="space-me"></span>Позвоните</a>
<a class="contact-link" href="mailto:[email protected]?subject=Design%20solution%20needed" target="blank" rel="noopener" title="Oбратитесь"><i class="icon-envelop"></i><span class="space-me"></span>Пишите</a>
</section>
</section>
<!-- 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>