-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
209 lines (201 loc) · 22.5 KB
/
index.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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Inderse Technology</title>
<meta name="og:description" content="Inderse Technology, geleneksel evleri akıllı hale getirecek çözümler üretir.Feel the Technology.">
<meta name="title" content="Inderse Technology">
<meta name="keywords" content="Inderse, inderse, Inderse Technology, inderse technology, InHub, InBot, InDoor, Indense, indense">
<meta name="twitter:image" content="https://inderse.com/assets/img/ogimage.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:description" content="Inderse Technology, geleneksel evleri akıllı hale getirecek çözümler üretir.
Feel the Technology.">
<meta property="og:type" content="website">
<meta name="description" content="Inderse Technology, geleneksel evleri akıllı hale getirecek çözümler üretir.
Feel the Technology.">
<meta property="og:image" content="https://inderse.com/assets/img/ogimage.png">
<meta name="twitter:title" content="Inderse Technology">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="assets/img/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="180x180" href="assets/img/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/apple-icon.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext">
<link rel="stylesheet" href="assets/fonts/line-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
<link rel="stylesheet" href="assets/css/styles.css">
<!-- Shopier CSS -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8S1C7WCLCN"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-8S1C7WCLCN');
</script>
</head>
<body style="font-family: Poppins, sans-serif;background: url("assets/img/bg-pattern.png"), #f7f7f7;width: 100%;padding: 0px;margin: 0px;overflow-x: hidden;">
<div class="container">
<nav class="navbar navbar-light navbar-expand-md" style="overflow-x: hidden;">
<div class="container-fluid"><a class="navbar-brand" href="#" style="font-size: 24px;line-height: 46px;font-family: 'AmsiPro Ultra';"><img src="assets/img/inderseblacklogosmall.svg" style="width: 143px;"> </a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav flex-grow-1 justify-content-around" style="padding-top: 12px;">
<li class="nav-item"><a class="nav-link" href="about-us.html">Hakkımızda</a></li>
<li class="nav-item"><a class="nav-link" href="#inhubstage"><span class="innav">In</span>Hub</a></li>
<li class="nav-item"><a class="nav-link" href="#inbotstage"><span class="innav">In</span>Bot</a></li>
<li class="nav-item"><a class="nav-link" href="#indoorstage"><span class="innav">In</span>Door</a></li>
<li class="nav-item"><a class="nav-link" href="#simorstage" style="font-weight: 700;">SIMOR</a></li>
<li class="nav-item"><a class="nav-link" href="#fashionandindersestage">Inderse <span class="innav"> Fashion <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-shopping-cart" style="font-size: 19px;margin-bottom: 4px;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<circle cx="9" cy="19" r="2"></circle>
<circle cx="17" cy="19" r="2"></circle>
<path d="M3 3h2l2 12a3 3 0 0 0 3 2h7a3 3 0 0 0 3 -2l1 -7h-15.2"></path>
</svg></span></a></li>
</ul>
</div>
</div>
</nav>
<header class="d-flex justify-content-center productheader" id="inhubheader" style="margin-top: 15px;overflow-x: hidden;">
<div class="productdiv shadow inhubbackrounddiv" style="margin-top: 0px;background: url("assets/img/backroundimage.png") left / cover, #ffffff;">
<div data-aos="fade-up" data-aos-duration="1000" class="inhubimagediv" style="border-radius: 30px;padding-bottom: 500px;background: url("assets/img/inpod_black_bg.png") center / cover;overflow-y: hidden;overflow-x: hidden;">
<h1 data-aos="fade-left" data-aos-duration="1050" style="text-align: center;font-weight: 800;color: #080808;padding-top: 21px;font-size: 40px;"><span style="color: #00dcd1;">In</span>Hub</h1>
<h2 data-aos="fade-right" data-aos-duration="1050" id="homeheadings-1" class="homeheadings" style="color: #080808;font-weight: 300;text-align: center;">Sesli asistan ve ses sistemi.<br>Muhteşem ikili.<br><br></h2>
</div>
</div>
</header>
<header class="d-flex d-sm-flex d-md-flex d-lg-flex justify-content-center justify-content-sm-center justify-content-md-center justify-content-lg-center productheader" id="inhubstage">
<div class="aciklama">
<h1 class="d-sm-block d-md-block d-lg-none d-xl-none" data-aos="fade-left" data-aos-duration="600" style="font-size: 39px;font-weight: 800;margin: 30px;"><br><strong>Daha kaliteli ses. Daha fazla içerik.</strong><br></h1>
<div class="row row-cols-1 row-cols-sm-1 row-cols-md-1 row-cols-lg-2 row-cols-xl-2" style="margin-right: 0px;margin-left: 0px;">
<div class="col d-xl-flex justify-content-xl-center">
<div class="imagerestored"><img class="img-fluid shadow aciklamafoto" data-aos="fade-right" data-aos-duration="600" src="assets/img/top_white.jpg" style="border-radius: 30px;" loading="eager"></div>
</div>
<div class="col d-md-flex d-xl-flex align-items-xl-center">
<div class="aciklamayazi">
<h2 class="d-none d-print-block d-sm-none d-md-none d-lg-block d-xl-block" data-aos="fade-left" data-aos-duration="600" style="font-size: 39px;font-weight: 800;">Daha kaliteli ses. Daha fazla içerik.</h2>
<p data-aos="fade-left" data-aos-duration="700" style="font-size: 18px;font-weight: 300;"><span>Inderse, </span>nerede olursanız olun evinizdeki içeriklere<br>erişmenize imkan veriyor. İletişim operatörünüze bağlayabilir, aygıtınızın kurulumunu <span>hızla</span> yapabilir ve kolayca taşıyabilirsiniz.<br></p>
<p data-aos="fade-left" data-aos-duration="800" style="font-size: 18px;font-weight: 300;">Ses sistemi, bulunduğunuz her ortamda tüm odayı dolduran inanılmaz bir ses deneyimi yaşamanızı sağlıyor. Müziklerin <span>zengin</span> ve <span>derin</span> duyulmasını sağlarken istenmeyen titreşimleri de engelliyor. <br></p>
<p data-aos="fade-left" data-aos-duration="900" style="font-size: 18px;font-weight: 300;">Üstelik <span>ruh halinize</span> uygun olarak size müzikler önerebiliyor. Sonuçta ortaya, müziklerinizi ve diğer içerikleri yepyeni bir seviyeye taşıyan <span>güçlü</span> ve <span>detaylı</span> bir ses performansı çıkıyor. <br></p>
</div>
</div>
</div>
</div>
</header>
<header class="d-flex justify-content-center productheader" id="simorstage">
<div class="simordiv shadow" style="background: linear-gradient(-156deg, #aa076b, #61045f);">
<div style="border-radius: 30px;">
<h1 data-aos="fade-up" data-aos-duration="550" class="simorheading" style="text-align: center;margin-top: 50px;margin-bottom: 50px;font-weight: 200;color: rgb(255,255,255);margin-left: 0px;">S I M O R</h1>
</div>
</div>
</header>
<div class="row row-cols-1 row-cols-sm-1 row-cols-md-1 row-cols-lg-2 row-cols-xl-2" style="margin-bottom: 71px;margin-right: 0px;margin-left: 0px;overflow-x: hidden;">
<div class="col d-xl-flex align-items-xl-center">
<div class="aciklamayazi">
<h2 data-aos="fade-right" data-aos-duration="600" class="simorparagraph" style="font-size: 39px;font-weight: 800;">Bilim Kurgu deneyimi<br>yaşamak o kadar da zor değil. <br></h2>
<p data-aos="fade-right" data-aos-duration="700" class="simorparagraph" style="font-size: 18px;font-weight: 300;"><br>SIMOR, bilgi edinmenin ve işlerinizi halletmenin <span>vazgeçilmez</span> bir yolu. O an yapmakta olduğunuz işe ara vermek zorunda kalmadan hızla bilgi edinebilir veya istediğiniz işlemleri yapabilirsiniz<br></p>
<p data-aos="fade-right" data-aos-duration="800" class="simorparagraph" style="font-size: 18px;font-weight: 300;">Üstelik ruhsal durumunuza uygun olarak <span>evinizi yönetiyor.</span><br></p>
<p data-aos="fade-right" data-aos-duration="900" class="simorparagraph" style="font-size: 18px;font-weight: 300;"><span>Ev uygulaması,</span>akıllı evinizi daha da akıllıca ve en önemlisi daha da <span>güvenli</span> bir biçimde yönetmenize yardımcı oluyor. Ve yeni bir durum göstergesi, sürekli dikkat etmeniz gereken yerlere öncelik vererek bunları <span>kolayca kontrol etmenize</span> imkan tanıyor.<br></p>
</div>
</div>
<div class="col d-xl-flex justify-content-xl-center">
<div class="imagerestored"><img class="img-fluid shadow aciklamafoto" data-aos="fade-left" data-aos-duration="600" src="assets/img/appwithpod.jpg" style="border-radius: 30px;" loading="lazy"></div>
</div>
</div>
<div id="inbotstage" style="padding-bottom: 14px;"></div>
<header class="d-flex justify-content-center productheader">
<div class="productdiv shadow" style="margin-top: 0px;margin-top: 0px;background: linear-gradient(-51deg, #02aab0, #08f7eb 100%);">
<div data-aos="fade-up" data-aos-duration="1000" style="background: url("assets/img/inbot.png") center / cover repeat-x;border-radius: 30px;padding-bottom: 437px;">
<h1 data-aos="fade-left" data-aos-duration="1050" style="text-align: center;font-weight: 800;color: #080808;padding-top: 21px;font-size: 40px;"><span style="color: #ffffff;">In</span>Bot</h1>
<h2 data-aos="fade-right" data-aos-duration="1050" id="homeheadings-3" class="homeheadings" style="color: #080808;font-weight: 300;text-align: center;line-height: 19.4px;"><br>Sesiniz, elinizin yetişemediği yerlerde.<br><br></h2>
</div>
</div>
</header>
<div class="row row-cols-1 row-cols-sm-1 row-cols-md-1 row-cols-lg-2 row-cols-xl-2" style="margin-right: 0;margin-left: 0;margin-bottom: 80px;">
<div class="col d-xl-flex order-2 order-sm-2 order-md-2 order-lg-1 justify-content-xl-center order-xl-1">
<div class="imagerestored"><img class="img-fluid shadow aciklamafoto" data-aos="fade-right" data-aos-duration="600" src="assets/img/inbot_square.png" style="border-radius: 30px;background: linear-gradient(155deg, #43cea2, #06a1c9);filter: brightness(113%);" loading="lazy"></div>
</div>
<div class="col d-xl-flex order-1 order-sm-1 order-md-1 order-lg-2 align-items-xl-center order-xl-2">
<div class="aciklamayazi">
<h1 class="d-sm-block d-md-block d-lg-none d-xl-none" data-aos="fade-left" data-aos-duration="600" style="font-size: 39px;font-weight: 800;"><br><strong>Zahmetsiz kurulum .</strong><br></h1>
<h2 class="d-none d-print-block d-sm-none d-md-none d-lg-block d-xl-block" data-aos="fade-left" data-aos-duration="600" style="font-size: 39px;font-weight: 800;">Zahmetsiz kurulum.</h2>
<p data-aos="fade-left" data-aos-duration="700" style="font-size: 18px;font-weight: 300;"><br>Evinizdeki ışıkların kontrolünü sağlamak her zamankinden <span>daha kolay.</span></p>
<p data-aos="fade-left" data-aos-duration="800" style="font-size: 18px;font-weight: 300;">Yalnızca <span>InBot</span>'unuzu akıllı hale getirmek istediğiniz lambaların anahtarlarının yanına takarak o lambaları <span>akıllı</span> hale getirebilirsiniz.</p>
<p data-aos="fade-left" data-aos-duration="900" style="font-size: 18px;font-weight: 300;"><span>Taşınıyorsanız </span>hiç problem değil. Evinizin Inderse alt yapısını taşımak için InBot'larınızı söküp yeni evinize takmanız yeterlidir.<br></p>
<p data-aos="fade-left" data-aos-duration="900" style="font-size: 18px;font-weight: 300;">Ayrıca InHub'a uzak odalardan da <span>SIMOR'a</span> hızlı bir şekilde erişmek istemeniz durumunda <span>mikrofon </span> ve <span>hoparlör</span> desteğine sahip InBot'ları sepetinize ekleyebilirsiniz.</p>
</div>
</div>
</div>
<header class="d-flex justify-content-center productheader" id="indoorstage">
<div class="productdiv shadow" style="background: linear-gradient(-156deg, #00b4db, #0083b0);">
<div data-aos="fade-up" data-aos-duration="1000" style="background: url("assets/img/indoor_bg.png") center / cover repeat-x;border-radius: 30px;padding-bottom: 437px;">
<h1 data-aos="fade-left" data-aos-duration="1050" style="text-align: center;font-weight: 800;color: #080808;padding-top: 21px;font-size: 40px;"><span style="color: #ffffff;">In</span>Door</h1>
<h2 data-aos="fade-right" data-aos-duration="1050" id="homeheadings-2" class="homeheadings" style="color: #080808;font-weight: 300;text-align: center;">Sizin yerinize kapıya bakan biri.</h2>
</div>
</div>
</header>
<div class="row row-cols-1 row-cols-sm-1 row-cols-md-1 row-cols-lg-2 row-cols-xl-2" style="margin-right: 15px;margin-left: 15px;">
<div class="col d-xl-flex align-items-xl-center">
<div class="aciklamayazi">
<h3 data-aos="fade-right" data-aos-duration="600" class="simorparagraph" style="font-size: 39px;font-weight: 800;">Zili çalan da kim?</h3>
<p data-aos="fade-right" data-aos-duration="700" class="simorparagraph" style="font-size: 18px;font-weight: 300;"><br>InDoor modülümüz SIMOR'un <span>yüz tanıma</span> teknolojisini kullanarak size gelen kişinin kim olduğunu InHub veya cep telefonunuzdaki mobil uygulamamız aracılığıyla iletir.</p>
<p data-aos="fade-right" data-aos-duration="900" class="simorparagraph" style="font-size: 18px;font-weight: 300;">Ayrıca mobil uygulamamız veya InPod aracılığıyla kapınızda bekleyen kişiyle <span>iletişime geçebilmenizi</span> de sağlar. </p>
<p data-aos="fade-right" data-aos-duration="900" class="simorparagraph" style="font-size: 18px;font-weight: 300;">SIMOR evinize dönüğünüzü algılamak için InDoor'u kullanır ve sizin yerinize <span>ışıklarınızı</span> ve <span>sevdiğiniz playlisti</span> açarak evi sizin için hazırlar.<br></p>
<p data-aos="fade-right" data-aos-duration="900" class="simorparagraph" style="font-size: 18px;font-weight: 300;">Ayrıca <span>SIMOR;</span> InDoor aracılığıyla evinize geldiğinizde <span>ruh halinizi,</span> yüzünüzü detaylı bir şekilde <span>analiz ederek anlar</span> ve evinizi ruh halinize uygun bir şekilde <span>hazırlar.</span></p>
</div>
</div>
<div class="col d-xl-flex justify-content-xl-center">
<div class="d-md-flex justify-content-md-center imagerestored"><img class="img-fluid shadow aciklamafoto" data-aos="fade-left" data-aos-duration="600" src="assets/img/indoor_front_square.png" style="border-radius: 30px;background: linear-gradient(178deg, rgb(9,158,198) 0%, rgb(6,12,20) 100%), linear-gradient(22deg, #a1ffce, #faffd1);" loading="lazy"></div>
</div>
</div>
<div class="d-flex d-sm-flex d-md-flex d-lg-flex d-xl-flex justify-content-center justify-content-sm-center justify-content-md-center justify-content-lg-center justify-content-xl-center">
<footer class="footer-basic productdiv" style="background: #f2f2f2;box-shadow: 0px -5px 20px rgb(231,231,231);">
<div class="social"><a href="https://www.instagram.com/indersetechnology/" style="border-style: none;" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-brand-instagram">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<rect x="4" y="4" width="16" height="16" rx="4"></rect>
<circle cx="12" cy="12" r="3"></circle>
<line x1="16.5" y1="7.5" x2="16.5" y2="7.501"></line>
</svg></a><a href="https://twitter.com/InderseInc" style="border-style: none;" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-brand-twitter">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z"></path>
</svg></a><a href="https://www.linkedin.com/company/inderse" style="border-style: none;" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-brand-linkedin">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<rect x="4" y="4" width="16" height="16" rx="2"></rect>
<line x1="8" y1="11" x2="8" y2="16"></line>
<line x1="8" y1="8" x2="8" y2="8.01"></line>
<line x1="12" y1="16" x2="12" y2="11"></line>
<path d="M16 16v-3a2 2 0 0 0 -4 0"></path>
</svg></a><a href="mailto:iletisim@inderse.com" style="border-style: none;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-mail">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<rect x="3" y="5" width="18" height="14" rx="2"></rect>
<polyline points="3 7 12 13 21 7"></polyline>
</svg></a></div>
<ul class="list-inline">
<li class="list-inline-item"><a href="index.html">Ev</a></li>
<li class="list-inline-item"><a href="about-us.html">Hakkımızda</a></li>
<li class="list-inline-item"><a href="#inhubheader">InHub</a></li>
<li class="list-inline-item"><a href="#inbotstage">InBot</a></li>
<li class="list-inline-item"><a href="#indoorstage">InDoor</a></li>
<li class="list-inline-item"><a href="#simorstage">SIMOR</a></li>
</ul>
<p class="copyright">Bu web sitesi yeniliğe, gelişime ve değişime karşı duyduğumuz tarifsiz hislerle hazırlanmıştır.<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-heart" style="color: #ee0000;font-size: 28px;padding-bottom: 6px;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572"></path>
</svg></p>
<p class="copyright" style="margin-top: 4px;">Inderse Technology © 2023 | All rights reserved.</p>
</footer>
</div>
</div><script src="//code.tidio.co/cnnsfe1xhluqitfwioqamndphifgn6mk.js" async></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script>
<script src="assets/js/Scroll-To.js"></script>
</body>
</html>