https://otto-torino.github.io/about/

1<!DOCTYPE html>
2<html>
3<head>
4
5    <!-- Document Settings -->
6    <meta charset="utf-8" />
7    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8
9    <!-- Base Meta -->
10    <!-- dynamically fixing the title for tag/author pages -->
11
12
13
14    <title>OTTO</title>
15    <meta name="HandheldFriendly" content="True" />
16    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
17    <!-- Styles'n'Scripts -->
18    <link rel="stylesheet" type="text/css" href="/assets/built/screen.css" />
19    <link rel="stylesheet" type="text/css" href="/assets/built/screen.edited.css" />
20    <link rel="stylesheet" type="text/css" href="/assets/built/syntax.css" />
21    <!-- highlight.js -->
22    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css">
23    <style>.hljs { background: none; }</style>
24
25    <!--[if IE]>
26        <style>
27            p, ol, ul{
28                width: 100%;
29            }
30            blockquote{
31                width: 100%;
32            }
33        </style>
34    <![endif]-->
35    
36    <!-- This tag outputs SEO meta+structured data and other important settings -->
37    <meta name="description" content="Multimedia design and full stack development" />
38    <link rel="shortcut icon" href="/assets/images/favicon.jpg" type="image/png" />
39    <link rel="canonical" href="/about/" />
40    <meta name="referrer" content="no-referrer-when-downgrade" />
41
42     <!--title below is coming from _includes/dynamic_title-->
43    <meta property="og:site_name" content="Otto SRL" />
44    <meta property="og:type" content="website" />
45    <meta property="og:title" content="OTTO" />
46    <meta property="og:description" content="We are always available. We founded OTTO in 1998 to offer a complete range of services to companies and organizations that wanted to communicate their activity using new media. We have brought together our experiences in written and visual communication, ergonomics, IT development and research. In more than 20 years" />
47    <meta property="og:url" content="/about/" />
48    <meta property="og:image" content="/assets/images/blog-cover.jpg" />
49    <meta property="article:publisher" content="https://www.facebook.com/ottosrltorino" />
50    <meta property="article:author" content="https://www.facebook.com/ottosrltorino" />
51    <meta property="article:published_time" content="" />
52    <meta property="article:modified_time" content="" />
53    <meta name="twitter:card" content="summary_large_image" />
54    <meta name="twitter:title" content="OTTO" />
55    <meta name="twitter:description" content="We are always available. We founded OTTO in 1998 to offer a complete range of services to companies and organizations that wanted to communicate their activity using new media. We have brought together our experiences in written and visual communication, ergonomics, IT development and research. In more than 20 years" />
56    <meta name="twitter:url" content="/" />
57    <meta name="twitter:image" content="/assets/images/blog-cover.jpg" />
58    <meta name="twitter:label1" content="Written by" />
59    <meta name="twitter:data1" content="Otto SRL" />
60    <meta name="twitter:site" content="@OttoTorino" />
61    <meta name="twitter:creator" content="@OttoTorino" />
62    <meta property="og:image:width" content="1400" />
63    <meta property="og:image:height" content="933" />
64
65    

65<script type="application/ld+json">
66{
67    "@context": "https://schema.org",
68    "@type": "Website",
69    "publisher": {
70        "@type": "Organization",
71        "name": "Otto SRL",
72        "logo": "/assets/images/logo.png"
73    },
74    "url": "/about/",
75    "image": {
76        "@type": "ImageObject",
77        "url": "/assets/images/blog-cover.jpg",
78        "width": 2000,
79        "height": 666
80    },
81    "mainEntityOfPage": {
82        "@type": "WebPage",
83        "@id": "/about/"
84    },
85    "description": "We are always available. We founded OTTO in 1998 to offer a complete range of services to companies and organizations that wanted to communicate their activity using new media. We have brought together our experiences in written and visual communication, ergonomics, IT development and research. In more than 20 years"
86}
87    </script>

87
88
89    <!-- 

89<script type="text/javascript" src="https://demo.ghost.io/public/ghost-sdk.min.js?v=724281a32e"></script>

89
90    

90<script type="text/javascript">
91    ghost.init({
92    	clientId: "ghost-frontend",
93    	clientSecret: "f84a07a72b17"
94    });
95    </script>

