guido-design/index.html at master · pmunna/guido-design · 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
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<!DOCTYPE html lang="it">
<head>
    <title>Guido Frascadore</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="title" content="Guido Frascadore">
    <meta name="description" content="Imprenditore italiano, fondatore di startup in ambito fintech ed ecommerce e irriducibile ottimista.">
    <meta name="keywords" content="Guido Frascadore, Frascadore, Entrepreneur, fondatore, startup, fintech, italia, ecommerce, e-commerce, start-up, start up">
    <meta name="robots" content="index, follow">
    <meta name="author" content="Guido Frascadore">
    <meta name="theme-color" content="#181818">

    <!-- OG -->
    <meta property="og:locale" content="it_IT">
    <meta property="og:type" content="website">
    <meta name="og:title" property="og:title" content="Guido Frascadore">
    <meta property="og:description" content="Imprenditore italiano, fondatore di startup in ambito fintech ed ecommerce e irriducibile ottimista.">
    <meta property="og:url" content="http://guidofrascadore.it/">
    <meta property="og:image" content="http://guidofrascadore.it/img/og280x150.jpg">

    <!-- TWITTER -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@guidofrascadore">
    <meta name="twitter:creator" content="@guidofrascadore">
    <meta name="twitter:title" content="Guido Frascadore">
    <meta name="twitter:description" content="Imprenditore italiano, fondatore di startup in ambito fintech ed ecommerce e irriducibile ottimista.">
    <meta name="twitter:image" content="/img/og680x335.jpg">
    <meta name="”twitter:url”" content="http://guidofrascadore.it/">

    <!-- FAVICON -->
    <link rel="apple-touch-icon" sizes="57x57" href="img/favicon/favicon57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="img/favicon/favicon60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="img/favicon/favicon72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="img/favicon/favicon76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="img/favicon/favicon114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="img/favicon/favicon120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="img/favicon/favicon144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="img/favicon/favicon152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="img/favicon/favicon180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="img/favicon/favicon192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="img/favicon/favicon96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon16.png">
    <meta name="msapplication-TileImage" content="img/favicon/favicon144.png">

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"><!--bootstrap-->
    <link rel="stylesheet" type="text/css" href="css/theme.css">

    <link rel="canonical" href="http://guidofrascadore.it/">
    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

</head>
<body>

