creative-motion.github.io/services.html at master · creative-motion/creative-motion.github.io · GitHub

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
210
<!doctype html>
<html>

<head>
  <meta charset="utf-8" />
  <meta content="width=device-width, initial-scale=1" name="viewport" />
  <meta name="theme-color" content="#20124d" />
  <meta property="og:image" content="img/fb_thumb.png" />
  <title>Creative Motion</title>
  <meta name="description"
    content="Creative Motion is a young team of techies with a passion for technology and innovation, working on various tech projects to help shape the world of tomorrow." />
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Ubuntu:400,700" rel="stylesheet">
  <meta content="width=device-width, initial-scale=1" name="viewport" />
  <link rel="stylesheet" href="lang.css" />
  <link rel="stylesheet" href="common.css" />
  <link rel="stylesheet" href="art.css" />
  <link rel="stylesheet" href="services.css" />
  <link rel="stylesheet" href="slider_carousel.css" />
  <link rel="stylesheet" href="button.css" />
  <link rel="stylesheet" href="mobile_menu.css" />
  <link rel="shortcut icon" href="favicon.ico" />

  <script src="js\lang.js" defer></script>
  <script src="js\members.js" defer></script>
  <script src="js\tooltip.js"></script>
  <script src="js\contact-form.js" defer></script>
  <script src="js\modal.js" defer></script>
  <script src="js\alertworkaround.js"></script>
  <script src="https://www.google.com/recaptcha/api.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-136710821-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'UA-136710821-1');
  </script>
</head>