95 -->
96
97    <meta name="generator" content="Jekyll 3.6.2" />
98    <link rel="alternate" type="application/rss+xml" title="OTTO" href="/feed.xml" />
99
100
101</head>
102<body class="page-template">
103
104    <div class="site-wrapper">
105        <!-- All the main content gets inserted here, index.hbs, post.hbs, etc -->
106        <!-- < default -->
107<!-- The tag above means: insert everything in this file
108into the {body} of the default.hbs template -->
109
110<!-- The big featured header, it uses blog cover image as a BG if available -->
111<header class="site-header outer">
112    <div class="inner">
113        <nav class="site-nav">
114    <div class="site-nav-left">
115        
116            
117                <a class="site-nav-logo" href="/"><img src="/assets/images/logo.png" alt="Otto SRL" /></a>
118            
119        
120        
121            <ul class="nav" role="menu">
122    <li class="nav-home" role="menuitem"><a href="/">Blog</a></li>
123    <li class="nav-about" role="menuitem"><a href="/about/">About</a></li>
124    <li class="nav-about" role="menuitem"><a href="https://www.otto.to.it">Company</a></li>
125    <!-- <li class="nav-getting-started" role="menuitem"><a href="/tag/getting-started/">Getting Started</a></li> -->
126</ul>
127
128        
129    </div>
130    <div class="site-nav-right">
131        <div class="social-links">
132            
133                <a class="social-link social-link-fb" href="https://facebook.com/ottosrltorino" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M19 6h5V0h-5c-3.86 0-7 3.14-7 7v3H8v6h4v16h6V16h5l1-6h-6V7c0-.542.458-1 1-1z"/></svg>
134</a>
135            
136            
137                <a class="social-link social-link-tw" href="https://twitter.com/OttoTorino" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"/></svg>
138</a>
139            
140        </div>
141        
142    </div>
143</nav>
144
145    </div>
146</header>
147
148<!-- Everything inside the #post tags pulls data from the post -->
149<!-- #post -->
150
151<main id="site-main" class="site-main outer" role="main">
152    <div class="inner">
153
154        <article class="post-full post page no-image">
155
156            <header class="post-full-header">
157                <h1 class="post-full-title">OTTO</h1>
158            </header>
159
160            
161
162            <section class="post-full-content">
163                <p>We are always available.</p>
164
165<p>We founded OTTO in 1998 to offer a complete range of services to companies and organizations that wanted to communicate their activity using new media.  We have brought together our experiences in written and visual communication, ergonomics, IT development and research.</p>
166
167<p>In more than 20 years we have improved our offer of tailor-made digital services around the needs and desires of customers.  The market has changed, technologies have developed, but our approach has remained the same: adapting the technical possibilities to the real communication needs.  Our motto is <strong>We are always available</strong>: we prefer a long-term collaboration that allows our customers and us to grow and improve.  And when you need something, just pick up the phone…</p>
168
169            </section>
170
171        </article>
172
173    </div>
174</main>
175
176<!-- /post -->
177
178<!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs -->

179<script>
180$(function() {
181    var $postContent = $(".post-full-content");
182    $postContent.fitVids();
183});
184</script>

184
185
186
187
188        <!-- Previous/next page links - displayed on every page -->
189        
190
191        <!-- The footer at the very bottom of the screen -->
192        <footer class="site-footer outer">
193            <div class="site-footer-content inner">
194                <section class="copyright"><a href="/">Otto SRL</a> &copy; 2021</section>
195                <section class="poweredby">Proudly published with <a href="https://jekyllrb.com/">Jekyll</a> &
196                    <a href="https://pages.github.com/" target="_blank" rel="noopener">GitHub Pages</a>
197                </section>
198                <nav class="site-footer-nav">
199                    <a href="/">Latest Posts</a>
200                    <a href="https://facebook.com/ottosrltorino" target="_blank" rel="noopener">Facebook</a>
201                    <a href="https://twitter.com/OttoTorino" target="_blank" rel="noopener">Twitter</a>
202                    <a href="https://www.otto.to.it" target="_blank" rel="noopener">Otto SRL</a>
203                </nav>
204            </div>
205        </footer>
206
207    </div>
208
209    <!-- The big email subscribe modal content -->
210    
211
212    <!-- highlight.js -->
213    

213<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.10.0/components/prism-abap.min.js"></script>

213
214    

214<script>$(document).ready(function() {
215      $('pre code').each(function(i, block) {
216        hljs.highlightBlock(block);
217      });
218    });</script>

218
219
220    <!-- jQuery + Fitvids, which makes all video embeds responsive -->
221    

221<script
222        src="https://code.jquery.com/jquery-3.2.1.min.js"
223        integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
224        crossorigin="anonymous">
225    </script>

225
226    

226<script type="text/javascript" src="/assets/js/jquery.fitvids.js"></script>

226
227    

227<script type="text/javascript" src="https://demo.ghost.io/assets/js/jquery.fitvids.js?v=724281a32e"></script>

227
228
229
230    <!-- Paginator increased to "infinit" in _config.yml -->
231    <!-- if paginator.posts  -->
232    <!-- 

232<script>
233        var maxPages = parseInt('');
234    </script>

234
235    

235<script src="/assets/js/infinitescroll.js"></script>

235 -->
236    <!-- /endif -->
237
238    
239
240
241    <!-- Add Google Analytics  -->
242    <!-- Google Analytics Tracking code -->
243 

243<script>
244  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
245  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
246  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
247  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
248
249  ga('create', '', 'auto');
250  ga('send', 'pageview');
251
252 </script>

252
253
254
255    <!-- The #block helper will pull in data from the #contentFor other template files. In this case, there's some JavaScript which we only want to use in post.hbs, but it needs to be included down here, after jQuery has already loaded. -->
256    
257        

257<script>
258$(function() {
259    var $postContent = $(".post-full-content");
260    $postContent.fitVids();
261});
262</script>

262
263
264    
265
266    <!-- Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag -->
267    <!-- ghost_foot -->
268
269</body>
270</html>