<div class="preloader"></div>
<div class=container>
    <div class="row">
        <div class="col-11 offset-sm-1 offset-0">
            <div class="nome">
                <h3>Guido Frascadore</h3>
                <div class="jobtitle">
                    <span class="horizontal-line"></span>
                    <p>Entrepreneur</p>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="title">
                <h1 class="hidden">Imprenditore italiano, fondatore di startup in ambito fintech ed ecommerce e <span class="type underlined">irriducibile ottimista.</span></h1>
            </div>
        </div>
    </div>

    <section class="profile">
        <div class="row">
            <div class="col-sm-4 offset-sm-1 hidden">
                <p>Lavora all'intersezione tra Product Design, Engineering e Digital Strategy con grande attenzione per i dettagli. Inspirato dalla filosofia Kaizen e inebriato dai complessi meccanismi della rete e da quella sensazione di libertà e di sfida continua che offrono.</p>
                <p>Con il coraggioso obiettivo di creare prodotti e aziende che permettano le persone di sentirsi ispirate e soddisfatte a fine giornata.</p>
            </div>
            <div class="col-sm-4 offset-sm-1">
                <div class="profile__picture">
                    <img draggable="false" alt="Guido frascadore profile picture" src="img/guido_frascadore.jpg"/>
                </div>
            </div>
        </div>
    </section>

    <section class="hype">
        <div class="row">
            <div class="col-sm-7">
                <h1 class="hidden">Co-Fondatore e Design Mentor in <span  class="type underlined">HYPE</span></h1>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4 col-12 offset-sm-1 hidden">
                <p>HYPE rivoluziona la gestione del denaro con una carta-conto ricaricabile connessa ad un’app.
                    Ti aiuta a tenere tutte le tue spese sotto controllo, e soprattutto a raggiungere i tuoi obiettivi.
                    Puoi effettuare pagamenti e scambiare denaro con altre persone.</p>
                <div class="details">
                    <h4>2015</h4>
                    <h4><a rel="noopener" aria-label="hype official site" target="_blank" href="https://www.hype.it/">www.hype.it</a></h4>
                </div>
            </div>
        </div>
    </section>
    <section class="bemind">
        <div class="row">
            <div class="col-sm-6 offset-sm-5">
                <h1 class="hidden">Fondatore e Chairman di <span class="type underlined">Bemind</span></h1>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4 col-12 offset-sm-6 hidden">
                <p>Bemind Interactive è un product design studio che trasforma brillanti idee in prodotti ambiziosi.</p>
                <p>Dal 2009, l’azienda collabora con startup e aziende consolidate fornendo loro l’adeguato supporto per immettersi nel mercato incrementando il loro business e aprendosi a nuovi mercati. Il tutto fornendo al cliente un servizio a 360 gradi, dal product design, prototyping e branding allo sviluppo combinandoli in un’unica soluzione per ottenere una brand experience che possa significare un rilevante cambiamento per il settore e per le necessità del cliente.</p>
                <div class="details">
                    <h4>2009</h4>
                    <h4><a rel="noopener" aria-label="bemind official site" target="_blank" href="https://www.bemind.me/">www.bemind.me</a></h4>
                </div>
            </div>
        </div>
    </section>
    <section class="bemind">
        <div class="row">
            <div class="col-sm-7">
                <h1 class="hidden">Fondatore e CEO di <span class="type underlined">Vidra</span></h1>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4 col-12 offset-sm-1 hidden">
                <p>Vidra è una piattaforma che offre la possibilità  a piccole e grandi aziende di accedere al mondo del commercio digitale,
                    mettendo a disposizione del venditore degli strumenti che consentono di gestire i canali di vendita
                    (sito, app, marketplace come amazon, ebay, manomano e tanti altri e social) tramite un unico punto di accesso,
                    e di coordinare nella completezza la vendita dal pagamento fino alla spedizione ottimizzando i profitti e migliorando la qualità del lavoro.</p>
                <div class="details">
                    <h4>2019</h4>
                    <h4><a rel="noopener" aria-label="vidra official site" target="_blank" href="https://www.vidra.com/">www.vidra.com</a></h4>
                </div>
            </div>
        </div>
    </section>
    <section class="about">
        <div class="row">
            <div class="col-12 ">
                <div class="title">
                    <h1 class="hidden"><span class="type underlined">Specializzato in </span>fintech, ecommerce, startup, product design, digital strategies, design thinking.</h1>
                </div>
            </div>
            <div class="col-sm-4 order-sm-1 order-2 offset-sm-1">
                <div class="profile__picture">
                    <img draggable="false" alt="Guido frascadore at sios" src="img/guido_sios.jpg"/>
                </div>
            </div>
            <div class="col-sm-4 order-sm-2 order-1  offset-sm-1 hidden">
                <p>Per progetti o collaborazioni puoi raggiungermi all’indirizzo <span class="link" ><a href="mailto:guido@bemind.me">guido@bemind.me</a></span> oppure al numero <span class="link" ><a  href="#">+39 339 6239674.</a></span></p>
            </div>
        </div>
    </section>
    <section class="copyright">
        <div class="row">
            <div class="offset-sm-6 col-sm-6">
                <div class="title">
                    <h4>© Copyright 2019</h4>
                </div>
            </div>
        </div>
    </section>
</div>

<!--bootstrap-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

<script src="https://cdn.jsdelivr.net/npm/typeit@6.0.3/dist/typeit.min.js"></script>

<script>
    new TypeIt('.type', {
    strings: '',
    speed: 50,
    cursor: false,
    waitUntilVisible: true
    }).go();
</script>


<script>//loader timeout
        document.addEventListener("DOMContentLoaded", function(){
            $('.preloader').delay(5).fadeOut('slow');

            $('.preloader')
                .delay(5)
                .fadeOut();
        });
    </script>
<script type="text/javascript">
        var animateHTML = function() {
            var elems;
            var windowHeight;
            function init() {
              elems = document.querySelectorAll('.hidden');
              windowHeight = window.innerHeight;
              addEventHandlers();
              checkPosition();
            }
            function addEventHandlers() {
              window.addEventListener('scroll', checkPosition);
              window.addEventListener('resize', init);
            }
            function checkPosition() {
              for (var i = 0; i < elems.length; i++) {
                var positionFromTop = elems[i].getBoundingClientRect().top;
                if (positionFromTop - windowHeight <= 0) {
                  elems[i].className = elems[i].className.replace(
                    'hidden',
                    'fade-in-element'
                  );
                }
              }
            }
            return {
              init: init
            };
          };
          animateHTML().init();
</script>
<!--jsonld-->
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Person",
"name": "Guido Frascadore",
"url": "http://guidofrascadore.it/",
"image": "http://guidofrascadore.it/img/guido_frascadore.jpg",
"sameAs": [
"https://www.facebook.com/guido.frascadore",
"https://www.linkedin.com/in/guidofrascadore/?locale=it_IT",
"https://www.behance.net/guidofrascadore",
"https://twitter.com/guidofrascadore",
"https://www.instagram.com/guidofrascadore/",
"http://guidofrascadore.it/"
],
"jobTitle": "Entrepreneur",
"worksFor": {
"@type": "Organization",
"name": "Bemind"
}
}
{
"@context": "https://schema.org/",
"@type": "WebSite",
"name": "Guido Frascadore",
"url": "http://guidofrascadore.it/"
}
</script>
</body></html>