<body class="langRo" id="top">
  <div id="menu" class="desk_only">
    <a href="index.html" class="logo_a"><div class="logo">
      <script>$(function(){$(".logo_m.d").load("cm.svg");});</script>
      <div class="logo_m d"></div>
      <div class="logo-text">CREATIVE MOTION</div>
    </div></a>
    <div id="menu_links">
      <a href="index.html"><span class="ro">Acasă</span><span class="en">Home</span></a>
      <a href="echipa.html" class="ro"><span>Echipa noastră</span></a><a href="team.html" class="en"><span>Our team</span></a>
      <a href="dev_cycle.html"><span class="ro">Procesul nostru</span><span class="en">Our process</span></a>
      <a href="services.html"><span class="ro active">Servicii</span><span class="en active">Services</span></a>
      <a href="contact.html"><span class="ro">Contact</span><span class="en">Contact</span></a>
      <a href="javascript:setLang('ro')">RO</a>/<a class="no_margin" href="javascript:setLang('en')">EN</a>
    </div>
  </div>
  <a href="index.html" class="logo_a mobile_only"><div class="logo">
    <script>$(function(){$(".logo_m.m").load("cm.svg");});</script>
    <div class="logo_m m"></div>
    <div class="logo-text">CREATIVE MOTION</div>
  </div></a>
  <div id="menu_mobile" class="mobile_only">
    <input type="checkbox" />
    <span class="line"></span>
    <span class="line"></span>
    <span class="line"></span>
    <ul id="menu_links_m">
      <a href="javascript:setLang('ro')">RO</a>/<a class="no_margin" href="javascript:setLang('en')">EN</a></br>
      <a href="index.html"><span class="ro">Acasă</span><span class="en">Home</span></a></br>
      <a href="echipa.html" class="ro"><span>Echipa noastră</span></a><a href="team.html" class="en"><span>Our team</span></a></br>
      <a href="dev_cycle.html"><span class="ro">Procesul nostru</span><span class="en">Our process</span></a></br>
      <a href="services.html"><span class="ro active">Servicii</span><span class="en active">Services</span></a></br>
      <a href="contact.html"><span class="ro">Contact</span><span class="en">Contact</span></a>
    </ul>
  </div>
  <div id="titlePage">
    <div class="art-layer">
      <!--<img src="img\corgi.svg" id="corgi" class="hide-on-small-only" />-->
      <!-- <img src="img\skater.svg" id="parallax-skater" class="hide-on-small-only" /> -->
      <img src="img\stars.svg" id="parallax-stars" />
      <!-- <img src="img\astronaut.svg" id="parallax-astronaut" /> -->
    </div>
    <div id="motto"><span class="magic-underline">LET'S</span><br />TALK <span class="magic-underline">BUSINESS</span>
      <div id="submotto">The place where fresh ideas become your favorite tech</div>
    </div>
  </div>
  <div class="colls">
      <div class="card_elem">
          <div class="card" id="C_3Dprinting">
              <div class="heading">
                <span class="ro">Printare și Modelare 3D</span>
                <span class="en">3D Printing and Modelling</span>
              </div>
              <a class="btn" onclick="showonly('CO_3Dprinting')">
                <span class="ro">Vezi mai multe detalii...</span>
                <span class="en">See more details....</span>
              </a>
          </div>
          <div class="card_overlay" id="CO_3Dprinting" style="display: none;" onclick="showonly('')">
            <span class="ro">La noi poți printa orice îți trece prin minte și am făcut procesul cât se poate de simplu pentru tine! Trimite-ne modelul tău la adresa: <a href="mailto:contact@creativemotion.ro" target="_blank" style="text-decoration:underline; color:white;">contact@creativemotion.ro</a> (sau dacă nu ai unul scrie-ne despre ideea ta și te contactam noi!) și noi ne ocupăm de slicing, definire și finisaje. Printăm în PLA, TPU, ABS și PET.</span>
            <span class="en">With us you can 3D print anything that crosses your mind and we made the process easier for you! Just send us your model at <a href="mailto:contact@creativemotion.ro" target="_blank" style="text-decoration:underline; color:white;">contact@creativemotion.ro</a> (or if you don’t have one, write to us about your idea and we’ll get back to you) and we’ll do the slicing and finishing touches. We print in PLA, TPU, ABS and PET.</span>
          </div>
      </div>
      <div class="card_elem">
        <div class="card" id="C_server">
            <div class="heading">
              <span class="ro">Arhitectură Servere</span>
              <span class="en">Server Architecture</span>
            </div>
            <a class="btn" onclick="showonly('CO_server')">
              <span class="ro">Vezi mai multe detalii...</span>
              <span class="en">See more details....</span>
            </a>
        </div>
        <div class="card_overlay" id="CO_server" style="display: none;" onclick="showonly('')">
          <span class="ro">Te-ai gândit vreodată că vrei și tu un server pe care să iți hostezi site-ul sau să îți faci propriul NAS? Și noi! Hai să te ajutăm să-ți pui toate procesele în funcțiune și să nu îți mai faci griji cu mentenanță.</span>
          <span class="en">Have you ever thought of getting your own server to host your website or your own NAS? Same! Let us help you put all your processes in order and stop worrying about maintenance.</span>
        </div>
      </div>
      <div class="card_elem">
        <div class="card" id="C_podcast">
            <div class="heading">
              <span class="ro">Studio de Podcast</span>
              <span class="en">Podcast Studio</span>
            </div>
            <a class="btn" onclick="showonly('CO_podcast')">
              <span class="ro">Vezi mai multe detalii...</span>
              <span class="en">See more details....</span>
            </a>
        </div>
        <div class="card_overlay" id="CO_podcast" style="display: none;" onclick="showonly('')">
          <span class="ro">Ai vrut mereu să iți înregistrezi discuțiile faine cu oamenii de lângă tine dar nu ai avut acces la echipament/locație? Știm că sună cam specific dorință, dar atât a putut copywriter-ul nostru… În orice caz, la noi găsești două microfoane, două camere de filmat (Nikon D3400 și D5600), o sală faină echipată cu Phillips Hue și orice mai aveți nevoie ca recuzită :)</span>
          <span class="en">Have you ever thought of recording your conversations with the amazing people you met but you never had access to equipment or space? We know it sounds quite specific, but that’s all our copywriter could muster...  Anyway, at our office you can find two microphones Behringer C1-U, two cameras (Nikon D3400 and D5600), a cool room with Phillips Hue included and anything else you might need as props for your show :)</span>
        </div>
      </div>
      <div class="card_elem">
        <div class="card" id="C_events">
            <div class="heading">
              <span class="ro">Organizare workshop-uri</span>
              <span class="en">Workshops and classes</span>
            </div>
            <a class="btn" onclick="showonly('CO_events')">
              <span class="ro">Vezi mai multe detalii...</span>
              <span class="en">See more details....</span>
            </a>
        </div>
        <div class="card_overlay" id="CO_events" style="display: none;" onclick="showonly('')">
          <span class="ro">Vrei și tu să înveți cum să faci ce facem noi? Super! Hai să iți arătam cum se întâmplă magia la unul din workshop-urile noastre: Research, Design Thinking, Solidworks, Adobe Suite, Cinema 4D, Artă Digitală, Electronică, Printare 3D și multe altele...</span>
          <span class="en">You want to learn to do what we do? Great! Let us show you how it’s done at one of our workshops: Research, Design Thinking, Solidworks, Adobe Suite, Cinema 4D, Digital Art, Electronics, 3D printing  and much more…</span>
        </div>
      </div>
      <div class="card_elem">
        <div class="card" id="C_polistiren">
            <div class="heading">
              <span class="ro">Modelaj în polistiren</span>
              <span class="en">Polystyrene Modelling</span>
            </div>
            <a class="btn" onclick="showonly('CO_polistiren')">
              <span class="ro">Vezi mai multe detalii...</span>
              <span class="en">See more details....</span>
            </a>
        </div>
        <div class="card_overlay" id="CO_polistiren" style="display: none;" onclick="showonly('')">
          <span class="ro">Ne place să ne jucăm cu materiale, și unul din preferatele noastre este polistirenul. Deși nu putem face modele complexe, putem să adăugăm niște creativitate în orice proiect ai în minte, de la litere volumetrice și hexagoane la sisteme integrate în polistiren. Contactează-ne să vedem cum putem să te ajutăm!</span>
          <span class="en">We love playing with new materials, and polystyrene is one of our favorites. Although we can’t do complex models, we can add a dash of creativity to any project you have in mind, from volumetrics letters and hexagons to integrated systems in polystyrene. Contact us and let’s see how we might be of use to you!</span>
        </div>
      </div>
      <div class="card_elem">
        <div class="card" id="C_dev">
            <div class="heading">
              <span class="ro">Dezvoltare de proiecte</span>
              <span class="en">Project development</span>
            </div>
            <a class="btn" href="dev_cycle.html" onclick="showonly('')">
              <span class="ro">Vezi mai multe detalii...</span>
              <span class="en">See more details....</span>
            </a>
        </div>
        <!--<div class="card_overlay" style="display: none;" onclick="showonly('')">
          <span class="ro">Proiecte</span>
          <span class="en">Projects</span>
        </div>-->
      </div>
  </div>
  <div id="footer">
    Made with ❤ by the Creative Motion team
  </div>
</body>
<script>
  function show(id) {
    document.getElementById(id).style.display = 'block';
  }
  function showonly(id) {
    document.getElementById("CO_3Dprinting").style.display = 'none';
    document.getElementById("CO_server").style.display = 'none';
    document.getElementById("CO_podcast").style.display = 'none';
    document.getElementById("CO_events").style.display = 'none';
    document.getElementById("CO_polistiren").style.display = 'none';
    document.getElementById("CO_3Dprinting").style.display = 'none';
    if(id) document.getElementById(id).style.display = 'block';
  }
  function hide(id) {
    document.getElementById(id).style.display = 'none';
    }
  </script>

</html>